body{
	 	font-size:12px; font-family:verdana, Arial, Helvetica, sans-serif;
	 }
	 
	 :focus {
		outline: 0;
	}
	#galleryHolder{
		margin:0 auto;
		width:800px;
	}
	#gallery{
		height:650px;
		width:594px;
		position:absolute;
		margin-top:30px;
		/*border:1px solid #fff;*/
		background:#000000;
		z-index:900;
		padding:5px;
	}
	#picIframe{
	 	height: 650px; 
		width: 594px;
		margin:5px 3px 3px 5px;
		background:transparent;
		position: absolute;
		z-index: 1000;
		top:0;
		}
	#picHolder{
	 	height: 642px; 
		width: 586px;
		margin:5px 3px 3px 5px;
		position:absolute;
		z-index: 1201;
		opacity: 0;
		background:#000;
		top:0;
	 }
	h4#gTitle{
		padding:10px 0px 20px 15px;
		text-transform:uppercase;
		font-family:verdana, arial;
		font-size:14px;
		width:500px;
		color:#ffffff;
		font-size:16px;
		font-weight:normal;
		margin:0;
	}
/*nav */	

#gNav{
	position:absolute;
	z-index:901;
	width:604px;
	background:#1d1d1d url() repeat-x scroll 0 0;
	height:26px;
}
		#gNav a{
			display:block;
			font-weight:bold;
			color:#fff;
			padding:6px 10px;
			border-right:1px solid #fff;
			text-align:center;
			background:transparent;
			margin:0;
			cursor:pointer;
		}
		#gNav a:hover,#gNav li.liNavHover a{
			color:#ffffff;
			background:#555!important;
		}
		#gNav a.onState, #gNav li.liNavOn a{
			color:#ffffff;
			background:#555!important;
			height:14px;
		}
	#gNav ul{
			margin:0;
			padding:0;
			overflow:hidden;
			list-style:none;
		}
		#gNav li{
			display:block;
			width:150px;
			float:left;
		}
		
		#gNav li.clearList{
			clear:both;
		}
	
		#gNav li li a, #gNav li.liNavHover li a{
			display:block;
			font-weight:normal;
			color:#fff;
			padding:3px 5px;
			border:none;
			text-align:left;
			background:#555;
			margin:0;
		}
		#gNav li li a:hover{
			background:#555;
			color:#cacdb8;
		}
		#gNav ul li ul { /* second-level lists */
	
			position: absolute;
			border-top: 1px solid #DCDDDA;	
			z-index:904;
			margin:0;	
			width:598px;
			left:0;
			padding:0;	
			display:none;
			height:auto;
			padding:3px; 
			margin-top:0px;
			background:#68564d;
			border-top:1px solid #222d35;
		}
		#gNav li li{
			float:left;
			font-size:11px;
			width:110px;
			overflow:hidden;
			margin:0;
			padding:0;
			display:block;
		}
		
	#gCounter{
		text-align:right;
		position:absolute;
		width:580px;/*same as gallery */
		top:0px;
		margin:20px 10px 0 0;
		font-size:11px;
		clear:both;
		color:#ffffff;
		}
		 #gCounter span.g_counter{padding:0 5px;}
		 #gCounter span.pageText{padding:0 5px 0 0px;}
		 #gCounter a{color:#ffffff;font-size:11px; }
		 #gCounter a:hover{color:#ffffff;}
		 #gCounter  a.g_disabled{display:none;}
		 
	 
	 #gallery ul {
	 	margin:0;
		padding:0 20px 0 25px;
	 }
	 #gallery ul li{
		 	list-style:none;
			width:75px;
			height:75px;
			margin:0px 10px 13px 0;
			padding:0px;
			border:2px solid #fff;
			display:block;
			float:left;
		 }
	#gallery img{border:0;}
	
	 #nextButton{
	 	display:block; 
		position:absolute; 
		right:10px; 
		top:280px;
		background:url(../images/template/next.gif);
		background-position:0 0;
		text-indent:-1000px;
		width:23px;
		height:31px;
		}
	 #prevButton{
		display:block; 
		position:absolute; 
		left:10px; 
		top:280px;
		background:url(../images/template/back.gif);
		background-position:0 0;
		text-indent:-1000px;
		width:23px;
		height:31px;
		}
	 #prevButton:hover, #nextButton:hover{
	 	background-position:0 -31px;
	 }
	#loadingPic{
	  	position:absolute;
	  	top:280px;
	 	left:290px;
	 	z-index: 1002; 
	 	height:32px;
	 	width: 32px;
	  	display:none;
		border:none;
	 }
	 #bigPic{
	 	position:absolute; 
		z-index: 1003;
		opacity: 1;
		border:2px solid #fff;
	 }
	 #imageDetails{
		 display:none;
		 position:absolute;
		 margin:0 auto; 
		 padding:10px 5px;
	 }
	 #imageCount{
	 	float:left;
		margin-right:5px;
		font-size:90%;
		color:#999;
		}
	
	 #imageTitle{
	 	color:#ccc;
		float:left;
	/*	visibility:hidden;*/
		
	 }
	 #imageDes{
		 display:block;
		 font-size:12px;
		 position:absolute;
		 z-index:10000;
		 color:#fff;
		 padding:10px 5px;
		/* visibility:visible!important;*/
	 }
	#details{
		color:#ffffff;
		font-size:11px;
		display:block;
		float:right;
		/*	visibility:hidden;*/
	}
	#hide{
		color:#ffffff;
		display:none;
		float:right;
		font-size:11px;
		/*	visibility:hidden;*/
	}
	a#hide:hover,a#details:hover{
		color:#669dba;
	}
	
	 #picControls{
	 	 position:absolute;
		 margin:0 auto; 
		 display:none;
		 text-align:right;
		 padding:0px 0px 15px 0;
		
	 }
	  #thumbsButton{
		background:url(../images/template/thumbs.gif) no-repeat;
		background-position:right 0px;
		font-size:10px;
		width:80px;
		padding:3px 10px 0 0px;
		color:#ffffff;
		letter-spacing:0px;
		height:22px;
		display:block;
		float:right;
		text-align:left;
		}
	 #thumbsButton:hover{
	 	background-position:right -22px;
		color:#669dba;
	 }

	 .clear{
	 	clear:both;
	 }
	 #loadingMsg{
	 	margin:0px 20px;
	 }
	 #loadingMsg span{display:block;float:left;padding:8px 4px;color:#dddddd;}
	 #loadingMsg img{display:block;float:left;}