/* ####################### GLOBAL Styles ######################## */

/* Replace bg_page.jpg in the images folder. This is the body background image. */
body {
	background: url(images/bg_page.jpg) repeat #f1ecd4;
	text-align: center;
	font-family: Times, "Times New Roman", serif;
	font-size: 13px;
	line-height: 17px;
	color: #1c1407;	
	margin: 0;
	padding: 0;
}

a:link, a:visited {
	font-family: Times, "Times New Roman", serif;
	font-size: 13px;
	line-height: 17px;
	color: #a82214;	
	text-decoration: underline;
}

a:hover, a:active {
	font-family: Times, "Times New Roman", serif;
	font-size: 13px;
	line-height: 17px;
	color: #7c2707;
	text-decoration: underline;
}


ul { 
	margin-left: 1em; 
	padding-left: 5px; 
	margin-bottom: 0; 
	padding-bottom: 0; 
	margin-top: 4px; 
	padding-top: 4px; 
	list-style: bullet;
}

li { 
	margin-bottom: 6px;
}


h1 {
	font-family: Times, "Times New Roman", serif;
	font-size: 22px;
	color: #332208;
	font-weight: normal; 
	*margin-top: 5px;
}

h2 {
	font-family: Times, "Times New Roman", serif;
	font-size: 16px;
	margin-top: -11px;
	*margin-top: -18px;
	color: #8a1e04;
	font-style: italic;
	font-weight: normal;
}

h3 {
	font-family: Times, "Times New Roman", serif;
	font-size: 15px;
	margin-bottom: 2px;
	font-weight: normal;
	color: #332208;
}

h4 {
	font-family: Times, "Times New Roman", serif;
	font-size: 14px;
	color: #8a3304;
	font-weight: normal;
	margin-bottom: 2px;
}

h5 {
	font-family: Times, "Times New Roman", serif;
	font-size: 16px;
	color: #8a3304;
	font-weight: bold;
	margin-bottom: 2px;
}

/* ####################### CONTAINER Divs ######################## */

/* Replace bg_pagetop.jpg in the images folder. This is the background compass and map image that appears only at the top of the page. */	
#container {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	background: url(images/bg_pagetop.jpg) no-repeat;
}

#content {
	position: relative;
	width: 800px;
	margin: 0 auto;
}

/* ####################### HEADER Elements ######################## */

/* HEADER PIECES - The headeris broken into the following image pieces. To create a new header: use Photoshop template, which includes guides to breaking up into the correctly sized pieces */	

/* Replace bg_hdrbox.jpg in the images folder. */	
#headerbox {
	position: relative;
	width: 800px;
	height: 270px;
}

/* Replace bg_hdrbtns.jpg in the images folder. */	
#headerbot {
	position: relative;
	width: 800px;
	height: 31px;
	background: url(images/bg_hdrbtns.jpg) repeat-x;
}

/* Replace hdr_phone.gif in the images folder. */	
#headerphone {
	position: relative;
	width: 163px;
	height: 15px;
	margin: 0px 0px 0px 636px;
	background: url(images/hdr_phone.gif) no-repeat;
}

/* END HEADER PIECES */	


/* Replace header images in the images folder. */	
#headerimg1 {
	z-index: 3;
	position: absolute;
	width: 800px;
	height: 270px;
	top: 33px;
	left: 0px;
	background: url(images/header/hdr_img1.jpg) no-repeat;
}

#headerimg2 {
	z-index: 3;
	position: absolute;
	width: 800px;
	height: 270px;
	top: 33px;
	left: 0px;
	background: url(images/header/hdr_img2.jpg) no-repeat;
}

#headerimg3 {
	z-index: 3;
	position: absolute;
	width: 800px;
	height: 270px;
	top: 33px;
	left: 0px;
	background: url(images/header/hdr_img3.jpg) no-repeat;
}

#headerimg4 {
	z-index: 3;
	position: absolute;
	width: 800px;
	height: 270px;
	top: 33px;
	left: 0px;
	background: url(images/header/hdr_img4.jpg) no-repeat;
}

#headerimg5 {
	z-index: 3;
	position: absolute;
	width: 800px;
	height: 270px;
	top: 33px;
	left: 0px;
	background: url(images/header/hdr_img5.jpg) no-repeat;
}

#headerimg6 {
	z-index: 3;
	position: absolute;
	width: 800px;
	height: 270px;
	top: 33px;
	left: 0px;
	background: url(images/header/hdr_img6.jpg) no-repeat;
}

#headerimg7 {
	z-index: 3;
	position: absolute;
	width: 800px;
	height: 270px;
	top: 33px;
	left: 0px;
	background: url(images/header/hdr_img7.jpg) no-repeat;
}
#headerimg8 {
	z-index: 3;
	position: absolute;
	width: 800px;
	height: 270px;
	top: 33px;
	left: 0px;
	background: url(images/header/hdr_img8.jpg) no-repeat;
}
/* End header images */	

/* Displays printable version of logo when browser print function is triggered - used on Homesites detail pages */
#print_display {
	display: none;
	width: 0px;
	height: 0px;
}

/* ####################### GLOBAL NAVIGATION Styles ######################## */

/* This controls the text style of global navigation items. Modify the first 5 lines. */
#globalnav_container {
	font-family: Times, "Times New Roman", serif;
	width: 800px;
	height: 33px;
	white-space: no-wrap;
	background: #7b734f;
} 

#globalnav_container ul {
	list-style: none;
	padding-left: 32px;
	padding-right: 24px;
	padding-top: 8px;
	margin: 0;
}

#globalnav_container li {
	float: left;
	display: inline;
	padding: 0;
	margin: 0;
}


/* This also controls the text style of global navigation items. Modify all items. */
.globalnav a:link, .globalnav a:visited {
	color: #d2cfc3;	
	font-weight: bold;
	font-size: 14px;
	line-height: 17px;
	text-decoration: none;
}

/* This controls the hover style of global navigation items. Modify all items. */
.globalnav a:hover, .globalnav a:active {
	color: #FFFFFF;	
	font-weight: bold;
	font-size: 14px;
	line-height: 17px;
	text-decoration: none;
}

/* When adjusting the font size of navigation items, the second margin value below must be modified, to attain correct spacing between navigation items. */
.globalnav_div {
	width: 2px;
	height: 17px;
	background: url(images/globalnav_div.gif) no-repeat;
	margin: 0px 20px;
}

/* Gives global navigation items their 'on' state. Modify both properties. */
#home .nav1 a {
	color: #FFFFFF;	
	text-decoration: none;
}

#difference1 .nav2 a, #difference2 .nav2 a, #difference3 .nav2 a, #difference4 .nav2 a, #difference5 .nav2 a, #difference6 .nav2 a, #difference7 .nav2 a, #difference8 .nav2 a, #difference9 .nav2 a, #difference10 .nav2 a {
	color: #FFFFFF;	
	text-decoration: none;
}

#community1 .nav3 a, #community2 .nav3 a, #community3 .nav3 a, #community4 .nav3 a, #community5 .nav3 a, #community6 .nav3 a, #community7 .nav3 a, #community8 .nav3 a, #community9 .nav3 a, #community10 .nav3 a {
	color: #FFFFFF;	
	text-decoration: none;
}

#area1 .nav4 a, #area2 .nav4 a, #area3 .nav4 a, #area4 .nav4 a, #area5 .nav4 a, #area6 .nav4 a, #area7 .nav4 a, #area8 .nav4 a, #area9 .nav4 a, #area10 .nav4 a {
	color: #FFFFFF;	
	text-decoration: none;
}

#homesites1 .nav5 a, #homesites2 .nav5 a, #homesites3 .nav5 a, #homesites4 .nav5 a, #homesites_sub1 .nav5 a, #homesites_sub2 .nav5 a, #homesites_sub3 .nav5 a, #homesites_sub4 .nav5 a, #homesites_sub5 .nav5 a, #homesites_sub6 .nav5 a, #homesites_sub7 .nav5 a, #homesites_sub8 .nav5 a, #homesites_sub9 .nav5 a, #homesites_sub10 .nav5 a {
	color: #FFFFFF;	
	text-decoration: none;
}

#events .nav6 a {
	color: #FFFFFF;	
	text-decoration: none;
}

#contact .nav7 a {
	color: #FFFFFF;	
	text-decoration: none;
}

/* ####################### SUB-NAVIGATION Styles ######################## */

#subnav_container {
	font-family: Times, "Times New Roman", serif;
	font-size: 13px;
	line-height: 23px;
	color: #423311;	
	font-weight: bold;
	text-decoration: none;
	width: 200px;
	white-space: no-wrap;
	padding-top: 5px;
} 

#subnav_container a:link, #subnav_container a:visited  {
	font-family: Times, "Times New Roman", serif;
	font-size: 13px;
	line-height: 23px;
	color: #423311;	
	font-weight: bold;
	text-decoration: none;
} 

#subnav_container a:hover, #subnav_container a:active {
	font-family: Times, "Times New Roman", serif;
	font-size: 13px;
	line-height: 23px;
	color: #8a1e04;	
	font-weight: bold;
	text-decoration: none;
} 

#subnav_container ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#subnav_container li {
	padding: 0;
	margin: 0;
}

/* Gives sub-navigation items their 'on' state. Modify all font properties. Controlled by revision of id in each document's body tag */
#difference1 .subnav1 a, #difference2 .subnav2 a, #difference3 .subnav3 a, #difference4 .subnav4 a, #difference5 .subnav5 a, #difference6 .subnav6 a, #difference7 .subnav7 a, #difference8 .subnav8 a, #difference9 .subnav9 a, #difference10 .subnav10 a {
	color: #8a1e04;	
	text-decoration: none; 
}

#community1 .subnav1 a, #community2 .subnav2 a, #community3 .subnav3 a, #community4 .subnav4 a, #community5 .subnav5 a, #community6 .subnav6 a, #community7 .subnav7 a, #community8 .subnav8 a, #community9 .subnav9 a, #community10 .subnav10 a {
	color: #8a1e04;	
	text-decoration: none; 
}

#area1 .subnav1 a, #area2 .subnav2 a, #area3 .subnav3 a, #area4 .subnav4 a, #area5 .subnav5 a, #area6 .subnav6 a, #area7 .subnav7 a, #area8 .subnav8 a, #area9 .subnav9 a, #area10 .subnav10 a {
	color: #8a1e04;	
	text-decoration: none; 
}

#homesites1 .subnav1 a, #homesites2 .subnav2 a, #homesites3 .subnav3 a, #homesites4 .subnav4 a, #homesites5 .subnav5 a, #homesites6 .subnav6 a, #homesites7 .subnav7 a {
	color: #8a1e04;	
	text-decoration: none; 
}

#homesites_sub1 .sett1 a, #homesites_sub2 .sett2 a, #homesites_sub3 .sett3 a, #homesites_sub4 .sett4 a, #homesites_sub5 .sett5 a, #homesites_sub6 .sett6 a, #homesites_sub7 .sett7 a, #homesites_sub8 .sett8 a, #homesites_sub9 .sett9 a, #homesites_sub10 .sett10 a {
	color: #8a1e04;	
	text-decoration: none; 
}

/* ####################### BODY Elements ######################## */
	
.divline {
	line-height: 0;
	height: 0;
	border-top: 1px solid #d1c7c4;
	border-bottom: 1px solid #f9f8f5;
}

#leftcol_specialpromo {
	margin-top: 15px;
	position: relative;
	*float: left;
}

.leftcol_promo {
	padding: 3px 30px 15px 0px;
}

#insidecontent {
	padding: 35px 0px 0px 0px;
}

#bodyimg_holder {
	float: right; 
	position: relative;
}

/* Replace large body images in the images folder. */	
#bodyimg_phil {
	z-index: 3;
	position: absolute;
	width: 335px;
	height: 222px;
	left: 14px;
	top: 14px;
	background: url(images/body/lg_phil.jpg) no-repeat;
}

#bodyimg_comm {
	z-index: 3;
	position: absolute;
	width: 335px;
	height: 222px;
	left: 14px;
	top: 14px;
	background: url(images/body/lg_comm.jpg) no-repeat;
}

#bodyimg_comm_life {
	z-index: 3;
	position: absolute;
	width: 335px;
	height: 222px;
	left: 14px;
	top: 14px;
	background: url(images/body/lg_comm_life.jpg) no-repeat;
}

#bodyimg_comm_parks {
	z-index: 3;
	position: absolute;
	width: 335px;
	height: 222px;
	left: 14px;
	top: 14px;
	background: url(images/body/lg_comm_parks.jpg) no-repeat;
}

#bodyimg_comm_activities {
	z-index: 3;
	position: absolute;
	width: 335px;
	height: 222px;
	left: 14px;
	top: 14px;
	background: url(images/body/lg_comm_activities.jpg) no-repeat;
}

#bodyimg_area {
	z-index: 3;
	position: absolute;
	width: 335px;
	height: 222px;
	left: 14px;
	top: 14px;
	background: url(images/body/lg_area.jpg) no-repeat;
}
/* End bodyimg images */	

/* Controls Homesites detail page. */	
#premier_btn {
	margin: 10px 5px 5px 0px;
	float: left;
}

#homesites_btns {
	margin: 10px 5px 5px 0px;
	float: right;
}

#homesites_imgs {
	clear: both;
}

#crumbtrail {
	padding-bottom: 10px;
}

#highlights {
	padding-top: 20px;
	clear: both;
}

/* ####################### HOMESITES CRUMBTRAIL Styles ######################## */

.crumb_lvl1 {
	font-family: Times, "Times New Roman", serif;
	font-size: 22px;
	line-height: 30px;
	color: #332208;
}

.crumb_lvl1 a:link, .crumb_lvl1 a:visited {
	font-family: Times, "Times New Roman", serif;
	font-size: 22px;
	line-height: 30px;
	color: #332208;
	text-decoration: underline;
}

.crumb_lvl1 a:hover, .crumb_lvl1 a:active {
	font-family: Times, "Times New Roman", serif;
	font-size: 22px;
	line-height: 30px;
	color: #8a1e04;
	text-decoration: underline;
}

.crumb_lvl2 {
	font-family: Times, "Times New Roman", serif;
	font-size: 18px;
	line-height: 30px;
	color: #332208;
}

.crumb_lvl2 a:link, .crumb_lvl2 a:visited {
	font-family: Times, "Times New Roman", serif;
	font-size: 18px;
	line-height: 30px;
	color: #332208;
	text-decoration: underline;
}

.crumb_lvl2 a:hover, .crumb_lvl2 a:active {
	font-family: Times, "Times New Roman", serif;
	font-size: 18px;
	line-height: 30px;
	color: #8a1e04;
	text-decoration: underline;
}


/* ####################### BODY TEXT Styles ######################## */


/* General styles */

.dkorange {
	color: #8a3304;
}

.dkred {
	color: #8a1e04;
}

.ltorange {
	color: #da6b17;
	font-weight: bold;
}

.bold {
	font-weight: bold;
}


.small {
	font-size: 11px;
	line-height: 15px;
}

.large {
	font-size: 14px;
	line-height: 21px;
}

.xlarge {
	font-size: 17px;
	line-height: 36px;
}

.homesites_em {
	font-family: Georgia, Times, "Times New Roman", serif;
	color: #7c2707;
	font-style: italic;
	font-weight: bold;
	font-size: 10px;
	line-height: 16px;
}

/* Homesites list/grid styles */

.grid {
	margin-top: 15px;
}

.grid td {
	padding-left: 10px;
	border-top: 1px solid #d1c7c4;
}

tr.off {
	background-color: transparent;
}

tr.on {
	background-color: #e1dfd3;
}


/* Homepage styles */

.home_txt {
	font-family: Georgia, Times, "Times New Roman", serif;
	font-size: 13px;
	line-height: 21px;
	color: #423311;	
}

.home_txt a:link, .home_txt a:visited {
	font-family: Georgia, Times, "Times New Roman", serif;
	font-size: 13px;
	line-height: 21px;
	color: #a82214;	
	text-decoration: underline;
}

.home_txt a:hover, .home_txt a:active {
	font-family: Georgia, Times, "Times New Roman", serif;
	font-size: 13px;
	line-height: 21px;
	color: #7c2707;
	text-decoration: underline;
}

.home_quicklinks {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 22px;
	color: #8a1e04;	
}

.home_quicklinks a:link, .home_quicklinks a:visited {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 24px;
	color: #8a1e04;	
	text-decoration: underline;
}

.home_quicklinks a:hover, .home_quicklinks a:active {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 24px;
	color: #7c2707;
	text-decoration: underline;
}

.home_questions {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #453929;	
}

.home_questions a:link, .home_questions a:visited {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #8a1e04;	
	text-decoration: underline;
}

.home_questions a:hover, .home_questions a:active {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #7c2707;
	text-decoration: underline;
}


/* Left-col styles */

.lcol_txt {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #3a1406;	
}

.lcol_txt a:link, .lcol_txt a:visited {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #a82214;	
	text-decoration: underline;
}

.lcol_txt a:hover, .lcol_txt a:active {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #7c2707;
	text-decoration: underline;
}

.lcol_quicklinks {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 23px;
	color: #8a1e04;	
}

.lcol_quicklinks a:link, .lcol_quicklinks a:visited {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 23px;
	color: #8a1e04;	
	text-decoration: underline;
}

.lcol_quicklinks a:hover, .lcol_quicklinks a:active {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 23px;
	color: #7c2707;
	text-decoration: underline;
}

.lcol_em {
	font-size: 17px;
	line-height: 36px;
	color: #da6b17;
	font-weight: bold;
}

/* Photo Gallery styles */

.gallery_title {
	font-family: Times, "Times New Roman", serif;
	font-size: 18px;
	color: #3a1406;
	letter-spacing: .25em;
	text-transform: uppercase; 
	font-weight: normal;
}

/* Testimonials page styles */

.testimonials {
	font-family: Times, "Times New Roman", serif;
	font-size: 13px;
	line-height: 19px;
	color: #8a3304;
	font-weight: normal;
}

.testimonials_cap {
	font-family: Times, "Times New Roman", serif;
	font-size: 30px;
	line-height: 30px;
	color: #8a3304;
	font-weight: normal;
}


/* Sitemap styles */

.sitemap_lvl1 {
	font-size: 15px;
	line-height: 20px;
	text-transform: uppercase;
	padding: 6px 0px;
}

.sitemap_lvl1 a:link, .sitemap_lvl1 a:visited {
	text-decoration: none;
}

.sitemap_lvl1 a:hover, .sitemap_lvl1 a:active {
	text-decoration: underline;
}

.sitemap_lvl2 {
	color: #3a1306;	
	padding: 2px 15px;
}

.sitemap_lvl2 a:link, .sitemap_lvl2 a:visited {
	color: #3a1306;	
	text-decoration: none;
}

.sitemap_lvl2 a:hover, .sitemap_lvl2 a:active {
	color: #3a1306;	
	text-decoration: underline;
}


/* Footer styles */

.footer_txt {
	font-family: Times, "Times New Roman", serif;
	font-size: 13px;
	line-height: 26px;
	color: #675c43;	
}

.footer_txt a:link, .footer_txt a:visited {
	color: #675c43;	
	text-decoration: underline;
}

.footer_txt a:hover, .footer_txt a:active {
	color: #8a1e04;
	text-decoration: underline;
}
