/* 
 *
 * Author: Redact Solutions Ltd
 * Web: http://www.redactsolutions.co.uk
 * Date: 05th Aug 2009
 *
 * Main layout styles
 */
 
/* Resets
----------------------------------------- */
* {
	margin: 0;
	padding: 0;
}
.clear{
	clear: both;
}

/* Core
----------------------------------------- */
html {
	margin: 0;
	padding: 0;
	height: 100%;
	overflow-y: scroll;
}
	body {
		margin:0;
		padding:0;
		height:100%;
		color: #333333;
	 	font-size: 62.5%; 
		font-family: Arial, Helvetica, sans-serif; 
		background: #fff url(/images/body-bg.jpg) repeat-x;
	}

h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 2.1em;
	color: #4f4d4d;
}
h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.8em;
	color: #4f4d4d;
	margin-bottom: 10px;
}
p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #333333;
	margin-top: 14px;
	margin-bottom: 14px;
	line-height: 1.5;
}

td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #333333;
	line-height: 1.5;	
}


a, a:active, a:link, a:visited {
	color: #cc99cc;
	text-decoration: underline;
}
a:hover {
	color: #333333;
}

/* Site wrappers
----------------------------------------- */
#OuterWrapper {
	height: auto !important;
	height: 100%;
	min-height: 100%; 
	position: relative;
}
#Wrapper {
	width: 880px;
	margin: 0 auto;
	height: auto !important;
	height: 100%;
	min-height: 100%; 
	position: relative;
	padding-bottom: 40px;
}

/* Header section
----------------------------------------- */
#Header {
	height: 190px;
	text-align: center;
	padding-top: 10px;
}

/* Top navigation
----------------------------------------- */
#TopNav {
	width: 880px;
	height: 36px;
	background: url(/images/top-nav-bg.png) no-repeat;
	float: left;
}
#TopNav ul {
	list-style-type: none;
	margin: 0 0 0 40px;
}
#TopNav li {
	float: left;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.8em;
	color: #333333;
}
#TopNav li a {
	text-decoration: none;
	color: #333333;	
}
#TopNav li a:hover {
	color: #999999;	
}
#TopNav .nav1 {background: url(/images/nav-1.png) no-repeat; width: 80px; height: 36px; padding: 8px 0 0 24px;}
#TopNav .nav1up {background: url(/images/nav-1-up.png) no-repeat; width: 80px; height: 36px; padding: 8px 0 0 24px;}
#TopNav .nav2 {background: url(/images/nav-2.png) no-repeat; width: 82px; height: 36px; padding: 8px 0 0 24px;}
#TopNav .nav2up {background: url(/images/nav-2-up.png) no-repeat; width: 82px; height: 36px; padding: 8px 0 0 24px;}
#TopNav .nav3 {background: url(/images/nav-3.png) no-repeat; width: 92px; height: 36px; padding: 8px 0 0 24px;}
#TopNav .nav3up {background: url(/images/nav-3-up.png) no-repeat; width: 92px; height: 36px; padding: 8px 0 0 24px;}
#TopNav .nav4 {background: url(/images/nav-4.png) no-repeat; width: 148px; height: 36px; padding: 8px 0 0 24px;}
#TopNav .nav4up {background: url(/images/nav-4-up.png) no-repeat; width: 148px; height: 36px; padding: 8px 0 0 24px;}
#TopNav .nav5 {background: url(/images/nav-5.png) no-repeat; width: 96px; height: 36px; padding: 8px 0 0 24px;}
#TopNav .nav5up {background: url(/images/nav-5-up.png) no-repeat; width: 96px; height: 36px; padding: 8px 0 0 24px;}
#TopNav .nav6 {background: url(/images/nav-6.png) no-repeat; width: 84px; height: 36px; padding: 8px 0 0 24px;}
#TopNav .nav6up {background: url(/images/nav-6-up.png) no-repeat; width: 84px; height: 36px; padding: 8px 0 0 24px;}

	
/* Page content wrappers
----------------------------------------- */
#ContentLeftEdge {
	width: 20px;
	height: 229px;
	background: url(/images/content-bg-left.png) no-repeat;
	float: left;
}
#ContentRightEdge {
	width: 20px;
	height: 229px;
	background: url(/images/content-bg-right.png) no-repeat;
	float: left;
}
#Content {
	width: 840px;
	background: url(/images/content-bg-top.png) repeat-x;
	padding: 30px 0 40px 0;
	float: left;
}
#Content .col1 {
	width: 380px;
	float: left;
	margin: 0 18px 20px 20px;
	padding-bottom: 20px;
}
#Content .col2 {
	width: 380px;
	float: left;
	margin: 0 20px 20px 18px;
	padding-bottom: 20px;	
}

/* Content sections
----------------------------------------- */
#HomeTopLeft {
	width: 380px;
}
#HomeTopRight {
	width: 380px;
}
#HomeTopRight p {
	font-size: 1.4em;
}
#HomeBottomLeft {
	background: url(/images/home-bottom-left-bg.gif) no-repeat;
	width: 340px;
	height: 150px;
	margin-top: 20px;
	padding: 20px;
}
#HomeBottomLeft p {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	color: #4f4d4d;
	line-height: 1.4;
	margin: 0;
}
#HomeBottomRight {
	width: 380px;
	margin-top: 30px;
	margin-bottom: 22px;
}
#HomeBottomRight p {
	font-size: 1.4em;
}
.pageLink {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #333333;
	margin: 0;
	padding: 0;
}
.exhibitions {
	list-style-type: none;
	font-size: 1.2em;
	color: #333333;
	line-height: 1.5;	
}
.galleryList {
	font-size: 1.2em;
	color: #333333;
	line-height: 1.5;	
	margin-bottom: 20px;
}
.thumbnails img {
	border: none;
}

#ImgDescription {
	margin: 4px;
	text-align: center;
}

/* Contact form
----------------------------------------- */
#ContactForm {
	width: 310px;
	margin-top: 5px;
}

#ContactForm input, #ContactForm textarea {
	padding: 2px;
	width: 310px;
	font-size: 12px;
	margin: 0px 0px 5px 2px;
	border: 1px solid #ccc;
}

#ContactForm textarea {
	margin-left: 2px;
	height: 140px;
}

#ContactForm textarea:focus, #ContactForm input:focus {
	border: 1px solid #cc99cc;
}

#ContactForm input.submitButton {
	margin-left: 2px;
	width: 60px;
	height: 25px;
	float: left;
}

#ContactForm label {
	margin-left: 2px;
	font-size: 1.2em;
}

	
/* Footer section
----------------------------------------- */
#Footer { 
	width: 100%;
	height: 80px;
	background: url(/images/footer-bg.jpg) repeat-x;
	padding-top: 10px;
	text-align: center;
	position: absolute;
	bottom: 0;
	}
  	#Footer p { 
		color: #333;
		font-family: "Trajan Pro", Georgia, "Times New Roman", Times, serif;
		font-size: 1.2em;
		text-align: center;
		padding: 5px 0 0 0;
	}
  	#Footer p .small{ 
		font-family: Arial, Helvetica, sans-serif; 
		font-size: 0.8em;
		padding: 0;
	}	
  	#Footer a { 
	   	color: #333; 
	   	text-decoration: none;
		}
		#Footer a:hover {
			color: #333;
			text-decoration: underline;
		}