.rotatorContainer { 
	width:100%; 
	position:relative;
	float:left;
	z-index:0;
	overflow:visible;
	overflow:hidden;
	margin-top:0;
	padding:0;
	background:#014780;
	height:376px;
}

.slideContainer {
	margin:0 auto;
	position: relative;
	width: 100%;
	height: 376px;
	width:1280px;
	
	/* 33% being the ratio we are maintaining 
	    * calculated by looking at the image 
	    * ratio: 320/900 = ~0.33 */
	padding:0;
}
.iosSlider {
	width: 100%;
	
	/* this height ends up being your maximum height, 
	    * if you want it to scale forever, set it to 
	    * a very high number */
	height: 376px;
	z-index:1;
}
/* slide */
.iosSlider .slider .slide {
	/* required */
	width: 100%;
	height: 100%;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	background-position:center center;
	background-repeat:no-repeat;
	-webkit-transform: translateY(-100%);
	    -ms-transform: translateY(-100%);
	        transform: translateY(-100%); 
	-webkit-transition: -webkit-transform .8s ease-in-out; 
	        transition: transform .8s ease-in-out;
}

.iosSlider .slider .slide.on {
	z-index:0;
	-webkit-transform: translateY(0);
	    -ms-transform: translateY(0);
	        transform: translateY(0);
	-webkit-transition: -webkit-transform 0s ease-in-out;
	        transition: transform 0s ease-in-out;
}

.iosSlider .slider .slide img {
	width: 100%;
	height: auto;
}

.mask {
	position: absolute;
	top:0px;
	left:0px;
	width:100%;
	max-width:980px;
	height:0;
	padding: 0 0 24.5% 0;
	background:url(../../images/home/rotator-images/mask.png) no-repeat 0 0;
}			

.iosSlider .slider .slide .title {
	position: absolute;
	top:25%;
	left:165px;
	width:25%;
}	
		
.iosSlider .slider .slide .title span {
	color: #fff;
	font: bold 20px/25px  "trajan-pro-3",sans-serif;
    line-height: 2em;
	text-shadow: 0 1px 0 #000000;
}
.iosSlider .slider .slide .body {
	position: absolute;
	top: 28%;
	left: 25px;
	z-index:1;
	opacity: 0;
	filter: alpha(opacity:0);
	width:250px;
}			
.iosSlider .slider .slide .body span {
	color: #fff;
	font: normal 26px "minerva-modern", Baskerville, Palatino, "Times New Roman", serif;
	display:block;	
}
.iosSlider .slider .slide .body span + span {line-height:13px; margin-top:6px;}

.iosSlider .slider .slide .body span a {
	color: #fff;
	font: italic 13px Arial, Helvetica, sans-serif;
	font-weight:normal;
}
.iosSlider .slider .slide .body span a:hover {color:#959595; text-decoration:underline;}


.iosSlider .slider .slide .on { opacity: 1;	filter: alpha(opacity:100); -webkit-transition: all 500ms linear;transition: all 500ms linear;  }
    
/* slide selectors */
.slideContainer .slideSelectors {
	position: absolute;
	bottom: 24px;
	left: 165px;
	width: 950px;
	margin: 0 auto;
	z-index: 1;
	height: 13px;
	cursor:pointer;
}
.slideContainer .slideSelectors .item {
	float: left;
	width: 13px;
	height: 13px;
	background: #1981c5;
	margin: 0 0 0 12px;
	border:solid 1px #fff;
}

.slideContainer .slideSelectors .item:first-child {
		margin-left:0;
}
.slideContainer .slideSelectors .selected {
	background: #fff;
	border:solid 1px #e8a713;
}
#rotatorContainer > div {
	margin: 0 auto;
	max-width:980px;
	position:relative;
	width:100%;
}
@media screen and (-webkit-device-pixel-ratio: 2) {
.slideContainer .slideSelectors .item {
	background-image:url(../../images/home/rotator-images/btn_off@2x.png);
}
.slideContainer .slideSelectors .selected {
	background-image:url(../../images/home/rotator-images/btn_on@2x.png);
}
}