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

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

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

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

#hovernav a{
	outline: none;
}

#imagecontainer{
	padding: 10px;
}

#imagecontainer>#hovernav{
	left: 0;
}

#imagedata{
	color: #333333;
	padding: 0 10px;
}

#imagedata #bottomnavclose{
	float: right;
	height: 22px;
	width: 49px;
}

#imagedata #bottomnavnext {
	float: right;
	height: 21px;
	width: 24px;
}

#imagedata #bottomnavnext img {
	display: block;
	height: 21px;
	width: 24px;
}

#imagedata #bottomnavprev {
	float: right;
	height: 21px;
	width: 24px;
}

#imagedata #bottomnavprev img {
	display: block;
	height: 21px;
	width: 24px;
}

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

#imagedata #imagedetails{
	float: left;
	padding-top: 2px;
	text-align: left;
	width: 50%;
}

#imagedata #numberdisplay{
	clear: left;
	display: block;
	padding-bottom: 1.0em;
}

#imagedatacontainer{
	background-color: #ECECEC;
	font: 11px Tahoma, Verdana, Arial, sans-serif;
	line-height: 1.4em;
	margin: 0 auto;
	font-weight: bold;
}

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

#lightbox a img{
	border: none;
}

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

#nextlink{
	background: url(images/topclose.png) no-repeat;
	display: block;
	float: right;
	height: 24px;
	right: 0;
	width: 31px;
}

#nextlink:hover {
	background: url(images/topclose.png) no-repeat;
	height: 24px;
	width: 31px;
}

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

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

#prevlink {
/*	background: url(images/puresilver.gif) no-repeat;*/
	display: block;
	float: left;
	height: 24px;
	left: 0;
	width: 90px;
}

#prevlink:hover {
/*	background: url(images/puresilver.gif) no-repeat;*/
	height: 24px;
	width: 90px;
}