@charset "UTF-8";
/* CSS Document */


body {
 font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
 font-size: 13px;
 line-height:20px;
 background:#0a153b;
 color:#fff;
 margin: 0 10px;
}

#wrapper { 
 margin: 0 auto;
 width: 940px;
}

/* Set Typograpohy */
strong {font-weight: bold;}
em { font-style:italic;}
p { padding: 0 0 15px 0;}
a {color: #fff; text-decoration:underline;}
a:hover {color: #ead5a8; text-decoration:underline;}
h1 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:46px; font-weight: normal; line-height:normal; color:#ead5a8}
h2 {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; font-weight: normal; line-height:normal; color:#ead5a8}
sup { font-size:9px; vertical-align: super;} 
 
.list { margin: 0 0 15px 20px; padding:0; list-style-type:disc;}
.list li { padding-bottom:0;}

#header {
 width: 940px;
 height: 70px;
 text-align:center;
 margin-top:30px;
}


#Navigation {
 width: 940px;
 height: 38px;
 color: #fff;
}

#Navigation ul { display:block;}
#Navigation li { display:inline; float:left;}

/* navigation buttons */

#Home { display: block; width: 123px; height: 38px; background: url(../images/Home.gif) no-repeat 0 0; }
#Home:hover { background-position: 0 -38px; }
#Home span { display: none;}

#VillaAmenities { display: block; width: 126px; height: 38px; background: url(../images/villa-amenities.gif) no-repeat 0 0; }
#VillaAmenities:hover { background-position: 0 -38px; }
#VillaAmenities span { display: none;}

#ResortAmenities { display: block; width: 141px; height: 38px; background: url(../images/resort-amenities.gif) no-repeat 0 0; }
#ResortAmenities:hover { background-position: 0 -38px; }
#ResortAmenities span { display: none;}

#PhotoGallery { display: block; width: 114px; height: 38px; background: url(../images/photo-gallery.gif) no-repeat 0 0; }
#PhotoGallery:hover { background-position: 0 -38px; }
#PhotoGallery span { display: none;}

#RateInformation { display: block; width: 142px; height: 38px; background: url(../images/rate-information.gif) no-repeat 0 0; }
#RateInformation:hover { background-position: 0 -38px; }
#RateInformation span { display: none;}

#ContactInformation { display: block; width: 294px; height: 38px; background: url(../images/contact.gif) no-repeat 0 0; }
#ContactInformation:hover { background-position: 0 -38px; }
#ContactInformation span { display: none;}


#footer { 
 width: 940px;
 clear: both;
 color: #858a9d;
 margin: 20px 0;
 text-align:center;
 font-family:Verdana, Geneva, sans-serif;
 font-size:10px;
 line-height: 15px;
}

#footer a { text-decoration:none; color:#858a9d; }
#footer a:hover{ text-decoration:none; color:#fff; }

#footer .BottomNavigation { color:#858a9d; }
#footer .BottomNavigation a { text-decoration:none; padding: 0 5px; color:#858a9d; }
#footer .BottomNavigation a:hover { text-decoration:none; color:#fff;}


#LeftColumn { 
 width: 470px;
 float: left;
 text-align:center;
}


#Content { 
 float: left;
 width: 400px;
 padding-right:70px;
 display: inline;
}


#SlideShow {margin-bottom: 30px; background:#000; width:940px; height:375px; display:block; overflow:hidden;}
#BigPhoto {margin-bottom: 30px; width:940px; height:375px; display:block; overflow:hidden;}

#gallery ul {
list-style: none;
}

#gallery li {
float: left;
width: 220px;
text-align:center;
margin-bottom: 30px;
}