#slider-creation {
    width: 100%; /* important to be same as image width */
    height: 332px; /* important to be same as image height */
	overflow: hidden; /* important */
}
#sliderContent {
    width: 40%; /* important to be same as image width or wider */
    top: 0; margin-left: 0;}
.sliderImage {float: left; position: relative; display: none;}
.sliderImage a img {border:1px solid #151515;}
.sliderImage span {position: absolute; font: 10px/15px Arial, Helvetica, sans-serif; padding:10px; width: 382px; background-color: #000; filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; color: #fff; display: none;}
.sliderImage span strong {font-size: 14px;}
.top {top: 0; left: 0;}
.bottom {bottom:0; left: 0;}

/********** slider **********/
.slider {position:relative; width:660px; height:240px;}
#slider ul, #slider li {margin:0; padding:0; list-style:none;}
p#controls { margin:0;}
#slider li { width:660px; height:240px; overflow:hidden;}
#slider p img {border:none;}
#prevBtn, #nextBtn { display:block; margin:0; overflow:hidden; width:20px; height:20px; position:absolute; left:0; top:0px; }
#nextBtn {left:640px;}
#prevBtn a, #nextBtn a {display:block; width:20px; height:20px; background:url(../img/prev.gif) no-repeat 0 0;}	
#nextBtn a {display:block; width:20px; height:20px; background:url(../img/next.gif) no-repeat 0 0;}