#container {
	width:980px;
	height:400px;
	padding:0;
	margin:0 auto;
	position:relative;
	z-index:1;
}

#example {
	width:980px;
	height:400px;
	position:relative;
	z-index:2;
}

#frame {
	width:980px;
	height:400px;
	position:absolute;
	left:0px;
	top:0px;
	z-index:3;
}

#slides {
	width:980px;
	height:400px;
	position:absolute;
	left:0px;
	z-index:4;
}

#ribbon {
	position:absolute;
	top:-8px;
	left:-8px;
	z-index:5;
}

.slides_container {
	width:980px;
	height:400px;
	overflow:hidden;
	position:relative;
	display:block;
	z-index:6;
}

.slides_container div.slide {
	width:980px;
	height:400px;
	display:block;
	z-index:7;
}

#slides .next,#slides .prev {
	position:absolute;
	top:220px;
	left:0px;
	width:28px;
	height:40px;
	display:block;
	z-index:8;
}

#slides .next {
	left:952px;
	z-index:9;
}

.pagination {
	margin:10px 0 20px 350px;
	width:380px;
	height:30px;
	z-index:10;
}

.pagination li {
	position:relative;
	top:12px;
	left:34px;
	float:left;
	margin:0 5px 0 5px;
	list-style:none;
	z-index:11;
}

.pagination li a {
	display:block;
	width:15px;
	height:0;
	padding-top:15px;
	background-image:url(pagination.png);
	background-position:top left;
	float:left;
	overflow:hidden;
	z-index:12;
}

.pagination li.current a {
	background-position:0 -15px;
	z-index:13;
}


.caption {
	position:absolute;
	bottom:-65px;
	left:0;
	height:60px;
	padding:5px 5px 0 5px;
	background:#000;
	background:rgba(0,0,0,.5);
	filter: alpha(opacity=80); 
	width:1000px;
	font-size:14px;
	color:#fff;
	border-top:1px solid #666;
	text-shadow:none;
	z-index:14;
}
