/* Global Styles
----------------------------------------- */
html { height: 100%; margin-bottom: 1px; }
body { text-align: center; color: #000; background-color: #fff; font-family: Verdana, Geneva, sans-serif; font-size: .7em; }
* { margin: 0; padding: 0; }
ul, li { list-style: none; }
img { border: none; }
h1 { font-size: 1.2em; padding-bottom: .75em; }
h2 { font-size: 1em; padding-bottom: .25em;  }
h3 { }
p { margin:0 0 1em 0; line-height: 1.4em; }
a { color: #fff; background-color:inherit; text-decoration: underline; }
a:hover { color: #a7630c; background-color:inherit; text-decoration: none; }

/* #wrapper
----------------------------------------- */
#wrapper { text-align: left; width: 867px; margin: 0 auto; }

/* .header
----------------------------------------- */
#header { height:103px; margin: 20px 0 13px 0; }
#header .logo { width:72px; height:103px; margin: 0 67px 0 73px; }
#header .line { width:1px; height:103px; }
#header .schbro { width:289px; height:103px; margin: 0 112px 0 32px; }

/* content area
----------------------------------------- */
#content { background:#fff url(../images/content_bkg.jpg) 0 0 repeat-y; color:inherit; }

/* .mainNav  */
.mainNav { float: left; width: 216px; color: inherit; background-color: #c5c19d; font-weight:bold; text-transform:uppercase; min-height:450px; height:auto; }
.mainNav ul { margin: 30px 0 0 25px; }
.mainNav li { padding-bottom: 1em; }
.mainNav li a { color: #000; background-color:inherit; text-decoration: none; }
.mainNav a:hover { color: #fff; background-color:inherit; }
.mainNav a:active, .about .mainNav a.n-about, .neighbor .mainNav a.n-neighbor, .properties .mainNav a.n-properties, .design .mainNav a.n-design, .realtors .mainNav a.n-realtors, .homeowners .mainNav a.n-homeowners, .contact .mainNav a.n-contact { color: #A7630C; background-color:inherit; }

.mainSub { padding-top: 10px; }
.mainSub ul { margin: 0 0 0 1em; }
.mainSub li { background: url(../images/arrow.gif) no-repeat 0 3px; padding: 0 0 1em 9px; }
.mainSub li.indent { padding-left:1em; }
.mainSub li.final { padding-bottom:3px; }
.mainSub a:hover { color: #fff; background-color:inherit; }
.mainSub a:active, .current .mainSub a.n-current, .parkside .mainSub a.n-parkside, .fieldstone .mainSub a.n-fieldstone, .fairview .mainSub a.n-fairview, .future .mainSub a.n-future { color: #A7630C; background-color:inherit; }

.mainSubSub { padding-top: 10px; }
.mainSubSub li { background:none; font-size: .9em; font-weight:normal; padding-left: 0; }
.mainSubSub li.final2 { padding-bottom: 0; }
.mainSubSub li.underline { text-decoration:underline; }
.mainSubSub a:hover { color: #fff; background-color:inherit; }
.mainSubSub a:active, .green .mainSubSub a.n-green, .parkside1 .mainSubSub a.n-parkside1, .parkside2 .mainSubSub a.n-parkside2, .parkside3 .mainSubSub a.n-parkside3, .parkside4 .mainSubSub a.n-parkside4, .parkside5 .mainSubSub a.n-parkside5, .parkside6 .mainSubSub a.n-parkside6, .parkside7 .mainSubSub a.n-parkside7, .parkside8 .mainSubSub a.n-parkside8, .fairview1 .mainSubSub a.n-fairview1, .fairview2 .mainSubSub a.n-fairview2, .fairview6 .mainSubSub a.n-fairview6, .fairview11 .mainSubSub a.n-fairview11, .fairview12 .mainSubSub a.n-fairview12, .fairview13 .mainSubSub a.n-fairview13 { color: #A7630C; background-color:inherit; }

.mainSubSubSub { margin-left:1em; padding-top: 10px; }
.mainSubSubSub li { background:none; font-size: .9em; font-weight:normal; padding-left: 0; }
.mainSubSubSub li.final3 { padding-bottom: 0; }
.mainSubSubSub a:hover { color: #fff; background-color:inherit; }
.mainSubSubSub a:active, .green .mainSubSubSub a.n-green, .fairview3 .mainSubSubSub a.n-fairview3, .fairview4 .mainSubSubSub a.n-fairview4, .fairview5 .mainSubSubSub a.n-fairview5, .fairview7 .mainSubSubSub a.n-fairview7, .fairview8 .mainSubSubSub a.n-fairview8, .fairview7 .mainSubSubSub a.n-fairview7, .fairview8 .mainSubSubSub a.n-fairview8, .fairview9 .mainSubSubSub a.n-fairview9, .fairview10 .mainSubSubSub a.n-fairview10 { color: #A7630C; background-color:inherit; }

.smtxt { font-size: .8em; font-weight:normal; text-transform:lowercase; }

/* home page column  */
.colhome { float:left; }

/* mid column inside page  */
.colpic { float:left; width: 435px; min-height:450px; height:auto; }
.colpic .lgimg { width: 433px; height:450px; margin-left:1px; }

.colDetails { float:left; width: 413px; padding: 0 10px; color: inherit; background-color: #c5c19d; margin: 0 1px 2px 1px; min-height:450px; height:auto; }
.colDetails .detailLogo { float:left; padding-top: 28px; }
.colDetails .detailElev { float:right; padding-top: 18px; }
.colDetails .detailText { float:left; padding-top: 3em; clear:both; }
.colDetails .detailText p { line-height: .5em; }

/* text area inside page  */
.coltext { float:left; padding:20px 0 20px 15px; color: inherit; background-color: #c5c19d; width: 201px; min-height:410px; height:auto; }
.coltext ul { margin: 5px 0; }
.coltext li { background: url(../images/bullet.gif) no-repeat 0 5px; padding: 0 0 .5em 12px; }
.coltext a, .description a { color:#039; background-color: inherit; }
.coltext a:hover, .description a:hover { color: #666; background-color: inherit; }

/* two column layout */
.description { float:left; color: inherit; background-color: #fff; padding:25px 0 0 20px; width: 621px; min-height:370px; height:auto; }
.description ul { margin: 5px 1em 1em 1em; }
.description li { background: url(../images/bullet.gif) no-repeat 0 5px; padding: 0 0 .75em 12px; }

.description .housetext { float:left; width: 375px; }
.description .housetext h1.big { background-color:#A7630C; color: #fff; font-size: 1.4em; margin-bottom: 1em; padding: 5px; }
.description .housepics { float:right; padding-right: 2em; }
.description .housetext2 { float:left; width: 275px; }
.description .housetext2 h1.big { background-color:#A7630C; color: #fff; font-size: 1.4em; margin-bottom: 1em; padding: 5px; }
.description .housepics2 { float:right; padding-right: 2em; }

.descrption a { background-color: inherit; color: #039; }
.descrption a:hover { background-color: inherit; color: #999; }

.description .housetext a { color:#039; background-color: inherit; }
.description .housetext a:hover { color: #666; background-color: inherit; }

.textOneCol { float:left; width: 620px; }
.textOneCol .housetext a { color:#039; background-color: inherit; }
.textOneCol .housetext a:hover { color: #666; background-color: inherit; }


/* For parkside no-risk ad */
#noriskad { border-collapse:collapse; width:100%; min-height:587px; height:auto; }
#noriskad td.navigation { vertical-align:top; width: 217px; }
#noriskad td.adspace { color: inherit; padding:0; vertical-align:top; width: 650px; }
#noriskad .norisk { margin: .75em 0; }


/* For parkside new home value ad */
.adspace { background: #a7630b url(../images/parkside_photo02.jpg) no-repeat bottom; margin-top: 80px; text-align: center; }
.parkside_content { margin: 70px auto 10px; }
.parkside_click { margin: 10px auto; }
.adspace h1 { color: #fff; font-size: 2em; font-weight: bold; padding: 25px 0 1em 15px; text-align: left; font-variant: small-caps; }
.adspace h2 { color: #000; font-size: 2em; font-weight: bold; padding: 10px 0 1em 15px; text-align: left; font-variant: small-caps; }

.parkside_list { color: #fff; font-size: 1.5em; font-weight: bold; padding: 0 0 0 15px; text-align: left; }
.parkside_list li { background: transparent url(../images/parkside_arrow02.png) no-repeat 0 3px; padding: 0 0 .8em 17px; }
.parkside_list li a { color: #fff; text-decoration: none; text-transform: uppercase; }
.parkside_list li a:hover { color: #C5C19D; }


.descriptionHoliday { float:left; color: inherit; background-color: #fff; padding:0; width: 650px; }
.textHoliday { float:left; width: 650px; }
.textHolidayPara { text-align: right; color: #fff; padding-right: 88px; margin-top:-90px }

.specials { border: 1px dashed #A7630C; float:right; margin-left:20px; padding:.75em 1em 0 1em; width: 180px; }
.specials h1.bigless { background-color:inherit; color: #A7630C; font-size: 1.2em; }

img.floorplan { float:right; border: solid 1px #000; color:inherit; background-color: #fff; padding: 5px; margin: 0 10px 10px 15px; }
.popup img { border: solid 1px #000; padding: 5px; margin-top: 15px; }
.popup a { background-color: inherit; color: #039; }
.popup a:hover { background-color: inherit; color: #999; }
.popup h2 { font-size: 1.2em; padding-bottom: 1em; }

/* CSS for the scrolling content 
----------------------------------------- */
#dhtmlgoodies_scrolldiv{
	/* The total width of the scrolling div including scrollbar */
	width:201px;
	height:450px;	/* The height of the scrolling div */
}
#scrolldiv_parentContainer{
	width:156px;	/* Width of the scrolling text */
	height:100%;
	overflow:hidden;
	float:left;
	position:relative;
}

/* CSS for the scrolling content */
#scrolldiv_content { padding: 5px 5px 5px 0; position:relative; }

/* The scrollbar slider */
#scrolldiv_slider { width:12px; margin-top: 10px; margin-left:2px; height:500px; float:left; }

/*
The scrollbar (The bar between the up and down arrow )
*/
#scrolldiv_scrollbar{
	width:12px;
	height:400px;	/* Total height - 40 pixels */
	position:relative;
}

/* The scrollbar handle */
#scrolldiv_theScroll { margin:2px; width:8px; height:8px; color:inherit; background-color:#fff; position:absolute; top:0; left:0; cursor:pointer; }

/* Scroll buttons(The up and down arrows) */
#scrolldiv_scrollUp,#scrolldiv_scrollDown { width:12px; height:15px; text-align:center; line-height:16px; cursor:pointer; }
#scrolldiv_scrollUp { margin-bottom:3px; }
#scrolldiv_scrollDown { margin-top:3px; }
#scrolldiv_scrollDown span,#scrolldiv_scrollUp span { font-family: Symbol; }

#scrolldiv_content a { background-color: inherit; color: #039; }
#scrolldiv_content a:hover { background-color: inherit; color: #999; }


/* #models
----------------------------------------- */
#models .picBorder { width: 216px; height: 115px; padding-right:1px; }
#models .picnoBorder { width: 216px; height: 115px; }
#models .picBorder2 { width: 216px; height: 150px; padding-right:1px; }
#models .picnoBorder2 { width: 216px; height: 150px; }

/* Contact Form
----------------------------------------- */
#cform form { margin: 0; padding: 0; width: 500px; }
#cform fieldset { padding: 0 0 0 10px; margin: 0; border: 1px solid #A7630C; }
#cform legend { font-weight: bold; font-size: 1.3em; padding: 0 4px 8px 4px; color: #A7630C; background-color: #fff; }
#cform dl { margin-top: .5em; }
#cform dt { float: left; width: 30%; text-align: right; padding: 5px 10px 0 0; }
#cform label.last { font-weight: bold; text-align: left; padding-left: 10px; }
#cform input, textarea, select { margin: 5px 0; border: 1px solid #a7a7a7; font-family: inherit; font-size: 1em; padding: 1px 3px; }
#cform input.submit { margin-top: .75em; padding: 3px; color: inherit; background-color: #FDFE9A; }
.errorMessage { color: red; background-color: inherit; font-weight: bold; font-size: 1.1em; }

/* Warranty Form
----------------------------------------- */
#srrmtable { border:1px solid #fff; margin: 10px 0 10px 40px; }
.srrmhead { background-color: #a7630c; color: #fff; }
.srrmtitles { font-weight: bold; padding: 7px 0; text-align: center; }
#servicerequest1, #servicerequest2, #servicerequest3, #servicerequest4, #servicerequest5 { text-align: left; vertical-align: top; }

/* #footer
----------------------------------------- */
#footer { margin-top: .75em; text-align:right; font-size:.8em; color: #a7630c; background-color:inherit; font-weight:bold; text-transform:uppercase; }
#footer ul { }
#footer li { display: inline; background: url('../images/nav_sep.gif') 0 55% no-repeat; padding: 0 3px 0 8px; }
#footer li.first { background: none; padding-left: 0; }
#footer a { color: #939598; background-color:inherit; text-decoration:none; }
#footer a:hover, .home #footer a.f-home, .about #footer a.f-about, .neighbor #footer a.f-neighbor, .properties #footer a.f-properties, .design #footer a.f-design, .realtors #footer a.f-realtors, .homeowners #footer a.f-homeowners, .contact #footer a.f-contact { color: #c2c2c2; background-color:inherit; }

/* images
----------------------------------------- */
img.floatR { float:right; padding: 5px 0 5px 20px; }

/* Self Cleared Floats
----------------------------------------- */
#wrapper:after,
#header:after,
#content:after,
.mainNav:after,
.colhome:after,
.colpic:after,
.coltext:after,
.description:after,
.description .housetext:after,
.description .textOneCol:after,
.description .housepics:after,
#footer:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }