#slider {
    padding: 26px;
    width: 600px; /* important to be same as image width */
    height: 290px; /* important to be same as image height */
    position: relative; /* important */
    overflow: hidden; /* important */
}
#sliderContent {
    width: 600px; /* important to be same as image width or wider */
    position: absolute;
    top: 0;
    margin-left: 0;
}
.sliderImage {
    margin-top: -4px;
    max-width: 600px;
    width: 600px;
    float: left;
    position: relative;
    display: none;
}
/* A small pannel including a litle description about a photo.
 * This feature is disabled for now.
 * */

/*.sliderImage span {*/
    /*position: absolute;*/
    /*font: 10px/15px Arial, Helvetica, sans-serif;*/
    /*padding: 10px 13px;*/
    /*width: 384px;*/
    /*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 {
    font-size: 14px;
}
.top {
    top: 0;
    left: 0;
}
.bottom {
    bottom: 0;
    left: 0;
}
ul { list-style-type: none;}

.sliderImage img {
    max-width: 600px;
    /* CSS Hack for IE used for specify a max width or max height property.
     * */
    width: expression(this.width > 600 ? 600: true);
}