body {
	margin:0;
	padding:0;
	height: 100%;
	font-size:62.5%;
	line-height:62.5%;
	font-family:Arial, Helvetica, sans-serif;
}	

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

#lightbox a img { border: none; }

#outerImageContainer{
	position: relative;
    width: 759px;
	height: 640px;
	margin: 0 auto;
	
}

#imageContainer{
padding-top: 43px;
}
	
	

#imageContainer img {
	border: #A1C5DA 9px solid;
	}


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

#hoverNav{
	position: absolute;
	top: 197px;
	left:0;
    height: 100%;
	width: 100%;
	z-index: 10;
}
	
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}


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


#imageDetails{ 
 width: 100%; 
 text-align: left;
 
} 
  
#caption {
width:250px;
font-weight: bold;
font-size:1.22em;
line-height:1.23em;
color:#0B3563;
padding-left:105px;
padding-top:13px;
display:block;
}

		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	min-height: 100%;
	background-color: #BCE2F7;
}

* html #overlay {
	height: 100%;
	
}
	
#bottomNav {
   position:absolute;
   bottom:132px;
   right:97px;
   z-index:101;
   background-color:#BCE2F7;
}	


#hovernav_ohvat {
	width: 42px;
	height: 118px;
	display: block;
	position:absolute;
	left: 29px;
	float: left;
	background-image: url(../images/arrowleft.gif);
	background-repeat: no-repeat;
	background-position: -42px top;
}

a#prevLink, a:link#prevLink, a:visited#prevLink {
	width: 42px;
	height: 118px;
	display: block;
	position:absolute;
	left: 0px;
	float: left;
	background-image: url(../images/arrowleft.gif);
	background-repeat: no-repeat;
	background-position: 0px top;
}	

a:hover#prevLink {
	background-image: none;
}



#hovernav_ohvat_right {
    width: 42px;
	height: 118px;
	display: block;
	position:absolute;
	right: 29px;
	float: right;
	background-image: url(../images/arrowright.gif);
	background-repeat: no-repeat;
	background-position: 0px top;
}

a#nextLink, a:link#nextLink, a:visited#nextLink {
	width: 42px;
	height: 118px;
	display: block;
	position:absolute;
	right: 0px;
	float: right;
	background-image: url(../images/arrowright.gif);
	background-repeat: no-repeat;
	background-position: -42px top;
}

a:hover#nextLink {
	background-image: none;
}