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

@import url(http://fonts.googleapis.com/css?family=Tangerine);

body {
 font-family: HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
 font-size: 13px;
 line-height:20px;
 background:url(../images/background.gif) 0 0 repeat-x;
 color:#333;
 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: #704d26; text-decoration:underline;}
a:hover {color: #000; text-decoration:underline;}
h1 {font-family: Tangerine, Georgia, "Times New Roman", Times, serif; font-size:46px; font-weight: normal; line-height:normal;}

span.firstletter { float: left; font-family: Tangerine, Georgia, "Times New Roman", Times, serif; font-size: 56px; line-height: 50px; margin-right: 10px; margin-bottom:-10px; }

.list { margin: 0 0 15px 20px; padding:0; list-style-type:disc;}
.list li { padding-bottom:0;}




#header {
 width: 940px;
 height: 140px;
}


#header .logo { width:350px; height:140px; float:left;}
#header .tagline { background:url(../images/floral.gif) 0 0 no-repeat; width:470px; height:140px; float:right; text-align:center;}
#header .tagline p { padding-top: 45px; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; color:#666; }
#header .tagline a { color:#666; text-decoration:none}
#header .tagline a:hover { color:#000; text-decoration:none}





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

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

/* navigation buttons */

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

#RentalProperties { display: block; width: 172px; height: 28px; background: url("../images/RentalProperties.gif") no-repeat 0 0; }
#RentalProperties:hover { background-position: 0 -28px; }
#RentalProperties span { display: none;}

#ResortAmenities { display: block; width: 165px; height: 28px; background: url("../images/ResortAmenities.gif") no-repeat 0 0; }
#ResortAmenities:hover { background-position: 0 -28px; }
#ResortAmenities span { display: none;}

#ResortActivities { display: block; width: 167px; height: 28px; background: url("../images/ResortActivities.gif") no-repeat 0 0; }
#ResortActivities:hover { background-position: 0 -28px; }
#ResortActivities span { display: none;}

#RateInfo { display: block; width: 104px; height: 28px; background: url("../images/RateInfo.gif") no-repeat 0 0; }
#RateInfo:hover { background-position: 0 -28px; }
#RateInfo span { display: none;}

#ContactInfo { display: block; width: 243px; height: 28px; background: url("../images/ContactInfo.gif") no-repeat 0 0; }
#ContactInfo:hover { background-position: 0 -28px; }
#ContactInfo span { display: none;}


#SubNavigation {
 width: 940px;
 height: 28px;
 color: #363636;
text-align:center;
font-family: Helvetica, Arial, sans-serif;
font-weight:bold;
font-size:10px;
text-transform:uppercase;
}

#SubNavigation a { color:#704d26; text-decoration:none; padding: 0 8px; }
#SubNavigation a:hover { color:#333; text-decoration:none; }
#SubNavigation .on { color:#333; text-decoration:none; padding: 0 8px; }




#footer { 
 width: 940px;
 clear: both;
 color: #333;
 border-top:#704d26 double 3px;
 margin: 20px 0;
 text-align:center;
 font-family:Verdana, Geneva, sans-serif;
 font-size:10px;
 line-height: 15px;
 padding-top: 10px;
}

#footer a { text-decoration:none; }

#footer .BottomNavigation { color:#999; }
#footer .BottomNavigation a { text-decoration:none; padding: 0 5px; }
#footer .BottomNavigation a:hover { text-decoration:none; color:#000;}


#LeftColumn { 
 width: 310px;
 float: left;
}

#LeftColumnLong { 
 width: 510px;
 float: left;
}

#ContentColumnShort { 
 float: left;
 color: #333;
 width: 386px;
 padding-left:44px;
 display: inline;
}

#Content { 
 float: left;
 color: #333;
 width: 586px;
 padding-left:44px;
 display: inline;
}


#properties ul {
list-style: none;
}

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

#properties a { font-family:Georgia, "Times New Roman", Times, serif; text-decoration:none; text-transform:uppercase;}