#s3slider ul, #s3slider li{
	list-style:none;
	padding:0px;
	margin:0px;
	float:none;
	display:block;
	overflow:hidden;
}

#s3slider { 
   width: 321px; /* important to be same as image width */ 
   height: 213px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
   display:block;
   border:1px solid #007DC3; 
   margin-bottom:20px;
   background:#000;
}

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

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

#s3slider .s3sliderImage strong{
	width:321px;
	height:213px;
	display:block;
	overflow:hidden;
}

#s3slider .s3sliderImage span {
   position: absolute; /* important */
   /*left: 0;*/
   font-family:Verdana, Geneva, sans-serif;
   font-size:14px;
   font-weight:bold;
   padding: 5px 10px 10px 10px;
   background:url(../img/home/trans_bg.png);
   width:303px;
   color:#007cc4;
   display: none; /* important */
   /*top: 0;*/

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

#s3slider .s3sliderImage a{
	color:#FFF;
	font-size:10px;
}

#s3slider .clear {
   clear: both;
} 

#s3slider a.s3title {
	position:absolute;
	background:url(../img/home/trans_bg.png);
	width:318px;
	padding:5px 10px;
	font-size:12px;
	font-weight:bold;
	color:#FFF;
	display:block;
	overflow:hidden;
	height:15px;
	text-decoration:none;
} 

#s3slider .top {
	top: 0;
}
#s3slider .bottom {
	bottom: 0;
	
}
#s3slider .left {
	float:none;
    left: 0;
}
#s3slider .right {
	float:none;
	right: 0;
}

#s3slider .black{
	color:#000;	
}

#s3slider .white{
	color:#FFF;	
}