/*
HTML 5 Template Name: Elementary
File: Slider CSS
Author: OS Templates
Author URI: http://www.os-templates.com/
Licence: <a href="http://www.os-templates.com/template-terms">Website Template Licence</a>
*/

#container #slides
{position:relative; display:block; width:590px;
	height:350px; margin:0 auto 50px auto; padding:0;
}

#slides #controls
{position:absolute; top:0; left:0; width:570px; height:330px; padding:10px;
}

#slides #frame
{position:absolute; top:0; left:0;
}

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

#slides .next
{left:560px;
}

#slides .sliderpagination
{position:absolute; display:block; top:346px; left:150px;
	width:300px; height:16px; margin:0; padding:8px 0 0 0;
	background:url("../image/slider/sliderpagination1_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("../image/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:10px; left:30px; width:600px; height:320px;
	padding:0px; color:#FFFFFF; background:#000000;
}

/*#slides .caption{position:absolute; top:80px; left:80px; width:360px; height:150px; padding:15px; color:#FFFFFF; background:#000000;}
*/

#slides .caption
{filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity:0.7; opacity:0.7;
}
