#lightbox {
	left: 0px; width: 100%; text-align: center; line-height: 0; position: absolute; z-index: 100;
}
#lightbox a img {
	border: currentColor;
}
#outerImageContainer {
	margin: 0px auto; width: 250px; height: 250px; position: relative; background-color: rgb(255, 255, 255);
}
#imageContainer {
	padding: 10px;
}
#loading {
	left: 0%; top: 40%; width: 100%; height: 25%; text-align: center; line-height: 0; position: absolute;
}
#hoverNav {
	left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; z-index: 10;
}
#imageContainer > #hoverNav {
	left: 0px;
}
#hoverNav a {
	
}
#prevLink {
	background: url("../images/blank.gif") no-repeat; width: 49%; height: 100%; display: block;
}
#nextLink {
	background: url("../images/blank.gif") no-repeat; width: 49%; height: 100%; display: block;
}
#prevLink {
	left: 0px; float: left;
}
#nextLink {
	right: 0px; float: right;
}
#prevLink:hover {
	background: url("../images/prevlabel.gif") no-repeat left 15%;
}
#prevLink:hover:visited {
	background: url("../images/prevlabel.gif") no-repeat left 15%;
}
#nextLink:hover {
	background: url("../images/nextlabel.gif") no-repeat right 15%;
}
#nextLink:hover:visited {
	background: url("../images/nextlabel.gif") no-repeat right 15%;
}
#imageDataContainer {
	font: 10px/1.4em Verdana, Helvetica, sans-serif; margin: 0px auto; width: 100%; overflow: auto; font-size-adjust: none; font-stretch: normal; background-color: rgb(255, 255, 255);
}
#imageData {
	padding: 0px 10px; color: rgb(102, 102, 102);
}
#imageData #imageDetails {
	width: 70%; text-align: left; float: left;
}
#imageData #caption {
	font-weight: bold;
}
#imageData #numberDisplay {
	padding-bottom: 1em; clear: left; display: block;
}
#imageData #bottomNavClose {
	width: 66px; padding-bottom: 0.7em; float: right;
}
#overlay {
	left: 0px; top: 0px; width: 100%; height: 500px; position: absolute; z-index: 90; background-color: rgb(0, 0, 0);
}