#slides{
	position:relative; 
	display:block; 
	width:100%; 
	height:360px; 
	margin:0 0 0 0; 
	padding:0;}
#slides #controls{
	position:absolute; 
	top:0; 
	left:0; 
	width:98%;
	height:360px; 
	padding:10px;}

#slides #frame{
	position:absolute;
	width: 100%;
	height: 370px;
	 top:0; 
	 left:0;
	}
 #slides .prev{
	position:absolute;
	 display:block; 
	 top:145px; 
	 left:1%; 
	 width:24px; 
	 height:90px; 
	 background:none; 
	 z-index:101;}
#slides .next{
	right: 1%;
	position:absolute;
	display:block; 
	top:145px; 
	width:24px; 
	height:90px; 
	background:none; 
	z-index:101
}
#slides .sliderpagination{
	position:absolute; 
	display:block; 
	top:346px; 
	left:40%; 
	width:180px; 
	height:16px; 
	margin:0; 
	padding:8px 0 0 0; 
	background:url("../images/slider/sliderpagination_bg.png"); 
	text-align:center; 
	z-index:101;
}
#slides .sliderpagination li{
	display:inline;
}
#slides .sliderpagination li a{
	display:inline-block; 
	width:16px; 
	height:0; 
	margin:0 5px; 
	padding:16px 0 0 0; 
	background:url("../images/slider/sliderpagination.png") 0 0; 
	overflow:hidden;
}
#slides .sliderpagination li a:hover, #slides .sliderpagination li.current a{
	background-position:0 -16px;
}

#slides .caption{
	position:absolute; 
	top:150px; 
	left:2%; 
	width:38%; 
	height:150px; 
	padding:15px; 
	color:#FFFFFF; 
	background:rgba(0,0,0,0.5);}
#slides img{
	width: 100%;
	
}