/*************************************************************************
* This copyright of this code is owned by Americurium (www.americurium.com)
* and may not be used or copied without permission.
*************************************************************************/

body {
  margin: 0px 0px 0px 0px;
  padding: 20px 0px 70px 0px;
  background-color: #1D5D80;
}

#outercontainer {
  background: url(./images/back.jpg);
  background-repeat: no-repeat;
  width: 841px;
  margin-left:auto;
  margin-right:auto;
  background-color: #356A89;
}

#container {
   width: 740px;
   margin-left:auto;
   background-color: #eeeeee;
}

#header {
  height: 318px;
  width: 740px;
  background: url(./images/seaheader.jpg);
  background-repeat: none;
  font-size: 18px;
  color: #FFE401;
  font-family: georgia, Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  margin: 0px 0px 23px 0px;
  padding: 0px 0px 0px 0px;
}

#menutext {
  font-size: 12px;
  color: #8E3E19;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  margin: 0px 0px 0px 0px;
  padding: 100px 0px 0px 8px;
 }

.floatMenu {
  float: left;
  width: 100px;
  height: 300px;
  margin: 0px 20px 15px 0px;
  padding: 0px 0px 0px 0px;
 }

.floatMenu a {
     color: #74A2B1;
     text-decoration: none;
}

.floatMenu a:hover {
     color: #613C2C;
     text-decoration: none;
}

.floatText {
  float: left;
  height: auto;
  width: 500px;
  color: #1D5D80;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
 }

.floatTextWrap {
  color: #1D5D80;
  margin: 0px 60px 0px 0px;
  padding: 0px 0px 0px 0px;
 }

.text {
  color: #28617F;
  margin: 0px 57px 0px 0px;
  padding: 0px 0px 0px 0px;
 }

li {
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: none;
  margin: 0px 0px 0px -20px;
  padding: 0px 0px 0px 0px;
 }

.floatPic {
  height: 121px;
  width: 100px;
  background: url(./images/lynda.jpg);
  background-repeat: none;
  margin: 0px 0px 8px 0px;
  padding: 0px 0px 0px 0px;
 }

.pnav {
  width: 100px;
  height: 20px;
  background: url(./images/button.jpg);
  background-repeat: none;
  background-color: #ffffff;
  color: #9BB2C4;
  line-height: 12px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

.pnav a {
     color: #9BB2C4;
     text-decoration: none;
}

.pnav a:hover {
     color: #ffffff;
     background: url(./images/buttonhover.jpg);
     background-repeat: none;
     background-color: #98B5BD;
}

#main {
   height: 100%;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   background-color: #eeeeee;
}

#maintop {
   height: 100%;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 60px;
}

#maintopcontact {
   height: 780px;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 60px;
}

#maintoplinks {
   height: 380px;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 60px;
}

#mainbottom {
  background: url(./images/beach.jpg);
  background-repeat: repeat-x;
  height: 82px;
  width: 740px;
  margin: 30px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

#footer {
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
}

.separator {
clear: both;
}

h1 {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 18px;
   color: #28617F;
   line-height: 18px;
  font-weight: bold;
  margin: 0px 0px 15px 0px;
  padding: 0px 0px 0px 0px;
}

h2 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 17px;
  color: #28617F;
  font-weight: bold;
  margin: 25px 0px 5px 0px;
  padding: 0px 0px 0px 0px;
}

h3 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 15px;
  color: #28617F;
  font-weight: bold;
  margin: 20px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

.body {
    height: 100%;
}

p {
  font-size: 14px;
  line-height: 16px;
  font-family: Arial, Helvetica, sans-serif;
  text-align: justify;
  font-weight: none;
  margin: 0px 0px 15px 0px;
  padding: 0px 0px 0px 0px;
}

#weighttoplist{
  float: left;
  width: 200px;
  height: 235px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: bold;
  text-align: left;
  line-height: 29px;
  background-color: #AABBC2;
  margin: 0px 0px 15px 5px;
  padding: 20px 20px 20px 30px;
}

#weighttoprightcont{
  float: left;
  width: 195px;
  height: 235px;
  background-color: #F6D6BF;
  margin: 0px 0px 0px 10px;
  padding: 20px 10px 20px 10px;
}

#weighttopright{
  float: left;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: bold;
  text-align: left;
  line-height: 29px;
  margin: 65px 10px 0px 10px;
  padding: 0px 0px 0px 0px;
}

#weightmiddle{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 17px;
  font-weight: bold;
  text-align: left;
  line-height: 24px;
  margin: 20px 0px 20px 150px;
  padding: 0px 0px 0px 0px;
}

#weightmiddle2{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 17px;
  font-weight: bold;
  text-align: left;
  line-height: 24px;
  margin: 20px 0px 20px 30px;
  padding: 0px 0px 0px 0px;
}

#stresstopcont{
  float: left;
  width: 200px;
  height: 230px;
  background-color: #AABBC2;
  margin: 0px 20px 10px 5px;
  padding: 0px 0px 0px 0px;
}

#stresstop{
  width: 180px;
  height: 60px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  line-height: 29px;
  background-color: #F0D0B9;
  margin: 0px 0px 0px 0px;
  padding: 0px 10px 0px 10px;
}

#stresstop2{
  width: 200px;
  height: 150px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  line-height: 29px;
  background-color: #AABBC2;
  margin: 10px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

#smokingtop{
  float: left;
  width: 300px;
  height: 130px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: bold;
  text-align: left;
  line-height: 25px;
  background-color: #ffffff;
  margin: 0px 10px 10px 30px;
  padding: 0px 0px 0px 0px;
}

#smokingpic{
  float: left;
  width: 100px;
  height: 110px;
  background-color: #ffffff;
  margin: 13px 0px 0px 15px;
  padding: 0px 0px 0px 0px;
}

.floatLeft {
  float: left;
  font-size: 10px;
  color: #28617F;
  font-weight: bold;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  margin: 40px 0px 0px 28px;
  padding: 0px 0px 0px 0px;
 }

.floatRight {
  float: right;
  font-size: 10px;
  color: #28617F;
  font-weight: bold;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  margin: 40px 28px 0px 0px;
  padding: 0px 0px 0px 0px;
}

.floatRight a {
     color: #28617F;
     text-decoration: none;
}

.floatRight a:hover {
     color: #ffffff;
}

.buttonsubmit {
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #613C2C;
  background-color: #613C2C;
  text-indent: 5px;
  border: 1px solid #613C2C;
  font-weight: normal;
}

select {
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #666666;
  line-height: 20px;
  background-color: #efefef;
  text-indent: 5px;
  border: 1px solid #B19672;
  font-weight: normal;
}

#linktext a{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:13px;
  line-height: 20px;
  font-weight: bold;
   color: #28617F;
  margin: 20px 0px 0px 0px;
}

#linktext a{
text-decoration: none;
   color: #28617F;
}

#linktext a:hover{
   color: #D79B55;
}

.linktext a {
   color: #28617F;
     text-decoration: none;
}

.linktext a:hover {
     color: #F5A528;
}

.specialisttext {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:13px;
  font-weight: bold;
   color: #D79B55;
  margin: 20px 0px 0px 0px;
}

.specialisttext a {
   color: #28617F;
     text-decoration: none;
}

.specialisttext a:hover {
     color: #F5A528;
}

#eftlink {
  font-weight: bold;
  color: #28617F;
}

#eftlink a {
   color: #28617F;
     text-decoration: underline;
}

#eftlink a:hover {
     color: #DF9856;
}

#feestop {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 28px;
  background-color: #F5D5BE;
  border: 1px solid #356A89;
  font-weight: bold;
  margin: 10px 0px 0px 0px;
  padding: 50px 0px 60px 40px;
}

#feestop a {
   color: #28617F;
     text-decoration: underline;
}

#feestop a:hover {
   color: #D69C53;
     text-decoration: none;
}

#feestop a:visited {
   color: #28617F;
     text-decoration: none;
}

.italic{
      font-style: italic;
}


#biauraquote {
  float:left; color:#356A89;width:250px; height:120px;background:#EEEEEE;filter:alpha(opacity=90); opacity:.90;float:right;margin-top:35px;margin-bottom:10px;margin-left:0px;font-family:Verdana, Arial, Helvetica,Georgia;font-size: 28px;line-height:26px;  text-align: right;
}


#floatLeftContactPage {
  float: left;
  height: 400px;
  width: 370px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: bold;
  color: #28617F;
  line-height: 18px;
  margin: 20px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
 }


#contactPicture {
  margin: 46px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
 }

#floatRightContactPage {
  float: left;
  width: 230px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #28617F;
  line-height: 18px;
  margin: 15px 0px 0px 50px;
  padding: 0px 0px 0px 0px;
 }

div.row {
  clear: both;
  padding-top: 1%;
  }

div.row span.label {
  width: 180px;
  text-align: right;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #28617F;
  font-size: 12px;
  padding: 30px 0px 0px 5px;
  }

div.row span.formw {
  width: 180px;
  text-align: left;
  width: 180px;
  padding-right: 0px;
  }

div.row span.formwt {
  float: left;
  width: 180px;
  text-align: left;
  padding-left: 0px;
  }

div.row span.formws {
  float: left;
  width: 180px;
  height: 50px;
  text-align: left;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: normal;
  padding-left: 5px;
  }

input {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #28617F;
  line-height: 20px;
  background-color: #ffffff;
  text-indent: 0px;
  font-weight: normal;
  border: none;
  border: 1px solid #aaaaaa;
  }

textarea {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #28617F;
  width: 295px;
  line-height: 20px;
  background-color: #ffffff;
  text-indent: 0px;
  border: 1px solid #aaaaaa;
  font-weight: normal;
  /*scrollbar-face-color: #dddddd;
  scrollbar-shadow-color: #dddddd;
  scrollbar-highlight-color: #dddddd;
  scrollbar-3dlight-cw-color: #FFFFFF;
  scrollbar-track-cololor: #dddddd;
  scrollbar-darkshadoor: #dddddd;
  scrollbar-arrow-color: #2553A0;*/
}

#enq {
  font-size: 14px;
  line-height: 16px;
  color: #28617F;
  font-family: Arial, Helvetica, sans-serif;
  text-align: justify;
  font-weight: bold;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

#indexlist li{
  font-size: 14px;
  line-height: 15px;
  color: #28617F;
  font-family: Arial, Helvetica, sans-serif;
  text-align: justify;
  font-weight: bold;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

#fee{
  width: 62px;
  height: 17px;
  margin: 10px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

#feeheight{
  line-height: 25px;
}



/* flickerless menu http://www.webreference.com/programming/css_flicker/2.html */

#menu {
  display: block;
  width: 100px;
  height: 15px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

#menu ul {list-style-type:none;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

#menu li {
  float:left;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

#menu li.list1 {background:transparent url(./images/button.jpg);}
#menu li.list2 {background:transparent url(./images/button.jpg);}
#menu li.list3 {background:transparent url(./images/button.jpg);}
#menu li.list4 {background:transparent url(./images/button.jpg);}
#menu li.list5 {background:transparent url(./images/button.jpg);}
#menu li.list6 {background:transparent url(./images/button.jpg);}
#menu li.list7 {background:transparent url(./images/button.jpg);}
#menu li.list8 {background:transparent url(./images/button.jpg);}
#menu li.list9 {background:transparent url(./images/button.jpg);}
#menu li.list10 {background:transparent url(./images/button.jpg);}
#menu li.list11 {background:transparent url(./images/button.jpg);}
#menu li.list12 {background:transparent url(./images/button.jpg);}

#menu a {display:block; width:100px; height:15px; padding-top:0px; overflow:hidden;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: bold;
  color: #dddddd}

/* hack for older versions of IE with incorrect box model */

* html #menu a:link, * html #menu a:visited {height:15px; width:100px;}

#menu a#item1 {background:transparent url(./images/buttonhover.jpg)  -100px -15px no-repeat;}
#menu a#item2 {background:transparent url(./images/buttonhover.jpg) -100px -15px no-repeat;}
#menu a#item3 {background:transparent url(./images/buttonhover.jpg) -100px -15px no-repeat;}
#menu a#item4 {background:transparent url(./images/buttonhover.jpg) -100px -15px no-repeat;}
#menu a#item5 {background:transparent url(./images/buttonhover.jpg) -100px -15px no-repeat;}
#menu a#item6 {background:transparent url(./images/buttonhover.jpg) -100px -15px no-repeat;}
#menu a#item7 {background:transparent url(./images/buttonhover.jpg) -100px -15px no-repeat;}
#menu a#item8 {background:transparent url(./images/buttonhover.jpg) -100px -15px no-repeat;}
#menu a#item9 {background:transparent url(./images/buttonhover.jpg) -100px -15px no-repeat;}
#menu a#item10 {background:transparent url(./images/buttonhover.jpg) -100px -15px no-repeat;}
#menu a#item11 {background:transparent url(./images/buttonhover.jpg) -100px -15px no-repeat;}
#menu a#item12 {background:transparent url(./images/buttonhover.jpg) -100px -15px no-repeat;}

#menu a#item1:hover {background-position:0 0; z-index:50;}
#menu a#item2:hover {background-position:0 0; z-index:50;}
#menu a#item3:hover {background-position:0 0; z-index:50;}
#menu a#item4:hover {background-position:0 0; z-index:50;}
#menu a#item5:hover {background-position:0 0; z-index:50;}
#menu a#item6:hover {background-position:0 0; z-index:50;}
#menu a#item7:hover {background-position:0 0; z-index:50;}
#menu a#item8:hover {background-position:0 0; z-index:50;}
#menu a#item9:hover {background-position:0 0; z-index:50;}
#menu a#item10:hover {background-position:0 0; z-index:50;}
#menu a#item11:hover {background-position:0 0; z-index:50;}
#menu a#item12:hover {background-position:0 0; z-index:50;}

* html #menu a:hover {
  color: #ffffff;
  height:15px;
  width:100px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}