/*
Load CSS before JavaScript
*/
#slides{
	position:relative;
	margin:0 auto;
	width:960px;
}
#slides .prev{
	background:url(../images/ban-prevBtn.png) no-repeat;
	position:absolute;
	height:28px;
	width:29px;
	right:111px;
	z-index:9999;
	top:9px;
	text-indent:-9999px;
}
#slides .next{
	background:url(../images/ban-nextBtn.png) no-repeat;
	position:absolute;
	height:28px;
	width:29px;
	right:79px;
	z-index:9999;
	top:9px;
	text-indent:-9999px;
}
/*
Slides container
Important:
Set the width of your slides container
Set to display none, prevents content flash
*/
.slides_container {
	width:960px;
	display:none;
}
/*
Each slide
Important:
Set the width of your slides
If height not specified height will be set by the slide content
Set to display block
*/
.slides_container .slide-box {
	position:relative;
	display:block;
	height:370px;
	width:960px;
}
.slide-box .slide-bg{
	position:absolute;
	height:370px;
	width:960px;
	z-index:3;
	left:0;
	top:0;
}
.slide-box .slide-desc {
	position:relative;
	height:125px;
	width:360px;
	z-index:11;
	top:107px;
	left:59px;
}
.slide-box .slide-desc h1{
	font:bold 48px/48px Verdana;
	padding:0 0 6px;
	color:#252525;
}
.slide-box .slide-desc p{
	font:31px Verdana;
	color:#252525;
}
/*
Optional:
Reset list default style
*/
ul.pagination {
	list-style:none;
	position:absolute;
	bottom:-23px;
    right:-3px;
    z-index:12;
	margin:0;
}
ul.pagination li{
	list-style-type:none;
	margin-right:3px;
	float:left;
}
ul.pagination li a{
	background:url(../images/pagination-bg.jpg) no-repeat 0 -14px;
	text-decoration:none;
	text-indent:-9999999px;
	display:block;
	height:14px;
	width:14px;
}
/*
Optional:
Show the current slide in the pagination
*/
.pagination .current a {
	background:url(../images/pagination-bg.jpg) no-repeat 0 0;
}
.pagination li a:hover{
	background:url(../images/pagination-bg.jpg) no-repeat 0 0;
}