* {margin:0; padding:0}



#gallery {

	position:relative;

	width:687px;

	margin-top: 0;

	margin-left: 0;

	padding:10px;

	background:#AAA;

	background-color: #000000;

}

#images {

	border:2px solid #9ac1c9; 

	height:225px; 

	background:#eef5f6; 

	margin-bottom:20px;

}

#image {

	position:relative;

	width:674px;

	height:450px;

	padding:2px;

	border:2px solid #666;

	background:#000 url(images/loading.gif) center center no-repeat;

	text-align: left;

}

#image img {

	position:absolute; 

	top:2px; left:2px;

}

#thumbwrapper {

	margin-top:10px; 

	padding:2px 0; 

	width:678px; 

	height:50px; 

	border:2px solid #666; 

	background:#000;

}

#thumbarea {

	position:relative;

	overflow:hidden;

	height:50px;

	width:674px;

}

#thumbs {

	position:absolute; 

	list-style:none; 

	margin-left:5px; 

	height:50px; 

	width:10000px; 

	border-right: 2px solid #8FD300;

}

#thumbs li {

	float:left; 

	margin-right:5px; 

	cursor:pointer;

}

.imgnav {

	position:absolute; 

	height:450px; 

	width:20%; 

	z-index:100; 

	width:20%; 

	z-index:100; 

	outline:none; 

	cursor:pointer;

}

#previmg {

	left:0; 

	background:url(images/left.png) left center no-repeat; 

	border-left:2px solid #000;

	opacity:0.4;

}

#previmg:hover {

	opacity:0.8;

}

#nextimg {

	right:0; 

	background:url(images/right.png) right center no-repeat; 

	border-right:2px solid #000;

	opacity:0.4;

}

#nextimg:hover {

	opacity:0.8; 

}