/* 
	Index of this CSS file
	
	(01) Featured Slider (Default)
	(02) Nivo Slider
	(03) Carousel Slider
*/

/* ========================================================== 
	(01) Featured Slider (Default)
============================================================ */

#featuredSlider {
	background:url(../images/backgrounds/featured-bg.jpg) no-repeat; 
	width:936px; 
	height:246px; 	
	padding:12px 12px 12px 13px;}

#featuredSlider ul {
	width:311px; 
	float:left; 
	margin:1px 1px 0 0;}

#featuredSlider ul:after { 
	content: "."; 
	display: block; 
	height: 0; 
	visibility: hidden; }

/* Featured > Large Image Slides  */

#featuredSlider .slides ul {
	float:right; }

#featuredSlider .slides li { 
	width: 602px; 
	height:229px; 
	margin:0; 
	overflow:hidden; 
	padding:0; 
	position:relative; }

#featuredSlider .slides img { 
	float:left; 
	margin:0; 
	overflow:hidden; 
	padding:0; 
	position:absolute; 
	z-index:1;}

#featuredSlider .featuredCaption { 
	background:url(../images/backgrounds/caption-bg.png);
	float:left; 
	position:absolute; 
	z-index:2; 
	bottom:10px;
	left:10px;
	width:560px; 
	height:auto;
	line-height:20px; 
	padding:10px; 	 
	color:#fff;
	text-shadow: 1px 1px 0 #000;}

/* Featured Slider > Navigation */

#featuredSlider ul li {	 
	height:77px; 
	width:311px; 
	text-shadow: 1px 1px 0 #2c3e46; }

#featuredSlider ul li a { text-decoration:none;}
	
#featuredSlider ul li div {		
	display:block; 	
	cursor:pointer; 
	width:287px; 
	height:75px; 
	padding:0px 12px 0 12px;
	text-decoration:none;}

#featuredSlider ul li div img {
	height:46px; 
	width:46px; 
	background-color:#89a2aa;
	border:1px solid #b1c7ce; 
	padding:4px; 
	margin:10px 11px 0 0; 
	float:left;}
	
#featuredSlider ul li  div h3 {
	font-size:17px; 
	color:#ffffff;
	margin:0; 
	padding:10px 0 3px 0; 
	line-height:19px; 
	font-weight:normal;}

#featuredSlider ul li  div p { 
	margin:0; 
	padding-right:15px; 
	color:#e9f0f2; 
	line-height:17px;}

.js #featuredSlider .slides-nav li.on div  {
	position: relative;
	height:75px;
	width:287px; 
	background:url(../images/backgrounds/featured-hover-bg.jpg) no-repeat left top;}
	
#featuredSlider .slides-nav li.last-child {
	height:78px; 
	background:none;}	
	
/* ========================================================== 
	(02) Nivo Slider
============================================================ */
  
#nivo_slider_bg { background: url(../images/backgrounds/nivo-bg.jpg) no-repeat 6px 0;
	width:960px;
	height: 257px;
	padding:13px 0px 0px 0px; }
	
#nivo_slider {
	width:937px;
	height: 230px; 
	overflow: hidden;
	padding-left:19px; }

/* Large Image */
	
.nivoSlider {position:relative; }
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;}
	
.nivo-slice {
	display:block;
	position:absolute;
	z-index:50;
	height:230px;
	top:0px;
	left:0px;}

/* Navigation */

.nivo-directionNav a {
	position:absolute;
	top:95px; 
	z-index:90;
	cursor:pointer;
	width:40px;
	height:40px;
	text-indent:-9999px;}
	
a.nivo-prevNav {left:-25px;background:url(../images/backgrounds/arrow-previous.png) no-repeat top;}
a.nivo-nextNav {right:-5px;background:url(../images/backgrounds/arrow-next.png) no-repeat top; }
.nivo-prevNav:hover {left:-26px;background:url(../images/backgrounds/arrow-previous.png) no-repeat bottom left;}
.nivo-nextNav:hover {right:-6px;background:url(../images/backgrounds/arrow-next.png) no-repeat bottom right;}

.nivo-controlNav {
	position:absolute;
	right:30px;
	top:12px;
	z-index:9999;
	text-align:center;}
	
.nivo-controlNav a {
	display:block;
	width:15px;
	height:15px;
	background:url(../images/backgrounds/nivo-navigation.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
	cursor:pointer;
	text-align:center;}
	
.nivo-controlNav a:hover {background-position:0px -14px;}
.nivo-controlNav a.active {background-position:0px -30px;}

/* Caption */

.nivo-caption {
	background-color:#000;
	position:absolute;
	left:0;
	bottom:-1px;
	color:#fff;
	width:910px;
	z-index:89; 
	height:auto; 
	margin:0px 5px 5px 5px;}
	
.nivo-caption p {
	padding:10px;
	margin:0; 
	line-height:20px;}
	
.nivo-caption a { 
	text-decoration:underline; 
	color:#ffffff;} 
	
.nivo-html-caption { display:none;}

.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:9999;
	display:none;}
	
.nivo-caption .right { text-align:right}	

/* ========================================================== 
	(03) Carousel Slider
============================================================ */

#featureCarousel {
	height: 270px;
	width:960px;
	position:relative;
	margin:0;}
	
#featureCarousel img {
	border:0 none;}
	
#featureCarousel .feature {
	position:absolute;
	top:-1000px;
	left:-1000px;
	cursor:pointer;}
	
#featureCarousel .feature > div {
	position:absolute;
	bottom:9px;
	left:10px;
	background:url(../images/backgrounds/caption-bg.png); 	
	width:427px;
	padding-left:10px;
	padding-bottom:3px;}	

#featureCarousel .feature > div p {
	margin:0;
	padding:5px;
	font-weight:normal;
	font-size:13px;
	color:white;}

/* slider navigation style */

#featureCarousel .blipsContainer {
	position:absolute;
	color:black;
	right:30px;
	top:247px;
	padding:0;
	margin:0;}	

#featureCarousel .blipsContainer .blip {
	margin:2px;
	width:17px;
	height:18px;
	line-height:17px;
	color:#676767;
	text-align:center;
	font-size:10px; 
	padding:0;
	background:url(../images/backgrounds/carousel-navigation.png) no-repeat 0 0;}
	
#featureCarousel .blipsContainer .blipSelected, #featureCarousel .blipsContainer .blip:hover {
	color:white;    
	background:url(../images/backgrounds/carousel-navigation.png) no-repeat -23px 0;}