#s3slider {
		width: 720px; /* important to be same as image width */;
		height: 240px; /* important to be same as image height */;
		position: relative; /* important */;
		overflow: hidden; /* important */
}
#s3sliderContent {
		width: 720px; /* important to be same as image width or wider */;
		position: absolute; /* important */;
		top: 0; /* important */;
		margin-left: 0; /* important */
}
.s3sliderImage {
		float: left; /* important */;
		position: relative; /* important */;
		display: none; /* important */
}
.s3sliderImage span {
		position: absolute; /* important */;
		left: 0;
		font: 14px/16px Tahoma, Geneva, sans-serif;
		padding: 10px 10px;
		width: 680px;
		background-color: #000;
		filter: alpha(opacity=70); /* here you can set the opacity of box with text */;
		-moz-opacity: 0.7; /* here you can set the opacity of box with text */;
		-khtml-opacity: 0.7; /* here you can set the opacity of box with text */;
		opacity: 0.7; /* here you can set the opacity of box with text */;
		color: #fff;
		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
   */
}
.clear {
		clear: both;
}
#s3slider a, #s3sliderContent a, .s3sliderImage a, .s3sliderImage span a {
		text-decoration: none;
		color: #fff;
		font-weight: bold;
}