/*------------------------------------------------------------------ 
# Green: #5d7c33
# Light green: #819960
# Lighter green: #9BB47A
# Pale green: #d0e1ac
# Green text: #363
# Discovery yellow: #ffd457
# Cream: #fdf3d3
# Tan: #e7d294
# Red: #AB2821
# */  
* {margin: 0; padding: 0;}
body {
	text-align: left;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	background: #d0e1ac;
	font-size: 12px;
}
input, select, textarea {font-family: Arial, Helvetica, sans-serif;font-size: 12px;}
:link, :visited {font-weight: bold;color: #363;text-decoration: underline;}
:link:hover, :visited:hover {color: #AB2821; text-decoration: none;}
img {display: block; border: 0;}
img.inline {display: inline; }
.top {vertical-align: top;}
.middle {vertical-align: middle;}
.bottom {vertical-align: bottom;}
.baseline {vertical-align: baseline;}
p, h1, h2, h3, h4, h5, h6, ul, form, fieldset, table {margin: 0 0 .6em 0;}
h1, h2, h3, h4, h5, h6 {}
h1, h2 {clear: both;}
h1 {font-size: 24px;color: #AB2821;}
h2 {font-size: 20px;color: #AB2821;}
h3 {font-size: 16px;color: #000;}
h4 {font-size: 14px;color: #5d7c33;}
h5, h6 {font-size: 13px;}
hr {clear: both;color: #e7d294; background: #e7d294;border: none;height: 1px;margin: 1em 0;}
li {margin: 0 1em .3em 2em; padding: 0 0 0 .5em;}
ol.upper-alpha li {list-style-type: upper-alpha}
.small {font-size: 90%;}
p.availability {color: #AB2821;font-weight: bold;}
input.button {font-weight: bold; font-size: 16px; background: #5d7c33; color: #fff;padding: 0 5px; cursor: pointer;}
input.button:hover {background: #AB2821;}
label {display: block;margin: 0 0 .2em 0;}
label.required {color: #AB2821;font-weight: bold;}
label input, label select, label textarea {display: block;}
.align-left {float: left; margin: 0 10px 10px 0;width: 140px;}
.align-right {float: right; margin: 0 0 10px 10px;width: 140px;}
.center {text-align: center;}
img.align-left, img.align-right {width: auto;}

#header {position: relative;width:100%;min-width: 960px;margin: 0;text-align: left;border-bottom: 1px solid #fff; background: #f0e7bf;}
#header h1 {margin: 0;width: 960px; height: 100px;background: #5d7c33 url("/images/images-css/header.jpg");font-size: 0; line-height: 0; color: #5d7c33;}
#header h1 a {display: block; width: 176px; height: 100px;}
#header h2 {display: none;}

#nav {position: relative;width: 100%;margin: 0;text-align: left;background: #819960;}
#nav ul {overflow: hidden;margin: 0 0 0 175px;border-left: 1px solid #fff;background: #9BB47A;height: 22px;}
body.homes #nav ul, body.find #nav ul, body.developers #nav ul, body.features #nav ul {border-bottom: 1px solid #fff;}
#nav ul li {list-style: none;float: left; margin: 0; padding: 0;}
#nav ul li a {display: block; background: #5d7c33;color: #fff;font-family: Trebuchet MS, sans-serif;font-size: 12px;text-align: center; text-transform: uppercase; letter-spacing: .5px;text-decoration: none; width: 130px;border-right: 1px solid #fff;line-height: 22px;height: 22px}
body.find #nav ul li a.homes,
body.homes #nav ul li a.homes,
body.developers #nav ul li a.developers,
body.features #nav ul li a.features {background: #AB2821;}
#nav ul li a:hover {background: #000;}

body.homes #nav {background: #819960 url("/images/images-css/accent-homes.jpg") no-repeat bottom left; padding-bottom: 99px;}
body.find #nav {background: #819960 url("/images/images-css/accent-find-home.jpg") no-repeat bottom left; padding-bottom: 99px;}
body.developers #nav {background: #819960 url("/images/images-css/accent-developers.jpg") no-repeat bottom left; padding-bottom: 99px;}
body.features #nav {background: #819960 url("/images/images-css/accent-features.jpg") no-repeat bottom left; padding-bottom: 99px;}

#middle-container {position: relative;width:100%;min-width: 960px;margin: 0;text-align: left;border-bottom: 1px solid #fff;border-top: 1px solid #fff;background: #5d7c33; padding-top: 0;}
body.home #middle-container {background: #5d7c33 url("/images/images-css/accent-home.gif") repeat-x;padding-top: 0;}

#middle { width: 960px;background: #fff url("/images/images-css/side-bg.gif") repeat-y; margin: 0; padding: 0;overflow: hidden;border-right: 1px solid #fff;}
body.home #middle {background: #f0e7bf url("/images/images-css/home-bg.gif") repeat-y;border-right: 1px solid #fff;}
body.home #feature {width: 608px;height: 310px; margin: 0;}
#feature .SlidingPanelsContent {position: relative;}
#feature p.caption {position: absolute; top: 270px; left: 0;width: 420px;background: #fff; padding: 2px; font-weight: bold;font-size: 14px;color: #000; height: 17px;  text-align: right;
/* for IE */filter:alpha(opacity=85);/* CSS3 standard */opacity:0.85;}
#feature p.caption a {background: #000;color: #fff;border: 1px solid #000;font-size: 12px;  text-decoration: none; padding: 0 5px;}
#feature p.caption a:hover {background: #AB2821; border: 1px solid #AB2821;}
a.go-prev {position: absolute; top: 0; left: 0;display: block; width: 62px; height: 310px; background: transparent url("/images/images-css/go-prev.png") no-repeat 0 0;text-indent: -9999px;cursor:pointer;}
a.go-next {position: absolute; top: 0; right: 0;display: block; width: 62px; height: 310px; background: transparent url("/images/images-css/go-next.png") no-repeat 0 0;text-indent: -9999px;cursor:pointer;}
a.go-prev:hover, a.go-next:hover {background-position: 0 -310px;}

body.home #home-text {margin: 0;padding: 30px 20px 15px 420px; line-height: 1.8em;clear: both;float: none;border-top: 1px solid #fff;background: transparent url("/images/images-css/home-bg-life.jpg") no-repeat;}
body.home #home-text h2 {margin: 0 0 .6em 0;padding: 0;}
body.home #ads {}
body.home #ads img {float: left; border-left: 1px solid #fff;}

#side {float: left;width: 175px;background:#fde9ac;}
#side div.ad {padding: 10px;border-bottom: 1px solid #fff;background: #e7d294;}
#side div.ad h3 {color: #AB2821;}
#side div.ad p {font-size: 95%;}
#side img.ad {border-bottom: 1px solid #fff;margin: 0; padding: 0;}
div.ad#sandhill {height: 180px;background: #7dd5f7 url("/images/ads/sandhill.jpg"); text-align: center;}
div.ad#sandhill p {display: none;}
div.ad#sandhill select {top: 105px; position: relative;}

ul#side-nav {margin: 0; padding: 0;}
ul#side-nav ul {margin: 0 0 1px; padding: 0;}
ul#side-nav li {list-style-type: none; margin: 0; padding: 0;border-bottom: 1px solid #fff;background: #5d7c33;}
ul#side-nav li ul li {border-bottom: none;border-top: 1px dotted #9BB47A; margin-left: 10px;}
ul#side-nav li a {display: block; background: #5d7c33;color: #fff;font-family: Trebuchet MS, sans-serif;font-size: 12px;line-height: 1.2em;letter-spacing: .5px;text-decoration: none; width: 155px;padding: 3px 10px;}
ul#side-nav li ul li a {background: #5d7c33 url("/images/images-css/side-bg.gif") no-repeat -170px -5px;color: #fff;font-size: 11px;width: 140px;padding: 3px 10px 3px 15px;}
ul#side-nav li.here a {background-color: #AB2821;}
ul#side-nav li.here ul li a {background-color: #5d7c33;}
ul#side-nav li a:hover {background-color: #000;}
ul#side-nav li.here ul li a:hover  {background-color: #000;}

#main {float: left;width: 744px;background: #fff;margin-left: 1px;padding: 10px 20px 20px;overflow: auto;}
div.breadcrumbs {border-bottom: 1px solid #000;margin: -10px -20px 10px; padding: 0; font-size: 11px;overflow: hidden;}
div.breadcrumbs h4 {display: block; float: left; background: #000 url("/images/images-css/arrow.gif") no-repeat center right; margin: 0;padding: 2px 20px 2px 10px; color: #ffd457; letter-spacing: 1px;text-transform: uppercase; font-size: 11px;line-height: 1.4em;}
div.breadcrumbs ol {float: left;overflow: hidden;}
div.breadcrumbs li {margin: 0;padding: 0; list-style-type: none; float: left; white-space: nowrap;}
div.breadcrumbs li a {margin: 0;padding: 2px 15px 2px 8px; list-style-type: none; float: left;background: transparent url("/images/images-css/arrow.gif") no-repeat center right;text-decoration: none;}
div.breadcrumbs li.current {padding: 2px 15px 2px 8px;}

table.tableSearchResults {border-collapse:collapse; border: 1px solid #ccc;width:100%;}
.tableSearchResults th {border: 1px solid #ccc;border-bottom: 5px solid #ccc;background: #000;color: #fff;font-size: 14px; text-align: center;line-height:16px; vertical-align: bottom; padding: 2px 0;}
.tableSearchResults td {border: 1px solid #ccc;text-align: center;}
.tableSearchResults tr:hover {background: #d0e1ac}
.tableSearchResults a {text-decoration: none;display: block;height: 33px;overflow: hidden;line-height: 33px;}
.tableSearchResults a:hover {color: #363}
.tableSearchResults th.thumb {width: 72px;}
.tableSearchResults th.story, .tableSearchResults th.bedroom, .tableSearchResults th.bathroom {width: 80px;}
.tableSearchResults th.price {width: 100px;}

table.info {border-collapse:collapse; border: 1px solid #ccc;width:100%;}
table.info th, table.info td {vertical-align: top;padding: 5px;border: 1px solid #ccc;}
table.info th {border-bottom: 5px solid #ccc;background: #5d7c33;color: #fff;font-size: 14px; text-align: center; vertical-align: middle;}
table.gkc {width:auto;}
table.warranty th {width: 50%;}

ul.target-list {margin: 0 0 1.5em 0;}
ul.target-list li {list-style-type: none;}

.highslide-caption {text-align: center;}

div#container1 {float: left;}
div#container2 {float: left;}

div.box {border: 1px solid #e7d294; background: #fdf3d3;padding: 0 0 6px 6px; overflow: hidden;margin: 0 10px 10px 0;}
div.box h3 {margin: -8px 0 5px; font-size: 30px; color: #d2b767;}
div.box li {margin: 0 1em 0 2em;}
div#elevations, div#gallery, div#utilities {width: 320px;}
div#utilities.box {background: none;}
div#details, div#floorplans, div#features {width: 398px;}
div#details.box, div#features.box {background: none;margin: 0 0 10px 0;}
div#floorplans.box {margin: 0 0 10px 0;}

img.pic{padding: 6px;margin: 0;}
#elevations img.lg, #gallery img.lg {width: 300px;}
#floorplans img.lg {width: 378px;}
a.zoom {position: relative;border: 1px solid #e7d294; background: #fff;}
div.box a.zoom {float: left; margin: 0 6px 6px 0;}
#elevations a.zoom.sm, #gallery a.zoom.sm {width: 152px; height: 152px;}
#floorplans a.zoom.sm {width: 191px; height: 191px;}
a.zoom img {position: relative;}
a.zoom span.enlarge {position: absolute;width: 60px; height: 12px;background: transparent url("/images/images-css/enlarge.gif"); font-size: 0; line-height: 0;text-indent: -9999px; cursor: pointer;}
a.elevation span.enlarge, a.gallery span.enlarge {top: 8px; left: 244px;}
#elevations a.sm span.enlarge, #gallery a.sm span.enlarge {top: 8px; left: 84px;}
a.floorplan span.enlarge {top: 8px; left: 322px;}
a.floorplan.sm span.enlarge {top: 8px; left: 123px;}

#details ul {font-weight: bold; font-size: 12px;}
#details ul.price {margin: 0 0 5px;}
#details ul.price li { margin: 0; padding: 0 0 .2em; list-style: none; font-weight: bold;font-size: 14px; }
#details ul.price span.start-price { color: #AB2821; font-size: 27px;line-height: 1em; letter-spacing: -1px;}
a.button {display: inline-block; margin: 0 auto; padding: 0 10px 0 0; background: transparent url("/images/images-css/button-right.png") no-repeat right -35px; width: auto;color: #fff; text-decoration: none;}
a.button:hover {background: transparent url("/images/images-css/button-right.png") no-repeat right top;color: #000;}
a span {cursor: pointer;}
a.button span {display: inline-block; height: 35px;line-height: 30px;background: transparent url("/images/images-css/button-left.png") no-repeat -4px -35px; text-align: center; padding: 0 10px 0 35px; overflow: hidden;}
a.button:hover span{background: transparent url("/images/images-css/button-left.png") no-repeat -4px 0; }
a.button span.price {background-position: -4px -70px;}
a.button:hover span.price {background-position: -4px 0;}
* html a.button:link, * html a.button:visited {background: #AB2821; color: #fff;text-decoration: none;border: 2px solid #ddd;}
* html a.button:hover {background: #5d7c33;border: 2px solid #ccc;}
* html a.button span {height: 25px;line-height: 25px;background: none;padding: 0 10px 0 16px;}
* html a.button:hover span{background: none;}
@media print {a.button {display: none;}}


div.distinctive-details {width: 600px; margin: 20px auto;}
div.highlight {background: #fdf3d3; margin: 20px 0; padding: 0;overflow: hidden;border: 3px solid #fdf3d3;}
div.highlight h5 {color: #AB2821;}
div.modular-advantages {background: #fdf3d3 url("/images/our_homes/wilmington-el1-300.jpg") no-repeat 0 -60px;padding: 20px 20px 20px 320px; line-height: 1.5em;}
div.crane-set {margin:  0 20px 10px 50px; float: right; width: 179px; }
div.crane-set p {margin: 5px; font-size: 11px;}
div.quality-and-value {background: #fdf3d3 url("/images/features/factory.jpg") no-repeat 0 -10px;padding: 20px 20px 20px 220px; line-height: 1.5em;}
div.appearance {margin:  0 80px 10px 50px; float: right; width: 300px;}
div.appearance p {margin: 5px; font-size: 11px;}
div.features-and-options {background: #fdf3d3 url("/images/features/durabuilt.jpg") no-repeat 0 -10px;padding: 10px 20px 10px 230px;}
div.building {background: #fdf3d3 url("/images/features/personal-builder2.jpg") no-repeat 0 -10px;padding: 20px 20px 20px 230px;line-height: 1.5em;}

#footer {position: relative;width:960px;min-width: 960px;font-size: 80%;padding: 10px 0;}
#footer p { padding:0 0 0 50px;}
#footer p.eho {position: absolute; top: 5px; left: 5px;width: 40px; height: 35px;margin: 0;padding: 0;background: transparent url("/images/images-css/equal-housing-opportunity.png") no-repeat 0 0;text-indent: -9999px;}

/*------------------Builder Form------------------------*/
#partner-select {}
#partner-map {float: left;}
#partner-list {float: right;}
#partner-list ul li {background: none;margin: 0 0 5px 0;padding: 0;list-style: none;}
#partner-list ul li a {
text-decoration: none;
display: block;
padding: 5px;
border: 1px solid #a6a6a6;
color: #333;
line-height: 1.3em;
width: 400px;
font-weight: normal;
}

#partner-list ul li a:hover {text-decoration: none;background: #e2e2e2;}
.region0, .region1, .region2, .region3, .region4, .region5, .region6, .national {
padding: 2px 5px;
font-size: 1.1em;
font-weight: bold;
color: #fff;
border: 1px solid #fff;
height: 1em;
line-height: 1.6em;
}

.region0 {background: #9E804A}
.region1 {background: #E1AF40}
.region2 {background: #3C326E}
.region3 {background: #E9700D}
.region4 {background: #AE3628}
.national {background: #a6a6a6}

#national-contact {
border: 1px solid #a6a6a6;
padding: 5px;
background: #e2e2e2;
width: 260px;
margin: 5px 0;
}

#partner-list ul li img, #national-contact img {float: left; margin-right: 10px;}


form#info-request, form#priceRequestForm {margin: 0 -20px 0 0;}
form#info-request h3, form#priceRequestForm h3 {font-size: 20px; font-weight: bold;margin: 0 0 .2em;clear: both;}
form#info-request fieldset, form#priceRequestForm fieldset {width: 320px;float: left;margin: 0 20px 10px 0;clear: none;padding: 10px;border: 1px solid #e7d294;}
form#info-request legend, form#priceRequestForm legend {font-size: 16px; color: #d2b767;font-weight: bold;}
form#info-request input, form#priceRequestForm input {width: 300px;}
form#info-request select, form#priceRequestForm select {min-width: 150px;}
form#info-request input.button, form#priceRequestForm input.button {width: auto;margin: 10px 0;clear: both;float: none; display: block;}

form#info-request fieldset#proj-desc {width: 682px;float: none;clear: both;}
fieldset#proj-desc textarea {width: 600px; height: 100px;}
fieldset#building-info textarea {width: 300px; height: 120px;}


@media print {
body {background: none;}
input.button {font-weight: bold; font-size: 12px; background: none; color: #000;padding: 0 5px; }

#header {border-bottom: none; background: none; margin: 0 0 20px;}
#header h1 {width: auto; height: auto;background: none;font-size: 16px; line-height: 1em; color: #000;}
#header h1 a {display: block; width: auto; height: auto; text-decoration: none;color: #000;}
#header h2 {display: block; font-size: 24px; color: #5d7c33; text-transform: uppercase; letter-spacing: .5px;}
#nav {display: none;}

body #middle-container {background: none !important; padding-top: 0 !important; display: inline;}
#middle { width: auto;background: none; overflow: visible;display: inline;}
body.home #middle {background: none;border-right: none;}

body.home #feature {width: auto;height: auto;}
#feature .SlidingPanelsContent {float: none;}
#feature .featureContent {padding: 0;width: 608px;height: auto; overflow: visible;float: none;}
#feature p.caption {position: relative; top: 0; left: 0;width: auto;background: none; padding: 5px 0 10px; height: auto;  text-align: left;
/* for IE */filter:alpha(opacity=100);/* CSS3 standard */opacity:1;}
#feature p.caption a {display: none;}
a.go-prev {display: none;}
a.go-next {display: none;}
.SlidingPanels {float: none !important;height: auto !important;overflow: visible !important;}
.SlidingPanelsContentGroup {float: none !important;width: 99% !important; height: auto !important;left: 0 !important;}
.SlidingPanelsContent {float: none !important;width: auto !important;height: auto !important;}

body.home #home-text {margin: 0;padding: 20px 0; border-top: none;background: none;}
body.home #home-text h2 {margin: 0 0 .6em 0;padding: 0;}
body.home #ads {display: none;}

#side {display: none;float: none;width: 0;}
#main {float: none;width: 99%;background: none;margin-left: 0;padding: 0;display: inline;}
div.breadcrumbs, div.breadcrumbs h4, div.breadcrumbs ol, div.breadcrumbs li {display: none;float: none;}

.tableSearchResults th {background: none;color: #000;}
table.info th {background: none;color: #000;}

ul.target-list {display: none;}

div#container1 {float: none;}
div#container2 {float: none;}

div.box {border: none; background: none;padding: 0; overflow: visible;margin: 0 0 10px;clear: both;float: none;width: auto;display: inline;}
div.box h3 {margin: 10px 0 5px; font-size: 30px; color: #d2b767;}
div.box li {margin: 0 1em 0 2em;}
div#elevations, div#gallery, div#utilities {width: 99%;}
div#utilities {display: none;}
div#details, div#floorplans, div#features {width: 99%;}

img.pic{padding: 0;margin: 0;}
a.zoom {border: none; background: none;}
div.box a.zoom {float: none; width: auto; display: inline; margin: 0 6px 6px 0;}
a.zoom img {display: inline;float: none;}
span.enlarge {display: none;}

div.highlight {background: none; border: none; margin: 20px 0; padding: 0;overflow: visible;}
div.highlight h5 {color: #AB2821;}
div.modular-advantages {background: none;padding: 0;}
div.crane-set {margin:  0 0 10px; float: none; }
div.crane-set p {margin: 5px 0;}
div.quality-and-value {background: none;padding: 0;}
div.appearance {margin:  0 0 10px; float: none; width: 300px;}
div.appearance p {margin: 5px; font-size: 11px;}
div.features-and-options {background: none;padding: 0;}
div.building {background: none;padding: 0;}

#footer {width:99%;min-width: 0;border-top: 1px solid #5d7c33;margin: 20px 0 0 0;padding: 10px 0 0;}
#footer p { padding:0;}
#footer p.eho {position: relative; top: 0; left: 0;width: 99%; height: auto;background: none;text-indent: 0;}

/*------------------Builder Form------------------------*/
map {display: none;}
#partner-map {float: none;}
#partner-list {float: none;}
#partner-list ul li {background: none;margin: 0 0 5px 0;padding: 0;list-style: none;}
#partner-list ul li a {width: 400px;}
#national-contact {width: 400px;}
#partner-list ul li img, #national-contact img {float: none; display: inline;}
#partner-list ul li input {display: none;}

form#info-request {margin: 0; width: auto;}
form#info-request fieldset {width: auto;float: none;margin: 0 0 10px 0;clear: both;}
form#info-request fieldset#proj-desc {width: auto;float: none;clear: both;}
form#info-request input, form#info-request select {width: auto;display: inline;}
form#info-request textarea {width: auto; height: 20px;display: inline;}

h1, h2, h3, h4, h5, h6 { page-break-after:avoid; page-break-inside:avoid;}
img { page-break-inside:avoid; }
table, form { page-break-inside:avoid }
}

/*------------------Price Request Info Form ------------------------*/
form#priceRequestForm input#bestPhone1, form#priceRequestForm input#bestPhone2 {width: 30px;display: inline}
form#priceRequestForm input#bestPhone3 {width: 40px;display: inline}
