/*
 * Swiper 1.3 - Mobile Touch Slider CSS
 * http://www.idangero.us/sliders/swiper
 *
 * Vladimir Kharlampidi, The iDangero.us
 * http://www.idangero.us/
 * 
 * Copyright 2012, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us
 *
 * Licensed under GPL & MIT
 *
 * Released on: March 15, 2012
*/

/* Swiper Styles */
.swiper-container {
	top:44px;
	margin:0 auto;
	position:relative;
	overflow:hidden;
}
.swiper-wrapper {
	position:relative;
	width:100%;
	-webkit-transition-property:-webkit-transform;
	-webkit-transition-duration:0s;
	-webkit-transform:translate3d(0px,0,0);
	-webkit-transition-timing-function:ease;
	
	-moz-transition-property:-moz-transform;
	-moz-transition-duration:0s;
	-moz-transform:translate3d(0px,0,0);
	-moz-transition-timing-function:ease;
	
	-o-transition-property:-o-transform;
	-o-transition-duration:0s;
	-o-transform:translate3d(0px,0,0);
	-o-transition-timing-function:ease;
	
	-ms-transition-property:-ms-transform;
	-ms-transition-duration:0s;
	-ms-transform:translate3d(0px,0,0);
	-ms-transition-timing-function:ease;
	
	transition-property:transform;
	transition-duration:0s;
	transform:translate3d(0px,0,0);
	transition-timing-function:ease;
	
	
	
	
}
.swiper-slide {
	float:left;
	-webkit-transform:translate3d(0,0,0);
	
}

/* Specify Swiper's Size: */
.swiper-container, .swiper-slide {
	height: 480px;
	width: 716px;
}





/* Put the pagination buttons at the bottom and make them invisible */
 
.ui-pagination {
  position: absolute;
  top: auto;
  z-index: 9999;
  bottom: 52px;
}
 
.ui-pagination .ui-pagination-prev, .ui-pagination .ui-pagination-next {
  top: 0;
  width: 49%;
}
 
.ui-pagination .ui-pagination-prev {
  left: 0;
}
 
.ui-pagination .ui-pagination-next {
  right: 0;
}
 
.ui-pagination .ui-pagination-prev .ui-btn, .ui-pagination .ui-pagination-next .ui-btn {
  width: 100%;
  height: 80px;
  margin-top: 0;
  opacity: 0;
}
 
 
/* The pagination dots at the bottom of the page */
 
#dots {
  position: absolute;
  z-index: 9999;
  bottom: 8px;
  height: 30px;
  line-height: 0;
  color: #888;
  width: 100%;
  text-align: center;
  font-size: 55px;
  letter-spacing: 1px;
}
 
#dots .highlight {
  color: #fff;
}