#example {
	width:                      600px;
	height:                     350px;
	position:                   relative;
}

#frame {
	position:                   absolute;
	z-index:                    0;
	width:                      739px;
	height:                     341px;
	top:                        -3px;
	left:                       -80px;
}

/*
	Slideshow
*/

#slides {
    width:                      824px;
    height:                     495px;
	position:                   relative;
	z-index:                    1;
    background-color:           rgb(240,240,240);
}

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

.slides_container {
	width:                      824px;
    height:                     495px;
	overflow:                   hidden;
	position:                   relative;
	display:                    none;
    border:                     1px darkgray solid;
    margin-bottom:              5px;
}

/*
	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:                      805px;
	height:                     515px;
	display:                    block;
}


/*
	Next/prev buttons
*/

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

#slides .next {
	left:                       825px;
}

/*
	Pagination
*/

.pagination {
    overflow:                   hidden;
	margin-top:                 15px;
    margin-left:                auto;
    margin-right:               auto;
	width:                      130px; 
    height:                     12px;
    text-align:                 center;
}

.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:                    5;
	position:                   absolute;
	bottom:                     -40px;
	left:                       0;
	height:                     45px;
	padding:                    5px;
	background-color:           darkgrey;
    opacity:                    0.8;
	width:                      825px;
	font-size:                  12px;
	line-height:                1.33;
	color:                      #fff;
	border-top:                 1px solid darkgray;
	text-shadow:                none;
    text-transform:             uppercase;
    text-align:                 left;
}