body { font-family: Lucida Sans Unicode, Lucida Grande, sans-serif; font-size:12px; margin:0px; padding:0px; background-color:#E6E6E6; }

a { color: #666; }
a.active { color:#F00; }

h1, h2, h3, h4, h5, h6 { font-family: Palatino Linotype, Book Antiqua3, Palatino6, serif; }
h1 { font-size: 17px; }
h2 { font-size: 15px; }
h3 { font-size: 13px; }
h4 { font-size: 12px; }
h5 { font-size: 11px; }
h6 { font-size: 10px; }

ul { list-style-image:url(../images/li_arrow.gif); }
li { }
	
/* Body */
#body-header-wrap {  height: 90px; background-color: #3B372E; }
#body-header { width:950px; margin:auto; }
#body-header h1 { margin: 0px; padding: 0px; height: 90px; width: 177px; background-image: url(../images/bydha-logo.png); float: left; z-index: 1000; }
#body-header h1 span { display: none; }
#leader-wrap { font-size: 9px; color: #808080; background-color: #FFF; border-top: 1px solid #999; border-bottom: 1px solid #666; height: 20px; line-height: 20px; }
#leader { width:950px; margin:auto; }
#leader-breadcrumbs { float: left; }
#leader-contact { float: right; background-image: url(../images/leader-contact.png); width: 366px; height: 20px; }
#leader-contact span { display: none; }

#body-wrap { width:950px; margin:auto; border-bottom:1px solid #666; border-left:1px solid #DDD; border-right:1px solid #DDD; background-color:#FFF; clear: both; }
#body-middle { background-repeat:repeat-y; background-position:top center; }
#body-top { background-repeat:no-repeat; background-position:top center; }
#body-bottom { background-repeat:no-repeat; background-position:bottom center; }

#footer-wrap { width:950px; margin:auto; }

/* Main menu */
#main-menu { padding-left:10px; font-family: Lucida Sans Unicode, Lucida Grande, sans-serif; height:35px; position: relative; top: 50px; right: 0px; z-index: 1; }
#main-menu ul { list-style: none; padding-left:0px; margin:0px; float: right; }
#main-menu ul li { display:block; float:left; line-height:35px; padding:0px; margin:0px; }
#main-menu ul li span a { text-decoration: none; border-right:1px solid #999; border-left:1px solid #AAA; padding:0px 6px 0px 6px; color:#FFF; }
#main-menu ul li span a.firstItem { border-left: 0px; }
#main-menu ul li span a.lastItem { border-right: 0px; }
#main-menu ul li span a.active { text-decoration: underline; color: #DDD; }

#end-cap { background-color: #655d4f; background-image: url(../images/end-cap-background.png); background-repeat: repeat-x; }

/* Footer menu */
#footer-menu { padding-left:0px; font-family: Lucida Sans Unicode, Lucida Grande, sans-serif; font-size:9px; height: 35px; }
#footer-menu ul { list-style: none; padding-left:0px; margin:0px; }
#footer-menu ul li { display:block; float:left; line-height:35px; padding:0px; margin:0px; }
#footer-menu ul li span a { text-decoration:none; border-right:1px solid #DDD; border-left:1px solid #EEE; padding:0px 6px 0px 6px; color: #666; }
#footer-menu ul li span a.firstItem { border-left:0px; }
#footer-menu ul li span a.lastItem { border-right:0px; }
#footer-menu ul li span a.active { text-decoration: underline; }

/* Content */
.content-block { padding-left: 1em; padding-right: 1em; margin-top: 25px; margin-bottom: 2em; }
/* L2 */
#l2 { background-image: url(../images/l2-background.png); }
#l2-content { background-color: #FFF; float:right; width: 740px; background-image: url(../images/l2-content-background.png); background-repeat: no-repeat; }
#l2-sidebar {	font-family: Lucida Sans Unicode, Lucida Grande, sans-serif; float:left; width:210px;  }
#l2-sub-menu { width: 209px; margin-top:30px; }
#l2-sub-menu ul { list-style-image:none; list-style: none; padding:0px; margin:0px; }
#l2-sub-menu ul li { text-align: right;	padding:0px; margin:0px; }
#l2-sub-menu ul li.active { background-color: #CCC; }
#l2-sub-menu ul ul li { padding: 2px 0px 2px 0px; }
#l2-sub-menu ul ul li.active { background-color: #F5F5F5; }
#l2-sub-menu ul ul { background-color: #FFF;	border-top:1px solid #BBB; border-bottom:1px solid #BBB; }
#l2-sub-menu ul ul li span { font-weight:normal; display: block; }
#l2-sub-menu ul li span a { display: block; text-decoration: none; margin:0px 0px 0px 0px; padding: 5px 5px 5px 0px; color: #666; }
#l2-sub-menu ul li span a.firstItem { border-left: 0px; }
#l2-sub-menu ul li span a.lastItem { border-right: 0px; }
#l2-sub-menu ul li span a.active { text-decoration: none; color: #000; }

/* Plans/Lots */
#overview-sidebar { float:left; width:180px; font-size:9px; margin-left:20px; }
#overview-sidebar h5 { margin:5px 0px; }
#overview-sidebar ul { margin:0px 0px 0px 12px; padding: 0px; }
#overview-content { width:510px; float: left; }

/* Plans/Lots */
.plan-details ul { float: left; width: 150px; }
h2.plan-name { display: block; padding-top:.5em; margin-top: 1em; border-top: 1px solid #EEE; }
.plan-list-description { margin-right: 280px; }
.plan-elevations { margin: 1em; float: right; padding-left: 1em; }
.plan-elevations img { border: 1px solid #CCC; }
.elevation-image-active { display: block; }
.elevation-image-inactive { display: none; }
.elevation-controls a { background-color: #CCC; color: #EEE; padding:1px 4px 1px 4px; margin-right: 3px; text-decoration: none; }
a.elevation-active { background-color: #999; color: #FFF; }
.plan-item { clear: right; }
.plan-item ul { list-style-image:url(../images/li_arrow.gif); }
.plan-list { }
.disclaimer { margin-top: 10px; border-top: 1px solid #CCC; padding-right: 1em; }
.disclaimer p { margin-top: 10px; font-size:8px; }

/* Plan detail tabs */
/* Section tabs */
#plan-details { float: left; width: 160px; text-align: left; }
#plan-details ul { margin-left: 10px; padding: 0px; }
div#description img { margin: 0em 1em; border: 1px solid #CCC; }
ul#section-tab-nav { width: 500px; list-style-image:none; list-style-position:outside; list-style-type:none; margin: 0px; padding: 0px; z-index: 1; top: 1px; position:relative; }
ul#section-tab-nav li { float: left; padding: 5px 8px 5px 8px; border: 1px solid #CCC; background-color: #EEE; border-bottom: 1px solid #CCC; font-size: 9px; }
ul#section-tab-nav li a { text-decoration: none; }
ul#section-tab-nav li.active { background-color: #FFF; border-bottom: 1px solid #FFF; font-weight: bold}
.section-tab-panels { width: absolute; padding: 1em; clear:both; border: 1px solid #CCC; margin-bottom: 2em; z-index:0; position: relative; top:0px; background-color: #FFF; }
.section-tab-panel { width: 690px; }

/* Elevation tabs */
ul#elevation-tab-nav { width: 160px; float: left; list-style-image:none; list-style-position:outside; list-style-type:none; margin: 0px; padding: 0px; }
ul#elevation-tab-nav li { line-height: 35px; }
ul#elevation-tab-nav li span { padding: 10px; }
ul#elevation-tab-nav li.active { background-color: #EEE; }
div#elevation-tab-panels { float:right; }
div#plan-details-description { clear: both; }

/* Floor plans tabs */
ul#floor-plans-tab-nav { width: 150px; float: left; list-style-image:none; list-style-position:outside; list-style-type:none; margin: 0px; padding: 0px; }
ul#floor-plans-tab-nav li { line-height: 35px; text-align: left; }
ul#floor-plans-tab-nav li.active { background-color: #EEE; }
ul#floor-plans-tab-nav li span { padding: 10px; }
#floor-plans-tab-panels { float: right; }

/* Homesites tab */
table#homesites-table { border: 1px solid #CCC; }
table#homesites-table tr th { background-color: #CCC; height: 30px; }
table#homesites-table tr td { text-align: center; padding: 3px; }
table#homesites-table tr.odd { background-color: #EEE; }

/* Lot/Home */
h2.lot-name { display: block; padding-top:.5em; margin-top: 1em; border-top: 1px solid #EEE; }

.feature-labels a { background-color: #CCC; color: #EEE; padding:1px 4px 1px 4px; margin-right: 3px; text-decoration: none; }
.feature-labels a.feature-label-active { background-color: #999; color: #FFF; }


/* Utility */
.screen-hide { display:none; }
.hard-rule { border-top: 1px solid #CCC; }

/* Home Finder: Lot List */
.lot-list-item-id { float: right; padding: .2em; background-color: #999; color: #FFF; }
.lot-list-item-header { margin-top: 2em; border-top: 1px solid #CCC; }
.lot-list-item h2 { float: left; margin: 0px; padding: 0px; }
.lot-list-item-hr { clear: both; }
.lot-list-item-image { float: right; padding-left: 1em; }
.lot-list-item-image img { border: 1px solid #CCC; }
.lot-list-item-details { width: 435px; float: left; }
.lot-list-item-area { padding-top: 1em; clear: left; }
.lot-list-item-links, .lot-list-item-features, .lot-list-item-price { padding-top: 1.5em; float: left; }
.lot-list-item-links ul, .lot-list-item-features ul { margin: 0px 0px 0px 1em; padding: 0px 0px 0px 1em; list-style-image: url(../images/li_arrow.gif); }
.lot-list-item-price { float: left; margin-left: 1em; }
div.home-module { color: #666; background-image: url(../images/module-background.png); background-repeat: repeat-x; background-color: #f5f5f5; }
div.home-module h3 { background-color: #3B372E; color: #FFF; margin: 0px; padding-left: 0em; margin-left: .5em; line-height: 40px; height: 40px; background-position: center left; background-repeat: no-repeat; }
div.home-module h3 span { display: none; }
div.home-module h3.home-finder { background-image: url(../images/home-finder/home-finder-h3.png); }
div.home-module h3.featured-property { background-image: url(../images/featured-property-h3.png); }
#footer-credits { float: right; line-height: 25px; color: #999; }


a.find-button { float: right; display: block; background-image: url(../images/find-button.png); border: none; width: 45px; height: 25px; margin: 0px; padding: 0px; }
a.find-button span { display: none; }

a.join-button { float: right; display: block; background-image: url(../images/join-button.png); border: none; width: 45px; height: 25px; margin: 0px; padding: 0px; }
a.join-button span { display: none; }
#end-cap-contact { float: right; background-image: url(../images/end-cap-contact.png); width: 229px; height: 25px; }
#end-cap-contact span { display: none; }
#end-cap-links { line-height: 25px; text-transform: capitalize; color: #CCCBC9; }
#end-cap-links a { color: #CCCBC9; }


input.x-form, select.x-form { color: #666; border: 1px solid #CCC; }
#mortgage-estimator { background-color:#EEEEEE; border:1px solid #645665; padding:0 2em 2em; position:absolute; visibility:hidden; width:235px; z-index: 600;}

.x-form-item { font-family:tahoma,arial,helvetica,sans-serif; font-size:12px; font-size-adjust:none; font-style:normal; font-variant:normal; font-weight:normal; line-height:normal; }
.x-form-element-number { text-align:right; }
.x-form-element-readonly { background-color:#EEEEEE; border:1px solid #000000; }
.x-form-item label { clear:left; display:block; float:left; padding:3px 3px 3px 0; position:relative; width:100px; z-index:2;}

div.map-legend { background-color: #EEE; float:left;width:160px; margin-left:20px;border:1px solid #CCC; padding:1em; }
div.map-legend h3 { margin-top: 0px; }

div.map-legend ul { list-style: none; list-style-image: none; margin:0px; padding:0px; }
div.map-legend ul li { background-position: left middle; background-repeat: no-repeat; display: block; padding-left: 30px; line-height: 20px; padding-bottom: 5px;}
div.map-legend ul li.open-sub { background-image: url(../images/icons/marker_red.png); }
div.map-legend ul li.new-sub { background-image: url(../images/icons/marker_purple.png); }
div.map-legend ul li.cs-sub { background-image: url(../images/icons/marker_green.png); }
