#:focus { outline:none; }

#lightbox{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 2000;
	text-align: center;
	line-height: 0;
	background-color:#fff;
	}

#lightbox a img { border:none; }
a.lightlink { color:#000; text-decoration:none; border-bottom: 1px solid #000; }
a.lightlink:hover, a.blindlink:hover { color:#000; text-decoration:none; border-bottom: 1px dotted #000; }
a.blindlink { color:#000; text-decoration:none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 800px;
	height: 533px;
	margin: 45px auto 0 auto;
	padding: 0 75px;
	}

#imageContainer{
	float:left;
	padding: 0;
	}

#loading {
	position: absolute;
	top: 50%;
	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(../img/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(../img/back.png) left 50% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../img/fwd.png) right 50% no-repeat; }

#imageDataContainer{ font: 15px Courier New; background-color: #fff; line-height: 19px; margin: 10px auto 0 auto;  }

#imageData { padding:0; color:#000; }
#imageData #imageDetails { float:left;width:100%; text-align: left; }	
#imageData #caption{ font-weight:400;	}
#imageData #numberDisplay{ float:left; width:100%; font-weight:400; margin:5px 0 0 0;/*float:right; margin:0;*/ }			
#bottomNav { text-align:right; }
#bottomNavClose{ display:block; text-align:right; width:950px; margin:0 auto; }	
#bottomNavClose img { padding-top:8px; }
		
#overlay{
	position: absolute;
	top: 95px;
	left: 0;
	z-index: 400;
	width: 100%;
	height: 650px;
	background-color: #fff;
	filter:alpha(opacity=1);
	-moz-opacity: 1;
	opacity: 1;
	}
	

.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 */
	}	
	
