* {margin: 0; padding: 0;}

body {   background-color: #345686;   color: #1a2069;   text-decoration: none;   font-family: Georgia, "New Times Roman", serif;   text-align: justify;   font-size: 12px;
}
h1 {
   color: #080e52;
}

h2 {
   font-style: italic;
   font-size: 1.3em;
   color: #f5a721;
   text-align: center;
}

h3 {
   font-size: 1.2em;
   margin-bottom: 5px;
}

p {
  margin-top: 0.9em;
}

a:link {   text-decoration: none;   color: #0e0ed1;
}
a:visited {   text-decoration: none;   color: #0e0ed1;
}
a:hover {   text-decoration: none;   color: #0f144b;
}
a:active {   text-decoration: none;}#bannerDiv {
   width: 100%;
   height: 187px;
}

.bannerText {
   position: absolute;
   margin: 0;
   padding: 0;
   margin-right: 40px;
   top: 112px;
   right: 0px;
   float: right;
   color: #fcea7e;
}

.bannerText h1 {
   color: #fcea7e;
   font-style: italic;
   font-size: 2.8em;
   font-weight: normal;
}

#divWrapper {   position: relative;
   background-color: #FFFFFF;   top: 0px;
   width: 770px;   height: auto;   margin-top: 0px;   margin-right: auto;   margin-bottom: 0px;   margin-left: auto;   left: auto;   visibility: visible;   z-index: 2;
}
#divWrapperOcean {
   position: relative;
   top: 0px;
   width: 770px;
   height: auto;
   margin-top: 0px;
   margin-right: auto;
   margin-bottom: 0px;
   margin-left: auto;
   left: auto;
   visibility: visible;
   z-index: 2;
   background-image: url('../images/pinkOcean.gif');
   background-repeat: repeat;

}
#topMenu {
   font-family: Arial, Helvetica, san-serif;
   margin:0;
   padding: 0;
   width: 100%;
   height: 25px;
   background-color: #081e3e;
   color: #ffffff;
   z-index: 1000;
}


#topMenu ul {
   font-size: 14px;
}


#topMenu ul li {
   position: relative;
   float: left;
   list-style-type: none;
}


#topMenu li ul {
   position: absolute;
   left: 2px;
   top: 23px;
   width: 220px;
   display: none;
   visibility: visible;
   text-align: left;
   padding-top: 3px;
}


#topMenu li ul li {
   margin: 0;
   padding: 0;
   background-color: #14315c;
   width: 220px;
   border-bottom: 1px solid #ccc;
}


#topMenu li ul li a {
   margin: 0;
   padding: 4px 0 4px 4px;
   border: 0;
   width: 216px;
   text-decoration: none;
}


#topMenu span {
   float: left;
   padding: 4px 17px;
   border-right: 1px solid #FFFFFF;
}


#topMenu ul li a {
   float: left;
   padding: 4px 17px;
   border-right: 1px solid #FFFFFF;
}


#topMenu li:hover ul { display: block; }

#topMenu li.over ul { display: block; }

#topMenu a#noRightBorder {
   border: 0;
}


#topMenu a:link, #topMenu a:visited
{
   color: #ffffff;
   text-decoration: none;
}


#topMenu a:hover
{
   background-color: #1d3e6d;
   text-decoration: none;
}

#content {   width: 650px;
   height: 100%;   margin: 30px 50px;
}
#fpIntro {
   height: 160px;
   width: 465px;
   float: left;
   text-align: justify;
}

.fpImage {
float: right;
}

#thumbnailContainer {
   clear: both;
   padding: 0 20px 0 20px;
   margin: 30px auto;
   width: 100%;
   border: 1px solid #bba687;
   background-image: url('../images/pinkOcean.gif');
   background-repeat: repeat;
   text-align: center;
}

#thumbnailContainer img {
   margin-bottom: 5px;
   border: 0;
}

#thumbnailContainer img:hover {
   filter:alpha(opacity=80);
   -moz-opacity:0.8;
   opacity:0.8;
}

.thumbnailRow1 {
   width: 33%;
   padding-top: 20px;
   padding-bottom: 15px;
}

.thumbnail {
   width: 33%;
   padding-bottom: 20px;
}

.hpStrong {
   padding-bottom: 60px;
   text-align: center;
}

.hpStrong h2 {
   font-style: italic;
   font-size: 1.5em;
   color: #f69a0c;
}

#contactDiv {
  margin: 20px 10px 200px 20px;
}

.condoHeaderPic {
   float: left;
   margin-right: 30px;
}

.condoHeaderPic img {
   margin-top: 5px;
   margin-bottom: 0.8em;
}

.condoHeader {
   text-align: center;
   font-size: 2.3em;
   margin-bottom: 0.6em;
}

.condoContainer {
   clear: both;
   padding-top: 5px;
   padding-bottom: 10px;
}

.condoPics {
   margin: 30px auto;
   width: 60%;
   text-align: center;
}

.condoPics img {
   margin: 5px;
   border: 0;
}

.condoInfo {
   padding-bottom: 10px;
   text-align: center;
   margin: 0 auto;
}

.condoAmenities {
   float: left;
   text-align: left;
   width: 25%;
   margin-right: 20px;
}

.condoRecreation {
   float: left;
   text-align: left;
   width: 20%;
   margin-right: 20px;
}

.condoRates {
   float: left;
   text-align: left;
   width: 45%;
}

.miscPics {
   margin: 20px auto;
   padding-bottom: 20px;
   width: 100%;
   text-align: center;
}

.miscPics img {
   margin: 5px;
   border: 0;
}

.backDiv {
   margin: 10px auto 30px auto;
   width: 100%;
   text-align: center;
   font-size: 1.7em;
}

.extrasContainer {
   clear: both;
   height: 100%;
   padding-top: 20px;
   text-align: center;
}

.iconContainer {
   height: auto;
   width: 45%;
   margin: 0 auto;
   text-align: left;
}

.iconContainer img {
   border: 0;
   margin-right: 4px;
   vertical-align: middle;
}

.iconContainer img:hover {
   filter:alpha(opacity=80);
   -moz-opacity:0.8;
   opacity:0.8;
}

#footer {
   text-align: center;
   margin: 0;
   padding: 10px;
   clear: both;
   line-height: 150%;
   border-top: 5px solid #081e3e;
   color: #b3b2b2;
   font-family: Arial, Helvetica, san-serif;
}

#footer a:link {
   color: #8386b7;
}

#footer a:visited {
   color: #8386b7;
}


#footerCopyright {
   color: #989898;
   font-family: Arial, Helvetica, san-serif;
   text-align: center;
   height: auto;
}

.clearDiv {
   clear: both;
}