/* CSS Document */
.slideshow {
	font-family:Arial, Helvetica, sans-serif;
	width:386px;
	height:480px;
	overflow:hidden;
	background-color:#fff;
	color:#666666;
}
.slideshow > ul {
	margin: 0;
	padding: 0;
}
.slideshow > ul > li {
	display:inline;
	margin:0px;
	padding:0px;
	font-size:1px;
	margin-right: -1px;
}
.slideshow > ul > li > div {
  display: none;
  text-decoration: none;
  float:left;
}
.slideshow > ul > li > div > p {
  font-size:11px;
  text-align:center;
  padding:10px 0px 0px 0px;
  margin:0px;
  color:#ccc;
}
.slideshow > ul > li > div > a > img {
	border:2px solid #FFFFFF;
	width:386px;
}
.slideshow > ul > li > div > a {
	position:relative;
	top:-80px;
}

.slideshow  > ul > li > img {
	border:2px solid #FFFFFF;
	margin:0px 3px 0px 3px;
	padding:0px;
	width:75px;
	height:75px;
	position:relative;
	top:400px;
}
/* Shows slides when mouse pointer is over a thumbnail image */
.slideshow > ul > li:hover > div {
	display: block;
}
/* Highlights the thumbnail image when mouse pointer is over it */
.slideshow > ul > li:hover > img {
	border-color:#FFCC00;
}