/*
////////////  Trevor Currie  //////////// 
		Alt Brown:			#aca16f
		Grey: 				#464646
*/
/*////////////  Generics ///////////////////////////////////////////////////////////// */

* {
	border: 0px none;
	margin: 0px;
	padding: 0px; 
}

html {
height: 100%;
}

#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin:	0px auto -118px; /* the bottom margin is the negative value of the footer's height */
	width: 960px;
	}

body {
	background: #ffffff url(images/bg_main.jpg) repeat;
	color: #000000;
	height: 100%;
	font-family: Georgia, "Times New Roman", Times, serif; 
	font-size: 12px; 
	font-weight: normal;
}

a { color: #aca16f; text-decoration: none; }
a:link { color: #aca16f; text-decoration: none;}
a:visited { color: #aca16f; }
a:hover { color: #aca16f; text-decoration: underline;}
a:active { color: #aca16f; text-decoration: none;}


input, textarea, a {
	outline: none;/* get rid of dotted borders */
}

ul, ol {
	list-style-type: none;
}

div.clear {
	clear: both;
	font-size: 0px;
	height:	0px;
	line-height: 0px;
}

/*////////////  Header ///////////////////////////////////////////////////////////// */

#header {
	height: 100px; width: 960px;
	margin:	0px 0px 0px 0px;
}

#logoholder {
	width: 371px;
	float: left;
	margin-top: 30px;
}

h1#logo {
	width: 371px;
	height: 38px;
	text-indent: -6666px;
	
}

	h1#logo a {
		height: 38px;
		display: block;
		text-decoration: none;
		background: transparent url(images/logo.gif) no-repeat left top;
	}
	
	h1#logo a:hover {
		text-decoration: none;
		background: transparent;
		background: transparent url(images/logo.gif) no-repeat left bottom; 
	}

h2 {
	font-size: 28px;
	margin-bottom: 15px;
	color: #aca16f;
}

p {
	font-size: 18px;
	margin-bottom: 20px;
}


/*////////////  NavBar ///////////////////////////////////////////////////////////// */

#nav {
	float: right;
	width: 380px;
	margin-top: 30px;

}

#nav em { 
	display: none
}

	#nav ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	width: 100%;
	}
	
		#nav li { 
			display: inline;
			float: left; 
			margin: 0px;
			padding: 0px; 
		}
		
		#nav li a { 
			display: block; 
			height: 38px; 
			margin-left: 25px; 
		}

		#nav li a.navabout { 
			background: url(images/nav_button_about.gif) no-repeat left top;  
			padding: 0px;
			width: 65px;
		}
		
		#nav li a.navexhibitions { 
			background: url(images/nav_button_exhibitions.gif) no-repeat left top;  
			padding: 0px; 
			width: 139px;
		}
		
		#nav li a.navcontact { 
			background: url(images/nav_button_contact.gif) no-repeat left top;  
			padding: 0px;
			width: 86px;
		}
		
		
		#nav li a:hover { 
			background-position: left bottom 
		}
		
		#nav li a.current { 
			background-position: left bottom 
		}
		
/*////////////  Gallery Action ///////////////////////////////////////////////////////////// */

* html .galleria li div span {
	width:920px
} 
/* MSIE bug */

.gallery {
	width: 960px;
	height: 100px;
	position: relative;
	overflow: hidden;
}

#main_image {
	margin:	5px auto 30px auto;
	height:	400px;
	width:	960px;
}

	#main_image img {
		margin-bottom:10px;
	}

.thumb-container { 
	position: absolute; 
	z-index: 1;
}
				
	.thumb-container ul{
		display: block;
		width: 880px;
		position: relative; 
		float: left;
		padding: 0px 0px 0px 80px;
	}

a.next {
	position: absolute; 
	z-index: 2; 
	left: 895px; 
	top: 30px; 
	text-indent: -9999px; 
	overflow: hidden; 
	background: url(images/prev_next_arrows.png) -16px -16px no-repeat; 
	width: 61px; 
	height: 42px; 
	display: block;
}

a.prev {
	position: absolute; 
	z-index: 2; 
	left: -3px; 
	top: 30px; 
	text-indent: -9999px; 
	overflow: hidden; 
	background: url(images/prev_next_arrows.png) -78px -16px no-repeat; 
	width: 61px; 
	height: 42px; 
	display: block;
}

a.next:hover {
	background-position: -16px -59px;
}

a.prev:hover {
	background-position: -78px -59px;
}

.galleria {
	list-style:none;
}

	.galleria li {
		display:block;
		overflow:hidden;
		float:left;
		margin:0 10px 10px 0
	}
	
	.galleria li a {
		display:none
	}

.galleria li div {
	position:absolute;
	display:none;
	top:0;
}

	.galleria li div img {
		cursor:pointer
	}

.galleria li.active div img,.galleria li.active div {
	display:block
}

.galleria li img.thumb {
	cursor:pointer;
	top:auto;
	left:auto;
	display:block;
	width:auto;
	height:auto
}

.gallery-thumbs-list li {
	width: 138px;
	height: 90px;
	border: 2px solid #000000;
	margin: 0px 22px 0px 0px;
	background: #000000;
}


/*////////////  Main Content ///////////////////////////////////////////////////////////// */

#maincontent {
	width: 960px;
}

.about {
	margin-bottom: 18px;
}

#leftcol {
width: 450px;
float: left;
}

#rightcol {
width: 450px;
float: left;
}


/*////////////  Contact Form ///////////////////////////////////////////////////////////// */	

#form .row {
	float: left;
	width: 960px;
	padding: 0px 0px 16px 0px;
}

#form .row input {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	width: 960px;
	height: 25px;
	padding: 7px 0px 0px 5px;
	clear: both;
	border: 1px solid #464646;
	color: #000000;
}	

#form .row textarea {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	width: 960px;
	float: left;
	clear: both;
	padding: 7px 0px 0px 5px;
	border: 1px solid #464646;
	color: #000000;
}

#form .row label {
	color: #000000;
	padding: 0px 0px 3px 0px;
	float: left;
}

	#form .row label.notrequired {
	margin: 0px 0px 2px 0px;
}
	
	#form .row label em {
		color: #aca16f;
		font-style: normal;
		font-size: 14px;
	}

	#form .row .left input {
		width: 465px;
		height: 25px;
		padding: 7px 0px 0px 5px;
		clear: both;
	}
	
	#form .row .right input {
		width: 475px;
		height: 25px;
		padding: 7px 0px 0px 5px;
		clear: both;
	}
	
	#form .row .left {
		width: 480px;
		float: left;
	}
		
	#form .row .right {
		width: 480px;
		float: left;
	}

#submitbutton {
	float: left;
	padding: 5px 0px 0px 0px;
	clear: both;
	width: 120px;
}

	input.submit-button {
		background: url(images/button_send.gif) no-repeat left top;
		float: left;
		border: none;
		cursor: pointer;
		display: block;
		height: 30px;	width: 91px;
	}

#error {
	padding: 5px 5px 0px 0px;
	float: left;
	color: #aca16f;
	font-style: italic;
	font-weight: bold;
}

	#error ul {
		margin-top: 9px;

}

	#error li {
		display: inline;
		margin-right: 20px;

}

/*//////////// Footer ///////////////////////////////////////////////////////////// */

.footer {
	background: #103880 ;
	background: url(images/footer_bg.jpg) no-repeat center bottom;
	margin-top: 20px;
}

	.footer, .push {
		height: 118px; /* .push must be the same height as .footer */
	}

#footerplant {
	background: url(images/theplant.png) no-repeat bottom left;
	width: 100%;
	z-index: 999;
}


#footercontent {
	height: 53px;
	margin: 0 auto;
	width: 960px;
	padding: 65px 0px 0px 0px;
}

	#footercontent .divider {
		color: #464646
	}

#credits {
	text-align: left;	
}

#credits a {
	display:block;
}
	
#copy {
	float: left;
	text-align: left;
}

#builtby {
	float: right;
	text-align: right;
	padding-right: 1em;
	margin-right: 1em;
}
	
	#builtby a, #builtby a:visited {
		background: url(images/gw_logo.png) no-repeat scroll 100% 0;
		padding: 4px 18px 4px 0px;
		color: #000000;
		text-decoration: none;
	}
	
	#builtby a strong {
		display:none;
	}
	
	#builtby a:hover {
		text-decoration: none;
		background-position: 100% -21px;
		color: #464646;
	}