﻿/* -------------------- */
/* Reset */
/* -------------------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, 
del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend{margin:0; padding:0; border:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline}

body{line-height:1.5}
a img{border:none}

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after{content:""}
blockquote, q{quotes:""""}


/* -------------------- */
/* Grid */
/* -------------------- */
/* A container should group all your columns. */
.container{width:999px; margin:7px auto}


/* Sets up basic grid floating and margin. */
.column, div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, 
div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24{float:left; margin-right:10px}

/* The last column in a row needs this class. */
.last, div.last{margin-right:0}

/* Use these classes to set the width of a column. */
.span-1{width:999px;}
.span-2{width:980px; padding: 0px 4px 0px 4px;}
.span-3{width:110px;}
.span-4{width:150px;}
.span-5{width:190px;}
.span-6{width:230px;}

/* Border on right hand side of a column. */
.border{padding-right:4px; margin-right:5px; border-right:1px solid #eee}

/* Use a .box to create a padded box inside a column. */
.box{padding:1.5em; margin-bottom:1.5em; background:#E5ECF9}

/* Use this to create a horizontal ruler across a column. */
hr{background:#ddd; color:#ddd; clear:both; float:none; width:100%; height:.1em; margin:0 0 1.45em; border:none}

hr.space{background:#fff; color:#fff}

/* Clearing floats without extra markup [http://www.positioniseverything.net/easyclearing.html] */
.clearfix:after, .container:after{content:"\0020"; display:block; height:0; clear:both; visibility:hidden; overflow:hidden}
.clearfix, .container{display:block}

/* Regular clearing */
.clear{clear:both}

/* -------------------- */
/* Typography */
/* -------------------- */
/* Default font: % of 16px. (0.75 * 16px = 12px) */
body{font-size:75%; color:#202020; background:#c7b08f; font-family:Arial,Helvetica,sans-serif}

h1, h2, h3, h4, h5, h6{font-family:Times New Roman, Verdana, sans-serif; font-weight:normal; color:#111}
h1{color:#53211e; font-size:2.5em; line-height:1; margin-bottom:0.5em}
h2{color:#53211e; font-size:1.5em; margin-bottom:0.5em}
h3{font-size:1em; line-height:1; margin-bottom:1em}
h4{font-size:.7em; line-height:1.25; margin-bottom:1.25em}
h5{font-size:.5em; font-weight:bold; margin-bottom:1.5em}
h6{font-size:.5em; font-weight:bold}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img{margin:0}

p{margin:0 0 1.5em}
p img.left{float:left; margin:1.5em 1.5em 1.5em 0; padding:0}
p img.right{float:right; margin:1.5em 0 1.5em 1.5em}

a:focus, a:hover{color:#4f7203}
a{color:#4f7203; text-decoration:underline}

blockquote{color:#575757; margin:22px 40px; padding:0 50px; background:transparent url(../../Image/User/blockquote.gif) no-repeat 0 0}
blockquote span{color:#575757; font-size:inherit}
strong{font-weight:bold; color:#000}
em, dfn{font-style:italic}

dfn{font-weight:bold}
sup, sub{line-height:0}

abbr, acronym{border-bottom:1px dotted #666}
address{margin:0 0 1.5em; font-style:italic}
del{color:#666}

pre{margin:1.5em 0; white-space:pre}
pre, code, tt{font:1em 'andale mono','lucida console',monospace; line-height:1.5}

li ul, li ol{margin:0 1.5em}
ul, ol{margin:0 1.5em 1.5em 1.5em}

ul{list-style-type:disc}
ol{list-style-type:decimal}

dl{margin:0 0 1.5em 0}
dl dt{font-weight:bold}
dd{margin-left:1.5em}

.small{font-size:.8em; margin-bottom:1.875em; line-height:1.875em}
.large{font-size:1.2em; line-height:2.5em; margin-bottom:1.25em}
.hide{display:none}
.quiet{color:#666}
.loud{color:#000}
.highlight{background:#ff0}
.added{background:#060; color:#fff}
.removed{background:#900; color:#fff}
.first{margin-left:0; padding-left:0}
.last{margin-right:0; padding-right:0}
.top{margin-top:0; padding-top:0}
.bottom{margin-bottom:0; padding-bottom:0}

/* -------------------- */
/* Buttons */
/* -------------------- */
a.redbtn:link, a.redbtn:visited{font:bold 10px/25px Verdana,Arial,Helvetica,sans-serif; color:#fff !important; text-decoration:none; padding:4px 10px; white-space:nowrap; margin:0px; margin-right:5px; background-image:url('../../Image/User/Button/red_button.gif'); border:1px solid #732b29}
a.redbtn:hover{font:bold 10px/25px Verdana,Arial,Helvetica,sans-serif; color:#fff !important; text-decoration:none; white-space:nowrap; background-image:url('../../Image/User/Button/red_button_hover.gif')}
a.redbtn:active{font:bold 10px/25px Verdana,Arial,Helvetica,sans-serif; color:#fff !important; text-decoration:none; white-space:nowrap}

a.greenbtn:link, a.greenbtn:visited{font:bold 10px/25px Verdana,Arial,Helvetica,sans-serif; color:#fff !important; text-decoration:none; padding:4px 10px; white-space:nowrap; margin:0px; margin-right:5px; background-image:url('../../Image/User/Button/green_button.gif'); border:1px solid #4c7329}
a.greenbtn:hover{font:bold 10px/25px Verdana,Arial,Helvetica,sans-serif; color:#fff !important; text-decoration:none; white-space:nowrap; background-image:url('../../Image/User/Button/green_button_hover.gif')}
a.greenbtn:active{font:bold 10px/25px Verdana,Arial,Helvetica,sans-serif; color:#fff !important; text-decoration:none; white-space:nowrap}

a.lgreenbtn:link, a.lgreenbtn:visited{font:bold 14px/29px Verdana,Arial,Helvetica,sans-serif; color:#fff !important; text-decoration:none; padding:4px 10px; white-space:nowrap; margin:0px; margin-right:5px; background-image:url('../../Image/User/Button/green_button.gif'); border:1px solid #4c7329}
a.lgreenbtn:hover{font:bold 14px/29px Verdana,Arial,Helvetica,sans-serif; color:#fff !important; text-decoration:none; white-space:nowrap; background-image:url('../../Image/User/Button/green_button_hover.gif')}
a.lgreenbtn:active{font:bold 14px/29px Verdana,Arial,Helvetica,sans-serif; color:#fff !important; text-decoration:none; white-space:nowrap}

a.bluebtn:link, a.bluebtn:visited{font:bold 10px/25px Verdana,Arial,Helvetica,sans-serif; color:#fff !important; text-decoration:none; padding:4px 10px; white-space:nowrap; margin:0px; margin-right:5px; background-image:url('../../Image/User/Button/blue_button.gif'); border:1px solid #369}
a.bluebtn:hover{font:bold 10px/25px Verdana,Arial,Helvetica,sans-serif; color:#fff !important; text-decoration:none; white-space:nowrap; background-image:url('../../Image/User/Button/blue_button_hover.gif')}
a.bluebtn:active{font:bold 10px/25px Verdana,Arial,Helvetica,sans-serif; color:#fff !important; text-decoration:none; white-space:nowrap}

a.yellowbtn:link, a.yellowbtn:visited{font:bold 10px/25px Verdana,Arial,Helvetica,sans-serif; color:#000 !important; text-decoration:none; padding:4px 10px; white-space:nowrap; margin:0px; margin-right:5px; background-image:url('../../Image/User/Button/yellow_button.gif'); border:1px solid #73670a}
a.yellowbtn:hover{font:bold 10px/25px Verdana,Arial,Helvetica,sans-serif; color:#000 !important; text-decoration:none; white-space:nowrap; background-image:url('../../Image/User/Button/yellow_button_hover.gif')}
a.yellowbtn:active{font:bold 10px/25px Verdana,Arial,Helvetica,sans-serif; color:#000 !important; text-decoration:none; white-space:nowrap}


/* -------------------- */
/* Non-Framework */
/* -------------------- */

.siteTop {width:999px;height:172px; background:url(../../Image/dgn_main_sitetop.jpg) no-repeat;}
.siteMid {width:999px;height:402px; background:url(../../Image/dgn_main_sitemid.jpg) no-repeat;}
.siteMid .Flash {width:936px;height:402px; padding:0 17px 0 46px;}

.siteBottom {width:999px;height:82px;} /* Background image determined on the footer control  */


#headerContent {width:999px;height:172px;}

#headerContent .hecS1 {float:left;width:46px;height:1px;}
#headerContent .hecS2 {float:left;width:17px;height:1px;}

#headerContent .hecC1 {float:left;width:82px; height:172px;}
#headerContent .hecC2 {float:left;width:854px;}

#headerContent .hecC2 .Logo {float:left;width:495px; height:127px;}
#headerContent .hecC2 .Address {float:left;width:359px; height:127px;}
#headerContent .hecC2 .Nav {float:left;width:695px; height:36px;}
#headerContent .hecC2 .Contact {float:left;width:159px; height:36px;}

#headerContent .hecC2 .Phone {font: normal 30px/32px Times New Roman, Verdana, sans-serif; color:#967f6f;}
#headerContent .hecC2 a.Email {font: normal 24px/26px Times New Roman, Verdana, sans-serif; color:#967f6f;text-decoration:none;}
#headerContent .hecC2 a.HomeTracker {font: normal 12px Verdana, sans-serif; color:#53211e;font-weight:bold;}



#homeContent {width:999px; background:url(../../Image/bkg_main_sitecontent.jpg) repeat-y;}

#homeContent .hcS1 {float:left;width:46px;height:1px; }
#homeContent .hcS2 {float:left;width:7px;height:1px; }
#homeContent .hcS3 {float:left;width:7px;height:1px;}
#homeContent .hcS4 {float:left;width:999px;height:1px;}

#homeContent .hcC1 {float:left;width:577px; background:url(../../Image/bkg_main_content1.jpg) no-repeat;}
#homeContent .hcC1 h1 {color:#53211e; font-size:1.7em; line-height:1; margin-bottom:0.5em}
#homeContent .hcC1Holder {width:497px; min-height:328px; padding: 30px 40px 0px 40px; font-size:1.4em; font-family:Times New Roman, Verdana, sans-serif;}

/* Holder Homepage UL */
#homeContent .hcC1Holder ul{margin:0; padding:0; list-style-type:none;}
#homeContent .hcC1Holder li{margin:0; padding:0px 20px 8px 20px; background:url('../../Image/dgn_diamondbullet.gif') 0px 5px no-repeat; text-align:left}

#homeContent .hcC2 {float:left;width:362px; background:url(../../Image/bkg_main_content2.jpg) no-repeat; color:#fff;}
#homeContent .hcC2 h1 {font-size:2em;color:#fff;line-height:1; margin-bottom:0em; padding:0;}
#homeContent .hcC2Holder {width:332px; min-height:328px; padding: 5px 15px 0px 15px;color:#fcedd9;}

#secContent {width:999px; background:url(../../Image/bkg_sec_sitecontent.jpg) repeat-y;}
#secContent .secContentHolder {width:999px; min-height:330px; background:url(../../Image/bkg_sec_tag.jpg) no-repeat top left;}
#secContent .scS1 {float:left;width:46px;height:1px;}
#secContent .scS2 {float:left;width:7px;height:1px;}
#secContent .scS3 {float:left;width:999px;height:1px;}
#secContent .scC1 {float:left;width:250px;}
#secContent .scC1Holder {margin-top:60px;}
#secContent .scC2 {float:left;width:686px;}
#secContent .scC2Holder {padding:20px;}

#sitemapPath {margin-bottom:8px;}
a.sitemapNode:focus, a.sitemapNode:hover {color:#9e4300;font-weight:normal;}
a.sitemapNode {color: #70344a;font-weight: normal;}
.sitemapCurrent {color: #666;}
.sitemapSeperator {color: #666;}


#footerHolder {font-size:12px; color: #836242;width:936px;padding-left:45px; padding-right:17px; text-align:left;margin:10px auto;}
#footerHolder strong {color: #836242;}
#footerHolder .fC1 {float:left;width:200px;}
#footerHolder .fC2 {float:left;width:736px;}
#footerHolder .fC3 {float:left;width:936px;margin:20px auto; text-align:center; color:#fff;}

/* SideBar Search */
#searchBar {padding:5px 15px; text-align:left;color:#c7b08f;font-weight:bold;}
#searchBar h1 {font-weight:bold;color:#c7b08f;font-size:1.5em;margin-bottom:5px;}
#searchBar select {font-size:10px; width:195px;}
#searchBar input {font-size:10px; width:190px;}
#searchBar #searchTable {border:solid 1px #ccc;background-color:#fff;}
#searchBar #searchTable td{padding-bottom:2px;}
#searchBar a.viewAll {color:#c7b08f;}




/* Real Estate LISTING */
div.reL-Box {background-color: #ffffff; border-bottom: 1px solid #f4e5c2; padding: 10px 10px 10px 10px; margin-bottom: 5px;}
div.reL-Box a.listTitle {font-family:Times New Roman, Verdana, sans-serif; font-weight:normal; color:#53211e; font-size:1.5em; margin-bottom:8px; display:block;}
div.reL-Box .listInfo {float:left; padding-left:15px; width:390px;}
div.reL-Box .listImage {float:left; width:200px;}
div.reL-Box .listImage img{
	border: solid 1px #baafa6 !important;
	background-color: #fff;
	padding: 5px;
}

/* Real Estate DETAILS */
div.reD-Image {float:left; width:350px;}
div.reD-Info {float: right; width: 275px;}
div.reD-Info #infoTable {margin-top:10px;}
div.reD-Info #infoTable td {border-bottom:dotted 1px #ccc;}



/* Neighborhood LISTING */
div.nhL-Box {background-color: #ffffff; border: 1px solid #f4e5c2; padding: 10px 10px 10px 10px; margin-bottom: 5px;}
div.nhL-Box a.listTitle {font-family:Times New Roman, Verdana, sans-serif; font-weight:normal; color:#53211e; font-size:1.5em; margin-bottom:8px; display:block;}
div.nhL-Box .listInfo {float:left; padding-left:15px; width:390px;}
div.nhL-Box .listImage {float:left; width:200px;}
div.nhL-Box .listImage img{
	border: solid 1px #baafa6 !important;
	background-color: #fff;
	padding: 5px;
}

/* Neighborhood DETAILS */
div.nhD-Image {float:left; width:350px;}
div.nhD-Info {float: right; width: 275px;}
div.nhD-Info #infoTable {margin-top:10px;}
div.nhD-Info #infoTable td {border-bottom:dotted 1px #ccc;}


/* Model Home LISTING */
div.mhL-Box {background-color: #ffffff; border: 1px solid #f4e5c2; padding: 10px 10px 10px 10px; margin-bottom: 5px;}
div.mhL-Box a.listTitle {font-family:Times New Roman, Verdana, sans-serif; font-weight:normal; color:#53211e; font-size:1.5em; margin-bottom:8px; display:block;}
div.mhL-Box .listInfo {float:left; padding-left:15px; width:390px;}
div.mhL-Box .listImage {float:left; width:200px;}
div.mhL-Box .listImage img{
	border: solid 1px #baafa6 !important;
	background-color: #fff;
	padding: 5px;
}

/* Model HomeDETAILS */
div.mhD-Image {float:left; width:350px;}
div.mhD-Info {float: right; width: 275px;}
div.mhD-Info #infoTable {margin-top:10px;}
div.mhD-Info #infoTable td {border-bottom:dotted 1px #ccc;}



/* FLOOR PLANS Listing */
#floorPlans {}
#floorPlans a {text-decoration:none;}

div.fpL-box{
	width: 200px;
	color: #535051;
	background:#ede6e1 url(../../Image/bkg_morebutton.png) no-repeat bottom right;
	border: solid 1px #baafa6;
	padding: 5px 5px 5px 5px ;
	margin: 0 5px 10px 0;
	display: block;
	float: left;
	min-height:250px;
}


.fpL-box:hover{
	text-decoration: none;
	background:#f6e7d3 url(../../Image/bkg_morebutton.png) no-repeat bottom right;
	cursor: pointer;
 	text-decoration: none;
}

div.fpL-box h1 {
	font-size: 1.4em;
	text-align: left;
	text-transform: uppercase;
	color: #b26c27;
	padding: 8px 10px 5px  10px;
	margin: 0;
	border: none;
}

div.fpL-box img{
	border: solid 1px #baafa6 !important;
	background-color: #fff;
	padding: 5px;
}

div.fpL-box .info{font-size: 1em;margin: 0; padding: 8px 10px 5px  10px;}

/* Floor Plans DETAILS */
div.fpD-Image {float:left; width:350px;}
div.fpD-Info {float: right; width: 275px;}
div.fpD-Info #infoTable {margin-top:10px;}
div.fpD-Info #infoTable td {border-bottom:dotted 1px #ccc;}
div.fpD-Desc {float: left; width: 625px;}
