#lightbox{  position: absolute;top: 20px;left: 0;width: 100%;z-index: 100;text-align: center;line-height: 0;color:#151410;z-index:1000;}

#lightbox a, #lightbox a:hover {	border-bottom:none;color:#151410;text-decoration:underline;}

#lightbox a img{ border: none; }

#outerImageContainer     {position: relative;background:#000;width: 250px;height: 250px;margin: 0 auto;border-radius:10px;
margin-top:60px;margin-left:20px;z-index:9999;
}

#imageContainer          {padding: 10px;}

#loading                 {position: absolute;top: 40%;left: 0%;height: 25%;width: 100%;text-align: center;line-height: 0;}
#loadingLink             { display:block;margin:0 auto;padding:0;width:32px;height:32px;background:url("images/loading.gif") center center no-repeat;text-indent:-9999px;}
#hoverNav                {	position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: 10;}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLinkImg, #nextLinkImg{width: 49%;height: 100%;background: transparent url("images/blank.gif") no-repeat; /* Trick IE into showing hover */display: block;text-indent:-9999px;z-index:2000;}
#prevLinkImg { left: 0; float: left;}
#nextLinkImg { right: 0; float: right;}
#prevLinkImg:hover, #prevLinkImg:visited:hover { background: url("images/prevlabel.gif") left 15% no-repeat; z-index:1000;}
#nextLinkImg:hover, #nextLinkImg:visited:hover { background: url("images/nextlabel.gif") right 15% no-repeat; z-index:1000;}

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; margin: 0 auto;line-height: 1.4em;z-index:900;
background:transparent;
}

#imageData{padding:0 10px;}

#imageDetails{ width: 70%; float: left; text-align: left; }	

#caption{ font-weight: bold;background:#fff;	}

#numberDisplay{ display: block; clear: left;color:#ff1111;z-index:9999;font-weight:bold;font-family:TwCen;text-transform:uppercase }			

#detailsNav{ display: block; clear: left; padding:0 0 10px 0;	z-index:5000;
z-index:9999;font-weight:normal;font-family:TwCen;text-transform:uppercase
}

#detailsNav a       {color:#fff;background:#111;padding:3px;}	
#detailsNav a:hover {color:#ff0000;background:#111;padding:3px;}	

#prevLinkDetails {position:relative; margin:0 8px 0 0; z-index:5000;}		
#nextLinkDetails { position:relative;margin:0 8px 0 0; z-index:5000;}		
#closeLink {position:relative;	display:block;margin:0;padding:0 0 10px 0;text-decoration:none;float:right;width:66px;height:28px;background:url("images/closelabel.gif") no-repeat;text-indent:-9999px;overflow:hidden;z-index:5000;}	

#prevLinkDetails a  {color:#ff0000;z-index:5000;}		
#nextLinkDetails a  {color:#ff0000;z-index:5000;}		
#closeLink a        {color:#ff0000;z-index:5000;}

#slideShowControl		  {position:relative;	color:#ff0000;z-index:5000;}
#slideShowControl	a	  {position:relative;	color:#ff0000;z-index:5000;}
		
#prevLinkDetails a:hover {color:#ff0000}		
#nextLinkDetails a:hover {color:#ff0000}		
#closeLink a:hover {color:#ff0000}

		
#overlay{top: 0;left: 0;z-index: 90;width: 100%;height: 500px;background-color: #151410;filter:alpha(opacity=60);-moz-opacity: 0.6;opacity: 0.6;}
	
.clearfix:after {content: ".";	display: block;	height: 0;	clear: both;	visibility: hidden;}
* html>body .clearfix {display: inline-block;	width: 100%;}
* html .clearfix {/* Hides from IE-mac \*/height: 1%;/* End hide from IE-mac */}