/* CSS Document */
#gallery { 
	position:relative; width:311px; height: 193px; background-color: #9C9C9C; 
}
#images {
	border:0px; width: 272px; height:181px; background-image: url('http://www.cityofwpb.com/park/images/bgSlide.jpg'); margin-bottom:0px;
}
#image {
	position:relative; width:311px; height: 193px; padding:0px; border:5px; background-image: url('http://www.cityofwpb.com/park/images/bgSlide.jpg'); url(http://www.cityofwpb.com/rec08/images/loading.gif) center center no-repeat;
}
#image img {
	position:absolute; top:5px; background: #9C9C9C; left: 19px;
}
#thumbwrapper {
	margin-top:0px; padding:0px; width:311px; height:193px; 
}
#thumbarea {
	position:relative; overflow:hidden; width:257px; height:181px; 
}
#thumbs {
	position:absolute; list-style:none; height:1px; width:1px; border-right:0px solid #9C9C9C; 
}
#thumbs li {
	float:left; cursor:pointer;
}
.imgnav {
	position:absolute; z-index:100; width:311px; height:194px;  z-index:100; outline:none; cursor:pointer;
}
#previmg {
	left:0; background:url('http://www.cityofwpb.com/park/images/left.jpg') left center no-repeat; 
}
#previmg:hover {
	opacity:1; filter:alpha(opacity=100);
}
#nextimg {
	right:0; background:url('http://www.cityofwpb.com/park/images/right.jpg') right center no-repeat; 
}
#nextimg:hover {
	opacity:1; filter:alpha(opacity=100);
}
body {
	background: url(images/bgPeach.jpg); 
	margin: 0,0,0,0; 
}