body { 
  text-align: center; 
  height: 100%;
  font: 10px arial;
  background-color: #ffffff;
}
  
  
h1 {
  font: 12px arial; 
  color: #000000;
  font-weight: bold;
}

h2 {
  font: 12px arial;
  color: #999999;
  font-weight: bold;
}



p {
  font: 11px arial;
  color: #000000;
}

p2 {
  font: 11px arial;
  color: #000000;
}

a:link {
COLOR: blue;
}
a:hover {
COLOR: blue;
}
a:visited {
COLOR: blue;
}

a img {border: 0;}

table.contact th, table.contact td {
  font-size : 11px;
  font-family : Arial; 
}

table.surfbeaches th, table.contact td {
  font-size : 11px;
  font-family : Arial; 
}

#wrapper {
  position: relative;
  margin:0 auto;
  text-align:left;
  width: 950px;
}

#header { 
  position: absolute;
  top: 0px;
  left: 0px;
  width: 950px;
  height: 65px;
  font: 0px arial;
  z-index: 10;
}

#hline1 {
  position: absolute;
  top: 66px;
  left: 0px;
  width: 950px;
  height: 1px;
  background: #000000;
}

#cameranavbar {
  position: absolute;
  top: 76px;
  left: 0px;
  width: 950px;
  height: 30px;
  background: #FFFFFF;
  z-index: 4;
}

#slideshow {
  position: absolute;
  top: 111px;
  left: 0px;
  width: 950px;
  height: 340px;
  background: #000000; 
}

#camera {
  position: absolute;
  top: 111px;
  left: 0px;
  width: 640px;
  height: 340px; 
}

#saharacamera {
  position: absolute;
  top: 103px;
  left: -8px;
  width: 648px;
  height: 348px;
  z-index: 1; 
}

#saharacoverleft {
  position: absolute;
  top: 103px;
  left: -8px;
  width: 8px;
  height: 348px;
  z-index: 5;
  background: #FFFFFF;
}

#saharacovertop {
  position: absolute;
  top: 106px; 
  left: -8px;
  width: 648px;
  height: 5px;
  z-index: 5;
  background: #FFFFFF;
}

#refresh {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 340px;
  width: 640px;
  text-align: center;
  background: #000000;
}

#sahararefresh {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 348px;
  width: 648px;
  text-align: center;
  background: #000000;
}


#vline1 {
  position: absolute;
  top: 111px; 
  left: 650px;
  width: 1px;
  height: 340px;
  background: #000000;
}

#rightadtop {
  position: absolute;
  top: 111px;
  left: 645px;
  width: 305px;
  height: 170px;
  background: #EEEEEE;
}

#rightadbottom {
  position: absolute;
  top: 286px;
  left: 645px;
  width: 305px;
  height: 165px;
  background: #DDDDDD;
}

#hline2 {
  position: absolute;
  top: 266px;
  left: 660px;
  width: 290px;
  height: 1px;
  background: #000000;
}

#newsborder {
  position: absolute;
  top: 472px;
  left: 0px;
  width: 229px;
  height: 270px;
  font: 12px arial;
  background: #DDDDDD;
}

#news {
  position: absolute;
  top: 472px;
  left: 721px;
  width: 209px;
  height: 270px;
  padding-left: 10px;
  padding-right: 10px;
  z-index: 5;
  background: #FFFFFF;
  font: 12px arial;
}

#newsfooter {
  position: absolute;
  top: 720px;
  left: 175px;
  width: 30px;
  height: 10px;
  z-index: 6;
}

#hline3 {
  position: absolute;
  top: 461px;
  left: 0px;
  width: 950px;
  height: 1px;
  background: #000000;
}

#ripcurlad {
  position: absolute;
  top: 472px;
  left: 482px;
  width: 461px;
  height: 130px;
}

#ripcurlvideo {
  position: absolute;
  top: 472px;
  left: 0px;
  width: 468px;
  height: 270px;
  background: #0000FF;
}

#vline2 {
  position: absolute;
  top: 472px;
  left: 471px;
  width: 1px;
  height: 340px;
  background: #000000;
}

#adspace1 {
  position: absolute;
  top: 472px;
  left: 482px;
  width: 468px;
  height: 60px;
}

#adspace2 {
  position: absolute;
  top: 542px;
  left: 482px;
  width: 468px;
  height: 60px;
}

#adspace3 {
  position: absolute;
  top: 612px;
  left: 482px;
  width: 468px;
  height: 60px;
}

#adspace4 {
  position: absolute;
  top: 682px;
  left: 482px;
  width: 468px;
  height: 60px;
}

#adspace5 {
  position: absolute;
  top: 752px;
  left: 482px;
  width: 468px;
  height: 60px;
}

#adspace6 {
  position: absolute;
  top: 472px;
  left: 0px;
  width: 468px;
  height: 60px;
}

#adspace7 {
  position: absolute;
  top: 542px;
  left: 0px;
  width: 468px;
  height: 60px;
}

#adspace8 {
  position: absolute;
  top: 612px;
  left: 0px;
  width: 468px;
  height: 60px;
}

#adspace9 {
  position: absolute;
  top: 682px;
  left: 0px;
  width: 468px;
  height: 60px;
}

#adspace10 {
  position: absolute;
  top: 752px;
  left: 0px;
  width: 468px;
  height: 60px;
}

#advertiselarge{
  position: absolute;
  top: 612px;
  left: 0px;
  width: 468px;
  height: 200px;
}

#adblock1 {
  position: absolute;
  top: 472px;
  left: 0px;
  width: 229px;
  height: 130px;
}

#adblock2 {
  position: absolute;
  top: 472px;
  left: 239px;
  width: 229px;
  height: 130px;
}

#adblock3 {
  position: absolute;
  top: 472px;
  left: 482px;
  width: 229px;
  height: 130px;
}

#adblock4 {
  position: absolute;
  top: 472px;
  left: 721px;
  width: 229px;
  height: 130px;
  background: #666666;
}

/* contact */

#hlinecontact {
  position: absolute;
  top: 116px;
  left: 0px;
  width: 950px;
  height: 1px;
  z-index: 3;
  background: #000000;
}

#contacttitle {
  position: absolute;
  top: 127px;
  left: 0px;
  width: 640px;
  height: 20px;
  font: 12px arial; 
}

#contactinfo {
  position: absolute;
  top: 126px;
  left: 0px;
  height: 688px;
  width: 610px;
  background-image: url('images/watermark.jpg');
  font: 12px arial; 
}  

#vlinecontact {
  position: absolute;
  top: 126px; 
  left: 620px;
  width: 1px;
  height: 688px;
  background: #000000;
}

#contactfaq {
  position: absolute;
  top: 126px;
  left: 630px;
  width: 290px;
  height: 688px;
  background: #FFFFFF;
  font: 12px arial; 
}


/* charts */

#tidecover {
  position: absolute;
  top: 106px;
  left: 0px;
  width: 550px;
  height: 20px;
  background: #FFFFFF;
  z-index: 2;
}

#tide {
  position: absolute;
  top: 106px;
  left: 0px;
  width: 550px;
  height: 215px;
  z-index: 1;
}

#vlinecharts1 {
  position: absolute;
  top: 126px;
  left: 560px;
  width: 1px;
  height: 641px;
  background-color: #000000;
}

#vlinecharts2 {
  position: absolute;
  top: 126px;
  width: 1px;
  left: 650px;
  height: 407px;
  background-color: #000000;
}

#hlinecharts1 {
  position: absolute;
  top: 331px;
  height: 1px;
  left: 0px;
  width: 550px;
  background-color: #000000;
}

#hlinecharts2 {
  position: absolute;
  top: 542px;
  left: 571px;
  height: 1px;
  width: 379px;
  background-color: #000000;
}   

#swellinfo1 {
  position: absolute;
  top: 342px;
  left: 0px;
  height: 425px;
  width: 550px;
  background-color: #177496;
  text-align: center;
}

#swellinfo2 {
  position: absolute;
  padding-top: 5px;
  top: 126px;
  left: 660px;
  width: 290px;
  height: 401px;
  background-color: #CCCCCC;
  text-align: center;
}

#surfbeachestitle {
  position: absolute;
  top: 552px;
  left: 571px;
  width: 379px;
  height: 20px;
  font: 12px arial; 
}

#surfbeach {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 379px;
  height: 195px;
  overflow: auto;
}

#surfbeachesiframe {
  position: absolute;
  top: 572px;
  left: 571px;
  width: 379px;
  height: 195px;
}

#bottomlinecharts {
  position: absolute;
  top: 777px;
  left: 0px;
  width: 950px;
  height: 1px;
  background: #000000;
}

#footercharts {
  position: absolute;
  top: 785px;
  left: 0px;
  width: 950px;
  height: 20px;
  text-align: center;
  font: 10px arial;
}


/*photos*/

#photostitle {
  position: absolute;
  top: 111px;
  left: 0px;
  width: 950px;
  height: 80px;
  background: #DDDDDD;
}

#photosmain {
  position: absolute;
  top: 196px;
  left: 0px;
  width: 950px;
  height: 540px;
  background: #000000; 
}  

#photoswriteup{
  position: absolute;
  top: 741px;
  height: 66px;
  width: 940px;
  left: 0px;
  background: #222222;
  font: 11px arial;
  color: #FFFFFF;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
}

/* footer */

#bottomline {
  position: absolute;
  top: 822px;
  left: 0px;
  width: 950px;
  height: 1px;
  background: #000000;
}

#footer {
  position: absolute;
  top: 830px;
  left: 0px;
  width: 950px;
  height: 20px;
  text-align: center;
  font: 10px arial;
}