#container {width: 720px; padding-left: 90px; padding-top: 10px; z-index: 0;}
#example {width: 570px; height: 400px; position: relative;}
#slides {position: absolute; top: 15px; left: 4px; z-index: 100;}

/*
	Slides container
*/

.slides_container {width:570px; overflow:hidden; position:relative; display:none;
box-shadow: black 0.5em 0.5em 0.5em;
border-top: 1px solid #ddd; border-right: 1px solid #666; border-bottom: 1px solid #666; border-left: 1px solid #ddd;}
.slides_container div.slide {width: 570px; height: 350px; display: block;}

/*
	Next/prev buttons
*/

#slides .next,#slides .prev {position:absolute; top: 107px;	left: -15px; width: 24px; height: 43px; display: block; z-index: 101;}

#slides .next {left: 565px;}

/*
	Pagination
*/

.pagination {margin-top: 15px; width: 700px; text-align: center;}

.pagination li {float:left; margin:0 1px; list-style:none;}

.pagination li a {display: block; width: 12px; height: 0px; padding-top: 12px;
background-image: url(../img/pagination.png); background-position: 0 0;
float: left; overflow: hidden;}

.pagination li.current a {background-position: 0 -12px;}

/*
	Caption
*/

.caption {
	z-index:500;
	width: 560px;
	position:absolute;
	bottom:-35px;
	left:0;
	height:30px;
	padding:10px;
	background:#000;
	background:rgba(0,0,0,.5);
	font-size:14px;
	font-weight: bold;
	color:#FFFF66;
	text-align: left;
	border-top:2px solid #669999;
	text-shadow:none;
}