/* set the whole slider's width and height, keep same as defined in the jQuery */
/*#banner {
	width: 720px;		   
	height: 550px auto;		  
	position: inherit;
	max-width: 720px; 
	margin-left: -60px;
	background: #2a3b52;    
	overflow: hidden;	
	font: "Lucida Grande", "Lucida Sans Unicode", helvetica, verdana, arial, sans-serif;
}*/  
 #banner1 {
		   
	height:750px ;	  
	position:inherit;
	/*max-width: 1200px;*/
    
    flex-item-align:center; 
	margin:0 auto;
	background: #333333;    
	-webkit-box-shadow: 0 0 32px #666;
	-moz-box-shadow: 0 0 32px #666;
	box-shadow: 0 0 32px #666;  	
	overflow: hidden;	
	font: "Lucida Grande", "Lucida Sans Unicode", helvetica, verdana, arial, sans-serif;
}
    

.mainSlider {
	width: 1300px;  		 
	position:  relative;          
	float: inherit;     
}   

.mainSlider .sliderItem h3{
	font-size: 36px;
	padding: 160px 54px 0 64px;    
	text-shadow: 0px 2px 4px #999999;	
	color: #FFF;
}
.mainSlider .sliderItem p{
	font-size: 12px;
	padding: 12px 54px 0 64px;
	text-shadow: 0px 2px 4px #999999;		
	color: #FFF;	
}

.mainSlider .sliderItem .wp1{  
	margin: 70px 0 0 200px;
}  

.mainSlider .sliderItem .wp2{  
	margin: 70px 0 0 520px;
}     

/* the Vimeo video player */
.mainSlider .sliderItem .vimeo{  
	margin: 40px 0 0 56px;
	width: 540px;
	height: 320px;
	background: #000;
	
} 

/* the Youtube video player */
.mainSlider .sliderItem .youtube{  
	margin: 40px 0 0 100px;
	width: 560px;
	height: 315px;
	 float: inherit;
	background: #000;
} 

.subSlider {         
    
	position: absolute;
	float: left;      
	margin-left: 480px;
}  

.subSlider .sliderItem{  	
	height: 480px;   
	width: 50px;
	position: absolute;  
}  

.subSlider .sliderItem .subImage{  	
	margin: 48px 24px 0 20px;
}  

.subSlider .sliderItem p{   
	font-size: 28px;
	color: #FFF;
	margin: 180px 12px 0 80px;  
	text-shadow: 0px 2px 4px #999999;		
}    


.subSlider .sliderItem h3{  
	font-size: 32px;
	color: #FFF;       
	text-shadow: 0px 2px 4px #999999; 
	clear: left;
	float: left;
	padding: 12px;    
	-moz-border-radius: 8px;
	border-radius: 8px;	 
	-moz-box-shadow: 2px 2px rgba(0,0,0,0.5);
	-webkit-box-shadow: 2px 2px rgba(0,0,0,0.5);
	box-shadow: 2px 2px rgba(0,0,0,0.5);	 		
}      

.subSlider .sliderItem p{       
	font: "Lucida Grande", "Lucida Sans Unicode", helvetica, verdana, arial, sans-serif;
  	font-size: 12px;
	color: #FFF;
	text-shadow: 0px 2px 4px #999999; 
	padding: 6px;     
	clear: left;
	float: left;   	
	-moz-border-radius: 8px;
	border-radius: 8px;	  
	-moz-box-shadow: 2px 2px rgba(0,0,0,0.5);
	-webkit-box-shadow: 2px 2px rgba(0,0,0,0.5);
	box-shadow: 2px 2px rgba(0,0,0,0.5);  
}

.subSlider .sliderItem .wp1Header{  
  	background: #00BFFF;  
	margin: 120px 12px 0 80px;  
}         

.subSlider .sliderItem .wp1Text{   
	margin: 6px 12px 0 80px;  
	background: #4682B4;
}                             
.subSlider .sliderItem .wp1Text a{   
	color: #FFFFFF;
}                             
.subSlider .sliderItem .wp1Text a:hover{   
	color: #FFEBCD;
}                             

.subSlider .sliderItem .vimeoHeader{  
	background: #00BFFF;	
	margin: 100px 12px 0 140px;  
}
.subSlider .sliderItem .vimeoText{   
	margin: 6px 12px 0 140px;  
	background: #00BFFF;	
}

.subSlider .sliderItem .youtubeHeader{  
	background: #FF4500;	
	margin: 120px 12px 0 160px;  
}
.subSlider .sliderItem .youtubeText{   
	margin: 6px 12px 0 160px;  
	background: #FF4500;	
}   

.subSlider .sliderItem .lycheeHeader{   
	margin: 80px 12px 0 -320px;  
	background: #4682B4;          	
}  

.subSlider .sliderItem .lycheeText{   
	margin: 6px 12px 0 -320px;  
	background: #4682B4;          
} 

.subSlider .sliderItem .wp2Header{   
	margin: 120px 12px 0 -360px;  
	background: #B03060;
}  

.subSlider .sliderItem .wp2Text{   
	margin: 6px 12px 0 -360px;  
	background: #B03060;                 
	
}