/* estructures.com   |   screen.css   |   2/3/10 */

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, th { margin: 0;	padding: 0;	border: 0;	outline: 0;	font-size: 100%;	vertical-align: baseline;	background: transparent; }

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q {	quotes: none; }

blockquote:before, blockquote:after,q:before, q:after {	content: ''; content: none; } 

/* remember to define focus styles! */:focus { outline: 0; } 

/* remember to highlight inserts somehow! */ins { text-decoration: none; }

del { text-decoration: line-through; } 

/* tables still need 'cellspacing="0"' in the markup */
table {	border-collapse: collapse;	border-spacing: 0; }

body {
	background-color: #47370f;
	font: 62.5% Verdana, Arial, Helvetica, sans-serif;
	color: #666; 
	text-align: center; 
	margin: 20px 0; 
	padding: 0;
	}
	
#wrap {
	width: 960px; 
	text-align: left; 
	margin: 0 auto;
	background-color: #dedede; 
	}
	
h1 a {
	float: left;
	text-indent: -9999em;
	display: block;
	width: 271px;
	height: 100px;
	background: url(../images/logo.png) 0 0 no-repeat;
	margin: 15px 80px 3px 10px;
	}
	
#print-logo { display: none; }

#header {
	width: 960px;
	float: left;
	}

#nav {
	width: 580px;
	float: left;
	}
	
#nav li {
	list-style: none;
	text-transform: uppercase;
	font-size: 14px;
	float:left;
	}
	
#nav li a {
	color: #332102;
	text-decoration: none;
	float: left;
	padding: 62px 16px 15px 16px;
	}
	
#nav li a#home { padding: 62px 14px 15px 16px; }

#nav li a#about-us { padding: 62px 26px 15px 26px; }

#nav li a#communities { padding: 62px 13px 15px 13px; }

#nav li a#contact-us { padding: 62px 25px 15px 25px; }
	
#nav li a:visited { color: #332102; }

#nav li a:hover { color: #5c8727; }
	
#nav li a#home.active {
	background: #362a10 url(../images/nav-home-hover.jpg) center bottom no-repeat;
	color: #fff;
	}
	
#nav li a#about-us.active {
	background: #362a10 url(../images/nav-about-hover.jpg) center bottom no-repeat;
	color: #fff;
	}
	
#nav li a#communities.active {
	background: #362810 url(../images/nav-communities-hover.jpg) center bottom no-repeat;
	color: #fff;
	}
	
#nav li a#differences.active {
	background: #362810 url(../images/nav-communities-hover.jpg) center bottom no-repeat;
	color: #fff;
	}
	
#nav li a#contact-us.active {
	background: #362810 url(../images/nav-contact-hover.jpg) center bottom no-repeat;
	color: #fff;
	}

#content {
	background-color: #fff;
	margin: 10px 10px 0 10px;
	float: left;
	padding: 10px 30px 10px 10px;
	width: 900px;
	}
	
#content h2 {
	font-family: "Garamond", "Times New Roman", Times, serif;
	text-transform: uppercase;
	font-size: 2.4em;
	color: #332102;
	margin-bottom: 10px;
	font-weight: normal;
	}
	
#content h3 {
	font-family: "Garamond", "Times New Roman", Times, serif;
	text-transform: uppercase;
	font-size: 1.8em;
	color: #a9a363;
	}
	
#content p {
	font-size: 1.4em;
	line-height: 24px;
	margin-bottom: 15px;
	}
	
#content a {
	color: #5c8727;
	text-transform: uppercase;
	text-decoration: underline;
	}
	
#content a:visited { color: #2a5d4e; }

#content a:hover { color: #332102; }

#content p a { text-transform: none; }

#content ul { margin: 0 0 15px 15px; }

#content li {
	list-style: disc;
	line-height: 24px;
	font-size: 1.4em;
	margin-left: 15px;
	}

#content #pics {
	width: 921px;
	height: 319px;
	overflow: hidden;
	margin: 0 0 15px 0;
	}
	
#content #pics li { list-style: none; }

#main-home {
    float: left;
    width: 568px;
    }

#content #lg-magnet {
	width: 300px;
	float: left;
	margin-right: 15px;
	}
	
#content #lg-magnet li  {
    list-style: none;
    margin-bottom: 10px; 
    }

#content #lg-magnet li a { 
	color: #fff; 
	font-size: 22px;
	font-family: "Garamond", "Times New Roman", Times, serif;
	text-transform: uppercase;
	display: block;
	width: 271px;
	height: 48px;
	padding-top: 20px;
	background: url(../images/home-magnet-bg.png) left top no-repeat;
	text-align: center;
	text-decoration: none;
	}
	
* + html #content #lg-magnet li a { font-family: "Garamond", "Times New Roman", Times, serif; }

* html #content #lg-magnet li a { height: 28px; }

#content #lg-magnet li a:visited { color: #fff; }

#content #lg-magnet li a:hover { background: url(../images/home-magnet-bg.png) left bottom no-repeat; }
	
#content #lg-magnet li a span.sm-text  {
    font-size: 16px;
    text-transform: none;
    }

#magnets {
	width: 549px;
	float: left;
	margin: 0;
	}
	
#content #magnets h2 {
	font-size: 2.0em;
	margin-bottom: 5px;
	color: #fff;
	}
	
#content #magnets p {
	font-size: 2.0em;
	line-height: 18px;
	margin-bottom: 5px;
	color: #fff;
	font-family: "Garamond", "Times New Roman", Times, serif;
	}
	
#content #magnets a {
    color: #fff;
    text-decoration: none;
    }
    
#content #magnets a:visited { color: #fff; }

#content #magnets a:hover { color: #ccc; }
	
#magnet-01 {
	width: 130px;
	height: 100px;
	float: left;
	margin: 0 30px 0 120px;
	background-color: #5c873c;
	text-align: center;
	padding: 30px 10px 0 10px;
	}
	
* html #magnet-01 { margin: 0 30px 0 50px; }
	
#magnet-02 {
	width: 130px;
	height: 100px;
	float: left;
	background-color: #5c873c;
	text-align: center;
	padding: 30px 10px 0 10px;
	}
	
#content a.internal-magnet {
    background-color: #5c873c;
    text-align: center;
    padding: 15px;
    font-size: 1.6em;
	color: #fff;
	font-family: "Garamond", "Times New Roman", Times, serif;
	text-decoration: none;
	float: left;
	text-transform: uppercase;
    }
    
#content a.internal-magnet:visited { color: #fff; }

#content a.internal-magnet:hover { background-color: #9ea374; }

p#footer {
	clear: both; 
	width: 901px;
	background-color: #332102;
	padding: 10px;
	text-align: center;
	margin: 10px 0 0 0;
	font-size: 11px;
	color: #eee;
	float: left;
	}
	
p#footer a { 
	color: #eee; 
	text-decoration: none;
	text-transform: none; 
	}

p#footer a:visited { color: #eee;}

p#footer a:hover { 
	text-decoration: underline; 
	color: #eee;
	}

p.clear { clear: both; }

/*-------------INTERNAL STYLES-------------*/

img.right {
	margin: 0 0 15px 15px;
	padding: 3px;
	border: #ccc solid 1px;
	float: right;
	}
	
img.left {
	margin: 0 15px 15px 0;
	padding: 3px;
	border: #ccc solid 1px;
	float: left;
	}
	
.side-pack {
    width: 386px;
    float: right;
    margin: 0 0 15px 15px;
    }
    
.side-pack-communities {
    width: 386px;
    float: right;
    margin: 0 0 15px 15px;
    }
    
.side-pack-development {
    width: 386px;
    float: right;
    margin: 0 0 15px 15px;
    }
    
#available-homes {
    padding: 10px;
    width: 356px;
    background-color: #5c873c;
    text-align: center;
    float: right;
    }

#available-homes h2 {
    color: #fff;
    font-size: 22px;
    }

#available-homes p { color: #fff; }
    
.side-pack img{
	margin: 0 0 15px 0;
	padding: 3px;
	border: #ccc solid 1px;
	}
    
#content .side-pack a, #content .side-pack-communities a {
    display: block;
    width: 163px;
    height: 140px;
    padding: 30px 10px 10px 10px;
    background: #5c873c;
    margin: 0 0 15px 0;
    float: left;
    font-family : "Garamond", "Times New Roman", Times, serif;
    text-align: center;
    font-size: 2.0em;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    }
    
#content .side-pack a:visited, #content .side-pack-communities a:visited { color: #fff; }
    
#content .side-pack a.left { margin-right: 15px; }

#content .side-pack a.left-one {
    margin-right: 15px;
    height: 90px;
    padding: 80px 10px 10px 10px;
    }
    
#content .side-pack a.left-two {
    margin-right: 15px;
    height: 100px;
    padding: 70px 10px 10px 10px;
    }
    
#content .side-pack a.two {
    height: 100px;
    padding: 70px 10px 10px 10px;
    }
    
#content .side-pack a.three  {
    height: 115px;
    padding: 55px 10px 10px 10px;
    }

#content .side-pack-communities a {
    width: 346px;
    height: 25px;
    padding: 18px 0;
    float: right;
    }
    
#content .side-pack a:hover, #content .side-pack-communities a:hover { background: #9ea374; }
	
.three-pack {
	margin: 0 0 15px 15px;
	float: right;
	width: 308px;
	}

* + html .three-pack { margin: 0 15px 15px 5px; }
	
.three-pack .right {
    padding: 3px;
	border: #ccc solid 1px;
    }
	
#sidebar { 
	background-color: #ced1aa;
	float: left;
	width: 224px;
	height: 508px; 
	margin-right: 20px;
	padding: 15px;
	}
	
#sidebar a { font-weight: bold; }
	
#right {
	float: left;
	width: 641px;
	}
	
#content #sidebar ul { 
    margin: 0;
    width: 224px; 
    }

#content #sidebar li { 
	list-style: none; 
	padding-bottom: 5px; 
	}

#content #sidebar li a {
	text-transform: none;
	font-size: 0.9em;
	text-decoration: none;
	display: block;
	width: 219px;
	padding-left: 5px;
	}
	
#content #sidebar li a:hover { text-decoration: underline; }
    
#content #sidebar li a.active { background-color: #eaebdd; }

.gallery-01 {
	float: left;
	margin: 0 10px 15px 0;
	}
	
.gallery-02 {
	float: left;
	margin-bottom: 10px;
	}
	
.gallery-03 {
	float: left;
	margin-bottom: 15px;
	}
	
input {
    margin-right: 10px;
    border: #ccc solid 1px;
}

textarea { border: #ccc solid 1px; }

.e-news {
    clear: both;
    margin-bottom: 20px; 
    }

.e-news label {
    font-size: 1.4em;
    margin-right: 10px; 
    float: left;
    }
    
.e-news input.frmButton { width: 100px; }
    
.e-news input { width: 270px; }

.notes {
    font-size: 0.9em;
    color: #777; 
    }
    
input.frmButton {
    background-color: #5c8727;
    border: none;
    color: #fff;
    padding: 3px;
    }
    
input.frmButton:hover { background-color: #a9a363; }

p.column-01, p.column-02 {
    width: 270px;
    float: left; 
    }
    
#main-home form {
    clear: both;
    float: left;
    font-size: 1.4em;
    margin: 20px 0 0 0;
    width: 565px;
    }
    
* html #main-home form { margin: 0 0 20px 175px; }
    
#main-home label { margin-right: 10px; float: left; }

#main-home input { width: 270px; float: left; }

#main-home input.frmButton { width: 100px; }

#testimonial {
    width: 900px;
    background-color: #9ea374;
    padding: 10px;
	clear: both;
    }
    
#content #testimonial h2 { color: #fff; text-align: center;}

#content #testimonial p  
{
    color: #eee;
    font-size: 1.2em;
    line-height: 18px; 
    }
    
#map {
    float: right;
    margin: 0 0 5px 15px;
    font-size: 11px;
    font-weight: normal;
    display: block;
    width: 376px;
    height: 303px;
    overflow: hidden;
    }
    
#map img { margin: -100px 0 0 -120px; }

#directions {
    float: right;
    margin: 0 0 20px 15px;
    width: 376px;
    }
    
#directions a 
{
    font-size: 12px;
    text-transform: none;
}
    
.floorplan {
    width: 105px;
    float: left;
    text-align: center;
    margin: 0 80px 15px 0;
    }
	
* html .floorplan { margin: 0 60px 15px 0; }
    
.floorplan.last { margin: 0 0 15px 0; }

.floorplan img { margin-bottom: 10px; }

div.column-01, div.column-02 {
    width: 270px;
    float: left;
    }
    
div.column-01 { margin-right: 20px; }
    
* html div.column-01, * html div.column-02 {
    width: 250px;
    float: left;
    }
    
* html div.column-01 { margin-right: 10px; }

#images-pack {
    width: 300px;
    float: right;
    margin: 0 8px 15px 15px;
    }
    
#images-pack img {
    padding: 3px;
	border: #ccc solid 1px;
	margin-bottom: 20px;
    }
   
.center { text-align: center; }   
    
.clear { clear: both; }