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

#lightbox a img{border:none; }

#outerImageContainer{
	position: relative;
	background-color:#e6e4b4;
	width:250px;
	height:250px;
	margin:0 auto;
}

#imageContainer{padding:10px;}

#loading{
	position: absolute;
	width:100%;
	height:25%;
	top:40%;
	left:0%;
	text-align:center;
	line-height: 0;
}

#hoverNav{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index: 10;	
}

#imageContainer>#hoverNav{left: 0;}

#hoverNav a{outline: none;}

#prevLink, #nextLink{
	width:49%;
	height:100%;
	display:block;
}

#prevLink{
	left:0; 
	float:left;
}

#nextLink{
	right:0; 
	float: right;
}

#prevLink:hover, #prevLink:visited:hover { 
background:url(imagens/light/ant.gif) left 50% no-repeat; }

#nextLink:hover, #nextLink:visited:hover{ 
background:url(imagens/light/ant.gif) right 0 no-repeat; }

#nextLinkText, #prevLinkText{
	color: #FF9834;
	font-weight:bold;
	text-decoration: none;

}
#nextLinkText{
	padding-left:20px;
	color:#f08045;
}

#prevLinkText{padding-right:20px;}

.ontop #imageData{padding-top:5px;}

#imageDataContainer{
	font:10px Verdana, Helvetica, sans-serif;
	background-color:#e6e4b4;
	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;
	color: #000000;
}

#imageData #numberDisplay{ 
	display:block; 
	clear:left; 
	padding-bottom:1.0em;
}

#imageData #bottomNavClose{ 
	width:66px; 
	float:right;  
	padding-bottom:0.7em;
}

#imageData #helpDisplay {
	clear:left; 
	float:left; 
	display:block;
 }

#overlay{
	position:absolute;
	width:100%;
	height:500px;
	top:0;
	left:0;
	z-index:90;
	background-color:#000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	display: none;
}	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	width: 100%;
	display: inline-block; 
}