/* dCodes Framework: (c) TemplateAccess */
/* Slider Banner Banner Image Positions */
.oneByOne1 {
	top: 0;
	left: 0;
	margin: 0;
	width: 100%;
	height: 400px;
	position: relative;
	overflow: hidden;
}
#obo_banner .oneByOne_item {
	position: absolute;
	width: 1280px;
	height: 400px;
	overflow: hidden;
}
#obo_banner {
	position: absolute;
}
#obo_banner img {
	display: block;
}
.oneByOne_item {
	padding: 0;
	position: absolute;
	overflow: hidden;
}

/*slide 1*/
.obo_slide1 {
	
}
.slimg0{
	background:url(../images/slide-0.jpg);
}
.slimg1{
	background:url(../images/slide-1.jpg);
}
.slimg2{
	background:url(../images/slide-2.jpg);
}
.slimg3{
	background:url(../images/slide-3.jpg);
}
.obo_slide1 img.element_bg {
	position: absolute;
	left: 0px;
	top: 0px;
} /* padding: top, right, bottom, left  */
.obo_slide1 img.element_0 {
	float: right;
	
}
#obo_banner .oneByOne_item span.slide1Txt1 {
	position: absolute;
	color: #fff;
	font-weight:bold;
	font-size: 34px;
	margin-bottom: 15px;
	left:100px;
	top:140px;
	text-shadow:2px 2px #000;
}
#obo_banner .oneByOne_item span.slide1Txt2 {
	position: absolute;
	color: #fff;
	font-size: 24px;
	left:100px;
	top:200px;
	text-shadow:1px 1px #000;
	font-weight:bold;
}
#obo_banner .oneByOne_item span.slide1Txt3 {
	position: absolute;
	color: #fff;
	font-size: 24px;
	left:100px;
	top:230px;
	text-shadow:1px 1px #000;
	font-weight:bold;
}
.slimg0 span{
	color:#000 !important;	
	text-shadow:none !important;
}
.slimg0 span.slide1Txt1
{
	top: 230px !important;
	left:auto !important;
	right:100px;
}
.slimg0 span.slide1Txt2
{
	top: 280px !important;
	left:auto !important;
	right:100px;
}
.slimg0 span.slide1Txt3
{
	top: 310px !important;
	left:auto !important;
	right:100px;
}
.buttonArea{
    float: left;
    left: 50%;
    position: relative;            
    top: 100%;
	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: 170px;	 
	left: 12px;        
} 
.arrowButton .nextArrow{                 
	background: url(../images/assets/next.png) no-repeat;
	width: 40px;
	height: 80px;
	position: absolute;
	top: 170px;
	right: 12px;	          
}   

.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;	          
}