/* CSS Document */

/* Sets element margins, padding, and border to 0 to even out browser differences when adding desired values later. */
html, body, div, p, h1, h2, h3, h4, h5, h6, blockquote, ol, ul, li, dl, dt, dd, td, form, fieldset, a {
     margin: 0;
     padding: 0;
     border: 0;
}
body {
	font: 100.01% "Trebuchet MS", Arial, sans-serif;
	color: #333333;
	background: #E9F3D1 url(/images/images/bkg_body2_02.jpg) repeat-y 50% 50%;
}
body#policies li#m5 a {
background: url(/images/btn_policiesOver_17.jpg) no-repeat left top;
}
body#packages li#m2 a{
background: url(/images/btn_weddingOver_08.jpg) no-repeat left top;
}
body#rates li#m3 a{
background: url(/images/btn_ratesOver_11.jpg) no-repeat left top;
}
body#keywest li#m4 a{
	background: url(/images/btn_wellnessOver_14.jpg) no-repeat left top;
}
body#villas li#m1 a{
background: url(/images/btn_villasOver_05.jpg) no-repeat left top;
}
body#testimonials li#m6 a{
background: url(/images/btn_testimonialsOver_17.jpg) no-repeat left top;
}
body#directions li#m7 a {
background: url(/images/btn_mapsOver_20.jpg) no-repeat left top;
}
#wrapper {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
}
#mapWrap {
	background: #FFFFFF;
	text-align: center;
	width: 798px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 20px;
	border-right: 1px solid #678920;
	border-left: 1px solid #678920;
}

.clearer {
	font-size: 0px;
	line-height: 0px;
	clear: both;
}
#nav {
	float: left;
	width: 300px;
	background: #678920 url(/images/bkg_leftCol.jpg) no-repeat left top;
	padding-top: 245px;
	font-size: .8em;
	padding-bottom: 50px;
}
#menu {
	margin-left: 50px;
}
#menu ul {
	list-style: none;
}
#menu li {
	list-style: none;
}
#menu a {
	background: transparent;
	height: 39px;
	display: block;
	text-indent: -5000px;
}
/* hide from IE mac \*/
#menu a {overflow: hidden;}
/* end hiding from IE5 mac */

#m1 {
	background: url(/images/btn_villasUp_05.jpg) no-repeat left top;
	text-indent: -5000px;
	height: 39px;
}
#m1 a:hover {
	background: url(/images/btn_villasOver_05.jpg) no-repeat left top;
}
#m2 {
	background: transparent url(/images/btn_weddingUp_08.jpg) no-repeat left top;
}
#m2 a:hover {
	background: url(/images/btn_weddingOver_08.jpg) no-repeat left top;
}
#m3 {
	background: transparent url(/images/btn_ratesUp_11.jpg) no-repeat left top;
}
#m3 a:hover {
	background: url(/images/btn_ratesOver_11.jpg) no-repeat left top;
}
#m4 {
	background: transparent url(/images/btn_wellnessUp_14.jpg) no-repeat left top;
}
#m4 a:hover {
	background: url(/images/btn_wellnessOver_14.jpg) no-repeat left top;
}
#m5 {
	background: transparent url(/images/btn_policiesUp_17.jpg) no-repeat left top;
}
#m5 a:hover {
	background: url(/images/btn_policiesOver_17.jpg) no-repeat left top;
}
#m6 {
	background: transparent url(/images/btn_testimonialsUp_17.jpg) no-repeat left top;
}
#m6 a:hover {
	background: url(/images/btn_testimonialsOver_17.jpg) no-repeat left top;
}
#m7 {
	background: transparent url(/images/btn_mapsUp_20.jpg) no-repeat left top;
}
#m7 a:hover {
	background: url(/images/btn_mapsOver_20.jpg) no-repeat left top;
}

#maincontent {
	width: 499px;
	border-right: 1px solid #678920;
	float: right;
	background: #FFFFFF;
	font-size: 0.80em;
	line-height: 1.5em;
}
#content {
	padding: 15px;
	text-align: left;
}
#content p {
	margin-bottom: 12px;
	font-family: "Comic Sans MS", cursive, serif;
}


/*toNav*/
#topNav {
	color: #FFFFFF;
	background: transparent url(/images/bkg_topNav_04.jpg) no-repeat right top;
	height: 25px;
	text-align: right;
	padding-right: 45px;
	padding-top: 5px;
}
.floatleft {
	float: left;
	margin-right: 3px;
}

#topNav a {
	text-transform: capitalize;
	color: #FFFFFF;
	font: 0.9em "Comic Sans MS", cursive, serif;
	text-decoration: none;
}
#topNav a:hover {
	text-decoration: underline;
}
#topNav a.current {
	font-weight: bold;
	color: #BC3E32;
	background: #D6E5BC;
}

#footer {
	background: #678920 url(/images/bkg_topNav1_02.jpg) repeat-x left bottom;
	color: #D6E5BA;
	text-align: center;
	padding-top: 6px;
	padding-bottom: 4px;
	font: 0.75em/1em "Comic Sans MS", cursive, serif;
}
#footer a {
	color: #D6E5BA;
}
#slides {
	background: #D6E5BA;
}
.flipflops {
	background: #829C45 url(/images/bkg_topNav1_02.jpg) repeat-x left top;
}
#content h2 {
	font: 1.5em "Comic Sans MS", cursive, serif;
	color: #C33831;
	margin-bottom: 12px;
}
#content h3 {
	font-size: 1em;
	font-weight: bold;
}

#content ul {
	font-family: "Comic Sans MS", cursive, serif;
	margin-left: 20px;
}
#footer #bottomNav {
	margin-top: 7px;
	padding-top: 3px;
	padding-bottom: 3px;
	text-align: center;
}
#bottomNav ul {
	background: #6D8D28;
	list-style: none;
	text-align: center;
	font-size: .85em;
}
#bottomNav li {
	display: inline;
	list-style: none;
}
#bottomNav a {
	color: #D2E1B6;
	padding-right: 6px;
	padding-left: 6px;
	font: 0.85em "Trebuchet MS", Arial, sans-serif;
}
#content .villa {
	font: 0.9em "Trebuchet MS", Arial, sans-serif;
	margin-top: 30px;
	margin-bottom: 30px;
}
#content .villa .villaThmb {
	float: left;
	width: 250px;
	padding-bottom: 10px;
}
.bolder {
	font: bolder .9em Verdana, Arial, Helvetica, sans-serif;
}



.villa blockquote {
	font-size: 1.3em;
	font-weight: bold;
	text-align: left;
}
.villa cite {
	text-align: right;
	font-style: italic;
	color: #769538;
	font-size: 1em;
}


#content .villa p {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-weight: bold;
}
#content .villa img {
	margin-right: 10px;
}
#content .villa h3 {
	font: 1.4em Georgia, "Times New Roman", Times, serif;
	color: #FFFFFF;
	background: url(/images/bkg_topNav1_02.jpg) repeat-x left top;
	padding-left: 10px;
	padding-top: 2px;
	padding-bottom: 5px;
	margin-bottom: 5px;
}
#content a:link, #content a:visited, #content a:active {
	color: #678722;
}
#content a:hover, #content a:focus {
	color: #AB3826;
}


.villa .text h4 {
	font-size: 1.2em;
}
#villas .villa ul {
	list-style: none;
	margin: 0px;
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-weight: bold;
}
#villas .villa li {
	margin: 0px;
	list-style: none;
	padding-bottom: 4px;
}

.text {
	float: right;
	width: 205px;
	margin-top: 15px;
}

.sc1 {
	background: url(/images/bkg_sc1_08.jpg) repeat-y center top;
	margin-left: 25px;
	width: 250px;
	margin-top: 32px;
}
#nav .sc1 a:link, #nav .sc1 a:visited, #nav .sc1 a:active {
	color: #678920;
	text-decoration: underline;
}
#nav .sc1 a:hover {
	color: #D7322E;
}

.sc2 {
	background: url(/images/bkg_sc2_05.jpg) no-repeat center top;
	font-family: "Trebuchet MS", Arial, sans-serif;
	color: #000000;
	font-weight: bold;
}
.sc2 h2 {
	font: bold 1.2em Georgia, "Times New Roman", Times, serif;
	color: #C33831;
	margin-left: 10px;
}
.sc2 p {
	margin-right: 10px;
	margin-left: 10px;
}

.sc2 ul {
	margin-left: 15px;
	list-style: disc;
	margin-right: 15px;
	padding-left: 10px;
}
#slidesWrap {
	background: #FFFFFF;
	width: 498px;
	border: 1px solid #67881F;
	margin-right: auto;
	margin-left: auto;
	font-size: .9em;
	line-height: 1.4em;
	color: #333333;
	text-align: center;
}
#slidesWrap #slideHolder {
	padding: 20px;
}
#slidesWrap #slideFooter {
	background: url(/villas/images/bkg_slidesFooter.jpg) no-repeat right top;
	height: 25px;
	padding-top: 15px;
	padding-left: 20px;
	color: #FFFFFF;
	font-weight: bold;
	text-align: left;
}
#slidesWrap #slideFooter a {
	color: #FFFFFF;
}
table#rateT thead tr th {
	color: #FFFFFF;
	background: #678722;
	border-bottom: 1px solid #333333;
}
table#rateT td {
	padding: 2px;
}

table#rateT {
	margin-bottom: 15px;
	margin-top: 5px;
	padding: 0px;
	border: 1px double #678722;
}
.highlight {
	background: #EDF5E0;
}
#content .contactBtn {
	margin: 0;
	padding: 0px;
	text-transform: capitalize;
	font-size: 0.9em;
}
#content .contactBtn ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#content .contactBtn li {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#content .contactBtn a {
	margin: 0px;
	font-family: "Trebuchet MS", Arial, sans-serif;
	color: #FFFFFF;
	background: #C33831;
	padding-top: 2px;
	padding-bottom: 2px;
	display: block;
	text-align: center;
	text-decoration: none;
}
#content .contactBtn a:hover, #content .contactBtn a:focus {
	background: #E89342;
}
.text2 {

	float: right;
	width: 200px;
}
#content .testimonial  img {
	margin-right: 10px;
	float: left;
}
.testimonial  blockquote {

	font-size: 1em;
	font-weight: normal;
	text-align: left;
}
.testimonial cite {

	text-align: right;
	font-style: italic;
	color: #769538;
	font-size: 1em;
}
#content .testimonial {

	font: 0.9em "Trebuchet MS", Arial, sans-serif;
	margin-top: 30px;
	margin-bottom: 30px;
}
#content .contactBtn2 {
	margin: 0;
	padding: 0px;
	text-transform: capitalize;
	font-size: 0.9em;
}
#content .contactBtn2 ul {

	list-style: none;
	margin: 0px;
	padding: 0px;
}
#content .contactBtn2 li {
	margin: 0px;
	padding: 0px;
	list-style: none;
	display: inline;
}
#content .contactBtn2 a {
	margin: 0px 5%;
	font-family: "Trebuchet MS", Arial, sans-serif;
	color: #FFFFFF;
	background: #C33831;
	padding-top: 2px;
	padding-bottom: 2px;
	display: block;
	text-align: center;
	text-decoration: none;
	float: left;
	width: 40%;
}
.maps img {
	float: right;
	margin-top: 15px;
	margin-left: 15px;
}
#slidesWrap2 {

	background: #FFFFFF;
	width: 550px;
	border: 1px solid #67881F;
	margin-right: auto;
	margin-left: auto;
	font-size: 0.9em;
	line-height: 1.4em;
	color: #333333;
	text-align: center;
}
#slidesWrap2 #slideFooter a {

	color: #FFFFFF;
}
#slidesWrap2 #slideFooter {

	background: url(/villas/images/bkg_slidesFooter.jpg) no-repeat right top;
	height: 25px;
	padding-top: 15px;
	padding-left: 20px;
	color: #FFFFFF;
	font-weight: bold;
	text-align: left;
}
#slidesWrap3 {

	background: #FFFFFF;
	width: 725px;
	border: 1px solid #67881F;
	margin-right: auto;
	margin-left: auto;
	font-size: 0.9em;
	line-height: 1.4em;
	color: #333333;
	text-align: center;
}
#slidesWrap3 #slideFooter a {

	color: #FFFFFF;
}
#slidesWrap3 #slideFooter {

	background: url(/villas/images/bkg_slidesFooter.jpg) no-repeat right top;
	height: 25px;
	padding-top: 15px;
	padding-left: 20px;
	color: #FFFFFF;
	font-weight: bold;
	text-align: left;
}
#ad {
	padding-top: 20px;
}
.sc2 h3 {
	font: bold .9em "Georgia", "Times New Roman", Times, serif;
	color: #C33831;
	margin-left: 15px;
	padding-top: 15px;
	padding-bottom: 15px;
}
.sc2 h2 {
	padding-top: 15px;
	padding-bottom: 10px;
}
#nav .sc1 .sc2 a {
	color: #C33831;
	line-height: 1.5em;
}
#nav .sc1 .sc2 a:hover {

	color: #4D5B26;
	line-height: 1.5em;
}
#content h4 {
	font-size: 1em;
	font-weight: bold;
	color: #678722;
}
.text3 {
	float: none;
	width: 400px;
	margin-left: 35px;
}
#content h5 {
	font-size: 1.1em;
	font-weight: bold;
	color: #DA3229;
}
#content h6 {

	font-size: 1em;
	font-weight: bold;
	color: #677945;
}
#weddingAvailability {
	font-size: .9em;
}
#weddingAvailability th {
	font-weight: normal;
	color: #C33831;
	text-align: left;
	border-bottom: 2px solid #C33831;
}
a img {
	text-decoration: none;
	border-style: none;
}
#keywest .wellness ul, #keywest .wellness li {
	margin-bottom: 12px;
}