/* 

	Resets defualt browser settings

	reset.css

*/







#example {

	width:635px;

	height:283px;

	position:relative;

}



#ribbon {

	position:absolute;

	top:0px;

	left:0px;

	z-index:500;

	width:637px;

	height:283px;

}



#frame {

	position:absolute;

	z-index:0;

	width:637px;

	height:341px;

	top:0px;

	left:0px;

}



/*

	Slideshow

*/



#slides {

	position:absolute;

	top:0px;

	left:0px;

	z-index:100;

}



/*

	Slides container

	Important:

	Set the width of your slides container

	Set to display none, prevents content flash

*/



.slides_container {

	width:637px;

	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 a {

	width:535px;

	height:283px;

	display:block;

}



/*

	Next/prev buttons

*/



#slides .next,#slides .prev {

	position:absolute;

	top:107px;

	left:-39px;

	width:24px;

	height:43px;

	display:block;

	z-index:101;

}



#slides .next {

	left:585px;

}



/*

	Pagination

*/



.pagination {

	margin:7px 5px 0 0;

	

	float:right;

}



.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(/images/slideshow/pagination.png);

	background-position:0 0;

	float:left;

	overflow:hidden;

}



.pagination li.current a {

	background-position:0 -12px;

}