/* dCodes Framework: (c) TemplateAccess */
/* Slider Banner Banner Image Positions */
.oneByOne1 {
	top: 0;
	left: 0;
	margin: 0;
	width: 100%;

	position: relative;
	overflow: hidden;
        
}
#obo_banner .oneByOne_item {
	position: absolute;
	width: 980px;
	height: 517px;
	overflow: hidden;
}
#obo_banner {
	position: absolute;
}
#obo_banner img {
	display: block;
}
.oneByOne_item {
	padding: 0;
	position: absolute;
	overflow: hidden;
}
/* To position layer items on the slider you can use either padding or margin */

.oneByOne_item img{
        //padding: 40px 120px 10px 85px;
	float: left;
}

.oneByOne_item iframe{
        padding: 30px 120px 10px 28px;
	float: left;
}

.oneByOne_item object{
        margin: 30px 120px 10px 28px;
	float: left;
}

/*slide 1*/

#obo_banner .oneByOne_item span.slide1Txt1 {
	position: absolute;
	float: right;
	margin: 4% 0 0 0; /* margin: top, right, bottom, left  */
	//color: #069;
	font-size: 30px;
	color: #7d7d7e;
	padding: 12px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	
}
#obo_banner .oneByOne_item span.slide1Txt2 {
	position: relative;
	clear: right;
	float: right;
	//margin: 6px 2% 0 15%; /* margin: top, right, bottom, left  */
	color: #7d7d7e;
	font-size: 24px;
	//background: ;
	padding: 8px;
}
#obo_banner .oneByOne_item span.slide1Txt3 {
	position: absolute;
	clear: right;
	float: right;
	//margin: 6px 2% 0 15%; /* margin: top, right, bottom, left  */
	color: #7d7d7e;
	font-size: 14px;
	//background: #7d7d7e;
	padding: 8px;
        margin-top: 130px;
}


#obo_banner .oneByOne_item span {
	font-family: 'PT Sans Narrow', "Lucida Grande", "Lucida Sans Unicode", helvetica, verdana, arial, sans-serif;
}





.buttonArea{
    float: left;
    left: 50.5%;
    position: relative;            
    top: 100%;
	margin-top: -32px;	
}                     
.buttonCon{  
    float: left;
    left: -50%;
    position: relative;        
}
.buttonCon .theButton {
	display: block;
	color: #B22222;
	width: 20px;
	height: 20px;
	background: url(../images/assets/circlebutton.png) no-repeat;
	text-indent: -9999px;
	border: 0;
	margin-right: 3px;
	float: left;
}
.buttonArea a.active {
	background-position: 0 -20px;
}             

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

#slider{
    display:none;
}

.slider_container {
width: 100%;
background-image: url('../images/slider_bg.png');
background-repeat: repeat-x;
height:537px;
}

.slider_button{
    background-image:url('../images/button_slider.png');
    background-repeat: no-repeat;
    display:block;
    height:115px;
    width:255px;
    margin-top: 180px;
    margin-right:-30px;
    position:absolute;
}

.slider_button_1{
    background-image:url('../images/button_slider.png');
    background-repeat: no-repeat;
    display:block;
    height:115px;
    width:255px;
    margin-top: 360px;
    margin-right:365px;
    position:absolute;
}

.slider_button_link{
    margin-top: 45px;
    position: absolute;
    text-decoration:none;
    color:white;
    font-size:18px;
    margin-right:70px;
}