/*
=================================
S3 Slider
*/

#DS #slider ul, #DS #slider li {
	margin:0em;
	padding:0em;
}


#slider { 
   width: 942px; /* important to be same as image width */ 
   height: 151px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
}

.home #slider {
	height:211px;
}

#sliderContent {
   width: 942px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}

.sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.sliderImage span {
   line-height:normal;  
   position: absolute; /* important */
   left: 0;
   font: 10px/15px Arial, Helvetica, sans-serif;
   padding: 10px 13px;
   width: 374px;
   background-color: #0c0e12;
   background:url(../images/tint_dk-blue_80.png);
   _background: #0c0e12;
   /* REMOVED FOR FULL OPACITY OF IMAGE
   filter: alpha(opacity=80); /* here you can set the opacity of box with text
   -moz-opacity: 0.8; /* here you can set the opacity of box with text
   -khtml-opacity: 0.8; /* here you can set the opacity of box with text
   opacity: 0.8; /* here you can set the opacity of box with text
   */
   color: #fff;
   display: none; /* important */
   top: 0;
   margin-top:20px;
   margin-left:20px;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image 
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
   font-size:1.05em;	    
}

.sliderImage span em {
	color:#249cf9;
}

.home .sliderImage span {
	line-height:normal;
	margin-top:30px;
	font-size: 13px;
}

.sliderImage span strong {
	display:block;
	font-size:2.1em;
	margin-bottom:9px;
	line-height:100%;;
	font-weight:normal;
}

.home .sliderImage span strong {
	font-size:2.6em;
	font-weight:normal;
}

.clear {
   clear: both;
}