.topgrey{ 
width: 100%;
height: 7px;
position: relative;
top: 8px;
}

#nav li {  
list-style: none;
width: 18.5%;
position: relative;
top:-12px;
left: -40px;
}

.link1 { 
background-color: #236787;
text-align: center;
width: 160px;
padding-top: 5px;
padding-bottom: 5px;
float: left;
height: 21px;
}

.link2 {
background-color: #70869e;
text-align: center;
width: 160px;
padding-top: 5px;
padding-bottom: 5px;
float: left;
height: 21px;
}

.link3 {
background-color: #99e1f7;
text-align: center;
width: 160px;
padding-top: 5px;
padding-bottom: 5px;
float: left;
height: 21px;
}

.link4 {
background-color: #e2c8dd;
text-align: center;
width: 160px;
padding-top: 5px;
padding-bottom: 5px;
float: left;
overflow: hidden;
height: 21px;
}


.tophead  { 
clear:both;
float:right;
color: #537497;
font-size: 8pt; 
position: relative;
top: -40px;
left: -40px;


} 






#header {   
clear:both;
width: 72%; 
height:145px;
padding: 5px;
position:relative;
top: -10px;

}









#sidebar  { 
clear:both;
width: 23%;
float:right;
position: relative;
top:-160px;
left:-20px;  

}

#logo{
width:185px;
height:182px;
background-image: url(images/whylogo.gif);
position:relative;
top:-5px;
left:10px;
}



.logo  {
position: relative;
left: 8px;

}


#contactbox {  
background-color: #70869e;
width: 150px;
height: 70px;
border-bottom: 7px solid #808080;
margin-right: auto;
margin-left: auto; 
position: relative; 
top: -13px; 
text-align: center;
            
}

.callus { 

font-size: 10pt;
color: #ffffff;
position: relative;
top: 5px;
          
}


.number { 
font-size: 14pt;
font-weight: bold; 
color: #ffffff;
position: relative;
top: -35px; 

}

.webby { 
font-size: 9pt;
color: #FFFFFF;
position: relative;
top: -80px;
}





.showreel  { 

position: relative;
top: -5px; 
left: 30px;  
}

#sidebar .grey  { 
position: relative;
top: -28px;
left: 30px; 
width:150px;
}




.coreye  { 
position: relative;
top: -20px; 
left:60px;  
}



.coreye2  { 
position: relative;
top: -20px; 
left: 60px;  
}





#submain  { 

width: 72%;
height: 250px;
position: relative;
top: 25px; 
padding: 5px;    
      
}






#main {

width: 72%;
padding: 5px;
position: relative;
top:10px; 
height:100%;


}










#title1 {  
width: 47%; 
height:50%;

}

#title2 {  
width: 47%;
height:50%;

position: relative;
top: -141px;
left: 330px; 


}

#title3 {  
width: 47%;
height:50%; 
position: relative;

top: -150px; 

}

#title4 {  
width: 47%;
height:50%; 

position: relative;
top: -292px;
left: 325px;

}


.title1  {  
color: #ffffff;
background-color: #537497;
width: 100%;
padding-left: 5px;
         
}



.titletext1 {
width: 230px; 
position: relative;
top: -75px;
left: 60px;
}

.picref1  {   
position: relative;
top: -10px;   

}

.click1 {
position: relative;
top: -107px;
left: 135px;
             
}

.title2  {
color: #ffffff;
background-color: #537497;
width: 100%;
padding-left: 5px;
          
}

.titletext2 {
width: 230px;
position: relative;
top: -75px;
left: 60px;
}

.picref2  {
position: relative;
top: -10px;   

}

.click2 {  
position: relative;
top: -107px;
left: 172px;
              
}

.title3  {  
color: #ffffff;
background-color: #537497;
width: 100%;
padding-left: 5px;
          
}


.titletext3 { 
width: 230px;
position: relative;
top: -75px;
left: 60px;
}

.picref3  {
position: relative;
top: -10px;   

}

.click3    {  
position: relative;
top: -107px;
left: 150px;
               
}



.title4  {  
color: #ffffff;
background-color: #537497;
width: 100%;
padding-left: 5px;
          

}

.titletext4 {
width: 220px;
position: relative;
top: -75px;
left: 55px;
}

.picref4  {
position: relative;
top: -10px;   

}

.click4    {  
position: relative;
top: -107px;
left: 195px;
               
}







.grey {    
width: 100%;
height: 7px;

}



#flashbanner { 
position: relative;
top: 20px;
              
}

.c1pro { 
position: relative;
top: 22px;


}

.c1ben   { 
position: relative;
top: 22px;


}

#benefits  { 
width: 620px;
position: relative;
left: -25px;
}





.testimon   { 
position: relative;
top: 26px;
}

.grey1 {    
width: 100%;
height: 7px;

}

#c12mins p  { 
position: relative;
top: -50px;
left: 75px;
}



li { 
font-size: 10pt;
position: relative;
left: -25px;
}




#footer {
clear:both;
padding: 0px 15px 0px 15px; 
width: 900px;
height: 35px;
background-color: #ffffff;
position: relative;
top: 40px;
left:-15px;
}

.greyfoot{
width:100%;
height: 7px;


}


#footer .footbot1 {
font-size:8pt;
width: 320px;
color: #537497;
position: relative;
top: -12px;
font-size:8pt;

}

#footer .footbot2 {

font-size:8pt;
width: 450px;
position: relative;
top: -35px;
left:494px;
color: #537497;
}

.sitemap{
font-size:8pt;
}

.tandc{
font-size:8pt;
}