#container {
	
	margin:0 auto;
	position:relative;
	z-index:0;}

#example {
	
	height:300px;
	position:relative;}


#frame {
	position:absolute;
	z-index:0;
	height:230px;}

/*
	Slideshow
*/

#slides_1 {
	position:absolute;
	z-index:100;}

		#slides_1 .slides_container {
			width:890px;
			height:210px;
			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_1 .slides_container div.slide {
			width:890px;
			height:210px;
			display:block;
		}
		
		/*
			Slides container
			Important:
			Set the width of your slides container
			Set to display none, prevents content flash
		*/
		
#slides_2 {
	position:absolute;
	z-index:100;}
	
#slides_2 .slides_container {
			width:856px;
			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_2 .slides_container div.slide {
			width:856px;
			height:238px;
			display:block;}
		

/*
	Pagination
*/

.pagination {
	margin-top:20px;
	margin-left: auto;
	margin-right:auto;
	list-style:none; list-style-image:none; padding:0;
	width:120px;}

.pagination li {
	float:left;
	margin-left: auto;
	margin-right:auto;}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(../images/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;}

.pagination li.current a {
	background-position:0 -12px;}