.slideContainer {
	margin-bottom:22px;
	position: relative;
	width: 640px;
	height: 260px;
}

.iosSlider {
	width: 100%;
	height: 260px;
	/* this height ends up being your maximum height, 
	    * if you want it to scale forever, set it to 
	    * a very high number */
}
/* slider */
.iosSlider .slider {
	/* required */
	width: 100%;
	height: 100%;
}

/* slide */
.iosSlider .slider .slide {
	/* required */
	width: 100%;
	position:relative;
	height: 100%;
}
.iosSlider .slider .slide img {
	border:1px solid #333;
	width: 100%;
	height: 260px;
}
.iosSlider .slider .slide .title {
	position: absolute;
	top: 30px;
	right: 100px;
	background: #000;
	z-index:1;
	opacity: 0;
	filter: alpha(opacity:0);
}			
.iosSlider .slider .slide .title span {
	color: #fff;
	font: bold 50px/60px "Helvetica Neue", Helvetica, Arial, sans-serif;
	padding: 0 8px;
}
.iosSlider .slider .slide .body {
	position: absolute;
	top: 90px;
	right: 25px;
	background: #000;
	padding: 5px 7px 7px 7px;
	z-index:1;
	opacity: 0;
	filter: alpha(opacity:0);
}			
.iosSlider .slider .slide .body span {
	color: #fff;
	font: normal 16px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;	
}
.iosSlider .slider .slide .on { opacity: 1;	filter: alpha(opacity:100); -webkit-transition: all 500ms linear;-moz-transition: all 500ms linear;-o-transition: all 500ms linear;transition: all 500ms linear;  }
    
/* slide selectors */
.slideContainer .slideSelectors {
	position: relative;
	bottom: 0;
	left: 0;
	width: 1024px;
	margin: 0 auto;
	z-index: 1;
	height: 10px;
}
.slideContainer .slideSelectors .item {
	float: left;
	width: 9px;
	height: 9px;
	border: 1px solid #000;
	background: #999;
	margin: 0 0 0 10px;
	opacity: 0.25;
	filter: alpha(opacity=25);
}
.slideContainer .slideSelectors .selected {
	background: #000;
	opacity: 1;
	filter: alpha(opacity=100);
}

.prev, .next {opacity:.75; filter:alpha(opacity=75); position:absolute; top:120px; z-index:10}
.prev:hover, .next:hover {opacity:1; filter:alpha(opacity=100);}
.prev {left:10px;}
.next {right:10px;}