/* Body/main content */
body { background: url('../img/background.gif') #543019 center 0; font: 0.8em 'Lucida Sans', Arial, Helvetica, sans-serif; text-align: center; margin: 0px; padding: 0px; padding-bottom: 30px; color: #543019 }
#content { width: 824px; background: #eae4ce; border: 1px solid #543019; border-bottom: 0px; border-top: 0px; margin: 0px auto }
#content-bottom { width: 824px; height: 30px; background: url('../img/content-bottom.gif') no-repeat ; margin: 0px auto; overflow: hidden }
#content-bottom p { color: #eae4ce }

a { color: #543019 } /* #9fa615 */
a:hover { text-decoration: none }

/* Header */
#header { text-align: left; padding: 0px 25px 5px 40px }
#header img { padding-top: 40px }

/* Top links */
#header ul#top-links { list-style-type: none; float: right; margin-top: 10px }
#header ul#top-links li { float: left; padding: 0px 5px 0px 4px; background: url('../img/top-links-background.gif') right 3px no-repeat }
#header ul#top-links li.last { background: none }
#header ul#top-links a { color: #630; text-decoration: none }
#header ul#top-links a:hover, #header ul#top-links a.highlight { color: #9fa615; text-decoration: none }

/* Email updates */
#get-updates { width: 150px; float: right; clear: right; padding-top: 15px; padding-right: 20px; font-size: 0.9em }
#get-updates fieldset { padding: 0px; border: none }
#get-updates input { margin-top: 3px; vertical-align: top; background: url('../img/get-updates-input.gif') bottom right no-repeat; width: 122px; height: 14px; border: 0px; padding: 2px 0px 0px 3px; font-size: 9px }
#get-updates button { margin-top: 3px; vertical-align: top; background: url('../img/get-updates-button.gif'); border: 0px; padding: 0px; width: 17px; height: 16px; cursor: pointer }

* html #get-updates input { vertical-align: baseline }
* html #get-updates button { vertical-align: baseline }

/* Nav */
ul#nav { width: 655px; height: 26px; overflow: hidden; margin: 10px auto; background: #9fa615; list-style-type: none; padding: 0px 0px 0px 65px }
ul#nav li { float: left }
ul#nav li a { color: #fff; font-size: 1em; padding: 6px 22px 5px 22px; background: url('../img/nav-background.gif') right 8px no-repeat; display: block; text-transform: uppercase; text-decoration: none }
ul#nav li a:hover, ul#nav li a.highlight { color: #630 }
ul#nav li a.last { background: none }

/* Index */
#index-copy { float: left; width: 350px; padding: 25px 0px 45px 50px; text-align: left; line-height: 1.4em; font-size: 1.1em }
#index-copy h1 { font-size: 1.5em; color: #9fa615; margin-top: 0px }

#index-right { float: right; width: 350px; padding: 8px 40px 0px 30px; font: 1.2em Verdana, Helvetica, sans-serif; color: #9fa615; text-align: left; line-height: 130% }
#index-right a.alt { color: #039 }
#index-right h2 { font-size: 1em; line-height: 1.25em; font-weight: normal; color: #543019; width: 312px; height: 150px; padding: 10px; display: block; background: url('../img/index-callout.gif') }

#index-right2 { float: right; width: 200px; padding: 0px 0px 30px 130px; font: 1.2em Verdana, Helvetica, sans-serif; color: #9fa615; text-align: left; line-height: 130% }
#index-right2 a.alt { color: #039 }
#index-right2 h2 { font-size: 0.95em; line-height: 1.1em; font-weight: normal; color: #543019; width: 312px; height: 129px; padding: 10px; display: block; background: url('../img/index-callout.gif') }


/* Secondary */
#secondary-copy { width: 720px; margin: 0px auto; text-align: left }
#secondary-copy.features { background: url('../img/features-background.jpg') right top no-repeat }
#secondary-copy h1 { color: #9fa615; font-size: 1.7em }
#secondary-copy h1 span { color: #630; font-size: 0.70em; font-style: italic; font-weight: normal }

#secondary-copy h2 { color: #9fa615; font-size: 1.2em }

/*#secondary-copy p{ width: 650px; }
#secondary-copy p#narrow{ width: 400px; }*/

#secondary-copy ul {list-style-image: url(../img/bullet.gif); padding-left: 1.1em; margin-top: -.9em; width: 550px}
#secondary-copy ul li {padding-bottom: 2px}

#secondary-copy #right-image {float: right; padding: 0px 20px 0px 50px; text-align: right; color: #543019}
#secondary-copy #right-image a {color: #543019; padding-right: 8px}

/* pricing */
ul#pricing-tabs { list-style-type: none; margin: 0px; padding: 0px ;list-style-image: none}
ul#pricing-tabs li { float: left; text-align: center; height: 22px; padding-right: 2px ; font-size: 1.2em; padding-bottom: 0}
ul#pricing-tabs li a { width: 111px; height: 21px; padding-top: 3px; display: block; color: #630; background: url('../img/tab-background.gif') right top; text-decoration: none }
ul#pricing-tabs li a:hover, ul#pricing-tabs li a.highlight { padding-bottom: 1px; background: url('../img/tab-background.gif') left top no-repeat; z-index: 1; position: relative }
* html ul#pricing-tabs { margin-bottom: -3px }

#pricing-data { width: 573px; height: 285px; padding: 10px 10px 20px 2px; background: url('../img/pricing-data-background.gif'); clear: left; text-align: center; z-index: 0 }
#pricing-data table { width: 100%; height: 100% }
#pricing-data table tr.sold { background: #bdae97; }
#pricing-data table tr.incontract { background: #d3d196 }
#pricing-data table th { border-bottom: 2px solid #630 }
#pricing-data table th.status, #pricing-data table td.status { font-style: italic; text-align: left }
p#disclaim {font-style: italic; width: 450px; font-size: 0.9em}

/* Styles on floorplan pages */
#callout { width: 650px; padding: 10px; text-align: left; font-size: 1em; margin: 0px 20px 10px 75px; border: 1px solid #543019 }
#callout strong { color: #9fa615 }

#floorplan a { color: #543019 }
#floorplan a:hover, #floorplan a.highlight { color: #9fa615 }

#details { width: 500px; margin: 0px auto 20px auto; text-align: left }
#details img { float: left; padding-right: 20px }
#details .text { padding-top: 20px }

#details-alt { width: 700px; margin: 0px auto 20px auto; text-align: left }
#details-alt .text .padded { float: right; width: 300px; padding: 40px 15px 30px 0px }
#details-alt img { float: left; padding-right: 20px }

#floorplan img { border: 0px }

/* Misc. styles */
a img { border: 0px }
.clear-both { clear: both }
.clear-left { clear: left }
form { margin: 0px; padding: 0px }
hr { border: 0px; border-top: 1px dotted #543019; height: 0px }

/* Styles for contact form */
#contact fieldset { border: none }
#contact label { width: 700px; float: left; margin-top: 5px; font: normal 1em Arial, sans-serif }
#contact input, select, text { width: 250px; float: left; margin-top: 3px; border: 1px solid #666 }
#contact textarea { width: 350px; float: left; margin-top: 3px; border: 1px solid #666 }
#contact select { width: auto; margin-top: 5px }
#contact input[type=checkbox] { width: auto; border: none }

#contact .input { width: 200px; float: left; margin-top: 5px; font: bold 1em Arial, sans-serif }
#contact .label { width: 75px; float: left; margin-top: 5px; font: normal 1em Arial, sans-serif }
#contact .checkbox-label, #contact .select-label { width: 250px; font: normal 1em Arial, sans-serif; float: left; margin-top: 5px;  }
#contact .wide { width: 230px; float: left }

#contact .error { border: 2px solid #dc5855 }
.required { color: #dc5855; font: bold 1em Arial, sans-serif }
#contact .email-warning { color: #dc5855; font: bold 0.7em Arial, sans-serif }
#contact .button {text-align: center; color: #fff; font-size: .9em; background-position: center .25em; background-repeat: no-repeat; background-color: #eae4ce; width: 60px; height: 20px;  background-image: url('../img/contact-button.gif'); margin-top: 5px ;  border: none}
#contact .edit { margin-right: 10px }
#contact .confirm { float: none }

#link { float: right; margin-top: -20px; }