#s3slider {
    width: 804px; /* important to be same as image width */
    height: 390px; /* important to be same as image height */
    position: relative; /* important */
    overflow: hidden; /* important */
}

#s3slider1 {
    width: 804px; /* important to be same as image width */
    height: 390px; /* important to be same as image height */
    position: relative; /* important */
    overflow: hidden; /* important */
} 

#s3sliderContent {
    width: 804px; /* important to be same as image width or wider */
    position: absolute; /* important */
    top: -16px; /* important */
    margin-left: -40px; /* important */
	list-style-type:none;
}
 
#s3slider1Content {
    width: 804px; /* important to be same as image width or wider */
    position: absolute; /* important */
    top: -16px; /* important */
    margin-left: -40px; /* important */
	list-style-type:none;
}

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

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


.s3sliderImage span {
    position: absolute; /* important */
    left: 594px;
    font: 15px CORBEL, Arial, Helvetica, sans-serif;
    padding: 5px 5px;
    width: 160px;
    background-color: #000000;
	margin-bottom:30px;
	height:20px;
	text-align:center;
	text-valign:middle;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
    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: #FFFF00;
    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
    */
    border:3px SOLID;
	border-color:#000000;
	cursor:pointer;
}


.s3slider1Image span {
    position: absolute; /* important */
    left: 594px;
    font: 15px CORBEL, Arial, Helvetica, sans-serif;
    padding: 5px 5px;
    width: 160px;
    background-color: #000000;
	margin-bottom:30px;
	height:20px;
	text-align:center;
	text-valign:middle;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
    filter: alpha(opacity=0); /* here you can set the opacity of box with text */
    -moz-opacity: 0.0; /* here you can set the opacity of box with text */
    -khtml-opacity: 0.0; /* here you can set the opacity of box with text */
    opacity: 0.0; /* here you can set the opacity of box with text */
    color: #FFFF00;
    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
    */
	border:3px SOLID;
	border-color:#000000;
}