﻿html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td, 
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
	vertical-align: baseline;
	font-family: inherit;
	font-weight: inherit;
	font-style: inherit;
	outline: 0;
	padding: 0;
	margin: 0;
	border: 0;
	}
/* remember to define focus styles! */
:focus {
	outline: 0;
	}
body {
	background: white;
	line-height: 1;
	color: black;
	}
ol, ul {
	list-style: none;
	}
/* tables still need cellspacing="0" in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
	}
caption, th, td, input {
	font-weight: normal;
	text-align: left;
	}
/* remove possible quote marks (") from <q> & <blockquote> */
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
	}
blockquote, q {
	quotes: "" "";
	}
	
	.active_nav
{
	color: #ffffff !important;
	font-weight: bold !important;
	text-decoration: none !important;
	background: url(sub_nav_.gif) no-repeat 45% bottom !important;
}

/* @group Common */

/* @group forms */

input.choice {
	visibility: hidden;
	
}


.input {
    border: 1px solid #999;
    background: #fff;
    margin-right: 5px;
    font-size: 1.2em;
    padding: 3px;
    width: 130px;
}

#community #content-col ul li {
	font-size: 1.2em;
	margin: 0 0 5px 40px;
	
	
}
#clear {
	clear: both;
	line-height: 12px;
	background: #FFF;
	padding-top: 7px;
}
#clear p {
	padding-top: 7px;
	padding-right: 235px;
	padding-left: 25px;
}

/* @end */

/* @end */

#community #content-col ul {
	padding-bottom: 20px;
	list-style: disc;

	
}

form#newsletter {
	text-align: center;
	padding: 0 0 0 5px;
	line-height: 2.5em;
	
}

.input:hover {
    border: 1px solid #f00;
    background: #efefef;
}

.button {
    border: 1px solid #999;
    background: #a9edff;
	font-size: 1.2em;
	padding: 3px;
}
.button_orange {
	border: 1px solid #999;
	background: #b26c27;
	font-size: 1.2em;
	padding: 3px;
	color: #FFF;
}


.button:hover {
    border: 1px solid #f00;
    background: #eef;
}



/* @end */


body{
	background: #2c292a url(bg.gif) repeat fixed;
	color: #535051;
	text-align: center;
	font-size: 62.5%;
	font-family: "Helvetica neue", Arial, Tahoma;
}



a:link, a:visited {
	text-decoration: none;
	color: #008fd4;
	
}
a:hover{

	text-decoration: underline;
}

strong {
	font-weight: bold;
}

div.dropshadow.fltrt{
	margin: 30px;
	float: right;
}
.fltrt{
	margin: 20px;
	float: right;
}


/* @end */



/* @group Masthead */



#container{
	margin: 0 auto 0 auto;
	width: 910px;
}
#masthead{
	position: relative;
	height: 100px;

}
#container ul#main-nav{
	padding-left: 5px;
	height: 51px;
	width: 910px;
	background: url(main_nav.gif) no-repeat;
}
#container ul#main-nav li{
float: left;
line-height: 1.4em;
display: inline;
color: #535051;
font-size: 1.3em;
}

#container ul#main-nav li a{
float: left;
height: 32px;
padding: 18px 15px 0 10px;	
color: #535051;
display: block;
text-transform: uppercase;
text-decoration: none;
background: url(main_naw.gif) right top;

}

#content-col h2{
	
	border-bottom: #d9eef9 1px solid;
	font-size: 2.2em;
	line-height: 2.2em;
	margin: 0 0 20px 0;
}
#home #content-col h2{
	font-size: 2em;
	margin: 5px 0 0 0;
	border-bottom: none;
	}
#clearboth {
	clear: both;
	padding-bottom: 15px;
}

#home #content-col .move-in-today h2{
	text-indent: -5000px;
	background: url(home_mov.gif) no-repeat ;
	padding: 10px 0 5px 0;
	margin: 10px 0 0 0;


	
	}
	
#home #content-col .quality-function-style h2{
	text-indent: -5000px;
	border-bottom: none;
	background-image: url(home_qua.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 5px;	
	}	
#promobox {
	border: 1px solid #CCC;
	padding: 5px;
	margin-right: 5px;
	float: left;
}

.promobox { 
border: 1px solid #CCC;
width: 190px;
float: left;
margin-right: 5px;
text-align: center;
}

#home #content-col .where-we-build h2{
	text-indent: -5000px;
	background: url(home_whe.gif) no-repeat;
	padding: 10px 0 5px 0;
	margin: 10px 0 0 0;
	
	}	
#about #content-col h2, #tools #content-col h2  {

	color: #b26c27;

	
}

#community #content-col h2 {
	
	color: #a0ce67;

}

#find-your-home #content-col h2 {
    font-size: 2.2em;
	margin: 5px 0 5px 0;
	padding-bottom: 10px;
	line-height: 1em;
	color: #b26c27;
	border: none;
	border-bottom: #d9eef9 1px solid;

}




#container ul#main-nav li a:hover{
	background: url(main_naw.gif) right bottom;
	color: #008fd4;
	}

#find-your-home ul#main-nav li a.find-home-active, #community ul#main-nav li a.our-communities-active, #about ul#main-nav li a.about-broadview-active, #tools ul#main-nav li a.tools-resources-active, #promo ul#main-nav li a.promo-active {
	
	background: url(main_naw.gif) right bottom;
	color: #008fd4;
	
}
	
#masthead h1{
	float: left;
	width: 250px;
	height: 100px;
	background: url(logo0000.gif) no-repeat;
	text-indent: -5000px;
	
}

#masthead h1 a{
	width: 250px;
	height: 50px;
	text-align: left;
	display: block;
	padding-top: 50px;
	
}

#masthead ul#sec-nav {

	position: absolute;
	left: 660px;
	top: 70px;	
}
#masthead ul#sec-nav li {

	font-size: 1.2em;
	padding: 0 6px 0 0 ;
	float: left;
	
}
#masthead ul#sec-nav li a{

	color: #999;
	
}

/* @end */

/* @group Main Body */

/* @group home */

img.move-image {
	
	padding: 10px 0 0 0;
}

#content-col div.home-col p {
	line-height: 1.4em;
	margin-bottom: 0;
	padding: 0 10px 0 10px;
	text-align: justify;
	font-size: 12px;
}


.home-col{
	
	float: left;
	width: 260px;
	background: url(home_con.gif) no-repeat 50% 0;
	padding: 0 15px 0 15px;
	margin-right: 10px;
	display: inline;

	
}

.quality-function-style{
	margin-top: 10px;
	
}

div.home-col.sec-col{
	padding: 0 10px 0 10px;
	width: 270px;
	display: inline;
	
	
}

*html div.home-col.sec-col{
	
	padding: 0 9px 0 9px;
	width: 270px;
	display: inline;
	}

div.home-col.move-in-today {
	padding: 0 10px 0 10px;
	width: 270px;
	display: inline;
	text-align: center;
	
}

/* @end */

/* @group Left Col */



#container #main-content div#col-left{

	padding-right: 10px;
	width: 240px;
	float: left;

}
#content-col ul {
	list-style-type: disc;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 35px;
	margin-bottom: 25px;
	margin-top: 0px;
	padding: 0px;
}
#content-col ul li {
}


/* @group Sub Nav */

div#sub-nav {
	width: 238px;
	float: left;
	background: url(sub_nav_.gif) no-repeat 50% 45px;
	background-color: #e8e8e8;
	border-width: 1px;
	border-style: solid;
	border-color: #dcdddd;
	padding-bottom: 10px;
	margin-bottom: 10px;
	
	
}

div#sub-nav ul{
	padding-top: 5px;;
   text-align: left;
}


div#sub-nav ul li a{
	height: 30px;
	line-height: 2.5em;
	display: block;
	font-size: 1.2em;
	color: #5d5a5b;
	text-transform: uppercase;
	background: url(sub_nav_.gif) no-repeat top;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 20px;
}



#about.our-story div#sub-nav ul li a.story-active, 
#about.associations div#sub-nav ul li a.associations-active, 
#about.news div#sub-nav ul li a.news-active, 
#about.our-team div#sub-nav ul li a.team-active, 
#about.careers div#sub-nav ul li a.careers-active, 
#about.contact-us div#sub-nav ul li a.contact-us-active, 
#tools.mortgage-info div#sub-nav ul li a.mortgage-info-active,
#tools.register div#sub-nav ul li a.register-active,
#tools.faq div#sub-nav ul li a.faq-active,
#find-your-home.feature div#sub-nav ul li a.feature-active
 {
	
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	background: url(sub_nav_.gif) no-repeat 45% bottom;
	
}

div#sub-nav ul li a:hover{
	
	text-decoration: none;
	color: #008fd4;
	
	}

#sub-nav h2 {
	text-align: left;
	display: block;
	font-size: 1.5em;
	text-transform: uppercase;
	color: #156d99;
	padding: 20px 0 0 40px;
    height: 35px;
	
}

#community #sub-nav h2, #about #sub-nav h2, #tools #sub-nav h2 {
 background: url(icon_arr.gif) no-repeat 5% 50%;
	
}
 
 .icon-mag-glass{
	
	background: url(icon_mag.gif) no-repeat 3% 30%;
}

 .icon-map{

	color: #64874b;
	padding: 0 0 0 60px;
	background: url(home_ico.gif) no-repeat 0 0;
    
}

h2.icon-map em {
	
	font-style: italic;
	line-height: 0em;
}
 .icon-broad{
	color: #0d80c5;
	padding: 0 0 0 45px;
	background: url(home_ico.gif) no-repeat 0 50%;
}


/* @end */


div#register {
	width: 238px;
	float: left;
	background-color: #ceebb7;
	border-width: 1px;
	border-style: solid;
	border-color: #adeb7c;
	padding-bottom: 20px;
	
}

#register h2 {
	display: block;
	font-size: 1.6em;
	color: #b26c27;
	padding-top: 15px;
    height: 25px;
	background: url(icon_reg.gif) no-repeat 10% 60%;
}


#register p {
	margin: 0 auto 10px auto;
	width: 200px;
	font-size: 1.2em;
	color: #646f5b;
	line-height: 1.5em;
	
}



/* @end */




/* @group Content Col */

#content-col p.disclaim {
	float: left;
	width: 370px;
	text-align:justify;
	font-size: .95em;
	padding: 10px;
	
}
#content-col p.disclaim2 {
	float: left;
	width: 585px;
	text-align:justify;
	font-size: 0.95em;
	padding: 20px 10px 10px;
	line-height: normal;
}

 #about #content-col,#tools #content-col  {
	text-align: left;
	float: left;
	padding: 0 0 0 10px;
	width: 620px;
	
}

 #tools.mortgage-info #content-col {
	text-align: left;
	float: left;
	padding: 0 0  0 10px;
	width: 400px;
	
}
 #community #content-col {
	text-align: left;
	float: left;
	padding: 0 0  0 10px;
	width: 400px;
	
}
#home #content-col{
	text-align: left;
	float: left;
	padding: 0 0 0 10px;
	width: 900px;
	display: inline;	
	
	
}
#home #container div#main-content{
	padding: 0;
	font-size: 12px;
	background: url(home_coo.gif) repeat-x;
	background-color: #fff;
}

#find-your-home #content-col {
	text-align: left;
	float: left;
	width: 630px;
	background: url(homestyl.gif) no-repeat top left;
	padding-top: 15px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 10px;	
	position: relative;
}
.dropshadow {
	
	float: left;
	line-height: 0;
	padding: 0 3px 3px 0;
	display: inline;
	background: url(dropshad.gif) no-repeat bottom right;
	
}


.dropshadow img{
	background: #fff;
	border: 1px solid #dfe0e1;
	padding: 8px;
	
}



#content-col .x-space {
	margin: 10px 0 0 10px;
	display: inline;
	float: left;
}

#content-col .x-space div.dropshadow {
	margin: 0 20px 30px 0;
	

}
#content-col p {
	font-size: 1.3em;
	line-height: 1.8em;
	margin-bottom: 20px;
	
	
}
#about.contact-us ul.main-content {
	width: 275px;
	float: left;
	display: inline;
	min-height: 120px;
	padding: 20px 10px 10px 10px ;
	
}
ul.main-content, ol li{

	padding: 0 15px 15px 10px;
	
}
ol{
	font-size: 1.2em;
	padding: 0 0 20px 10px;
}
#content-col ul li{
	line-height: 1.6em;
	list-style-type: disc;

}
#tools.mortgage-info #content-col ul li{
	font-size: 1.2em;
	padding-bottom: 10px;
}
#tools.mortgage-info #content-col ul{
	list-style: disc;
	padding-left: 20px;
}
table {
	font-size: 1.2em;
	margin-left: 5px;
	
}

table tbody tr div{
	padding: 10px;
	font-weight:bold;
	
}

ol li{
	padding: 0 0 5px 25px;
    line-height: 1.7em;
}

 ol li.faq-title{
	font-weight: bold;
	font-size: 1.2em;
	background: url(icon_arr.gif) no-repeat 0 20%;
	padding: 0 0 10px 27px;
}

ol li a{
	line-height: 2em;
}

ul.main-content li {
	line-height: 1.6em;
	
}

li.sub-head {
	font-weight: bold;
	
	
}


#content-col h3 {
	font-size: 1.4em;
	line-height: 1.3em;
	text-transform: uppercase;
	color: #156d99;
	margin-bottom: 10px;
	
	
	
}

#find-your-home #content-col h3 {
	font-size: 1.5em;
	width: 390px;
	padding: 20px 0 5px 0;
	margin-bottom: 10px;
	float: left;
	color: #414141;
	text-transform: none;
	
	

	
}

/* @end */

/* @group search box */

div#search {
	float: left;
	width: 640px;
	height: 40px;
	margin-bottom: 10px;
	background: url(search_t.gif) no-repeat 0 50%;
	padding-top: 25px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

#search form select {
	
	font-size: 1.3em;
	margin-right: 40px;
	
}



/* @end */



/* @group Home Details col */

#home-details-col{
	padding: 10px 5px 0 0 ;
	float: right;
	width: 215px;	
}

ul#home-downloads {
    font-size: 1.2em;
	margin: 15px 0 5px 0;
	padding: 10px 10px 5px 15px;
	background: url(home_lin.gif) no-repeat 50% 0;
}




dl.floorplan-download {
	padding: 0 0 25px 15px;
	font-size: 1.2em;
	

	
}

dl.floorplan-download dt {
	padding:  5px 0 5px 25px;
	background: url(icon_dow.gif) no-repeat 0 50%;
	
}

ul.contact {
	font-size: 1.2em;
	
}

dl.floorplan-download dd {
	padding:8px 0 0 25px;
	
}


#home-details-col ul#home-downloads li{
	background: url(icon_arr.gif) no-repeat 0 50%;
	padding-left: 25px;
}

#home-details-col ul#home-downloads ul.floorplan-download{

    padding-left: 40px;	
}


#home-details-col ul#home-downloads ul.floorplan-download li {
	font-size: 1em;
	padding-left: 0;
	list-style: square;
	background-image: none;
	
}

li.email a{
	background: url(icon_ema.gif) no-repeat 0 50%;
	padding: 5px 0 5px 30px;
	
}




li.map a{
	background: url(icon_map.gif) no-repeat 0 50%;
	padding: 5px 0 5px 30px;
	
}



#home-details-col h5 {

 	clear: both;
	text-align: left;

	text-transform: uppercase;
	font-size: 1.3em;
	color: #156d99;
	border-bottom: solid;
	border-width: 1px;
	border-bottom-color: #d9eef9 ;
	margin: 0px 0 5px 0;
	padding: 10px 0 10px 0;
	

}

ul#home-details {
	color: #666;
	
	
}

ul#home-details li.homestyle-price {
	border-bottom: none;
	font-size: 1.6em;
	color: #ee3424;
}

.click_lrg{
color: #ee3424;
}

.disc
{
font-size: .6em;
}


#home-details-col ul li {
  	line-height: 1.4em;
	padding: 5px 0 5px  0;
	text-align: left;

	
	
}
#home-details-col  li#det{
	line-height: 1.8em;
	font-size: 1.1em;
	
}



li.avail {
	color: #156d99;
	font-weight: bold;
	
}


ul#home-details li {
	font-size: 1.2em;
	border-bottom: #efefef solid 1px;
	line-height: 1.6em;
	
	}

/* @end */

/* @group My Group */

div.homestyle-box p {
	
	text-align: left;
	font-size: 1.2em;
	line-height: 1.4em;
	padding: 10px;
	
}

div.homestyle-box h5 {
	font-size: 1.2em;
	font-weight: bold;
}

#col-community {
	float: right;
	width: 212px;	
}

ul.hours {
	font-size: 1.2em;
	padding-bottom: 5px;
}


.grey-box{
	width: 205px;
	background-color: #f1f1eb;
	border-width: 1px;
	border-style: solid;
	border-color: #e2e3e2;
	padding: 5px 0 5px 0 ;
	margin: 0 5px 10px 0;
	float: left;
	
}
.showhome{
	position: absolute;
	background: url(snipe_sh.gif) no-repeat;
	left: 0px;
	top: 0px;
	height: 140px;
	width: 185px;
}
.new-community{
	position: absolute;
	background: url(snipe_ne.gif) no-repeat;
	left: 0px;
	top: 0px;
	height: 100px;
	width: 185px;
}

.sold{
	position: absolute;
	background: url(snipe_so.gif) no-repeat;
	left: 0px;
	top: 0px;
	height: 140px;
	width: 185px;
}

div#communitylist_col div.homestyle-box{
	height: 220px;
	cursor: pointer;

	overflow: hidden;
	background-position: 183px 208px;
}



#find-your-home a div.homestyle-box {
	cursor: pointer;
	min-height: 210px;
	text-decoration: none;
	
}

div#communitylist_col a{
	text-decoration: none;
	cursor: pointer;
	
}

* html #communitylist_col a div.homestyle-box

{
	text-decoration: none;
}

div.homestyle-box{
	width: 205px;
	color: #535051;
	background: #f1f1eb url(backgrou.gif) no-repeat 98% 98%;
	border-width: 1px;
	border-style: solid;
	border-color: #e2e3e2;
	padding: 5px 0 5px 0 ;
	margin: 0 5px 10px 0;
	display: block;
	float: left;
	position: relative;
	
}

div.sub-price {
	float: left;
	padding: 5px 0 5px 10px;
	font-size: 1.3em;
	font-weight: bold;
	color: #156d99;
	
}

.homestyle-box:hover{
	text-decoration: none;
	background: #c7feff url(backgrou.gif) no-repeat 98% 98%;
	cursor: pointer;
 	text-decoration: none;
	
}



div.grey-box h4, div.homestyle-box h4 {
	font-size: 1.4em;
	text-align: left;
	text-transform: uppercase;
	color: #b26c27;
	padding: 8px 10px 5px  10px;
	margin: 0;
	border: none;
}
div.homestyle-box h4 {
	text-align: left;
	text-transform: uppercase;
	color: #b26c27;

}


#communitylist_col div.homestyle-box h4 {
	text-align: center;
	
}

div.com-row {
	float: left;
	
}

#col-community h5 {
    clear: both;
	text-align: left;
	height: 20px;
	text-transform: uppercase;
	font-size: 1.3em;
	color: #008fd5;
	border-bottom: solid;
	border-width: 1px;
	border-bottom-color: #d9eef9 ;
	margin: 0px 0 10px 0;
	padding-top: 10px;

	
}

#col-community ul li {

	padding: 0 0 5px  0;
	text-align: left;
	line-height: 1.4em;
	
}


div.grey-box img, div.homestyle-box img{
	border-width: 1px;
	border-style: solid;
	border-color: #e2e3e2;
	background-color: #fff;
	padding: 5px;
	
	
}

#tools.mortgage-info div.grey-box ul {
	font-size: 1.1em;
	text-align: left;
	width: 170px;
	padding: 10px 0 10px 20px;
}

#tools.mortgage-info div.grey-box{
	
	padding: 10px 0 0 0;
}
#tools.mortgage-info div.grey-box ul li{
	padding-top: 5px;
	line-height: .5em;
}

div.grey-box ul, div.homestyle-box ul {
	float: left;
	width: 92px;
	text-align: left;
	padding: 0 0 0 10px ;
	
}
div.grey-box ul li, div.homestyle-box ul li{
	font-size: 1.1em;
	padding-bottom: 5px;
	
	
}
#home #container #header-image{
	height: 316px;
	width: 910px;
	margin-top: 15px;
}


#container #header-image{
	height: 121px;
	width: 910px;
	margin-top: 15px;
}

#container div#main-content {
	padding: 0 10px 0 10px;
	background: url(main_bod.gif) repeat-x;
	background-color: #fff;
	overflow: hidden;
	
}

ul#bread-crumb {
	font-family: Arial, Verdana, Tahoma;
	text-align: left;
	height: 40px;
	line-height: 4em;
	
}
ul#bread-crumb li{
	display: inline;
	padding: 0 2px 0 5px;
	font-size: 1.2em;
	font-weight: bold;
	color: #666;
	
}

#bread-crumb li a {
	font-weight: normal;
	text-decoration: none;
	
	
}

#bread-crumb li a:hover {
	
	color: #008fd4;
	
}
#find-your-home#find-your-home #container #header-image{
	
	background-image: url(header_i.jpg);
}
#about #container #header-image{
	
	background-image: url(header_i.jpg);
}

#community #container #header-image{
	
	background-image: url(header_i.jpg);
}

#tools #container #header-image{
	
	background-image: url(header_i.jpg);
}

/* @end */



/* @end */



/* @group Footer */

div#footer {
	position: relative;
	height: 90px;
	margin-bottom: 50px;
	background: url(main_bod.gif) no-repeat;
}

#footer p {
	height: 50px;
	color: #999999;
	font-size: 1.1em;
	position: absolute;
	left: 10px;
	top: 70px;	

}

 ul#footer-nav {

	font-size: 1.1em;
	position: absolute;
	right: 1px;
	top: 70px;	
	
}
 ul#footer-nav li {
    padding: 0 5px 0 0;
	float: left;
	display: inline;
	
}

 ul#footer-nav li a{
  color: #666; 
	
}


/* @end */

/* @group Homestyle list */

#homelist_col a {
	text-decoration: none;
	
}

div#homelist_col {
	width: 640px;
	float: right;
	
}
div#communitylist_col {
	width: 640px;
	float: right;
	
}


/* @end */


/* @group Clear */

  #col-left:after,  
  #col-community:after,
  .grey-box:after,
  #find-your-home#find-your-home#content-col:after,
  #home-details-col:after,
  #main-content:after,
  #content-col:after,
  a.homestyle-box:after
  
  {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	
	}

* html #main-content, 
* html #col-left,
* html #col-community,
* html .grey-box,
* html #find-your-home#find-your-home#content-col,
* html #home-details-col,
* html #main-content,
* html #content-col
{
	
	height: 1%;
	
}

*:first-child+html #main-content, 
*:first-child+html #content-col, 
*:first-child+html #col_left, 
*:first-child+html #col-community.
*:first-child+html .grey-box,
*:first-child+html #find-your-home#find-your-home#content-col,
*:first-child+html #find-your-home#content-col,
*:first-child+html #main-content 
{
	
	min-height: 1px;
}

/* @group sitemap */

.site-map #content-col dl {
	font-size: 1.3em;
	padding: 10px 25px 20px 0 ;
	float: left;
   
	
}
.site-map #content-col dl dd{
	padding: 5px 0 0 15px ;
	
	
	
}
.site-map #content-col dl dt{
	font-weight: bold;
	padding: 5px 0 10px 0 ;
	
}
