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

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

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

#prevLink, #nextLink {
	display:block; width:49%; height:100%;
	background:transparent url(../i/lightbox/blank.gif) no-repeat; /* Trick IE into showing hover */
}

#prevLink {left:0; float:left; background:url(../i/lightbox/prevlabel.gif) left bottom no-repeat;}
#nextLink {right:0; float:right; background:url(../i/lightbox/nextlabel.gif) right bottom no-repeat;}
/*
#prevLink:hover, #prevLink:visited:hover {background:url(../i/lightbox/prevlabel.gif) left 15% no-repeat;}
#nextLink:hover, #nextLink:visited:hover {background:url(../i/lightbox/nextlabel.gif) right 15% no-repeat;}
*/

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

#imageData {padding:0 10px; color:#000;}
#imageData #imageDetails {float:left; width:70%; text-align:left;}
#imageData #caption {font-weight:bold;}
#imageData #numberDisplay {clear:left; display:block; padding-bottom:1.0em;}
#imageData #bottomNavClose {float:right; width:66px; padding-bottom:0.7em;}
		
#overlay {
	width:100%; height:500px; position:absolute; top:0; left:0; z-index:90; background-color:#000; 
	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 */
}	
	