*{

	margin: 0;

	padding: 0;

}

body{

    padding:0;

    margin:0; 

	background: #FFFFFF;

} 



#wrapper{              

	width: 960px;

	margin: 0 auto;

	-webkit-user-select: none;	  			

}



#banner{

	position: absolute;

}



.oneByOne1{

	margin-top: 30px;

	width: 960px;

	height: 420px;   

	//background: #EFEFEF;    

	position: relative;

	overflow: hidden;  	

}   



#banner .oneByOne_item{

	position: absolute;

	width: 960px;

	height: 420px;  

	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: 960px) {

	.oneByOne1, #banner .oneByOne_item, #wrapper, #exampleline img{

		width: 960px;

	}

}



@media screen and (min-width: 768px) and (max-width: 959px) {

	.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 a{

	text-decoration: none;

	color: #B22222;

}

#banner .oneByOne_item span.slide1Txt1{ 

  	position: relative;
	float: left;
	margin: 5% 0 0 5%;
	color: #108449;	
	font-size: 24px;  
	background: #FFFFFF;
	padding: 8px;
}

#banner .oneByOne_item span.slide1Txt2{ 

  	position: relative;
	clear: left;
	float: left;
	margin: 2% 0 0 5%;
	color: #666666;	
	font-size: 14px;  
	background: #FFFFFF;
	padding: 8px;             
}   



#banner .oneByOne_item span.slide1Txt3{ 

  	position: relative;
	clear: left;
	float: left;
	margin: 6px 2% 0 20%;
	color: #666666;	
	font-size: 14px;  
	background: #FFFFFF;
	padding: 8px;             

}     

                    

#banner .oneByOne_item img.bigImage{ 

	position: absolute;
	top: 0; 
	left: 0;
	width: 100%;
}
#banner .oneByOne_item span.slide2Txt1{ 

  	positio#banner .oneByOne_item img.bigImage{ 

	position: absolute;

	top: 0; 

	left: 0;

	width: 100%;



}

n: relative;

	float: left;

	margin: 5% 0 0 5%;

	color: #108449;	

	font-size: 24px;  

	background: #FFFFFF;

	padding: 8px;             

}

 

#banner .oneByOne_item span.slide2Txt2{ 

  	position: relative;

	clear: left;

	float: left;

	margin: 14px 0 0 5%;

	color: #666666;	

	font-size: 12px;  

	background: #FFFFFF;

	padding: 8px;             

}  


#banner .oneByOne_item span.slide3Txt1{ 

  	position: relative;

	float: left;

	margin: 5% 0 0 5%;

	color: #108449;	

	font-size: 24px;  

	background: #FFFFFF;

	padding: 8px;             

}

 

#banner .oneByOne_item span.slide3Txt2{ 

  	position: relative;

	clear: left;

	float: left;

	margin: 2% 0 0 5%;

	color: #666666;	

	font-size: 12px;  

	background: #FFFFFF;

	padding: 8px;             

}  





#banner .oneByOne_item span.slide4Txt1{ 

  	position: relative;

	float: left;

	margin: 5% 0 0 5%;

	color: #108449;	

	font-size: 24px;  

	background: #FFFFFF;

	padding: 8px;             

}

 

#banner .oneByOne_item span.slide4Txt2{ 

  	position: relative;

	clear: left;

	float: left;

	margin: 2% 0 0 5%;

	color: #666666;	

	font-size: 14px;  

	background: #FFFFFF;

	padding: 8px;             

}