.ok
{
}
#example {
	width:1349px;
	height:584px;
	position:relative;
}
#ribbon {
	top:-3px;
	left:-15px;
	display:none;
	z-index:584;
}

#frame {
	z-index:0;
	width:1349px;
	height:584px;
	top:0;
	left:0;
}
/*
	Slideshow
*/

#slides {
	top:0;
	left:0;
	background:none !important;
	z-index:100;
}
/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

.slides_container {
	width:1349px;
	height:584px;
	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:1349px;
	background:none !important;
	height:584px;
	display:block;
}
/*
	Next/prev buttons
*/

#slides .next, #slides .prev {
	top:180px;
	left:890px;
	width:60px;
	height:58px;
	display:block;
	z-index:101;
	background:url(../images/arrow_right.png) no-repeat left bottom;
}
#slides .next {
	left:850px;
	height: 58px;
	width: 58px;
	background:url(../images/arrow_left.png) no-repeat left bottom;
}
/*
	Pagination
*/

.pagination {
	top: 350px;
	position: absolute;
	z-index: 100;
	left: 350px;
	margin: 26px auto 0;
}
.pagination li {
	list-style:none;
	height: 23px;
	width: 23px;
	margin: 0 1px 0 7px;
	float: left;
}
.pagination li a {
	display:block;
	width:23px;
	height:23px;
	float:left;
	overflow:hidden;
	text-indent: 200px;
	background: url(../images/bullet.png) top left no-repeat;
}
.pagination li a:hover, .pagination li.current a  {
	background-position: bottom left;
	height: 23px;
	width: 23px;
}