#s3slider1{
    width: 687px; /* important to be same as image width */
    height: 430px; /* important to be same as image height */
    position: relative; /* important */
    overflow: hidden; /* important */
    top:29px;
    margin:0 auto;
}
#s3slider2{
    width: 142px; /* important to be same as image width */
    height: 254px; /* important to be same as image height */
    position:absolute;
    top:31px;
    right:10px;
    z-index:5;
}
#s3slider3{
    width: 125px; /* important to be same as image width */
    height: 221px; /* important to be same as image height */
    position:absolute;
    top:45px;
    right:12px;
    z-index:5;
}

#s3slider1Content, #s3slider2Content, #s3slider3Content{
    width: 687px; /* important to be same as image width or wider */
    position: absolute; /* important */
    top: 0; /* important */
    margin-left: 0; /* important */
}
#s3slider2Content{width:142px;} 
#s3slider3Content{width:125px;}
.s3slider1Image, .s3slider2Image, .s3slider3Image{
    float: left; /* important */
    position: relative; /* important */
    display: none; /* important */
}
 
.s3slider1Image span, .s3slider2Image span, .s3slider3Image span{
    position: absolute; /* important */
    left: 0;
    font: 0px/15px Arial, Helvetica, sans-serif;
    padding: 0;
    width: 0px;
    background-color: none;
    filter: alpha(opacity=0); /* here you can set the opacity of box with text */
    -moz-opacity: 0; /* here you can set the opacity of box with text */
    -khtml-opacity: 0; /* here you can set the opacity of box with text */
    opacity: 0; /* 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;
}