#container { width:718px; position:relative; z-index:0; height:283px; }
#example { width:600px;  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:718px; 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:718px; height:270px; display:block; }
/*
	Next/prev buttons
*/
#slides .next, #slides .prev { position:absolute; top:107px; left:2px; width:47px; height:47px; display:block; z-index:101; }
#slides .next { left:670px; }
/*
	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-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:718px; font:18px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFF; border-top:1px solid #000; text-shadow:none; }