#bannerBig {background: url(../images/banner.jpg) no-repeat top left;}
#bannerBig ul {margin:0;padding:0;}
#bannerMiddle {background: url(../images/banner.jpg) no-repeat top left;}
#bannerMiddle ul {margin:0;padding:0;}
#bannerBig #s3slider {
	width: 930px; /* important to be same as image width */
	height: 413px; /* important to be same as image height */
	position: relative; /* important */
	overflow: hidden; /* important */
}


#bannerBig .s3sliderImage {
	float: left; /* important */
	position: relative; /* important */
	display: none; /* important */
}

#bannerBig .s3sliderImage span {
	position: absolute; /* important */
   left: 0;
	font-family: Arial, Helvetica, sans-serif;
	padding: 10px 13px;
	width: 930px;
	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 */
	bottom: 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
   */
}

#bannerMiddle #s3slider {
	width: 630px; /* important to be same as image width */
	height: 413px; /* important to be same as image height */
	position: relative; /* important */
	overflow: hidden; /* important */
}


#bannerMiddle .s3sliderImage {
	float: left; /* important */
	position: relative; /* important */
	display: none; /* important */
}

#bannerMiddle .s3sliderImage span {
	position: absolute; /* important */
   left: 0;
	font-family: Arial, Helvetica, sans-serif;
	padding: 10px 13px;
	width: 630px;
	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 */
	bottom: 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
   */
}

.Stop {
	top: 0;
	left: 0;
	text-align:left;
	height:22px;
}
.Sbottom {
	bottom: 0;
	left: 0;
	text-align:left;
	height:22px;
}
.SbottomR {
	bottom: 0;
	left: 0;
	text-align:right;
}
.Sleft {
	top: 0;
	left: 0;
	width: 110px !important;
	margin-left:20px;
	text-align:left;
	font-size:11px;
	height:413px;
}
#bannerBig .Sright {
	right: 0;
	top: 0;
	width: 150px !important;
	height:413px;
	margin-left:754px;
}
#bannerMiddle .Sright {
	right: 0;
	top: 0;
	width: 150px !important;
	height:413px;
	margin-left:454px;
}