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

#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: transparent url(../images/blank.gif) no-repeat; /* 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) no-repeat left 15%;
} 
#nextLink:hover, #nextLink:visited:hover { 
background : url(../images/nextlabel.gif) no-repeat right 15%;
} 
#imageDataContainer { 
font : 10px Verdana, Helvetica, sans-serif;
background-color : #fff;
margin : 0 auto;
line-height : 1.4em;
} 
#imageData { 
padding : 0 10px;
} 

#imageData #imageDetails { 
width : 70%;
float : left;
text-align : left;
} 
#imageData #caption { 
font-weight : bold;
} 
#imageData #numberDisplay { 
display : block;
clear : left;
padding-bottom : 1em;
} 
#imageData #bottomNavClose { 
width : 66px;
float : right;
padding-bottom : 0.7em;
} 

#overlay { 
position : absolute;
visibility : hidden;
top : 0;
left : 0;
z-index : 90;
width : 100%;
height : 500px;
background-color : #000;
} 
.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 */
	}