
#container {

	width:580px;

	padding:10px;

	margin:0 auto;

	position:relative;

	z-index:0;

}

#containerHeader {

	width:350px;
	
	padding-bottom: 5px;

	margin:0 auto;

	position:relative;

	z-index:0;

}

#example {

	width:350px;

	height:150px;

	position:relative;

}

#frame {

	position:absolute;

	z-index:0;

	width:412px;

	height:190px;

	top:-3px;

	left:-42px;

}



/*

	Slideshow

*/



#slides {

	position:absolute;

	top:5px;

	left:4px;

	z-index:100;

}



/*

	Slides container

	Important:

	Set the width of your slides container

	Set to display none, prevents content flash

*/



.slides_container {

	width:317px;

	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:347px;

	height:150px;

	display:block;

}



a img { border: none; }



/*

	Next/prev buttons

*/



#slides .next,#slides .prev {

	position:absolute;

	top:50px;

	left:-39px;

	width:24px;

	height:43px;

	display:block;

	z-index:101;

}



#slides .next {

	left:330px;

}



/*

	Pagination

*/



.pagination {

	margin:26px auto 0;

	width:150px;

}



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

	background-position:0 0;

	float:left;

	overflow:hidden;

}



.pagination li.current a {

	background-position:0 -12px;

}



/*

	Caption

*/



.caption {

	z-index:500;

	position:absolute;

	bottom: -10px;

	left:0;

	height:5px;

	padding:1px 20px 30px 10px;

	background:#000;

	background:rgba(0,0,0,.5);

	width:540px;

	font-size:.9em;

	line-height:0.3;

	color:#fff;

	border-top:1px solid #000;

	text-shadow:none;

}

