/* Main CSS*/

* html #container {height:100%;}

* {margin: 0;}

p {margin:0}
 
h1 {font-size:1.85em;
}

h2 {font-size:1.5em;}

a img { border:0 }

a {outline: none; }

html {height: 100%; margin: 0; padding: 0;}

body {
	font: 80% Verdana, Arial, Helvetica, sans-serif;
	background-image:url(images/terra.jpg);
	background-color:#cd8c3b;
	margin: 0;
	padding: 0;
	/*text-align: center; */
	color: #fff;
	height: 100%;
	
}

 #container {
 	width: 1000px;  
	text-align: left; 
    min-height: 100%;
    margin: 0 auto;
	margin-bottom: -80px;
	background-image: url(images/);
	
}

 #topHeader {
	height: 50px;
	width: 100%;
	margin-bottom: 15px;
	margin: 0px;
}

 #header {
	height: 200px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/header5.png');
	margin-bottom: 10px;
}

html>body #header
{	height: 200px;
	background-image: url(images/header5.png);
	margin-bottom: 10px;
}

 #header h1 {
	margin: 0; 
	padding: 10px 0; 
}

#header h2 {
	margin: 0; 
	padding: 10px 0;
	font-size: 90%;
}

#botContent { height:auto; margin-left:-18px}
.thePic {
	float:left;
	width: 170px;
	height: 140px;
	background-image:url(images/sml_sq.jpg);
	background-repeat: no-repeat;
	color:#000;
	padding: 5px;
	margin-left: 18px;
	
}

.thePicGal {
	float:left;
	width: 240px;
	height: 129px;
	background-image:url(images/sml_bg.gif);
	background-repeat: no-repeat;
	color:#000;
	margin: 5px;
	
}



* html a:hover{visibility:visible}
.pic1 {position: relative; background: url(../../assets/menu1b.jpg) no-repeat; white-space: nowrap; display: block; width: 170px; height: 140px;margin:0px;}
.pic1 a {display: block; width: 170px; height: 140px; display: block; float: left; text-decoration: none;}
.pic1 img {width: 170px; height: 140px; border: 0;}
.pic1 a:hover img{visibility:hidden}
.pic1 span{position: absolute; left: 35px;top: 15px; margin: 0px; padding: 0px; cursor: pointer;}

.pic2{position: relative; background: url(../../assets/menu2b.jpg) no-repeat; white-space: nowrap; display: block; width: 170px; height: 140px;margin: 0px;}
.pic2 a{display: block; width: 170px; height: 140px; display: block; float: left; text-decoration: none;}
.pic2 img{width: 170px; height: 140px; border: 0;}
.pic2 a:hover img{visibility:hidden}
.pic2 span{position: absolute; left: 35px;top: 15px; margin: 0px; padding: 0px; cursor: pointer;}

.pic3{position: relative; background: url(../../assets/menu3b.jpg) no-repeat; white-space: nowrap; display: block; width: 170px; height: 140px;margin: 0px;}
.pic3 a{display: block; width: 170px; height: 140px; display: block; float: left; text-decoration: none;}
.pic3 img{width: 170px; height: 140px; border: 0;}
.pic3 a:hover img{visibility:hidden}
.pic3 span{position: absolute; left: 35px;top: 15px; margin: 0px; padding: 0px; cursor: pointer;}

.pic4{position: relative; background: url(../../assets/menu4b.jpg) no-repeat; white-space: nowrap; display: block; width: 170px; height: 140px;margin: 0px;}
.pic4 a{display: block; width: 170px; height: 140px; display: block; float: left; text-decoration: none;}
.pic4 img{width: 170px; height: 140px; border: 0;}
.pic4 a:hover img{visibility:hidden}
.pic4 span{position: absolute; left: 35px;top: 15px; margin: 0px; padding: 0px; cursor: pointer;}

.pic5{position: relative; background: url(../../assets/menu5b.jpg) no-repeat; white-space: nowrap; display: block; width: 170px; height: 140px;margin: 0px;}
.pic5 a{display: block; width: 170px; height: 140px; display: block; float: left; text-decoration: none;}
.pic5 img{width: 170px; height: 140px; border: 0;}
.pic5 a:hover img{visibility:hidden}
.pic5 span{position: absolute; left: 35px;top: 15px; margin: 0px; padding: 0px; cursor: pointer;}

.pic6{position: relative; background: url(../../assets/menu6b.jpg) no-repeat; white-space: nowrap; display: block; width: 170px; height: 140px;margin: 0px;}
.pic6 a{display: block; width: 170px; height: 140px; display: block; float: left; text-decoration: none;}
.pic6 img{width: 170px; height: 140px; border: 0;}
.pic6 a:hover img{visibility:hidden}
.pic6 span{position: absolute; left: 35px;top: 15px; margin: 0px; padding: 0px; cursor: pointer;}

.pic7{position: relative; background: url(../../assets/menu7b.jpg) no-repeat; white-space: nowrap; display: block; width: 170px; height: 140px;margin: 0px;}
.pic7 a{display: block; width: 170px; height: 140px; display: block; float: left; text-decoration: none;}
.pic7 img{width: 170px; height: 140px; border: 0;}
.pic7 a:hover img{visibility:hidden}
.pic7 span{position: absolute; left: 35px;top: 15px; margin: 0px; padding: 0px; cursor: pointer;}

.ga11{position: relative; background: url(../../assets/gal/1b.jpg) no-repeat; white-space: nowrap; display: block; width: 225px; height: 112px;margin:7px;}
.ga11 a{display: block; width: 225px; height: 112px; display: block; float: left; text-decoration: none;}
.ga11 img{width: 225px; height: 112px; border: 0;}
.ga11 a:hover img{visibility:hidden}
.ga11 span{position: absolute; left: 35px;top: 15px; margin: 0px; padding: 0px; cursor: pointer;}

.ga12{position: relative; background: url(../../assets/gal/2b.jpg) no-repeat; white-space: nowrap; display: block; width: 225px; height: 112px;margin:7px;}
.ga12 a{display: block; width: 225px; height: 112px; display: block; float: left; text-decoration: none;}
.ga12 img{width: 225px; height: 112px; border: 0;}
.ga12 a:hover img{visibility:hidden}
.ga12 span{position: absolute; left: 35px;top: 15px; margin: 0px; padding: 0px; cursor: pointer;}

.ga13{position: relative; background: url(../../assets/gal/3b.jpg) no-repeat; white-space: nowrap; display: block; width: 225px; height: 112px;margin:7px;}
.ga13 a{display: block; width: 225px; height: 112px; display: block; float: left; text-decoration: none;}
.ga13 img{width: 225px; height: 112px; border: 0;}
.ga13 a:hover img{visibility:hidden}
.ga13 span{position: absolute; left: 35px;top: 15px; margin: 0px; padding: 0px; cursor: pointer;}

.ga14{position: relative; background: url(../../assets/gal/4b.jpg) no-repeat; white-space: nowrap; display: block; width: 225px; height: 112px;margin:7px;}
.ga14 a{display: block; width: 225px; height: 112px; display: block; float: left; text-decoration: none;}
.ga14 img{width: 225px; height: 112px; border: 0;}
.ga14 a:hover img{visibility:hidden}
.ga14 span{position: absolute; left: 35px;top: 15px; margin: 0px; padding: 0px; cursor: pointer;}

.ga15{position: relative; background: url(../../assets/gal/5b.jpg) no-repeat; white-space: nowrap; display: block; width: 225px; height: 112px;margin:7px;}
.ga15 a{display: block; width: 225px; height: 112px; display: block; float: left; text-decoration: none;}
.ga15 img{width: 225px; height: 112px; border: 0;}
.ga15 a:hover img{visibility:hidden}
.ga15 span{position: absolute; left: 35px;top: 15px; margin: 0px; padding: 0px; cursor: pointer;}

.ga16{position: relative; background: url(../../assets/gal/6b.jpg) no-repeat; white-space: nowrap; display: block; width: 225px; height: 112px;margin:7px;}
.ga16 a{display: block; width: 225px; height: 112px; display: block; float: left; text-decoration: none;}
.ga16 img{width: 225px; height: 112px; border: 0;}
.ga16 a:hover img{visibility:hidden}
.ga16 span{position: absolute; left: 35px;top: 15px; margin: 0px; padding: 0px; cursor: pointer;}

.ga17{position: relative; background: url(../../assets/gal/7b.jpg) no-repeat; white-space: nowrap; display: block; width: 225px; height: 112px;margin:7px;}
.ga17 a{display: block; width: 225px; height: 112px; display: block; float: left; text-decoration: none;}
.ga17 img{width: 225px; height: 112px; border: 0;}
.ga17 a:hover img{visibility:hidden}
.ga17 span{position: absolute; left: 35px;top: 15px; margin: 0px; padding: 0px; cursor: pointer;}

.ga18{position: relative; background: url(../../assets/gal/8b.jpg) no-repeat; white-space: nowrap; display: block; width: 225px; height: 112px;margin:7px;}
.ga18 a{display: block; width: 225px; height: 112px; display: block; float: left; text-decoration: none;}
.ga18 img{width: 225px; height: 112px; border: 0;}
.ga18 a:hover img{visibility:hidden}
.ga18 span{position: absolute; left: 35px;top: 15px; margin: 0px; padding: 0px; cursor: pointer;}

.ga19{position: relative; background: url(../../assets/gal/9b.jpg) no-repeat; white-space: nowrap; display: block; width: 225px; height: 112px;margin:7px;}
.ga19 a{display: block; width: 225px; height: 112px; display: block; float: left; text-decoration: none;}
.ga19 img{width: 225px; height: 112px; border: 0;}
.ga19 a:hover img{visibility:hidden}
.ga19 span{position: absolute; left: 35px;top: 15px; margin: 0px; padding: 0px; cursor: pointer;}

.ga110{position: relative; background: url(../../assets/gal/10b.jpg) no-repeat; white-space: nowrap; display: block; width: 225px; height: 112px;margin:7px;}
.ga110 a{display: block; width: 225px; height: 112px; display: block; float: left; text-decoration: none;}
.ga110 img{width: 225px; height: 112px; border: 0;}
.ga110 a:hover img{visibility:hidden}
.ga110 span{position: absolute; left: 35px;top: 15px; margin: 0px; padding: 0px; cursor: pointer;}

.ga111{position: relative; background: url(../../assets/gal/11b.jpg) no-repeat; white-space: nowrap; display: block; width: 225px; height: 112px;margin:7px;}
.ga111 a{display: block; width: 225px; height: 112px; display: block; float: left; text-decoration: none;}
.ga111 img{width: 225px; height: 112px; border: 0;}
.ga111 a:hover img{visibility:hidden}
.ga111 span{position: absolute; left: 35px;top: 15px; margin: 0px; padding: 0px; cursor: pointer;}

.ga112{position: relative; background: url(../../assets/gal/12b.jpg) no-repeat; white-space: nowrap; display: block; width: 225px; height: 112px;margin:7px;}
.ga112 a{display: block; width: 225px; height: 112px; display: block; float: left; text-decoration: none;}
.ga112 img{width: 225px; height: 112px; border: 0;}
.ga112 a:hover img{visibility:hidden}
.ga112 span{position: absolute; left: 35px;top: 15px; margin: 0px; padding: 0px; cursor: pointer;}

 .text {
	float:left;
	width: 560px;
	padding: 15px 10px 0px 30px;
	color:#fff;
	border-right: thin solid #fff;}

.text a:link  {
	color:#FFFF66;
	text-decoration: underline;
}

.text a:visited {
	color:#FFFF66;
	text-decoration: underline;
}

.text a:hover {
	color:#ffffff;
	text-decoration: none;
}

 .text_right {
	float:left;
	width: 330px;
	padding: 15px 20px 0px 10px;
	color:#fff;
	}

.text_right a:link  {
	color: #fff;
	text-decoration: none;
}

.text_right a:visited {
	color: #fff;
	text-decoration: none;
}

.text_right a:hover {
	color: #666;
	text-decoration: none;
}



#frontPic
 {
	float:left;
	width: 326px;
	height: 199px;
	color:#fff;
	margin-left: 5px;
	margin-top: 10px;
	
	
		
}


.spare
 {
	float:right;
	width: 300px;
	height: 220px;
	color:#fff;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/comp.png');
	margin-top: 5px;
	z-index: 1;
}



html>body .spare
{	float:right;
    width: 350px;
	height: 220px;
	background: url('images/comp.png') no-repeat 0 0;
}


#bigPic
 {
	float:left;
	margin-left: 10px;
	width: 375px;
	height: 270px;			
}
 

 .topPic {
	float:left;
	padding: 15px 10px 10px 25px;
	color:#000000;
	width: 345px;
	height: 220px;	
}


 #topContent {	
	width: 1000px;
	height: 400px;
	margin: 0 auto;
	margin-bottom: 60px;	
}

 #mainHolder {
	width: 1000px;	
	margin: 0 auto;
}

 #theGallery {
	width: 1000px;
	margin: 0 auto;	
}

.theGal {
	
	margin-bottom: 20px;
}

 .push{clear:both;height:80px;}
 
 .top {float:left;
 margin-top: 10px;
 margin-left: 350px;
 clear:both;
 width: 50px;
 background: url('images/up.png') no-repeat;
 }

 #footer {	
	width: 100%;
	height: 70px;
	padding-top: 10px;
	clear:both;
}

#footer p {
	 
}



#but {
	position:absolute;
	top: 0%;
	/*background:url(images/) repeat-x;*/
	width:100%;
	height: 5px;
	left: 0%;
}


#galNav {float: left; padding-top: 20px;}
#galNav li {margin: 0; padding: 0px 15px 5px 5px; color: #fff; float: left; list-style:none;}
#galNav li.active { font-weight: bold; }
#galNav li a{ color: #fff; text-decoration: none;} 
#galNav li a:hover { background: url(images/nug.gif) no-repeat center bottom; padding-bottom: 5px; color: #fff;} 

#nav{float: right; margin-top: 20px; margin-right:10px;}
#nav li {margin: 0; float: left; list-style:none; padding:0 7px; border-left:1px solid #fff}
#nav li.active { font-weight: bold; text-decoration:none; }
#nav li a{ color: #fff; text-decoration: none;} 
#nav li a:hover { color:#FFFF99 } 

.xhmtl { float: right; margin-right: 15px;}
.css { float: right; margin-right: 15px;}
.siteBy { float: left; margin-left: 15px;}

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }