@charset "UTF-8";

/* ======================================================== */
/* START SLIDER STYLE */


/* --------------------------------- */
/* slider main */

#slider {
	position:absolute;
	width: 100%;					/* width of the slider */
	height: 100%;					/* height of the slider */
}

#slider .wrapper {
	position:absolute;
	overflow:hidden;
	margin:0;
	padding:0;
}
#slider .wrapper ul {
	position:relative;
	margin:0;
	padding:0;
	list-style: none;
	background-color: #FFF;
}
#slider .wrapper ul li {
	position: absolute;
	margin:0;
	padding:0;
	display: block;
	
	-webkit-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
	transform: rotateY(0deg);
	
	background-image: url(images/ani_preload_home.gif);
	background-position: center center;
	background-repeat: no-repeat;
	
	/*-webkit-perspective: 1000;*/
	/*-webkit-backface-visibility: hidden;*/
}

#slider .wrapper ul li img {
	width: auto;	
}

/* --------------------------------- */
/* slider menu */

#slider ul.sliderMenu {
	position: absolute;
	margin: 310px 0 0 0;  
	padding: 0;
	list-style: none;
	text-align: center;	
}
#slider ul.sliderMenu li {
	display:inline-block;
	zoom:1;
	*display:inline;
	margin: 0 2px;
}

#slider ul.sliderMenu li a {
	width:15px;
	height:15px;
	background-color:#F00;
	display: block;
	
}
/*
#slider ul.sliderMenu li.active a {
	background-color:#00F;
}

#slider ul.sliderMenu li a:hover {
	background-color:#0F0;
}
*/


/* --------------------------------- */
/* slider btns left and right */

#slider .btnLeft, #slider .btnRight {
	position: relative;
	z-index: 10;
	margin-top: 20px;
	display: block;
	width: 80px;
	height: 90px;
	background-color: #FFF;
	color: #292521;
	background-color: #FFF;
}

#slider .btnLeft:hover, #slider .btnRight:hover {
	color: #292521;
	/*
	opacity: 0.7;
	filter: alpha(opacity=70);
	*/
}

#slider .btnLeft {
	float: left;
}
#slider .btnRight {
	width: 145px;
	float: right;
	text-decoration: none;
	line-height: 90px;
	text-indent: 30px;
	font-size: 18px;
	font-family: 'Raleway', cursive;
}

#slider .btnLeft .arrow {
	display: block;
	width: 80px;
	height: 90px;
	background-image: url(images/lb_btn_left.gif);
	background-position: 20px 18px;
	background-repeat: no-repeat;
}
#slider .btnRight .counter {
	display: block;
	float: left;
	height: 90px;
}
#slider .btnRight .arrow {
	display: block;
	float: right;
	width: 64px;
	height: 90px;
	background-image: url(images/lb_btn_right.gif);
	background-position: 20px 18px;
	background-repeat: no-repeat;
}

/* END SLIDER STYLE */
/* ======================================================== */