#container {
	width:860px;
	padding:10px;
	margin:0 auto;
	position:relative;
	z-index:0;
	height: 308px;
}

#example {
	width:889px;
	height:263px;
	position:relative;
}

#ribbon {
	position:absolute;
	top:-3px;
	left:-15px;
	z-index:500;
}

#frame {
	position:absolute;
	z-index:0;
	width:860px;
	height:308px;
	/* [disabled]top:-3px; */
	/* [disabled]left:-80px; */
}

/*
	Slideshow
*/

#slides {
	/* [disabled]position:absolute; */
	top:0px;
	left:0px;
	/* [disabled]z-index:1; */
}

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

.slides_container {
	/* [disabled]width: 330px; */
	overflow: hidden;
	/* [disabled]position:relative; */
	/* [disabled]display:none; */
	/* [disabled]height: 305px; */
}

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

.slides_container a img {
	display:block;
}

/*
	Next/prev buttons
*/

#slides .prev {
	position:absolute;
	top:50%;
	left:5px;
	width:12px;
	height:80px;
	display:block;
	z-index:101;
	margin-top:-40px;
	background:#FFF; opacity:0.8;
}
#slides .next {
	position:absolute;
	top:50%;
	right:5px;
	width:12px;
	height:80px;
	display:block;
	z-index:101;margin-top:-40px; opacity:0.8;
	background:#FFF;

}
#slides .next, #slides .prev {
	display:none
}
#slides {
	width:auto;
margin: auto;
}


#slides:hover .next, #slides:hover .prev {
display:block
}

/*
	Pagination
*/

.pagination {
	margin:0;
	width:300px;
	position:absolute;
	right:282px;
	bottom:-25px;
}

.pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
}

.pagination li a {
	display:block;
	float:left;
		line-height:14px;
		border:1px solid #112c71;
		background:#3756c0;
		color:#fff;
		font-size:12px;
		padding:0 10px;
		text-decoration:none;
}

.pagination li.current a {
background:#112c71;
		color:#fff;
}


/*
	Anchors
*/