/* start container section */
/* provides for 3 layers: background, banner and foreground */

div.background_layer {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 900px;
  height: 693px;
}

div.fb_link {
  position: absolute;
  left: 210px;
  top: 255px;
}

div.wifi {
  position: absolute;
  left: 760px;
  top: 335px;
  border: 0px solid #F00;
  font-family: verdana, arial, tahoma;
  font-size: 22px;
  color: #888;
  text-align: center;
}

textarea.specials {
  position: absolute;
  left: 25px;
  top: 360px;
  width: 178px;
  height: 283px;
  border: 0px solid #F00;
  background: transparent;
  font-family: verdana, arial, tahoma;
  font-size: 10px;
  color: #FFF;
  text-align: center;
  scrollbar-base-color: #008800;
  scrollbar-arrow-color: #00FF00;
  scrollbar-3dlight-color: #00FF00;
  scrollbar-track-color: #AAFFAA;
  scrollbar-highlight-color: #5B6B6D;
  scrollbar-width: 15px;
}

div.banner_layer {
  position: absolute;
  left: 100px;
  top: 10px;
  width: 700px;
  height: 90px;
  background: #FFF;
  border: 1px solid #111;
}

div.foreground_layer_home {
  position: absolute;
  left: 250px;
  top: 450px;
  width: 450px;
/*  height: 693px;*/

  font-family: verdana, arial, tahoma;
  font-size: 12px;
  color: #000;
  border: 0px solid #FF0000;
  text-align: justify;
}

div.ttp_home_main_flash {
  position: absolute;
  left: 0px;
  top: 1px;
  width: 900px;
  height: 150px;
  border: 0px solid #F00;
}

div.weather_container {
  position: absolute;
  left: 735px;
  top: 480px;
  width: 145px;
  height: 120px;
  overflow: auto;
  padding: 0px;
  border: 0px solid #F00;
}

div.weather_feed {
  position: relative;
/*  left: 720px;
  top: 475px;
  width: 140px;
  height: 120px;*/
  left: 0px;
  top: 0px;
  width: 120px;
  /*height: 500px;*/
  border: 0px solid #888888;
  padding: 0px;
  font-family: verdana, arial, tahoma;
  font-size: 10px;
  color: #2754A8;
  text-align: center;
/*  overflow: auto;
  overflow-x: hidden;*/
}

div.dd_link1 {
  position: absolute;
  left: 735px;
  top: 890px;
  width: 145px;
  font-family: verdana, arial, tahoma;
  font-size: 12px;
  color: #FFF;
  text-align: center;
//  border: 1px solid #0F0;
}

div.dd_link2 {
  position: absolute;
  left: 735px;
  top: 910px;
  width: 145px;
  font-family: verdana, arial, tahoma;
  font-size: 12px;
  color: #FFF;
  text-align: center;
//  border: 1px solid #0F0;
}

div.tidechart_link {
  position: absolute;
  left: 735px;
  top: 630px;
  width: 145px;
  font-family: verdana, arial, tahoma;
  font-size: 12px;
  color: #AAF;
  text-align: center;
  border: 0px solid #F00;
}

div.mttp {
  position: absolute;
  left: 725px;
  top: 970px;
//  width: 145px;
  font-family: verdana, arial, tahoma;
  font-size: 12px;
  color: #008;
  text-align: center;
//  border: 1px solid #0F0;
}

div.book_now_star {
  position: absolute;
  left: 480px;
  top: 190px;
}

div.location_map_link {
  position: absolute;
  left: 50px;
  top: 265px;
}

div.location_map_display {
  position: absolute;
  left: 200px;
  top: 200px;
  width: 425px;
  height: 390px;
  border: 1px solid #00F;
  background: #FFF;
  visibility: hidden;
}

div.location_map_titlebar {
  width: 421px;
  height: 18px;
  background: #00F;
  text-align: right;
  font-family: verdana, arial, tahoma;
  font-size: 12px;
  color: #FFF;
  padding: 2px;
}

div.location_map_zoom_bar {
  position: absolute;
  left: 0px;
  top: 22px;
  width: 37px;
/*  height: 180px;*/
  border: 1px solid #222;
  background: #DDD;
}

div.video {
  position: absolute;
  left: 500px;
  top: 300px;
  border: 1px solid #000;
}

div.trade_logos {
  position: absolute;
  left: 40px;
  top: 1050px;
  width: 820px;
  height: 220px;
  border: 0px solid #FF0000;
  text-align: center;
}

div.text_links_home {
  position: absolute;
  left: 40px;
  top: 1172px;
  width: 820px;
  font-family: verdana, arial, tahoma;
  font-size: 12px;
  color: #FFF;
  text-align: center;

}

/* end container section */

/* content goes below here */

h1 {
  font-size: 22px;
  color: #333333;
}

h2 {
  font-size: 18px;
  color: #333333;
}

div.header {
  position: absolute;
  left: 0;
  top: 0;
  width: 400px;
  border: 1px solid #0000FF;
  text-align: left;
}


div.homepage_text {
  position: absolute;
  left: 40px;
  top: 420px;
  width: 400px;
  font-family: verdana, arial, tahoma;
  font-size: 14px;
  color: #000;
  text-align: justify;
}


div.page_content {
  position: absolute;
  left: 250px;
  top: 155px;
  width: 770px;
  font-family: verdana, arial, tahoma;
  font-size: 16px;
  color: #FFFFFF;
  border: 1px solid #888888;
}

div.variable_content {
  position: absolute;
  left: 250px;
  top: 260px;
  width: 770px;
  font-family: verdana, arial, tahoma;
  font-size: 16px;
  color: #FFFFFF;
  border: 0px solid #888888;
}

div.variable_content_text {
  position: absolute;
  left: 40px;
  top: 20px;
  width: 680px;
  font-family: verdana, arial, tahoma;
  font-size: 16px;
  color: #FFFFFF;
  text-align: left;
  border: 0px solid #888888;
}

div.variable_heading {
  position: absolute;
  left: 0px;
  top: -30px;
  font-family: verdana, arial, tahoma;
  font-size: 24px;
  color: #FD7E00;

}


div.footer_home {
  position: absolute;
  left: -2px;
  top: 1200px;
  width: 898px;
  font-family: verdana, arial, tahoma;
  font-size: 10px;
  color: #FFFFFF;
  border: 0px solid #888888;
  background: #22F;
  padding: 3px;
  text-align: center;
}


p {
  display: inline;
}

p.software_title_heading {
  font-family: verdana, arial, tahoma;
  font-size: 16px;
  color: #000;
  font-style: italic;
  font-weight: bold;
  text-align: center;
}

p.coming_soon_heading {
  font-family: verdana, arial, tahoma;
  font-size: 24px;
  color: #000;
  font-style: italic;
  font-weight: bold;
  text-align: center;
}

a.srs:link{color: #FFFF00; text-decoration: none;}
a.srs:visited{color: #FFFF00; text-decoration: none;}
a.srs:hover{color:#FFFF00; text-decoration: underline;}
a.srs:active{color: #FF0000; text-decoration: none;}

a.dd_link:link{color: #0F6CBC; text-decoration: none;}
a.dd_link:visited{color: #0F6CBC; text-decoration: none;}
a.dd_link:hover{color:#FFFFFF; text-decoration: underline;}
a.dd_link:active{color: #0F6CBC; text-decoration: none;}

a.footer:link{color: #FFFFFF; text-decoration: none;}
a.footer:visited{color: #FFFFFF; text-decoration: none;}
a.footer:hover{color:#FFCC00; text-decoration: underline;}
a.footer:active{color: #FF0000; text-decoration: none;}

a.text_links:link{color: #FFF; text-decoration: none;}
a.text_links:visited{color: #FFF; text-decoration: none;}
a.text_links:hover{color:#FFF; text-decoration: underline;}
a.text_links:active{color: #FFF; text-decoration: none;}

a.location_map_close:link{color: #FFF; text-decoration: none;}
a.location_map_close:visited{color: #FFF; text-decoration: none;}
a.location_map_close:hover{color:#FFF; text-decoration: underline;}
a.location_map_close:active{color: #FFF; text-decoration: none;}

a.location_map_zoom:link{color: #111; text-decoration: none;}
a.location_map_zoom:visited{color: #111; text-decoration: none;}
a.location_map_zoom:hover{color:#111; text-decoration: underline;}
a.location_map_zoom:active{color: #111; text-decoration: none;}

a.mttp:link{color: #008; text-decoration: none;}
a.mttp:visited{color: #008; text-decoration: none;}
a.mttp:hover{color:#008; text-decoration: underline;}
a.mttp:active{color: #008; text-decoration: none;}

a.hp_text:link{color: #00D; text-decoration: none;}
a.hp_text:visited{color: #00D; text-decoration: none;}
a.hp_text:hover{color:#00D; text-decoration: underline;}
a.hp_text:active{color: #00D; text-decoration: none;}