#banner { position: absolute; }     
.page-template-frontpage2-php .oneByOne1 {top: 0px;left: 0px;  margin: 0;width: 800px; height: 320px; position: relative; overflow: hidden;}   

#banner .oneByOne_item {position: absolute;width: 820px;height: 340px; overflow: hidden; display: none;}  
.page-template-frontpage2-php #banner .oneByOne_item {width: 800px;height: 340px; } 
#banner .oneByOne_item a {text-decoration: none;}

#slider { font:36px Open Sans; font-weight:bold; line-height:1.3em; margin-top:70px; margin-bottom:30px; /*height:320px;*/ color:#ffffff; position:relative; overflow:hidden; }
.page-template-frontpage1-php #slider { margin-top:0px; padding-top:0px; padding-bottom:10px; margin-bottom:0px; /*height:420px;*/ background-image: url( "../images/bokeh.png" ); background-repeat: no-repeat; background-position: center -160px; }
  
/* --------- Page 1 ------------ */
.page-template-frontpage1-php .oneByOne1 {top: 0px; left: 0px; margin: 0; width: 1230px; height: 420px; position: relative; overflow: hidden; }   
.page-template-frontpage1-php #banner .oneByOne_item { width: 1230px; height: 420px; overflow: hidden; }                  


/* Slide 1 */
.slider-text-a1 { font-size:120px; line-height:1.2em; font-weight:bold; text-shadow: 1px 1px 0px #c46321; text-align:center; }
.slider-text-a2 { font-size:40px; line-height:auto; font-weight:bold; text-align:center; margin-top:10px; }
.slider-text-a2 span { background:#ffffff; color:#f55438; padding:0px 10px 5px 10px; }
.slider-text-a3 { font-size:24px; line-height:1.4em; font-weight:bold; text-shadow: 1px 1px 0px #c46321; margin-top:30px; text-align:center; }
a.slider-join { float:right; margin-top:35px; margin-right:5px; width:189px; height:78px; text-align:center; display:block; background-image: url( "../images/go.png" ); background-repeat: no-repeat; }

/* Slide 2 */
.slider-text-b1 { font-size:72px; line-height:1.2em; font-weight:bold; text-shadow: 1px 1px 0px #c46321; float:left; width:570px; text-align:right; margin-top:80px; }
.slider-text-b2 { font-size:35px; line-height:1.2em; font-weight:bold; text-shadow: 1px 1px 0px #c46321; float:right; width:560px; margin-bottom:12px; margin-top:50px; }
.slider-text-b3 { font-size:24px; line-height:1.4em; font-weight:bold; text-shadow: 1px 1px 0px #c46321; float:right; width:560px; }

/* Slide 3 */
a.slider-text-c1 { font-size:180px; display:block; font-weight:bold; color:#ffffff; text-shadow: 1px 1px 0px #c46321; text-align:center; margin-top:130px; }


/* Buttons */
.buttonArea { float: left;left: 620px; top: 380px; z-index:1000; position: relative; display:block!important; }   
.page-template-frontpage2-php .buttonArea { left: 400px; top: 257px; }                           
.buttonCon { float: left; left: -50%; position: relative; display:block!important; }
.buttonCon .theButton {display: block;color: #B22222;width: 34px;height: 31px; background: url("../images/circlebutton.png") no-repeat;text-indent: -9999px;border: 0;margin-right: 3px;float: left;}
.buttonArea a.active { background-position: 0 -42px; }  

/* Arrows */           
.arrowButton { cursor: pointer; }
.arrowButton .prevArrow{background: url("../images/prev.png") no-repeat; width: 19px;height: 38px; position: absolute;top: 170px; left: 12px; } 
.arrowButton .nextArrow{ background: url("../images/next.png") no-repeat;width: 19px;height: 38px;position: absolute;top: 170px;right: 12px; }   


.clear{ clear: both; }

.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: 1.0s;
	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: 1.0s;
	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: 1.0s;
	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: 1.0s;
	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: 1.0s;
	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: 1.0s;
	animation-delay: 1s;
	animation-timing-function: ease;
	animation-fill-mode: both;	          
}    
.animate6{
   	-webkit-animation-duration: .6s;
	-webkit-animation-delay: 1.2s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-fill-mode: both;
	-moz-animation-duration: .6s;
	-moz-animation-delay: 1.2s;
	-moz-animation-timing-function: ease;
	-moz-animation-fill-mode: both;
	-ms-animation-duration: .6s;
	-ms-animation-delay: 1.2s;
	-ms-animation-timing-function: ease;
	-ms-animation-fill-mode: both;
	animation-duration: 1.0s;
	animation-delay: 1.2s;
	animation-timing-function: ease;
	animation-fill-mode: both;	          
}    
.animate7{
   	-webkit-animation-duration: .6s;
	-webkit-animation-delay: 1.4s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-fill-mode: both;
	-moz-animation-duration: .6s;
	-moz-animation-delay: 1.4s;
	-moz-animation-timing-function: ease;
	-moz-animation-fill-mode: both;
	-ms-animation-duration: .6s;
	-ms-animation-delay: 1.4s;
	-ms-animation-timing-function: ease;
	-ms-animation-fill-mode: both;
	animation-duration: 1.0s;
	animation-delay: 1.4s;
	animation-timing-function: ease;
	animation-fill-mode: both;	          
}