.slideContainer {
    border-bottom: 2px solid #bdc2c6;
	margin:0 auto;
	position: relative;
	width: 100%;
	height: 0;
	
	/* 33% being the ratio we are maintaining 
	    * calculated by looking at the image 
	    * ratio: 320/900 = ~0.33 */
	padding: 0 0 80.5% 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: auto;
}
/* slider */
.iosSlider .slider {
	/* required */
	width: 100%;
	height: 100%;
}

/* slide */
.iosSlider .slider .slide {
	/* required */
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: 0;
    background-size: cover;
    background-position: center;
    -webkit-transition: opacity 1s ease-in-out;
    transition: opacity 1s ease-in-out;
    }
.iosSlider .slider .slide .photo {
	width: 100%;
	height: 58.25%;
    display: block;
    background-repeat: no-repeat;
    background-position: left top;
    background-size: cover;
    border-bottom: 1px solid #fff;
}

.iosSlider .slider .slide .desc {
    border-top: 1px solid #5b6770;
    padding: .5em 1em;
}

.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 .motto {
    display: block;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 148px 24px;
    position: absolute;
    top: 58.25%;
    left: .5em;
    z-index: 20;
    width: 148px;
    height: 24px;
    margin-top: -24px;
}

.iosSlider .slider .slide .on { opacity: 1;	filter: alpha(opacity:100); -webkit-transition: all 500ms linear;transition: all 500ms linear;  }
    
/* slide selectors */
.slideContainer .slideSelectors {
	position: relative;
	margin: 7px auto 0;
	z-index: 1;
	text-align:center;
	width:auto;
}

.slideContainer .slideSelectors .item {
	width: 14px;
	height: 14px;
	background:url(../../images/home/rotator-images/btn_off.png) no-repeat 0 0;
	background-size:14px 14px;
	margin: 0 0 0 4px;
	display:inline-block;
}
.slideContainer .slideSelectors .item:first-child {
		margin-left:0;
}
.slideContainer .slideSelectors .selected {
	background:url(../../images/home/rotator-images/btn_on.png) no-repeat 0 0;
	background-size:14px 14px;
}

#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);
}
}