/* 
    Document   : FlexSlider
    Created on : 31 août 2011, 12:54:46
    Author     : Huitre
    Description:
        Purpose of the stylesheet follows.
*/

/* flexslider main css */

/* pre loader */
/*#preloader {width:100%; height:100%; position: absolute; z-index: 9999; text-align: center; background-color : #fff}
#preloader .content_preloader {width:100px; height: 50px; margin:auto; margin-top: 30px;}
#preloader .square {height: 10px; width: 10px; margin: 3px; border: 1px solid #d4d4d4; float: left; background-color : #ff0000}

/* visual timer */
/*.visualTimer {height: 15px; position: absolute; z-index: 9999; right: 10px; width: 55px !important;}
.visualTimer .content_preloader {width:100px; height: 15px; margin:auto; margin-top: 5px;}
.visualTimer .square {height: 2px; width: 10px; margin: 2px; float: left; background-color : #fff}

/* main div */
.slider {
	cursor: move;
	cursor: w-resize;
	background-color: transparent;
	width: 970px;
	margin-left: 15px;
	position: relative;
	overflow: hidden;
	height: 434px;
	margin : auto;
}
.slider .wrapper {
	margin: 0px;
	position: absolute;
	overflow: hidden;
	height: 600px;
	background-color: transparent;
}

/* panels */
.slider .rotator { position: relative; height: 386px; width: 970px; float: left; overflow: hidden; margin:auto; background-image: url('../assets/bg_1.png')}
.slider .rotator img {position: absolute;}
.slider .rotator div {position: absolute;}
.slider .rotator .fullsize {width: 100%; height: 100%; position : absolute}
/* controls buttons */
.controls {margin : auto; text-align: center; z-index: 2; position: absolute; margin-top: 385px}
.controls a {display: inline-block; text-decoration: none; color:#fff; margin: 4px; background-color: #bbb; width: 11px; border-radius : 5px 5px 5px 5px; height: 11px; border: 2px solid #c3c3c3}
.controls a:hover { background-color: #ddd }
.controls a.active { background-color: #000 }
.controls .next {display:none; position:absolute; margin-top: -240px; width: 25px; height: 25px; background-color: #000; opacity : 0.7; margin-left: 954px; padding-top: 2px; color: #fff; z-index: 10}
.controls .prev {display:none; position:absolute; margin-top: -240px; width: 25px; height: 25px; background-color: #000; opacity : 0.7; padding-top: 2px;color: #fff; z-index: 10}
.slider:hover .next {display: block !important}
.slider:hover .prev {display: block !important}
/* IE specific */
.controls .IE7.prev {margin-left: -100px;}
.controls .IE7.next {margin-left: 828px;}
/* caption */
.caption {position:absolute; width:978px; background-color: #000; opacity : 0.7; color: #fff; font-size : 14px; font-family: 'Tienne'; padding : 10px; height: 20px; filter: alpha(opacity = 70);}