/* main */
.main {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 150px;
}

/* footer */
.footer {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 150px;
	background: #ddd;
}

/* toggle */
.toggle {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 80px;
	height: 80px;
	border: 2px solid #000;
	z-index: 2;
	background: #fff;
}

/* slider 1 */
.main .slider1Container {
	position: absolute;
	top: 0;
	bottom: 150px;
	left: 0;
	right: 0;
}

.iosSlider1 {
	position: relative;
	top: 0;
	left: 0;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

.iosSlider1 .slider {
	width: 100%;
	height: 100%;
}

.iosSlider1 .slider .item {
	float: left;
	width: 100%;
	height: 100%;
}

.iosSlider1 .slider .item1 {
	background: #666;
}

.iosSlider1 .slider .item2 {
	background: #999;
}

.iosSlider1 .slider .item3 {
	background: #aaa;
}

.iosSlider1 .slider .item4 {
	background: #ddd;
}

.iosSlider1 .slider .item5 {
	background: #777;
}

/* slider 2 */
.slider2Container {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 150px;
}

.iosSlider2 {
	position: relative;
	bottom: 0;
	left: 0;
	overflow: hidden;
	width: 100%;
	height: 150px;
}

.iosSlider2 .slider {
	width: 100%;
	height: 100%;
}

.iosSlider2 .slider .item {
	float: left;
	width: 250px;
	height: 100%;
}

.iosSlider2 .slider .item1 {
	background: #666;
}

.iosSlider2 .slider .item2 {
	background: #999;
}

.iosSlider2 .slider .item3 {
	background: #aaa;
}

.iosSlider2 .slider .item4 {
	background: #ddd;
}

.iosSlider2 .slider .item5 {
	background: #777;
}

/* s2hidden */
.sliderHidden .slider1Container {
	bottom: 0;
}

.sliderHidden .slider2Container {
	display: none;
}