@charset "utf-8";
/* CSS Document */

#teamSection {
	position:relative;  
height:500px; 
	padding-left:50px;   


padding-bottom:50px;  
} 

#teamPhotosPosition {
display:block; 

width:380px; 
height:432px;  

position:absolute; 
top:20px;  


}

    
 
#alex{        
 position:absolute; 
top:0;
left:0; 
height:144px; 
		  width:95px; 
background-image:url(images/teamNew/alex.jpg);       
										  
}

#alex:hover {
	top:-4px;
left:-2.5px;  
	height:152px;         
		  width:100px;
	background-image:url(images/team/alexBig.jpg);   
z-index:10;  


}
    
	
	
	#dave{    
 position:absolute; 
top:0px;
left:95px; 
height:144px; 
		  width:95px; 
background-image:url(images/teamNew/dave.jpg);       
										  
}

#dave:hover {
	top:-4px;
left:92.5px;  
	height:152px;         
		  width:100px;
background-image:url(images/teamNew/daveBig.jpg);       
	z-index:10;  

}
    
	
	
		#clemens{    
 position:absolute; 
top:0px;
left:190px; 
height:144px; 
		  width:95px; 
background-image:url(images/teamNew/clemens.jpg);       
										  
}

#clemens:hover {
	top:-4px;
left:187.5px;  
	height:152px;         
		  width:100px;
background-image:url(images/teamNew/clemensBig.jpg);       
	z-index:10;  

}	



#aran{    
 position:absolute; 
top:0px;
left:285px; 
height:144px; 
		  width:95px; 
background-image:url(images/teamNew/aran.jpg);       
										  
}

#aran:hover {
	top:-4px;
left:282.5px;  
	height:152px;         
		  width:100px;
background-image:url(images/teamNew/aranBig.jpg);       
	z-index:10;  

}



#alec{    
 position:absolute; 
top:144px;
left:0px; 
height:144px; 
		  width:95px; 
background-image:url(images/teamNew/alec.jpg);       
										  
}

#alec:hover {
	top:140px;
left:-2.5px;  
	height:152px;         
		  width:100px;
background-image:url(images/teamNew/alecBig.jpg);       
	z-index:10;  

}	



#nik{    
 position:absolute; 
top:144px;
left:95px; 
height:144px; 
		  width:95px; 
background-image:url(images/teamNew/nik.jpg);       
										  
}

#nik:hover {
	top:140px;
left:92.5px;  
	height:152px;         
		  width:100px;
background-image:url(images/teamNew/nikBig.jpg);       
	z-index:10;  

}	



#andy{    
 position:absolute; 
top:144px;
left:190px; 
height:144px; 
		  width:95px; 
background-image:url(images/teamNew/andy.jpg);       
										  
}

#andy:hover {
	top:140px;
left:187.5px;  
	height:152px;         
		  width:100px;
background-image:url(images/teamNew/andyBig.jpg);       
	z-index:10;  

}	



#celine{    
 position:absolute; 
top:144px;
left:285px; 
height:144px; 
		  width:95px; 
background-image:url(images/teamNew/celine.jpg);       
										  
}

#celine:hover {
	top:140px;
left:282.5px;  
	height:152px;         
		  width:100px;
background-image:url(images/teamNew/celineBig.jpg);       
	z-index:10;  

}	






#toby{    
 position:absolute; 
top:288px;
left:0px; 
height:144px; 
		  width:95px; 
background-image:url(images/teamNew/toby.jpg);       
										  
}

#toby:hover {
	top:284px;
left:-2.5px;  
	height:152px;         
		  width:100px;
background-image:url(images/teamNew/tobyBig.jpg);       
	z-index:10;  

}	

#pambo{    
 position:absolute; 
top:288px;
left:95px; 
height:144px; 
		  width:95px; 
background-image:url(images/teamNew/pambo.jpg);       
										  
}

#pambo:hover {
	top:284px;
left:92.5px;  
	height:152px;         
		  width:100px;
background-image:url(images/teamNew/pamboBig.jpg);       
	z-index:10;  

}	


#jonathan{    
 position:absolute; 


top:288px;
left:285px; 
height:144px; 
		  width:95px; 
background-image:url(images/teamNew/jonathan.jpg);       
										  
}

#jonathan:hover {


	top:284px;
left:282.5px;  
	height:152px;         
		  width:100px;
background-image:url(images/teamNew/jonathanBig.jpg);       
	z-index:10;  

}	

#jeremy{    
 position:absolute; 
top:288px;
left:190px; 
height:144px; 
		  width:95px; 
background-image:url(images/teamNew/claudio.jpg);       
										  
}

#jeremy:hover {    
		top:284px;     
left:187.5px;      
	height:152px;              
		  width:100px;
background-image:url(images/teamNew/claudioBig.jpg);       
	z-index:10;  

}	


#introText { 
 position:absolute;
		    left:447px;     
   top:0px;  
   width: 470px; 
} 


	
	
	
	
	    #title{ 
		
		font-weight:800; 
		font-size:18px;
		color:#444444;
		
		} 
	
	
	
	    
   
      #alexText {
		  position:absolute;
		    left:450px;     
   top:200px;  
   width:470px;     
		  display: none ; }        
		     
      #daveText {
		  position:absolute;    
		    left:355px;         
   top:200px;  
   width:470px; 
		  display: none ; }        
      #clemensText {            
		  position:absolute;    
		    left:260px;     
   top:200px;  
   width:470px; 
		  display: none ; }        
      #aranText {
		  position:absolute;
		    left:165px;     
   top:200px;  
   width:470px; 
		  display: none ; }        
      #alecText {
		  position:absolute;
		    left:450px;     
   top:56px;  
   width:470px; 
		  display: none ; }        
      #nikText {
		  position:absolute;
		    left:355px;     
   top:56px;  
   width:470px; 
		  display: none ; }        
      #andyText {
		  position:absolute;
		    left:260px;     
   top:56px;  
   width:470px; 
		  display: none ; }        
      #celineText {
		  position:absolute;
		    left:165px;     
   top:56px;  
   width:470px; 
		  display: none ; }        
          
      #tobyText {
		  position:absolute;
		    left:450px;     
   top:-88px;  
   width:470px; 
		  display: none ; } 
		  
		  #pamboText {
		  position:absolute;
		    left:355px;     
   top:-88px;  
   width:470px; 
		  display: none ; } 
		  
		  
      #jonathanText {
		  position:absolute;
		    left:165px;     
   top:-88px;  
   
   
   
   
   width:470px; 
		  display: none ; }        

#jeremyText {
		  position:absolute;
		  
   
    left:260px;     
   top:-88px;  
   width:470px; 
		  display: none ; }        


 #alex:hover #alexText { display: block; }
 #dave:hover #daveText { display: block; }
 #clemens:hover #clemensText { display: block; }
 #aran:hover #aranText { display: block; }    
 #alec:hover #alecText { display: block; }
 #nik:hover #nikText { display: block; }    
 #andy:hover #andyText { display: block; }
 #celine:hover #celineText { display: block; }
 #pambo:hover #pamboText { display: block; }
 #toby:hover #tobyText { display: block; }
 #jonathan:hover #jonathanText { display: block; }
 #jeremy:hover #jeremyText { display: block; }