* {margin:0; padding:0}

#gallery {position:relative; width:686px; margin:0 40px 40px 40px; padding:10px;}
#images {border:none;  background:#eef5f6; margin-bottom:20px;}
#image {
	position:relative; 
	width:672px; 
	height:375px; 
	padding:5px; 
	border:none; 
	background:#FFF url(images/loading.gif) center center no-repeat;
	
}
#image img {
	position:absolute; 
	top:5px; 
	left:50%;
	margin-left: -43%;
	height:370px;
	width:590px;
}
#thumbwrapper {
	margin-top:10px; 
	padding:5px 0; 
	width:682px; 
	height:100px; 
	border:none; 
	background:#FFF
}
#thumbarea {position:relative; overflow:hidden; height:150px; width:682px; }
#thumbs {position:absolute; list-style:none; margin-left:5px; height:100px; width:10000px; border-right:5px solid #FFF}
#thumbs li {float:left; margin-right:5px; cursor:pointer; list-style-position: inside;}

/*.imgnav {position:absolute; height:375px; width:20%; z-index:100; height:375px; width:20%; z-index:100; outline:none; cursor:pointer}*/
.imgnav {position:absolute; height:375px; width:20%; outline:none; cursor:pointer}

#previmg {left:0; background:url(images/left.gif) left center no-repeat; border-left:5px solid #FFF}
#previmg:hover {opacity:1; filter:alpha(opacity=100)}
#nextimg {right:0; background:url(images/right.gif) right center no-repeat; border-right:5px solid #FFF}
#nextimg:hover {opacity:1; filter:alpha(opacity=100)}
#zoom{
	position:absolute; 
	margin-left:-105px; 
	font-size:12px; 
	font-weight:bold; 
	background:tranparent;
}