/*------------------------------------------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td,html,label,table,tr,td {margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img,a img,:link img,:visited img {border:0;}
address,caption,cite,code,dfn,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;}
q:before,q:after {content:'';}

/* ------------------------ type selectors ------------------------ */
body { 
	background:#2bbed8 url(../images/bg-body.jpg) top repeat-x;
	text-align:center; 
	font:12px/16px Georgia, Times New Roman, Times, serif;
	color:#002d56;
	}

blockquote { margin-left:10px; margin-right:10px; }

h1	{ font-size:1.2em; color:#002d56; }
h2	{ font-size:1.1em; color:#002d56; }
h3	{ font-size:1.0em; color:#002d56; }

h1 span,h2 span,h3 span	{ display:none; }
a:link,a:visited	{ color:#1b9fb6; text-decoration:none; outline:none; }
a:hover,a:active	{ color:#0c5e6d; text-decoration:none; outline:none; }

/* ------------------------ classes ------------------------ */
.clear	{ clear:both; }

div.clear	{ height:.01em; overflow:hidden; }
img.img-left { float:left; margin:0px; }
img.img-right { float:right; margin:0px; }
/* ------------------------ main framework ------------------------ */
#wrap {
	background:url(../images/bg-wrap.jpg) repeat-y;
	width:838px;
	margin:0 auto;
	text-align:left;
	}
#top-container {
	float:left;
	width:838px;
	margin:0 auto;
	}
#bottom-container {
	background:url(../images/bg-wrap-container.jpg) no-repeat;
	width:838px;
	margin:0 auto;
	float:left;
	}

/* ------------------------ masthead framework ------------------------ */
#masthead {
	background:url(../images/masthead.jpg);
	height:158px;
	}
	#masthead span {display:none;}

/* ------------------------ column-left framework ------------------------ */
#column-left {
	width:400px;
	float:left;
	}

	#column-left p, #column-left h1, #column-left h2 {
		margin:0px 0px 10px 0px;
		}


/* ------------------------ column-right framework ------------------------ */
#column-right {
	width:438px;
	float:left;
	}
	#column-right p, #column-right h1, #column-right h2 {
		padding:0px 65px 20px 52px;
		font-weight:bold;
		line-height:20px;
		}
body#location #column-right div {margin-top:118px;}

/* ------------------------ header framework ------------------------ */
#header { height:300px; } 

	body#index #header { background:url(../images/header-index.jpg); }
	body#about #header{ background:url(../images/header-about.jpg); }
	body#contact #header { background:url(../images/header-contact.jpg); }
	body#thankyou #header { background:url(../images/header-thankyou.jpg); }
	body#sitemap #header { background:url(../images/header-sitemap.jpg); }


/* ------------------------ subhead framework ------------------------ */
#subhead { height:20px; }
	body#index #subhead { background:url(../images/subhead-index.jpg); }
	body#about #subhead { background:url(../images/subhead-about.jpg); }
	body#contact #subhead { background:url(../images/subhead-contact.jpg); }
	body#thankyou #subhead { background:url(../images/subhead-thankyou.jpg); }
	body#sitemap #subhead { background:url(../images/subhead-sitemap.jpg); }

/* ------------------------ title framework with varying heights ------------------------- */
#title-interior {
	width:234px;
	height:35px;
	margin-top:109px;
	background:url(../images/title-interior.gif) ;
	}
	#title-interior span {display:none;}
#title-community {
	width:234px;
	height:35px;
	background:url(../images/title-community.gif) ;
	}
	#title-community span {display:none;}
#title-contact {
	width:234px;
	height:35px;
	margin-top:109px;
	background:url(../images/title-contact.gif) ;
	}
	#title-contact span {display:none;}
#title-gallery {
	width:273px;
	height:35px;
	margin-top:109px;
	background:url(../images/title-gallery.gif) ;
	}
	#title-gallery span {display:none;}
	
/* -- buttons ----------------------------------------------------------------------------- */
#btn-location-gallery	{
	background:url(../images/bg-location-graphic1.jpg) no-repeat;
	width:400px;
	height:316px;
	float:left;
	}
/*-- 	
	#btn-location-gallery a {width:118px; height:96px; display:block;margin:206px 0 0 282px;}
	#btn-location-gallery span {display:none;}
	#btn-location-gallery a:hover {background:url(../images/bg-location-graphic1.jpg) -282px -522px no-repeat;}
--*/
#btn-amenities-gallery	{
	background:url(../images/bg-amenities-graphic1.jpg) no-repeat;
	width:400px;
	height:533px;
	float:left;
	}
/*-- 	
	#btn-amenities-gallery a {width:118px; height:96px; display:block;margin:206px 0 0 282px;}
	#btn-amenities-gallery span {display:none;}
	#btn-amenities-gallery a:hover {background:url(../images/bg-amenities-graphic1.jpg) -282px -739px no-repeat;}
--*/	
#btn-apply	{
	background:url(../images/btn-apply.gif) no-repeat;
	width:229px;
	height:47px;
	float:left;
	}
	#btn-apply a {width:229px; height:47px; display:block;}
	#btn-apply span {display:none;}
	#btn-apply a:hover {background:url(../images/btn-apply.gif) -0px -47px no-repeat;}



/* ------------ must have below column-left and column-right to clear the float ------------ */
#bottom-wrap {
	background:url(../images/bottom-wrap.jpg);
	width:838px; 
	height:114px; 
	clear:both; 
	}

#btn-gallery {
	background:url(../images/btn-gallery.jpg) no-repeat;
	height:61px;
	width:191px;
	margin:93px 50px 0 0;
	float:right;
	}
	#btn-gallery a { display:block; width:191px; height:61px;}
	#btn-gallery span {display:none;}
	#btn-gallery a:hover {	background:url(../images/btn-gallery.jpg) -0px -61px no-repeat; }

	
	
/* ------------ nav ------------ */
#nav { 
	background:url(../images/nav.jpg) no-repeat; 
	width:838px; 
	height:28px; 
	margin:0;
	padding:0; 
	}
#nav span { display: none; }
#nav li, #nav a { height:28px; display:block; }
#nav li { float:left; list-style:none; display:inline; position:relative; }
#nav-02, #nav-03, #nav-04, #nav-05 { margin-left:70px;}
#nav-01 { width: 59px; margin-left:89px;}
#nav-02 { width: 91px;}
#nav-03 { width: 73px;}
#nav-04 { width: 85px;}
#nav-05 { width: 74px;}
#nav-01 a:hover { background:url(../images/nav.jpg)  -89px -28px no-repeat; }
#nav-02 a:hover { background:url(../images/nav.jpg) -218px -28px no-repeat; }
#nav-03 a:hover { background:url(../images/nav.jpg) -379px -28px no-repeat; }
#nav-04 a:hover { background:url(../images/nav.jpg) -522px -28px no-repeat; }
#nav-05 a:hover { background:url(../images/nav.jpg) -677px -28px no-repeat; }
body#index #nav-01 { background:url(../images/nav.jpg)  -89px -28px no-repeat; }
body#floorplans #nav-02 { background:url(../images/nav.jpg) -218px -28px no-repeat; }
body#location #nav-03 { background:url(../images/nav.jpg) -379px -28px no-repeat; }
body#amenities #nav-04 { background:url(../images/nav.jpg) -522px -28px no-repeat; }
body#contact #nav-05 { background:url(../images/nav.jpg) -677px -28px no-repeat; }



/* ------------------------footer framework ------------------------ */
#footer {
	background:url(../images/bg-footer.jpg) no-repeat;
	width:838px;
	height:62px;
	margin:0 auto;
	text-align:center;
	}

#footer p {
	color:#fff;
	font-size:11px;
	padding-top:10px;
	}

#footer a:link, #footer a:visited { color:#5ccade; }
#footer a:hover, #footer a:active { color:#82e0f1; }