@charset "utf-8";
/* CSS Document */

#s3slider { 
   width:290px; /* important to be same as image width */ 
   height:180px; /* important to be same as image height */
   position:relative; /* important */
   overflow:hidden; /* important */
   }
   
#s3slider ul { padding:0px; margin:0px; }

#s3sliderContent {
   width:290px; /* important to be same as image width or wider */
   position:absolute; /* important */
   top:0px; /* important */
   left:0px;
   margin-left:0px; /* important */
   padding:0px;
   }
   
#s3sliderContent img { border:none; width:290px; height:180px; }   

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

.s3sliderImage span {
   position:absolute; /* important */
   left:0;
   text-align:left;
   font-family:Tahoma;
   font-size:11px;
   padding:6px 20px 6px 20px;
   width:290px;
   background-color:#000000;
   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:#FFFFFF;
   display:none; /* important */
   bottom:0px;

   /*
       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
   */
}

#billboard, #s3slider {width:290px; height:180px; margin:0px; }
#billboard img {width:290px; height:180px; }