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


body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol,
li, dl, dt, dd, form, a, fieldset, input, th, td, hr
{
margin: 0; padding: 0; border: 0; outline: none;
}

body
{
line-height: 1;
background: url(images/blue-stripe-vertical.png) #3cbcff repeat-x ;
position: relative;
font-family: Georgia, "Times New Roman", Times, serif;

}

h1, h2, h3, h4, h5, h6
{
font-size: 100%;
padding: 0px;
margin: 0px;
font-family: Tahoma, Geneva, sans-serif;
font-weight: normal;
}




#topbackground {
background: url(images/top-background.jpg) repeat-x top; 
position:absolute;
left:0px;
top:0px;
z-index:-1;
width: 100%;
height: 157px;
}

a {color: #0073ab}
a:hover {color: #5BBDFA}

#header {margin: 0px auto; width: 992px; height: 218px;}

#navigation {height: 79px; 	background-image: url(images/nav-back-full.gif);
	background-repeat: no-repeat;}
	
	
h1 {color: #4F9F52; font-size: 25px; }
h2 {font-style: italic; color: #3e8aaf }
.homepage h1,.homepage h2{display: inline;}

p {font-size: 16px; line-height: 27px; color: #4F4F4F}


/*------------- MAIN NAVIGATION STRUCTURE AND STYLE--*/
	
#mainNav {
	height: 79px;
	width:760px;
	margin: 0px auto;
	}
	
#mainNav ul {
	list-style-type: none;
	margin: 0;
	padding: 0px;
	clear: both;
	}
	
#mainNav li {
	margin: 0px;
	padding: 0px;
	float: left;
	}
	
#mainNav li a {
	height: 50px;
	padding-top: 29px;
	float: left;
	text-align: center;
	font-size: 15px;
	color: #004d75;
	text-decoration: none;
	background-image: url(/images/nav-back-full.gif);
	background-repeat: no-repeat;
	font-weight: normal;
	outline: none;
	margin: 0px;
	display: inline;
	}
	
#mainNav li .navone a {background-position: -116px top; width: 173px}
#mainNav li .navtwo a {background-position: -290px top; width: 195px}
#mainNav li .navthree a {background-position: -486px top; width: 196px}
#mainNav li .navfour a {background-position: -678px top; width: 196px;}

#mainNav li .navone a:hover, #Active .navone a:link, #Active .navone a:visited, #Active .navone a:hover {
	color: #FFFFFF;
	background-position: -116px bottom;
	}
	
#mainNav li .navtwo a:hover, #Active .navtwo a:link, #Active .navtwo a:visited, #Active .navtwo a:hover {
	color: #FFFFFF;
	background-position: -290px bottom;
	}
	
#mainNav li .navthree a:hover, #Active .navthree a:link, #Active .navthree a:visited, #Active .navthree a:hover {
	color: #FFFFFF;
	background-position: -486px bottom;
	}
	
#mainNav li .navfour a:hover, #Active .navfour a:link, #Active .navfour a:visited, #Active .navfour a:hover {
	color: #FFFFFF;
	background-position: -678px bottom;
	}	

/*------------- BODY AREA --*/
#bodyarea{ margin: 0px auto; width: 758px; background: #fff; border-left: 1px solid #f0a71e; border-right: 1px solid #f0a71e;}
#paddedbody {padding: 10px; }

.homepage #bodyarea {background: url(images/home-body-back.gif) top no-repeat #fff;}

#homefloatboxes {height: 202px; width: 319px; float: left; margin-left: 22px; padding: 55px 10px 15px 10px; font-family: Geneva, Arial, Helvetica, sans-serif; font-style: italic; line-height: 25px; }

#homefloatboxes a {font-weight: bold;}

.condorentals {background: url(images/condo-rentals-back.jpg) no-repeat}
.condosales {background: url(images/condo-sales-back.jpg) no-repeat}

.condorentals img {border: 2px solid #BEE0BD}

hr {height: 16px; background:url(images/hr.jpg) repeat-x; color: none; border: 0;}

.freevacation {background: #e6f4ff; padding-bottom: 8px;}
.freevacation p {font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 14px; padding: 0px 50px; line-height: normal;}

.footerdiv a,.footerdiv p {font-size: 12px; line-height: normal; }
.footerdiv h3 a{font-size: 18px; font-weight: bold;}

.bigorange {	font-size: 19px;
	color: #EF9700;
	font-family: Georgia, Arial, Helvetica, sans-serif;
	font-weight: bold;}
	
.amenitieslist {width: 400px; background: url(images/amenities-back.jpg) no-repeat; }
.amenitieslist ul {padding: 65px 0px 15px 50px; font-family: Tahoma, Arial, Helvetica, sans-serif; line-height: 25px; font-style: italic; font-size: 18px;}

.videoback {padding: 65px 0px 15px 0px; background: url(images/video-slideshowback.jpg) no-repeat;}
.thumbpic {margin: 5px 8px 0px 0px;}
.ratesala {width: 275px; background:url(images/rates-back.jpg) no-repeat; padding: 20px; color: #006633}
.ratesala p {color: #000; font-size: 120%; font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;}
.ratesala strong {font-size: 130%}

.phbackground {width: 376px; height: 200px; background: url(images/ph-background.jpg) no-repeat; padding: 75px 12px 15px 12px;}
.phbackground p {line-height: normal; font-family: Tahoma, Arial, Helvetica, sans-serif; font-style: italic; font-size: 14px;}


.rentalmanagement {width: 400px; background: url(images/background-sales.jpg) no-repeat top; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 25px;}
.rentalmanagement h2 {font-weight: bold; font-size: 18px;}

#contacttable td {padding: 5px;}
#contacttable input,#contacttable select {padding: 4px; font-size: 16px; border: 2px solid #FFCF5B}
#contacttable .formcontent {font-size: 12px; background: #CFE9FF}
#contacttable .textarea {width: 300px; height: 150px; border: 2px solid #FFCF5B}