/* GLOBAL LAYOUT _______________________________________________________________________________________________*/


body{ font-family:Arial, Helvetica, sans-serif; color:#838486; font-size:.7em; margin:0; text-align:center;
background:#e1e1e1 url(images/bg_tile.gif) top center repeat-y}
table{ font-size:1em}
body, html{height:100%;}
#distance{ width:1px;height:50%;margin-bottom:-295px;float:left;}
#outer{ margin:0 auto;position:relative;height:590px;clear:left;}

#border{ border-top:3px solid #fff; border-bottom:3px solid #fff; background:url(images/bg_grey.jpg) bottom center no-repeat}
#wrapper{ width:776px; margin:0 auto; border-left:3px solid #fff; border-right:3px solid #fff; background:#fff; text-align:left}

#header .left{ float:left} #header .right{ float:right}
#homelinks{ width:182px; position: absolute; margin: 126px 0 0 594px}
#nav{}
#img{}
#pagehead{ padding-bottom:18px}
.title{ border-bottom:1px dashed #d8d5d4; padding-bottom:15px}

#content{ }
#left{ float:left; padding-left:50px; width:480px}
#right{ float:right; width:210px; border-left:1px dashed #d8d5d4; padding-left:10px}

#blue{ background: #fff url(images/tile_blue.gif) left bottom repeat-x; height:20px; padding-top:25px}
#footer{ width:780px; margin:0 auto; padding:15px 0 40px 0}
#footerleft{ float:left; padding-left:10px}
#footerright{ float:right; padding-right:10px}

.clear{ clear:both}


/* TEXT & LINKS _______________________________________________________________________________________________*/


a, a:link, a:visited{color:#6d7179; text-decoration:underline}
a:hover, a:active{ text-decoration:none}

#footer a{margin-right:0; color:#838486; text-decoration:underline}
#footer a:hover, #footer a:active{ text-decoration:none}

h1{margin:0; padding:0}
h2{ color:#233c86; font-size:1.3em; margin:0; padding:0; padding-top: 15px}

p{margin:0; padding:0; padding-top:10px}


/* PLANS _______________________________________________________________________________________________*/

#plans {width:450px;}

#plans ul{ margin:0px 0 0 0; padding:20px 0 0 0;font-weight:bold; font-size:1em; text-transform:uppercase}
#plans li{list-style:none; margin:0; padding:0; display:block; position:relative} 
#plans a{ color:#736452; text-decoration:none; display:block; padding:3px 0 3px 15px; border-bottom:1px dashed #d8d5d4;
background:#f8f7f7 url(images/plans_arrow.gif) right center no-repeat}
#plans a:hover, #plans a:active{ color:#736452; text-decoration:none; display:block;
background:#d8d5d4 url(images/plans_over.gif) right center no-repeat}


#plans a.dh{ color:#736452; text-decoration:none; display:block; padding:3px 0 3px 15px; border-bottom:1px dashed #d8d5d4;
background:#f8f7f7 url(images/dh_plans_arrow.gif) right center no-repeat}
#plans a:hover.dh, #plans a:active.dh{ color:#736452; text-decoration:none; display:block;
background:#d8d5d4 url(images/dh_plans_over.gif) right center no-repeat}


.copyright{ text-align:right; font-size:.9em; margin-top:15px; padding-top:3px}
.copyright img{ margin-top:-3px}

#plans a.photo{color:#838486;text-decoration:none; display:block;padding:4px 0 4px 15px;background:#f8f7f7 url(images/photo.jpg) right center no-repeat;font-size:.9em}
#plans a:hover.photo, #plans a:active.photo{color:#fff;text-decoration:none; display:block;background:#d8d5d4 url(images/photo_over.jpg) right center no-repeat}


.vidplan {position:absolute;top:2px; right:-25px;}
#plans .vidplan a{background:none; border:none; padding:4px;}

/* GALLERY _______________________________________________________________________________________________*/


.gallery{ margin-top:20px}
.gallery td{ text-align:center; padding:0 5px 20px 5px}

#gallery_wrap{ width:508px; margin:0; text-align:left}
#gallery_bar{ text-align:right; padding-right:23px; background:#ece9e8 url(images/gallery/bg.jpg) top left no-repeat}
#gallery_image img{ border:1px solid #454544}

#gallery_title{ color:#fff; font-weight:bold; padding:9px 25px; text-transform:uppercase}
#gallery_left{ float:left}
#gallery_right{ float:right}

.cottage{ background:#7e3c3c}
.gold{ background:#b7cb6c}
.urban{ background:#51b8e9}
.execu{ background:#889092}
.contemp{ background:#c4baa1}
.town{ background:#cd8413}
.rural{ background:#849041}

.display_forsale{ background:#2755a1}

/* DISPLAY VILLAGES _______________________________________________________________________________________________*/

.displaybrd{margin-bottom:20px}
.display{float:left; width:auto; margin: 0 18px 0 0}
.display h2{ background:#2755a1 url(images/tile_display.gif) repeat-x; text-align:center; margin:0; padding: 0; 
border-bottom:1px solid #fff}

.plans ul, .plans_vid ul{ margin:0; padding:0; border-top:1px solid #fff; font-weight:bold; font-size:1em; text-transform:uppercase}
.plans li, .plans_vid li{list-style:none; margin:0; padding:0; display:inline} 
.plans a, .plans a:link, .plans a:visited{ color:#736452; text-decoration:none; display:block; padding:3px 0 3px 10px;
border-bottom:1px dashed #d8d5d4;
background:#f8f7f7 url(images/plans_arrow.gif) right center no-repeat}
.plans a:hover, .plans a:active{ color:#736452; text-decoration:none; display:block;
background:#d8d5d4 url(images/plans_sml_over.gif) right center no-repeat}

.plans_vid li{padding:3px 0 3px 10px;border-bottom:1px dashed #d8d5d4;display:block;color:#736452; background-color:#f8f7f7;position:relative;}
.plans_vid span.pdfplan{position:absolute;top:4px;right:5px;}
.plans_vid span.video{position:absolute;top:4px;right:24px;}

#key{margin-bottom:13px;}

#pophead{height:28px;margin-bottom:2px;background-color:#2755a2;color:#fff;text-align:left;}
#pophead h1{text-transform:uppercase;font-weight:bold; padding:9px 25px;font-size:1em;}

/* LINKS _______________________________________________________________________________________________*/


.links{ width:100%}
.links th{ text-align:left; font-weight:normal; padding:20px 20px 20px 0; border-bottom:1px dashed #d8d5d4; vertical-align:top;}
.links td{ vertical-align:middle; padding:20px 0; border-bottom:1px dashed #d8d5d4; text-align:right}
.links h2{ margin-top:0; padding-top:0}
.links td.no-border{ border: 0px none; }
.links td.no-padding{ padding: 0px; }
.links td.align-left{ text-align: left; }

/* CONTACT _______________________________________________________________________________________________*/


form{ padding:0; margin:0; width: 386px}
label{ width:110px; float:left; margin-top:5px; color:#233c86; font-weight:bold; margin-right:20px}
input, textarea{ float:left; margin-top:5px; width:250px; border:1px solid #838486; color:#838486; font-size:1em; padding:2px;
font-family:Arial, Helvetica, sans-serif;}
textarea{ height:100px}
#contact p{clear:both; margin:0; padding:0}
.btn{ background:#233c86; color:#fff; font-weight:bold; width:80px; float:none; border:1px solid #5d75ba}

#contactinfo td{ padding:5px 0 10px 0}
#contactinfo label{ margin-top:0}
.border{ border-bottom:1px dashed #d8d5d4; padding-bottom:15px; margin-bottom:20px}
.phone{ width:60px; display:block; float:left }


/* NAV STYLES _______________________________________________________________________________________________*/


#nav img{border:0;}
#nav ul { padding: 0; margin: 0; list-style: none;}
#nav li {float: left;}
#nav a {display: block; text-decoration:none}

#nav li ul {position: absolute; left: -999em; width:112px; border-top:1px solid #fff}
#nav li li{ border-bottom:1px solid #586792; }
#nav li li a{ background:#233c86;}
#nav li li a:hover, #nav li li a:active{ background:#2756a2;}

#nav li:hover ul, #nav li.sfhover ul {left: auto;}