﻿body {
	margin: 0px;
	padding: 0px;
}
#slideshow {
	list-style: none;
	color: #000
}
#slideshow span {display:none}
#wrapper {
	width: 506px;
	margin: 50px auto;
	display: none;
	height: 350px;
}
#wrapper * {margin:0; padding:0}
#fullsize {
	position: relative;
	width: 500px;
	height: 300px;
	padding: 2px;
	background-color: #FFFFFF;
}
#information {
	position: absolute;
	bottom: 0;
	width: 500px;
	height: 0;
	background: #000000;
	color: #fff;
	overflow: hidden;
	z-index: 200;
	opacity: .7;
	filter: alpha(opacity=70);
}
#information h3 {padding:4px 8px 3px; font-size:14px}
#information p {padding:0 8px 8px}
#image {width:500px}
#image img {position:absolute; z-index:25; width:auto}
.imgnav {position:absolute; width:25%; height:306px; cursor:pointer; z-index:150}
#imgprev {
	background-position: left center;
	left: 0;
	background: url('images/left_1.gif') no-repeat left center;
}
#imgnext {
	background-position: right center;
	right: 0;
	background: url('images/right_1.gif') no-repeat right
center
}
#thumbnails {margin-top:15px}
#slideleft {
	background-position: center center;
	float: left;
	width: 20px;
	height: 81px;
	background: url('images/s-left_1.gif') no-repeat center
center;
}
#slideleft:hover {
	background-image: url('images/s-left_2.gif');
	background-repeat: no-repeat;
	background-position: center center;
}
#slideright {
	background-position: center center;
	float: right;
	width: 20px;
	height: 81px;
	background: url('images/s-right_1.gif') no-repeat center
center
}
#slideright:hover {
	background-image: url('images/s-right_2.gif');
	background-repeat: no-repeat;
	background-position: center center;
}
#slidearea {float:left; position:relative; width:456px; margin-left:5px; height:81px; overflow:hidden}
#slider {position:absolute; left:0; height:81px}
#slider img {cursor:pointer; border:1px solid #666; padding:2px}