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

#lightbox a img {
	border						: none;
}

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

#imageContainer {
	padding						: 10px;
}

#loading {
	width						: 100%;
	height						: 25%;
	position					: absolute;
	top							: 40%;
	left						: 0%;
	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 {
	width						: 49%;
	height						: 100%;
	display						: block;
 /*	background					: transparent url('images/transpar.gif') no-repeat; Trick IE into showing hover */
}

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

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

/*
#prevLink:hover, #prevLink:visited:hover {
#nextLink:hover, #nextLink:visited:hover {
*/
#prevLink {
	background					: url('images/bt_anterior.gif') left 15% no-repeat;
}

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

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

#imageData {
	padding						: 0 10px;
	color						: #666;
}

#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;
	background-color			: #000;
}
	

/* Min-Width */
.lbWidth { /* most browsers */
	position					: absolute;
	top							: 0px;
	left						: 0px;
	width						: 100%;
	min-width					: 790px;
}

* html .lbContent { /* IE6 */
	margin-left					: -790px;
	position					: relative;
}

* html .lbMinWidth { /* IE6 */
	padding-left				: 790px;
}
	
/* Clearfix */	
.clearfix:after {
	content						: ".";
	display						: block;
	height						: 0;
	clear						: both;
	visibility					: hidden;
}

.clearfix {
	display						: inline-block;
}

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