div, span, p { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } #container { width: 580px; padding: 10px; margin: 0 auto; position: relative; z-index: 0; } #example { width: 600px; height: 350px; position: relative; } #ribbon { position: absolute; top: -3px; left: -15px; z-index: 500; } #frame { position: absolute; z-index: 0; width: 739px; height: 341px; top: -3px; left: -80px; } /* 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: 570px; 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: 570px; height: 270px; 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 { 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(../images/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: 540px; font-size: 1.3em; line-height: 1.33; color: #fff; border-top: 1px solid #000; text-shadow: none; }