#slidecontainer {
width:580px;
padding:0px;
margin:0 auto;
position:relative;
z-index:0;
}

#example {
width:0px;
height:370px;
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:580px;
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:580px;
height:330px;
display:block;
}


/*
Next/prev buttons
*/

#slides .next,#slides .prev {
position:absolute;
top:157px;
left:10px;
width:24px;
height:43px;
display:block;
z-index:101;
}

#slides .next {
left:554px;
}

/*
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/topslide/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;
padding:10px 20px 10px 20px;
background:#000;
background:rgba(0,0,0,.5);
width:540px;
color:#fff;
//border-top:1px solid #000;
text-shadow:none;
}
.caption div.title{
font-size:130%;
line-height:1.5;
}

/*
Anchors
*/

#slidecontainer a:link, #slidecontainer a:visited {
color:#599100;
text-decoration:none;
}

#slidecontainer a:hover,#slidecontainer a:active {
color:#fff;
text-decoration:underline;
}