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;
  font: 0px arial;
}

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

#slideshow {
  position: absolute;
  top: 111px;
  left: 0px;
  width: 645px;
  height: 340px;
  backgroud: #FFFFFF;
}

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

#saharacamera {
  background: #000000;
  position: absolute;
  top: 103px;
  left: -8px;
  width: 653px;
  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: 653px;
  height: 5px;
  z-index: 5;
  background: #FFFFFF;
}

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

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


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

#rightadtop {
  position: absolute;
  top: 111px;
  left: 650px;
  width: 300px;
  height: 85px;
  background: #EEEEEE;
}

#rightadbottom {
  position: absolute;
  top: 201px;
  left: 650px;
  width: 300px;
  height: 250px;
  background: #DDDDDD;
}

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


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


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

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

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

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

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

#adblock5 {
  position: absolute;
  top: 612px;
  left: 0px;
  width: 229px;
  height: 130px;
}

#adblock6 {
  position: absolute;
  top: 612px;
  left: 240px;
  width: 229px;
  height: 130px;
}

#adblock7 {
  position: absolute;
  top: 612px;
  left: 481px;
  width: 229px;
  height: 130px;
}

#adblock8 {
  position: absolute;
  top: 612px;
  left: 721px;
  width: 229px;
  height: 130px;
}


/* 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: 19px;
  background: #FFFFFF;
  z-index: 2;
}

#tide {
  position: absolute;
  top: 75px;
  left: -20px;
  width: 581px;
  height: 327px;
  z-index: 1;
}

#vlinecharts2 {
  position: absolute;
  top: 133px;
  width: 1px;
  left: 595px;
  height: 260px;
  background-color: #000000;
}

#chartsad {
  position: absolute;
  top: 133px;
  left: 650px;
  width: 300px;
  height: 250px;
  font: 12px arial;
  background-color: #000000;
}

#chartsphoto {
  position: absolute;
  top: 403px;
  left: 0px;
  width: 950px;
  height: 340px;
  z-index: 1;
  background-color: #000000;
}



/*photos*/

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

#photoswriteup{
  position: absolute;
  top: 656px;
  height: 156px;
  width: 950px;
  left: 0px;
  font: 0px arial;
}

#photoswriteupiframe{
  position: absolute;
  top: 0px;
  height: 140px;
  width: 934px;
  left: 0px;
  background: #222222;
  font: 0px arial;
  color: #FFFFFF;
  padding-left: 9px;
  padding-right: 7px;
  padding-top: 9px;
  padding-bottom: 7px;
}



/* footer */

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

#footer {
  position: absolute;
  top: 830px; 
  left: 0px;
  width: 700px;
  height: 50px;
  font: 10px arial;
  color: black;
}

#footerright {
  position: absolute;
  top: 830px; 
  left: 750px;
  width: 200px;
  height: 50px;
  font: 10px arial;
  color: black;
}

#bottomline2 {
  position: absolute;
  top: 890px;
  left: 0px;
  height: 1px;
  width: 950px;
  background: black;
}

#footer2 {
  position: absolute;
  top: 898px; 
  left: 0px;
  width: 700px;
  height: 50px;
  font: 10px arial;
  color: black;
}

#footer2right {
  position: absolute;
  top: 898px; 
  left: 750px;
  width: 200px;
  height: 50px;
  font: 10px arial;
  color: black;
}

#bottomline3 {
  position: absolute;
  top: 752px;
  left: 0px;
  height: 1px;
  width: 950px;
  background: black;
}

#footer3 {
  position: absolute;
  top: 760px; 
  left: 0px;
  width: 700px;
  height: 50px;
  font: 10px arial;
  color: black;
}

#footer3right {
  position: absolute;
  top: 760px; 
  left: 750px;
  width: 200px;
  height: 50px;
  font: 10px arial;
  color: black;
}


/*HD psage */

#hdwrapper {
  position: relative;
  margin:0 auto;
  text-align:center;
  width: 1600px;
}

#hdcoverleft {
  position: absolute;
  top: 10px;
  left: 0px;
  width: 8px;
  height: 950px;
  z-index: 5;
  background: #FFFFFF;
}

#hdcovertop {
  position: absolute;
  top: 10px; 
  left: 0px;
  width: 1600px;
  height: 10px;
  z-index: 5;
  background: #FFFFFF;
}