#slides{
	width: 1376px;
	height:459px;
	left:50%;
	margin-left:-678px;
	position:relative;
	overflow:hidden;
	background:url(../images/slider-bg.png) right bottom no-repeat;
}
.slides_container{
	width:100%;
	height:100%;
	overflow:hidden;
}
.slide{width:100%; height:100%;}

/* Control Nav */
.pagination{position:absolute; bottom:36px; left:215px; overflow:hidden; z-index:995;}
	.pagination li{
		float:left;
		font-size:0px;
		line-height:0;
		margin-right:5px;
		text-indent:-5000px;
	}
		.pagination li a{
			display:block;
			height:14px;
			width:14px;
			background: url(../images/pagination.png) -19px 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:995;
	position:relative;
	top:0px;
	left:0px;
	width:940px;
	padding:184px 0 0 204px;
	overflow:hidden;
	font:normal 70px/108px Arial, Helvetica, sans-serif;
	color:#fff;
}
	.caption span{
		display:block;
		font-size:40px;
		line-height:60px;
		margin-top:-5px;
		color:#9dd8ff;
	}

@media only screen and (max-width: 995px){
	#slides{width:990px; height:330px; margin-left:-495px; background-size: auto 100%;}
	.pagination{left:121px;}
	.caption{padding:110px 0 0 121px; width:748px; font-size:70px; line-height:84px;}
		.caption span{font-size:36px; line-height:44px;}
}
@media only screen and (max-width: 767px){
	#slides{width:760px; height:254px; margin-left:-380px;}
	.pagination{left:170px;}
	.caption{text-shadow:1px 1px 2px rgba(0,0,0,.5); padding:95px 0 0 170px; width:420px; font-size:40px; line-height:48px;}
		.caption span{font-size:26px; line-height:32px;}
}
@media only screen and (max-width: 479px){
	#slides{width:470px; height:157px; margin-left:-235px;}
	.pagination{left:85px; bottom:20px;}
	.caption{padding:30px 0 0 85px; width:300px; font-size:34px; line-height:42px;}
		.caption span{font-size:22px; line-height:27px;}
}