@charset "utf-8";
/*
Template Name: PhotoFolio
Author: <a href="http://www.os-templates.com/">OS Templates</a>
Author URI: http://www.os-templates.com/
Licence: Free to use under our free template licence terms
Licence URI: http://www.os-templates.com/template-terms
File: Featured Slider CSS
*/

#featured_slide{display:block; width:940px; height:340px; margin:0 auto; padding:0; font-size:12px; font-family:Georgia, "Times New Roman", Times, serif;}

/* ----------------------------------------------Main Category Slider------------------------------------- */

#slider, #slider ul{position:relative; width:940px; height:340px;}
#slider ul{display:block; overflow:hidden; margin:0; padding:0; list-style:none;}
#slider li{position:absolute; top:0; width:228px; margin:0px; height:340px; padding:0px; color:#9FA4AA; background-color:#2B2B2B; border:1px solid #464646; overflow:hidden;}

#slider li img{ margin:0 0 0px 0; padding:0px; position:absolute; z-index:0; }
#slider li img:hover { background:#666;opacity:0.6;}
#slider li h2
{
color:#FFFFFF;
font-size:14px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
width:232px;
height:auto;
line-height:18px;
position:relative;
display:none; z-index:999;
text-align:center;
text-decoration:none;
}
#slider li:hover h2
{
color:#FFFFFF; line-height:18px;
width:232px;
margin:0px 0px px 0px;
display:block;
padding:6px 0px 6px 0px;
text-align:center;
background:#999; 
text-decoration:none!important;
}
/* ----------------------------------------------Previous & Next Navigation------------------------------------- */

#slider a.next, #slider a.prev{position:absolute; top:46%; width:20px; height:30px; cursor:pointer; outline:none; z-index:1000; background:#161616 center center no-repeat; border:1px solid #464646;}
#slider a.next{right:-21px; background-image:url("images/next.png"); border-left-color:#2B2B2B;}
#slider a.prev{left:-21px; background-image:url("images/prev.png"); border-right-color:#2B2B2B;}
#slider a.prev:hover, #slider a.next:hover{border-color:#CCCCCC;}
#slider a.disabled, #slider a.disabled:hover{border:#161616;/* Same colour as container background */ cursor:default;}