body {
}

#gallery {
	position: relative; 
	width: 240px; 
	margin: 20px auto; 
	padding: 5px; 
	border: 3px solid #CCC; 
	background: #AAA;
}

#images {
	border: 2px solid #9ac1c9; 
	height: 225px;
	background: #eef5f6; 
	margin-bottom: 20px;
}

#image {
	position: relative; 
	width: 230px; 
	height: 400px; 
	padding: 3px; 
	border: 2px solid #666; 
	background: #CCC url(images/loading.gif) center center no-repeat;
}

#image img {
	position: absolute; 
	top: 3px; 
	left: 3px;
}

#thumbwrapper {
	margin-top: 10px; 
	padding: 5px 0; 
	width:  235px; 
	height: 50px; 
	border: 2px solid #666; 
	background: #FFF;
	display: none;
}

#thumbarea {
	position: relative; 
	overflow: hidden; 
	height: 50px; 
	width: 230px; 
}

#thumbs {
	position: absolute; 
	list-style: none; 
	margin-left: 5px; 
	height: 50px; 
	width:  5000px; 
	border-right: 5px solid #FFF;
}

#thumbs li {
	float: left; 
	margin-right: 5px; 
	cursor: pointer;
}

.imgnav {
	position: absolute; 
	height: 375px; 
	width: 30%; 
	z-index: 100; 
	height: 125px; 
	width: 20%; 
	z-index: 100; 
	outline: none; 
	cursor: pointer;
	top: 280px;
}

#previmg {
	left: 0; 
	background: url(images/left.gif) left center no-repeat; 
	border-left: 1px solid #CCC;
}

#previmg:hover {
	opacity: 1; 
	filter: alpha(opacity=100);
}

#nextimg {
	right: 0; 
	background: url(images/right.gif) right center no-repeat; 
	border-right: 1px solid #CCC;
}

#nextimg: hover {
	opacity: 1; 
	filter: alpha(opacity=100);
}