.banner {
	margin: 0; padding: 0 0 10px 0;
	font: 10px normal Arial, Helvetica, sans-serif;
	outline: none; height:380px;
}

.banner h1 {
	font: 3em normal Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	color: #fff;
	text-align: center;
	text-indent: -99999px;
	margin: 100px 0 10px;
}
.banner .container {
	overflow: hidden;
	width: 970px;
	margin: 0 ;
}
.banner #main {
	background: #fff;
}
.banner a {color: #fff;}

/*--Main Image Preview--*/
.banner .main_image {
	width: 970px; height: 380px;
	float: left;
	background: #333;
	position:relative;
	overflow: hidden;
	color: #fff;
}
.banner .main_image h2 {
	font-size: 18px;
	font-weight: normal;
	margin: 0;
	padding-left:10px;
		padding-right:10px;
		padding-bottom:3px;
		padding-top:3px;
	padding-bottom:0;
	font-family:Tahoma;
	color:#fff;
}
.banner .main_image p {
	font-size: 1.2em;
		margin: 0;
		padding-left:10px;
		padding-right:10px;
		padding-bottom:5px;
		padding-top:5px;
	line-height: 1.6em;
	padding-top:3px;
}

.banner .main_image .desc{
	position: absolute;
	bottom: 0;	left: 0;
	width: 100%;
	display: none;
}
.banner .main_image .block{
	width: 100%;
	background: #111;
}

.banner .banners {
	position:absolute;
	color:#000;
	display:block;
	z-index:9999;
	width:965px;
	margin-top:360px;
}
.banner .banners a{
	width:15px;
	height:15px;
	float:left;
	text-decoration:none;
}	
.banner .banners ul {
	margin: 0; padding: 0;
	list-style: none;
	float:right;
}
.banner .banners ul li{
	float: left;
	opacity: 0.50;
	filter:alpha(opacity=50);
	MozOpacity: .50;
	background-color:#fff;
	margin-right:3px;
}
.banner .banners ul li.hover {
	background: #336666;
	cursor: pointer;
		opacity: 1;
	filter:alpha(opacity=100);
	MozOpacity: .99;
}
.banner .banners ul li.active {
	background: #fff;
	cursor: default;
	opacity: 1;
	filter:alpha(opacity=100);
	MozOpacity: .99;
}
.banner p.margin-p{
	margin:0;
	padding:0;
}	

.banner .banners ul li .block {
	float: left; 
	margin-left: 10px;
	padding: 0;
	width: 170px;
	display:none;
}