﻿#slides{
	width: 100%;
	position:relative;
	overflow:hidden;
}
.slides_container{
	width:940px;
	height:460px;
	overflow:hidden;
}
.slide{width:940px; height:auto;}

/* Control Nav */
.pagination{position:absolute; bottom:30px; left:51px; overflow:hidden; z-index:999;}
	.pagination li{
		float:left;
		font-size:0px;
		line-height:0;
		margin-right:5px;
		text-indent:-5000px;
	}
		.pagination li a{
			display:block;
			height:19px;
			width:19px;
			background: url(../images/pagination.png) -24px 0 no-repeat;
		}
			.pagination li a:hover{background-position:0 0;}
			.pagination li.current a{background-position:0 0;}
			.pagination li.current a{cursor:default;}

/* Caption */
.caption{
	z-index:999;
	position:absolute;
	top:193px;
	left:0px;
	width:427px;
	height:149px;
	overflow:hidden;
	background:url(../images/caption-tail.png) 0 0 repeat-y;
	border-right:1px solid #bdc1bb;
	border-bottom:1px solid #bdc1bb;
	font: 300 40px/72px 'Lato', sans-serif;
	color:#3b332e;
}
	.caption2{width:400px;}
	.caption3{width:499px;}
	.caption .indents{padding:7px 0 0 43px;}
	.caption strong{
		display:block;
		font-weight:700;
		font-size:50px;
		line-height:60px;
		color:#548c01;
		margin-top:-13px;
	}
	.caption3  strong{letter-spacing:-1px;}

@media only screen and (max-width: 995px){
	.slides_container{width:748px; height:366px;}
	.slide{width:748px;}
	.caption{font-size:45px; line-height:66px; top:145px; height:130px; width:390px;}
	.caption2{width:370px;}
	.caption3{width:470px;}
	.caption .indents{padding:7px 0 0 1px;}
	.caption strong{font-size:35px; line-height:54px;}
}
@media only screen and (max-width: 767px){
	.slides_container{width:420px; height:206px;}
	.slide{width:420px;}
	.caption{display:none !important;}
	.pagination{bottom:auto; top:20px; left:20px;}
}
@media only screen and (max-width: 479px){
	.slides_container{width:300px; height:147px;}
	.slide{width:300px;}
	.pagination{top:15px; left:15px;}
}