/* The circle and arrow buttons */
.buttonArea{float:left;position:relative; top:100%; left:50%; margin-top:-32px;}                     
.buttonCon{float:left; left:-50%;position:relative;}
.buttonCon .theButton {display: block;color: #B22222;width: 20px;height: 22px;background: url(../images/assets/circlebutton.png) no-repeat;text-indent: -9999px;border: 0;margin-right: 3px;float: left;}
.buttonArea a.active {background-position:0 -22px;}
.arrowButton{cursor:pointer;}            
.arrowButton .prevArrow{background: url(../images/assets/prev.png) no-repeat; width:40px;height:80px;position:absolute; top:160px;left:10px;} 
.arrowButton .nextArrow{ background: url(../images/assets/next.png) no-repeat;width:40px;height:80px;position:absolute; top:160px;right:10px;}
/* required CSS3 animation, you can see http://daneden.me/animate/ for more information */
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {0% {opacity: 1;-webkit-transform: translateX(0px) rotate(0deg);}
100% {opacity: 0;-webkit-transform: translateX(100%) rotate(120deg);}}
@-moz-keyframes rollOut { 0% {opacity: 1;-moz-transform: translateX(0px) rotate(0deg);}
    100% {opacity: 0;-moz-transform: translateX(100%) rotate(120deg);}}
@-ms-keyframes rollOut {0% {opacity: 1;-ms-transform: translateX(0px) rotate(0deg);}
    100% {opacity: 0;-ms-transform: translateX(100%) rotate(120deg);}}
@-o-keyframes rollOut { 0% {opacity: 1;-o-transform: translateX(0px) rotate(0deg);}
    100% {opacity: 0;-o-transform: translateX(100%) rotate(120deg);}}
@keyframes rollOut {0% {opacity: 1;transform: translateX(0px) rotate(0deg);}
    100% {opacity: 0;transform: translateX(100%) rotate(120deg);}}
.rollOut {-webkit-animation-name: rollOut;-moz-animation-name: rollOut;-ms-animation-name: rollOut;-o-animation-name: rollOut; animation-name: rollOut;}  
@-webkit-keyframes fadeInLeft {0% {opacity: 0;-webkit-transform: translateX(-20px);}
	100% {opacity: 1;-webkit-transform: translateX(0);}}
@-moz-keyframes fadeInLeft {0% {opacity: 0;-moz-transform: translateX(-20px);}
	100% {opacity: 1;-moz-transform: translateX(0);}}
@-ms-keyframes fadeInLeft {0% {opacity: 0;-ms-transform: translateX(-20px);}
	100% {opacity: 1;-ms-transform: translateX(0);}}
@-o-keyframes fadeInLeft {0% {opacity: 0;-o-transform: translateX(-20px);}
	100% {opacity: 1;-o-transform: translateX(0);}}
@keyframes fadeInLeft {0% {opacity: 0;transform: translateX(-20px);}
	100% {opacity: 1;transform: translateX(0);}}
.fadeInLeft {-webkit-animation-name: fadeInLeft;-moz-animation-name: fadeInLeft;-ms-animation-name: fadeInLeft;-o-animation-name: fadeInLeft;animation-name: fadeInLeft;}      
/* The animation delay settings, required */
.animate0{-webkit-animation-duration: .6s;-webkit-animation-delay: 0s;-webkit-animation-timing-function: ease;-webkit-animation-fill-mode: both;-moz-animation-duration: .6s;-moz-animation-delay: 0s;-moz-animation-timing-function: ease;-moz-animation-fill-mode: both;-ms-animation-duration:.6s;-ms-animation-delay: 0s;-ms-animation-timing-function: ease;-ms-animation-fill-mode: both;animation-duration: .6s;animation-delay: 0s;animation-timing-function: ease;animation-fill-mode: both;}         
.animate1{-webkit-animation-duration: .6s;-webkit-animation-delay: .2s;-webkit-animation-timing-function: ease;-webkit-animation-fill-mode: both;-moz-animation-duration: .6s;-moz-animation-delay: .2s;-moz-animation-timing-function: ease;-moz-animation-fill-mode: both;-ms-animation-duration:.6s;-ms-animation-delay:.2s;-ms-animation-timing-function: ease;-ms-animation-fill-mode: both;animation-duration: .6s;animation-delay: .2s;animation-timing-function: ease;animation-fill-mode: both;} 
.animate2{-webkit-animation-duration: .6s;-webkit-animation-delay: .4s;-webkit-animation-timing-function: ease;-webkit-animation-fill-mode: both;-moz-animation-duration: .6s;-moz-animation-delay: .4s;-moz-animation-timing-function: ease;-moz-animation-fill-mode: both;-ms-animation-duration: .6s;-ms-animation-delay: .4s;-ms-animation-timing-function: ease;-ms-animation-fill-mode: both;animation-duration: .6s;animation-delay: .4s;animation-timing-function: ease;animation-fill-mode: both;} 
.animate3{-webkit-animation-duration: .6s;-webkit-animation-delay: .6s;-webkit-animation-timing-function: ease;-webkit-animation-fill-mode: both;-moz-animation-duration: .6s;-moz-animation-delay: .6s;-moz-animation-timing-function: ease;-moz-animation-fill-mode: both;-ms-animation-duration: .6s;-ms-animation-delay: .6s;-ms-animation-timing-function: ease;-ms-animation-fill-mode: both;animation-duration: .6s;animation-delay: .6s;animation-timing-function: ease;animation-fill-mode: both;}   
.animate4{-webkit-animation-duration: .6s;-webkit-animation-delay: .8s;-webkit-animation-timing-function: ease;-webkit-animation-fill-mode: both;-moz-animation-duration: .6s;-moz-animation-delay: .8s;-moz-animation-timing-function: ease;-moz-animation-fill-mode: both;-ms-animation-duration: .6s;-ms-animation-delay: .8s;-ms-animation-timing-function: ease;-ms-animation-fill-mode: both;animation-duration: .6s;animation-delay: .8s;animation-timing-function: ease;animation-fill-mode: both;}  
.animate5{-webkit-animation-duration: .6s;-webkit-animation-delay: 1s;-webkit-animation-timing-function: ease;-webkit-animation-fill-mode: both;-moz-animation-duration: .6s;-moz-animation-delay: 1s;-moz-animation-timing-function: ease;-moz-animation-fill-mode: both;-ms-animation-duration: .6s;-ms-animation-delay: 1s;-ms-animation-timing-function: ease;-ms-animation-fill-mode: both;animation-duration: .6s;animation-delay: 1s;animation-timing-function: ease;animation-fill-mode: both;	}