html, body {height: 100%}
p, ul, ol, li, h1, h2, h3, h4, h5, h6, blockquote, cite, address {
margin: 0;
padding: 0;
font-weight: normal;
list-style: none;
font-style: normal;
}
/* RECYCLED styles */
p {line-height: 150%; padding-bottom: 18px; font-size: 13px;}
h1, h2, h3, h4 { font-family: Georgia, "Times New Roman", Times, serif;}
ol li {list-style-type: decimal;}
a:link, a:visited {color: #11719F; text-decoration: none;}
a:hover {text-decoration: underline;}
h2 a:link, h3 a:link {color: #1589C1;}
.clearboth {clear: both;}
.caps {text-transform: uppercase;}
a.readmore {color: #990000; text-decoration: none;}
a.readmore:hover {text-decoration: underline;}
.none {display: none;}
.bold {font-weight: bold}
.red {color: red;}
.imgright {float: right; padding: 5px; margin: 0 0 12px 24px; border: 1px solid #CCC;}
.imgleft {float: left; padding: 5px; margin: 0 24px 12px 0; border: 1px solid #CCC;}
body {
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
background: none;
margin: 0;
padding: 0;
text-align: center;
color: #333;
background: url(../images/bg_body.jpg) no-repeat top center;
position: relative;
}
#container {
width: 970px;
background: transparent url(../images/bg_01.png) no-repeat top left;
margin: 0 auto;
text-align: left;
padding: 0 23px;
margin-top: 44px;
}
/* FACEBOOK styles */
div#fb-wrap {position: fixed; top: 0; width: 100%; background: #FFF; background: #EDF1EE; background: #C2E7F9; z-index: 200; border-bottom: 1px solid #FFF; -moz-box-shadow: 1px 1px 2px #666; -webkit-box-shadow: 1px 1px 2px #666; box-shadow: 1px 1px 2px #666;}
div#fb-like {width: 960px; margin: 0 auto; text-align: left; padding-top: 10px;}
div#fb-like img#find-us {float: left;}
div#fb-like a {float: left; margin-bottom: 10px;}
div#fb-like p#join-us {float: left; font-size: 15px; margin: 10px 0 0 24px; }
div#fb-like p#join-us span {font-weight: bold; color: #11719F; text-shadow: 1px 1px 1px #FFF;}
/* BRANDING styles */
#branding {
background: none;
position: relative;
height: 174px;
}
#branding h1 {margin: 0;}
#branding h1 {text-indent: -9999px;}
h1 img {position: absolute; top: 22px; left: -2px; z-index: 100; border: 0;}
#contact-bar li {/*background: url(../images/contact_bar.png) no-repeat top left;*/ display: block; height: 49px; position: absolute; top: 30px; padding: 16px; padding-right: 0; font-size: 14px; color: #FFF;}
#contact-bar li span {text-transform:uppercase; font-weight: bold; font-family: Georgia, "Times New Roman", Times, serif; background: url(../images/contact_bar_span.png) no-repeat right top; height: 49px; padding: 16px; padding-left: 0; }
#contact-bar li#phone {/*background: url(../images/phone.png) no-repeat top left; width: 190px;*/ right: 275px;}
#contact-bar li#email {/*background: url(../images/email.png) no-repeat top left; width: 274px;*/ right: -10px;}
#contact-bar a:link, #contact-bar a:visited {color: #fff;}
#contact-bar div {background: url(../images/contact_bar.gif) no-repeat top left; display: block; height: 49px; position: absolute; top: 30px; padding: 14px; padding-left: 14px; padding-right: 0; font-size: 14px; color: #FFF;}
#contact-bar div span { font-weight: bold;font-family: Georgia, "Times New Roman", Times, serif; background: url(../images/contact_bar_span.gif) no-repeat right top; height: 49px; padding: 14px; padding-left: 0; padding-right: 14px; }
#contact-bar div#phone {/*background: url(../images/phone.png) no-repeat top left; width: 190px;*/ right: 295px;}
#contact-bar div#email {/*background: url(../images/email.png) no-repeat top left; width: 274px;*/ right: -10px;}
#contact-bar a:link, #contact-bar a:visited {color: #fff;}
/* MAIN CONTENT styles */
/* index */
#index #content-main { background: url(../images/bg_index_main.jpg) no-repeat top left; height: 288px; position: relative;}
#index-text { background: url(../images/bg_index_text.png) no-repeat top left; width: 360px; height: 254px; position: absolute; right: 18px; top: 18px; }
#content-main #index-text h2 span {font-size: 16px; font-style: italic; display: block;}
#content-main #index-text h2 { margin: 0; padding: 20px 20px 10px 20px; font-size: 26px; color: #990000; border: 0;}
#index-text p {font-size: 14px; padding: 20px; padding-top: 0;}
#index-text p.learn-more a:link { width: 172px; height: 36px; margin: 0; padding-top: 6px; display: block; background: url(../images/button_01.jpg) no-repeat top left; color: #FFF; font-weight: bold; font-size: 16px; text-align: center;}
#index-text p.learn-more a:hover {background: url(../images/button_01_hover.jpg) no-repeat top left;}
/* slideshow */
div.slideshow-bg {background: url(../images/bg_slide.png) no-repeat top left; width: 568px; height: 255px; position: absolute; top: 18px; left: 18px; padding: 2px;}
div.slideshow-home img {display: none;}
div.slideshow-home img.first {display: block;}
/* pages */
#pages #content-main { width: 648px; float: left; }
#content-main h2 { border-bottom: 1px solid #ccc; margin-bottom: 18px; padding-bottom: 10px;}
#content-main h3 { margin-bottom: 18px;}
/* SUB CONTENT styles */
/* index */
#content-sub {margin-top: 37px; margin-bottom: 18px;}
#content-sub h3 a:link, #content-sub h3 a:visited {color: #990000;}
#content-sub h3 { margin-bottom: 10px; font-size: 22px;}
#content-sub h4 {font-size: 18px;}
#content-sub p.blurb {font-size: 14px;}
/* news */
#content-sub div#news {float: left; width: 276px; margin: 18px; margin-top: 0;}
ul#news {border-top: 1px solid #ccc;}
ul#news li {position: relative; border-bottom: 1px solid #ccc; padding-top: 16px; margin-bottom: 0; padding-bottom: 0;}
ul#news li img {position: absolute; top: 0; right: 0;}
ul#news h4 {margin-bottom: 8px;}
ul#news p {padding-bottom: 16px;}
ul#news-listing p.paginate {text-align: right; margin: 0; padding: 0; margin-top: 10px;}
ul#news-listing p.paginate-links {text-align: right; margin: 0; padding: 0;}
/* showcase */
#content-sub div#showcase {width: 650px; margin-left: 323px;}
ul#showcase {}
ul#showcase li {height: 56px; overflow: hidden; border: 1px solid #CCC; background: #EDF1EE; float: left; width: 252px; padding: 24px 30px 10px 30px; padding-top: 185px; position: relative;}
#showcase li.item-1 {border-right: none;}
#showcase li img {position: absolute; top: 26px; left: 30px; padding: 4px; border: 1px solid #ccc; background: #fff;}
#showcase h4 { margin-bottom: 8px;}
#showcase p {}
ul#showcase-items p.paginate {text-align: right; margin: 0; padding: 0; margin-top: 10px;}
ul#showcase-items p.paginate-links {text-align: right; margin: 0; padding: 0;}
/* pages */
#pages #content-sub {width: 290px; margin-left: 678px;}
ul#sub-menu { background: #EFF7EE; border: 1px solid #DFDFDF; border-bottom: 0; margin-bottom: 18px;}
ul#sub-menu li { height: 42px; border-bottom: 1px solid #DFDFDF;}
ul#sub-menu h3 a {display: block; font-size: 16px; padding: 12px 12px 0 16px; padding-top: 12px; height: 30px; }
ul#sub-menu h3 a:link, ul#sub-menu h3 a:visited { color: #1589C1; }
ul#sub-menu h3 a:hover {background: url(../images/bg_sidebar_current.jpg) no-repeat top left; color: #fff; text-decoration: none;}
ul#sub-menu li.current {background: url(../images/bg_sidebar_current.jpg) no-repeat top left; color: #fff;}
ul#sub-menu li.current a {color: #FFF;}
ul#sidebar h3 {background:url(../images/bg_sidebar_heading.jpg) no-repeat top left; height: 24px; color: #FFF; padding: 11px 12px; font-size: 18px;}
ul#sidebar p, ul#sidebar address { padding: 0 11px 12px 11px;}
ul#sidebar li {background: #EFF7EE; border: 1px solid #DFDFDF; margin-bottom: 18px;}
ul#sidebar li#testimonial blockquote {padding: 0 11px 12px 11px; font-size: 14px; font-family: Arial, Helvetica, sans-serif; color: #333; font-style: italic; line-height: 150%;}
ul#sidebar li#testimonial {/*border: 0; background: none;*/}
ul#sidebar li#testimonial cite {display: block; text-align: right; padding: 10px 5px;}
/* SITE INFO styles */
#site-info {
border-top: 1px dotted #ccc;
position: relative;
}
#site-info p {
margin: 0;
padding: 10px 0;
font-size: 12px;
}
div#visit {position: absolute; right: 0; top: 18px;}
#visit p {padding: 0 3px 10px 0; font-family: Georgia, "Times New Roman", Times, serif; text-align: right;}
#visit ul#links {display: block;}
#visit ul#links li {display: inline; padding-left: 10px; padding-bottom: 18px;}
ul#links li a img {border: none;}
/* NAVIGATION styles */
div#nav {
font-family: Georgia, "Times New Roman", Times, serif;
text-transform: uppercase;
position: absolute;
bottom: 20px;
right: 0;
background: transparent url(../images/bg_nav.jpg) no-repeat left;
height: 47px;
width: 100%;
z-index: 50;
}
div#nav-rel {position: relative;}
ul#nav-main {
font-size: 13px;
display: block; /*padding-left: 280px;*/
position: absolute;
right: 1px;
top: 0;
}
ul#nav-main li, ul#nav-sub li {
display: inline;
}
ul#nav-main li a {
color: #666;
float: left;
padding: 16px 22px;
padding-bottom: 14px;
text-decoration: none;
border-left: 1px solid #9BD8F4;
border-right: 1px solid #9BD8F4;
margin-top: 1px;
letter-spacing: 1px;
}
ul#nav-main li a:hover { border-right: 1px solid #75C8F0; border-left: 1px solid #75C8F0; background: url(../images/bg_nav_cur.jpg) repeat-x top left; color: #11719F; }
ul#nav-main li.current a { background: #FFF; margin-top: 1px; color: #11719F; }
/* nav-sub */
ul#nav-sub {font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; text-transform: uppercase; margin-top: 18px; }
ul#nav-sub li a {padding: 0 12px; border-right: 1px solid #ccc;}
ul#nav-sub li#contact a {border: 0;}
ul#nav-sub li#about a {padding-left: 0;}
/* PAGES styles */
/* PROFILE styles */
div#profile {border-bottom: 1px solid #CCC; clear: both; position: relative; margin-bottom: 18px; min-height: 222px; }
div#profile h3 {color: #11719F;}
div#profile h3, div#profile p, div#profile ul {margin: 0; margin-left: 170px;}
div#profile h3, div#profile ul {margin-bottom: 10px; }
div#profile h3 span {font-size: 18px; text-transform: none; color: #555;}
div#profile img {position: absolute; top: 0; left: 0;}
div#profile ul {font-size: 14px;}
#profile li {padding-bottom: 3px;}
#profile span {text-transform: uppercase; font-size: 12px;}
#profile ul#none {display: none;}
/* NEWS styles */
h2#news {margin-bottom: 0;}
ul#news-listing {margin-bottom: 18px;}
li.news-entry {border-bottom: 1px dotted #CCC; padding: 0 18px}
.news-entry.even {background: #EFF7EE;}
.news-entry.even.sale {background: #EFF7EE url(../images/sale.png) no-repeat top right;}
.news-entry.odd.sale {background: #FFF url(../images/sale.png) no-repeat top right;}
.news-entry.even.openhouse {background: #EFF7EE url(../images/openhouse.png) no-repeat top right;}
.news-entry.odd.openhouse {background: #FFF url(../images/openhouse.png) no-repeat top right;}
ul#news-listing li.news-entry h3 {padding-top: 18px; padding-bottom: 5px; margin: 0;}
li.news-entry p.posted {padding-bottom: 10px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; font-style: italic; color: #999;}
div#news-full h3 {margin: 0;}
div#news-full p.posted {padding-bottom: 10px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; font-style: italic; color: #999;}
/* FAQ styles */
div#faqs {font-size: 13px; padding-top: 12px; margin-bottom: 18px;}
#faqs ul#questions {margin-bottom: 30px; border-top: 1px dotted #CCC;}
#faqs ul#questions li {padding: 8px; border-bottom: 1px dotted #ccc;}
ul#questions li.odd {background: #EFF7EE;}
p.question {font-weight: bold; background: #EFF7EE; padding: 8px; border: 1px dotted #ccc; border-width: 1px 0;}
div.answer {padding: 8px; padding-top: 18px;}
div#faqs div.answer p {margin: 0; padding: 0;}
div.answer ul {margin: 18px 25px;}
div.answer li {list-style-type: disc; padding-bottom: 10px;}
p.top {font-size: 12px; padding-left: 8px;}
p.top a span {font-size: 15px;}
/* SHOWCASE styles */
h2#showcase-page {margin-bottom: 0;}
ul#showcase-items {margin-bottom: 18px;}
#showcase-items li.home {border-bottom: 1px dotted #CCC; padding: 0 18px; position: relative;}
ul#showcase-items li.home h3 {padding-top: 18px; padding-bottom: 5px; margin: 0;}
ul#showcase-items li.home h3, ul#showcase-items p {margin: 0; margin-left: 150px; padding-right: 25px;}
.home.even {background: #EFF7EE;}
.home.even.new {background: #EFF7EE /*url(../images/newhome.png) no-repeat top left; z-index: 100*/;}
.home.odd.new {background: #FFF /*url(../images/newhome.png) no-repeat top left; z-index: 100*/;}
li.home img.new-home {position: absolute; top: 0; right: 0;}
li.home img.home {position: absolute; top: 18px; left: 18px; z-index: 1; padding: 4px; border: 1px solid #ccc; background: #FFF;}
#showcase-full div.blockquote {font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; font-style: italic; padding: 12px 20px; margin: 10px; background: url(../images/blockquote.gif) no-repeat left top; color: #666; line-height: 150%;}
div.blockquote cite {display: block; margin-top: 8px;}
div#home-specs {float: right; margin-left: 15px; margin-bottom: 15px; width: 256px; padding: 10px; border: 1px solid #CCC; background: #EFF7EE;;}
div#home-specs img {border: 1px solid #ccc; padding: 4px; margin-bottom: 10px; background: #FFF;}
table.showcase {float: right; width: 256px; margin: 0; border-collapse: collapse; font-style: italic; font-family: Georgia, "Times New Roman", Times, serif; color: #777; font-size: 14px; background: #FFF;}
table.showcase tr td.item {width:65px;}
tr.even {background: #F7FBF7;}
.showcase td {padding: 8px 10px;}
table.showcase, .showcase th, .showcase td {border: 1px solid #ccc;}
ul#showcase-photos {margin-bottom: 18px;}
ul#showcase-photos h4 {font-size: 13px; font-style: italic; margin-bottom: 10px;}
#showcase-photos li {float: left; margin: 10px;}
#showcase-photos li img {padding: 5px; border: 1px solid #ccc; width: 95px; height: 89px; }
#showcase-photos li img:hover {border: 1px solid #aaa;}
/* GALLERY styles*/
ul#gallery-select {margin-bottom: 50px;}
#gallery-select li {float: left;width: 268px; margin: 10px 20px; }
#gallery-select li img { padding: 5px; border: 1px solid #ccc; width: 268px;}
#gallery-select li h3 { margin: 5px;}
/* PROCESS page */
ol#process {font-size: 13px;margin-bottom: 18px; margin-left: 25px;}
ol#process li {padding: 15px; padding-bottom: 0; border-bottom: 1px dotted #CCC;}
ol#process li p {margin: 0; padding: 0; padding-bottom: 15px;}
img.process {padding: 5px; border: 1px solid #CCC; margin-bottom: 20px;}
/* FLOOR PLAN styles*/
ul#plan-select {margin-bottom: 50px;}
#plan-select li {margin: 0; border-bottom: 1px dotted #ccc; padding: 0 0 20px 0; margin-bottom: 20px;}
#plan-select li a img {border: none; padding-bottom: 16px;}
#plan-select li h3 {margin: 0;}
#plan-select li a:hover h3 {text-decoration: underline;}
/* CONTACT page */
ul#sidebar address {font-size: 15px; font-style: italic; font-family: Georgia, "Times New Roman", Times, serif;}
ul#sidebar li.address p.phone {line-height: 100%; padding-bottom: 0; padding-top: 0; margin-top: 0; margin-bottom: 0;}
div#content-sub ul#sidebar li#google-map h3 { margin-bottom: 0;}
div#content-sub ul#sidebar li#google-map img, li#display-model img {display: block; text-decoration: none; width: 270px; border: 1px solid #CCC; margin: 6px auto 8px auto;}
div#content-sub ul#sidebar li#google-map img:hover {border: 1px solid #61AD56;}
/*form*/
#contact-form label {display: block; padding: 20px 10px; clear: both; border-bottom: 1px dotted #ccc;}
form#contact-form label span {width: 175px; text-align: right; display: block; float: left; margin-right: 15px;}
form#contact-form label.building, form#contact-form label.house, form#contact-form label.cost, form#contact-form label.zip, form#contact-form label.captcha {padding-bottom: 40px;}
#contact-form input[type="submit"]{margin-left: 190px;}
#contact-form p.captcha {margin: 0; padding: 20px 10px; margin-left: 190px;}
#contact-form input {margin-left: 0px;}
#contact-form input[type="text"], #contact-form textarea {width: 300px;}
#contact-form textarea {height: 150px;}
#contact-form label.odd {background: #EFF7EE;}