#container { /* width:980px;*/ padding:10px; margin:0 auto; position:relative; z-index:0; } #example { /* width:900px;*/ height:350px; position:relative; } /* Slideshow */ #slides { position:absolute; top:15px; left:4px; z-index:100; } /* Slides container Important: Set the width of your slides container Set to display none, prevents content flash */ .slides_container { /* width:970px;*/ overflow:hidden; position:relative; display:none; } /* Each slide Important: Set the width of your slides If height not specified height will be set by the slide content Set to display block */ .slides_container div.slide { /* width:970px;*/ height:270px; display:block; } /* Next/prev buttons */ #slides .next,#slides .prev { position:absolute; top:107px; left:-24px; width:24px; height:43px; display:block; z-index:101; } #slides .next img,#slides .prev img { display:block; } /* Pagination */ .pagination { margin:26px auto 0; width:100px; } .pagination li { float:left; margin:0 1px; list-style:none; } .pagination li a { display:block; width:12px; height:0; padding-top:12px; background-image:url(../img/pagination.png); background-position:0 0; float:left; overflow:hidden; } .pagination li.current a { background-position:0 -12px; } /* Caption */ .caption { z-index:500; position:absolute; bottom:-35px; left:0; height:30px; padding:5px 20px 0 20px; background:#000; background:rgba(0,0,0,.5); /* width:920px;*/ font-size:1.3em; line-height:1.33; color:#fff; border-top:1px solid #000; text-shadow:none; }