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

/* Control Nav */
.pagination{
	position:absolute;
	bottom:121px;
	right:0;
	width:153px;
	height:23px;
	padding-left:327px;
	padding-top:11px;
	overflow:hidden;
	background:url(../images/pagination-bg.png) 0 0 no-repeat;
	z-index:999;
}
	.pagination li{
		float:left;
		margin-right:4px;
		font-size:0px;
		line-height:0;
		text-indent:-5000px;
	}
		.pagination li a{
			display:block;
			width:12px;
			height:11px;
			background: url(../images/pagination.png) -15px 0 no-repeat;
		}
			.pagination li.current a,.pagination li a:hover{background-position:0 0;}
			.pagination li.current a{cursor:default;}

/* Caption */
.caption{
	z-index:999;
	position:absolute;
	bottom:30px;
	right:0px;
	width:736px;
	height:91px;
	overflow:hidden;
	background:url(../images/caption-bg.png) 0 0 no-repeat;
	font:12px/15px Arial, Helvetica, sans-serif;
	color:#8e8e8e;
}
	.caption .indents{padding:13px 30px 20px 120px;}
		.caption h2{
			font:500 37px/42px 'Maven Pro', sans-serif;
			color:#4b8cb9;
			letter-spacing:-2px;
			margin-left:-2px;
		}
			.caption h2 span{color:#333;}

@media only screen and (max-width: 995px){
	.slides_container{width:748px; height:337px;}
	.slide{width:748px;}
	.pagination{bottom:91px;}
	.caption{bottom:0px;}
}
@media only screen and (max-width: 767px){
	#slides, .slides_container{width:420px; height:189px;}
	.slide{width:420px;}
	.pagination{bottom:0px;}
	.caption{display:none !important;}
}
@media only screen and (max-width: 479px){
	#slides, .slides_container{width:300px; height:135px;}
	.slide{width:300px;}
}