/*
	Slideshow
*/

.slides {
	position: relative;
}

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

.slides_container {
	width: 100% !important; 
	overflow: hidden;
	position: relative;
	display: none;
}

.slides_container .slides_control {
	width: 100% !important;
	/*height: auto !important;*/
}


/*
	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 .slide {
	/*position: relative !important;*/
}
.slides_container .slide a {
	display: block;
}
.slides_container .slide a img {
	display: block;
}

/*
	Next/prev buttons
*/
.slides .next, .slides .prev {
	float: left;
	outline: none;
	/*position: absolute;*/
	top: 0;
	display: block;
	z-index: 101;
}

.slides .next img, .slides .prev img {
	float: left;
	outline: none;
	/*position: absolute;*/
	top: 40%;
	display: block;
	z-index: 101;
}

.slides .next {
	right: 0;
}
.slides .prev { 
	left: 0;
}
.slides .next img {
	/*padding-left: 65%;*/
}
.slides .prev img { 
	/*padding-left: 10%;*/
}

/*
	Pagination
*/
.pagination {
	float: left;
	padding-top: 15px;
	margin: 0; 
}

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

.pagination li a {
	display: block;
	width: 12px;
	height: 0;
	padding: 12px 0 0 0;
	background-image: url(pagination.png);
	background-position: 0 0;
	float: left;
	overflow: hidden;
	outline: none;
	
	background-color: transparent;
	border: 0; 
}

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

/*
	Caption
*/

.caption {
	z-index:500;
	position:absolute;
	bottom:-35px;
	left:0;
	height:30px;
	padding:5px 20px 0 20px;
	background:#000;
	background:rgba(0,0,0,.5);
	width:100%;
	font-size:14px;
	line-height:1.33;
	color:#fff;
	border-top:1px solid #000;
	text-shadow:none;
}