pre,form,body,html,blockquote,fieldset,input,div,p
    { margin-top: 0px; margin-right:0px; margin:0px; padding:0px;}
    
  .breadcrumbs  {position:relative; top:0px; left:0px; color:#000033; font-size: 9pt; font-family:"Arial Narrow"; text-align:left;}
  
   a {color:#0099cf; text-decoration:none; cursor:hand;}
   a:hover {color:#000033; text-decoration:none;}
   
   .accomo a img {border:2px #0099cf solid; }
   .accomo  a:hover img {border:2px #000033 solid; } 
li {margin-top:10px;}    
 #wrapper { height:100%; margin: 0px auto 0px auto; display: table; }
     #centered { position: relative; margin: 0px auto; z-index:50; width:800px; height:auto; text-align: center; background-color:white;}
     
     .menu {position:absolute; left:24px; top:127px; z-index: 100; }
   body {background-color:#131D36;}
   
   .header {position:absolute; top:0px; left:0px;  width:800px;  z-index:80; }    
   .header1 {position:absolute; top:0px; left:0px;  width:204px; height:378px; z-index:80;} 
   .header2 {position:absolute; top:0px; left:204px;  width:84px; height:349px; z-index:80;} 
   .header3 {position:absolute; top:0px; left:288px;  width:508px; height:303px; z-index:60;} 
     
      #content {position: absolute; left:250px; top:300px; width:500px; margin: 1px 1px 1px 1px; text-align: justify; line-height:120%; font-family:arial; font-size:10pt; color:#4b4b4b; z-index:80;}          
       #content p {margin-top:10px;}

       .rightcontent {position:relative; left:0px; top:10px; width:500px;}
       
      #news {position:absolute; top:380px; left:20px; width:210px; text-align:left; color:#575757; font-family:arial; font-size:8pt; z-index:90; line-height:150%; min-height: 1100px;}
      #news ul {margin-top:0px; margin-left:20px;}   
      #news li {margin-top:0px;}
      #news a{ color:#575757; font-family:arial; font-size:8pt; }        
 
 
 .strip {position:relative; left:0px; top:0px; width:495px; height:318px; text-align:right; z-index:10; display:inline; text-decoration:none; float:left; } 
      .strip p {margin-top:0px;}
      
    .surf { width:250px; height:158px; font-family:Myriad,Arial; font-size:10pt; color:#003466; float:right; text-decoration:none; z-index:100; ;  background-image:url('images/mobile-surf-lessons.gif');}           
     .surf p {width:175px; padding-top:20px;   font-family:Myriad,Arial; font-size:8pt; color:#003466; text-align:justify;  float:right; text-decoration:none; line-height:130%; padding-right:70px}    
       .surf a {position:relative; bottom:10px; right:10px; font-family:Myriad,Arial; font-size:8pt; color:#003466;  float:right;text-decoration:none;}     
      
      .accomodation { width:244px; height:158px; font-family:Myriad,Arial; font-size:10pt; color:#003466; float:left; text-decoration:none;   background-image:url('images/accomm.gif');}           
     .accomodation p {width:165px; padding-top:20px;  font-family:Myriad,Arial; font-size:8pt; color:#003466; text-align:justify; float:left; text-decoration:none; line-height:130%; padding-left:65px;}   
      .accomodation a {position:relative; top:5px; right:0px; font-family:Myriad,Arial; font-size:8pt; color:#003466;  float:right; text-decoration:none;} 
      
      
      .surfrentals { width:253px; height:169px; font-family:Myriad,Arial; font-size:10pt; color:#003466; float:left;  text-decoration:none;  background-image:url('images/surfboardrentals.gif');}           
     .surfrentals p {width:180px; padding-top:20px;  font-family:Myriad,Arial; font-size:8pt; color:#003466; text-align:justify;  float:right; line-height:118%; padding-right:10px;}    
      .surfrentals a {font-family:Myriad,Arial; font-size:8pt; color:#003466; text-decoration:none;}  
      
           .tours {width:241px; height:169px; font-family:Myriad,Arial; font-size:10pt; color:#003466; float:right; text-decoration:none;  background-image:url('images/surfguidingtours.gif');}           
     .tours p {width:190px; padding-top:25px;  font-family:Myriad,Arial; font-size:8pt; color:#003466; text-align:justify;  float:right; line-height:130%; padding-right:35px;}    
      .tours a {font-family:Myriad,Arial; font-size:8pt; color:#003466; text-decoration:none;}     
      
         
     
  
 .strip2 {position:relative; left:55px; top:0px; width:100%; height:198px; text-align:center; z-index:10; display:inline; text-decoration:none; float:right;} 
 .strip2 p {margin-top:0px;}
      
      
 .carrentals {background-image:url('images/carrentals.gif'); background-repeat:no-repeat; width:246px; height:198px; font-family:Myriad,Arial; font-size:10pt; color:#003466; float:left; text-decoration:none;}           
     .carrentals p {width:190px; padding-top:25px; padding-right:10px; font-family:Myriad,Arial; font-size:9pt; color:#003466; text-align:left;  float:right; line-height:100%;}    
      .carrentals a {font-family:Myriad,Arial; font-size:8pt; color:#003466; text-decoration:none;}     
      
 

 
 
   .testimonials {}
 
 .footer {position:absolute; left:0px; bottom:0px;  width:800px; height:186px; background-image:url('images/footer.jpg'); background-repeat: no-repeat; margin-top: 150px; z-index:12;}                                                            
 
 ul li {text-align:left;} 
 .footer span {position:absolute; left:0px; bottom:10px; color:white; width:800px; text-align: center; font-size: 9px;}       
 
 
a#booknow {
    display: block;
    width: 99px;
    height: 47px;
    background-image: url('images/booknow.jpg');
    background-position: 0 0;
    margin: 0 auto;
}
a#booknow:hover {
    background-position: 0 -47px;
}
a .alt { display: none; }