#wrapper{              
	width: 971px;
	margin: 0 auto;
	-webkit-user-select: none;	
	background-color:#FFF;
	margin-top:40px;	
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;

		
}

#banner{
	position: absolute;
	
	
}

.oneByOne1{
	margin-top: 10px;
	width: 971px;
	height: 120px;   
	background: url("../images/assets/paven.png"/) repeat #EFEFEF;    
	position: relative;
	overflow: hidden;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
}   

#banner .oneByOne_item{
	position: absolute;
	width: 971px;
	height: 120px;  
	overflow: hidden;  
	display: none;
}         

#exampleline{
	position: relative;
	margin: 5% 0 0 0;
}


/* change the width of the slider in your own responsive media query */
@media only screen and (min-width: 971px) {
	.oneByOne1, #banner .oneByOne_item, #wrapper, #exampleline img{
		width: 971px;
	}
}

@media screen and (min-width: 768px) and (max-width: 970px) {
	.oneByOne1, #banner .oneByOne_item, #wrapper, #exampleline img{ width: 748px; }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
	.oneByOne1, #banner .oneByOne_item, #wrapper, #exampleline img{
		width: 460px;
	}	
}

@media only screen and (min-width: 320px) and (max-width: 479px) {
	.oneByOne1, #banner .oneByOne_item, #wrapper, #exampleline img{
		width: 300px;
	}
	
}
                      
#banner .oneByOne_item span{
	font-family: "Lucida Grande", "Lucida Sans Unicode", helvetica, verdana, arial, sans-serif;
}                                                                                              


              

 
                    
  

#banner .oneByOne_item img.bigImage{ 
	position: absolute;
	top: 0; 
	left: 0;
	width: 100%;

}


#banner .oneByOne_item span.slidetxt_1{ 
  	position: relative;
	float: left;
	margin: 0% 0 0 5%;
	
	clear: left;
	
	padding: 20px;
	line-height:normal;
	color:#008080;
	padding-left:10px;
	margin-left:5px
	
}
 

.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: 125px;	 
	left: 12px;        
} 
.arrowButton .nextArrow{                 
	background: url("../images/assets/next.png") no-repeat;
	width: 40px;
	height: 80px;
	position: absolute;
	top: 125px;
	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;	          
}    
.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: .6s;
	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: .6s;
	animation-delay: 1.4s;
	animation-timing-function: ease;
	animation-fill-mode: both;	          
}    


    .myButton a {
        
        -moz-box-shadow: 1px 6px 14px -8px #276873;
        -webkit-box-shadow: 1px 6px 14px -8px #276873;
        box-shadow: 1px 6px 14px -8px #276873;
        
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #59b0b3), color-stop(1, #408c99));
        background:-moz-linear-gradient(top, #59b0b3 5%, #408c99 100%);
        background:-webkit-linear-gradient(top, #59b0b3 5%, #408c99 100%);
        background:-o-linear-gradient(top, #59b0b3 5%, #408c99 100%);
        background:-ms-linear-gradient(top, #59b0b3 5%, #408c99 100%);
        background:linear-gradient(to bottom, #59b0b3 5%, #408c99 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#59b0b3', endColorstr='#408c99',GradientType=0);
        
        background-color:#59b0b3;
        
        -moz-border-radius:30px;
        -webkit-border-radius:30px;
        border-radius:30px;
        
        display:inline-block;
        color:#ffffff;
        font-family:Trebuchet MS;
        font-size:17px;
        font-weight:bold;
        padding:13px 30px;
        text-decoration:none;
        
        text-shadow:1px 1px 0px #3d768a;
	
        
    }
    .myButton a:hover {
        
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #408c99), color-stop(1, #59b0b3));
        background:-moz-linear-gradient(top, #408c99 5%, #59b0b3 100%);
        background:-webkit-linear-gradient(top, #408c99 5%, #59b0b3 100%);
        background:-o-linear-gradient(top, #408c99 5%, #59b0b3 100%);
        background:-ms-linear-gradient(top, #408c99 5%, #59b0b3 100%);
        background:linear-gradient(to bottom, #408c99 5%, #59b0b3 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#408c99', endColorstr='#59b0b3',GradientType=0);
        
        background-color:#408c99;
    }
    .myButton a:active {
        position:relative;
        top:1px;
    }