#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;
	border:			  1px solid;
	padding:		  5px 5px 5px 5px;
	border-color:	  #e1e1e1;
}

#imageContainer{
	padding: 		  0px 0px 0px 0px;
	
}

#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/picture_prew/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
}

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

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

#prevLink{
	background: url(../images/picture_prew/prev.gif) left 15% no-repeat;
}

#nextLink{
	background: url(../images/picture_prew/next.gif) right 15% no-repeat;
}

#imageDataContainer{
	font:             10px Verdana, Helvetica, sans-serif;
	background-color: #eeeeee;
	margin:           0 auto;
	line-height:      1.4em;
	border-top:		  1px solid;
	border-right:	  1px solid;
	border-left: 	  1px solid;
	padding:		  5px 5px 5px 5px;
	border-color:	  #e1e1e1;
}

#imageData{
	padding: 		  5px 5px 5px 5px;	
}

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

#imageData #caption{
	font-weight: bold;
}

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

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

#overlay{
	position: absolute;
	top:      0;
	left:     0;
	z-index:  90;
	width:    100%;
	height:   500px;
	opacity:  0.6;
}


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

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

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
}