﻿.description {
	padding: 16px;
	margin: 10px 0;
	background: #eee;
}
.sample {
	padding: 0px;
	margin: 0px;
}
.buttons {
	padding: 5px;
}
.buttons span {
	color: #0080FF;
	padding: 0 5px;
	cursor: pointer;
	font: 10px Verdana;
}
.buttons span.active, .buttons span:hover {
	background: #0080FF;
	color: #fff;
}

/* Sample 8*/

#box8 {
	position: absolute;
}
#box8 .spotPicture {
	float: left;
	width: 400px;
	height: 200px;
	overflow: hidden;
}
#box8 .spotPicture img {
	width: 400px;
}
#box8 .frame {
	width: 890px;
	float: left;
}
#box8 .frame .frameContent {
	padding: 0px 15px;
	margin: 0px 0px 0px 400px;
}
#box8 .frame h3 {
	font-size: 20px;
	padding: 0px;
	margin: 10px 0px 10px 0px;
	font-family: Arial, Georgia, Times New Roman, Serif;
	color: #323232;
	font-style: oblique;
	border-bottom: 1px Solid Silver;
}
#box8 .frame h4 {
	font-size: 28px;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	font-family: Helvetica, Arial, Sans-Serif;
	color: #0080FF;
}
#box8 .frame p {
	padding: 0px;
	margin: 0px 0px 5px 0px;
}
.strong {
	font-weight: bold;
	font-size: 12px;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	font-family: Helvetica, Arial, Sans-Serif;
}
#box8 .buttons{
}
#box8 .next{
	float: right
}
.sample8 .buttons{
	/*
	text-align: center;
	clear: both;
	*/
}
.sample8 .mask1{
	width: 100%;
	height: 200px;
	background-image: url('../images/homeSlideshow/bg.jpg');
}
.infoBox {
	height: 40px;
	overflow-y: scroll;
}

/* BUTTONS CLASSES */

.prevNext {
	border: 1px solid green;
	float: right;
	position: relative;
	top: -20px;
}
.pages {
	border: 1px solid Silver;
	float: right;
	position: relative;
	margin: 0px 5px 0px 0px;
	top: -30px;
	background-color: White;
}	


/* ********************************** */

.thumbs{
	width:54px;
}
.thumbs div{
	display:block;
	width:54px;
	height:41px;
	margin:3px 0;
	cursor:pointer;
}

.thumbs div img{
	display:block;
	width:100%;
	height:100%;
	border:none
}

.info{
	width:240px;
	height:50px;
	background:#000;
	position:absolute;
}
.info p, .info h4{
	color:#fff;
	padding:3px 8px;
	font-family:Arial;
}
.info h4{
	font-size:14px;
}
.info h4 a{
	float:right;
	background:#fff;
	color:#000;
	font-size:10px;
	padding:0 3px;
	text-decoration:none
}

.mask1{
	position:relative;
	width:480px;
	height:180px;
	overflow:hidden;
}
.mask2{
	position:relative;
	width:240px;
	height:180px;
	overflow:hidden;
}
.mask3{
	position:relative;
	width:480px;
	height:240px;
	overflow:hidden;
}

span img{
	display:block;
	border:none;
}