#slider {
    width: 324px; /* important to be same as image width */
    height: 160px; /* important to be same as image height */
    position: relative; /* important */
        overflow: hidden; /* important */
    color:#fff;
    float:left;

}


#slider a{
     color:#fff;
     text-decoration:none;
     font-weight:bold;
}
#slider ul{
    list-style:none;
    padding-left:0px;
    margin-top:10px;
}

#sliderContent, #slider1Content, #slider2Content {
    width: 324px;
    position: absolute;
        top: 0;
        margin-left: 0;
}
.sliderImage, .slider1Image, .slider2Image {
    float: left;
    position: relative;
        display: none;
}
.sliderImage span {
    position: absolute;
        font: 10px/14px Arial, Helvetica, sans-serif;
    padding: 0px 13px 10px 10px;
    width: 316px;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
        -khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
}


.clear {
        clear: both;
}
.sliderImage span strong, .slider1Image span strong, .slider2Image span strong {
    font-size: 14px;
}
.top {
        top: 0;
        left: 0;
}
.bottom {
        bottom: 0;
    left: 0;
}
.left {
        top: 0;
    left: 0;
        width: 110px !important;
        height: 200px;
}
.right {
        right: 0;
        bottom: 0;
        width: 90px !important;
        height: 200px;
}