#overlay	{ height:2200px; }
#lightbox{	position: absolute;	left: 0px; top:0px; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#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:31px; height:32px; 
					   background-image: url(data:image/gif;base64,AAAA); 
					   /* Trick IE into showing hover */ display: block; }

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

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

#imageData #imageDetails{ /*width: 100%;*/ padding-top:6px;  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; outline: none;}
	 	
/*---new---*/
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

#navigationContainer {  margin:auto; margin-top:20px; position:relative; height:44px; width:326px;
						background:url(../images/fon_new2.gif) no-repeat left top; }

#prevLink { position:absolute; top:6px; left:7px; background:url(../images/back_new2.gif) no-repeat left top;  }
#nextLink { position:absolute; top:6px; right:8px; background:url(../images/next_new2.gif) no-repeat left top;   }

#prevLink:hover, #prevLink:visited:hover { background-position: bottom; }
#nextLink:hover, #nextLink:visited:hover { background-position: bottom ; }


#numberDisplay{ height:20px; width:100px; padding:0px; margin:0px; line-height:12px; position:absolute; top:15px; left:115px;
				font-size:11px; color:#fff; font-family:Tahoma,Arial; font-weight:bold;}

#bottomNavClose img { display:none;}

#bottomNavClose { display:block; width:29px; height:29px;
				  position:absolute; top:0px; right:0px;
				  background: url(../images/closed.gif) no-repeat left top;}
#bottomNavClose:hover { background-position:bottom;}
 
#bottomNav { width:328px; height:29px; margin:auto; position:relative; margin-bottom: -29px; z-index: 1000; display:none; }




/*#left_top { width:11px; height:12px; background: url(../images/new_left_top.gif) no-repeat left top; position:absolute; left:0px; top:0px;}
#left_bottom { width:11px; height:12px; background: url(../images/new_left_bottom.gif) no-repeat left top; position:absolute; left:0px; bottom:0px;}

#right_top { width:11px; height:12px; background: url(../images/new_right_top.gif) no-repeat left top; position:absolute; right:0px; top:0px;}
#right_bottom { width:11px; height:12px; background: url(../images/new_right_bottom.gif) no-repeat left top; position:absolute; right:0px; bottom:0px;}*/

#outerImageContainer{ position:relative; margin:0 auto;  padding-top: 30px;
					  background-color: #fff;  font-size:5px;
					   }
#imageContainer{ padding: 10px; }

#closed2 { position:absolute; top:5px; right:10px; z-index:111111111;}
#closed2 img { display:none;}
#but_closed { display:block; width:29px; height:29px; position:relative; outline:none;
			  background: url(../images/closed.gif) no-repeat left top;}
			  
#but_closed:hover { background-position:bottom;}

.left_top		{	width:11px; height:12px;   position:absolute; left:0px; top:0px; }
.left_bottom	{ 	width:11px; height:12px;  position:absolute; left:0px; bottom:0px;}

* html .left_bottom	{	bottom:-1px}

.right_top		{ 	width:11px; height:12px;  position:absolute; right:0px; top:0px;}
.right_bottom	{ 	width:11px; height:12px;  position:absolute; right:0px; bottom:0px;}

* html .right_bottom	{	bottom:-1px}

#kotva	{ position:absolute; top:-10px; left:0px; width:20px; height:20px; }