/* Resets defualt browser settings reset.css */ ol,ul { list-style:none; } /* Page style */ #container { width:541px; padding:0px; margin:0 auto; position:relative; z-index:0; } #example { width:541px; height:311px; position:relative; } #ribbon { position:absolute; top:0px; left:0px; z-index:500; } #frame { position:absolute; z-index:0; width:541px; height:311px; top:0px; left:0px; } /* Slideshow */ #slides { position:absolute; top:0px; left:0px; z-index:100; } /* Slides container Important: Set the width of your slides container Set to display none, prevents content flash */ .slides_container { width:541px; 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 a { width:541px; height:311px; display:block; } .slides_container a img { display:block; } /* Next/prev buttons */ #slides .next,#slides .prev { position:absolute; top:107px; left:-39px; width:24px; height:43px; display:block; z-index:101; } #slides .next { left:585px; } /* Pagination */ .pagination { Z-INDEX: 100; position:absolute; margin-top:-30px; margin-left:350px; width:150px; } .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(pagination.png); background-position:0 0; float:left; overflow:hidden; } .pagination li.current a { background-position:0 -12px; }