body { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; background: #58691b url(../images/greengrad3.jpg) repeat-x; font-size: 62.5%; color: #867a77; margin: 0 10px 10px 10px; padding: 0px; text-align: center; }

#shad { width: 988px; background: url(../images/shad2.gif) left top; margin: 0 auto 0 auto; }

#shad:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }


#wrap { text-align: left; width: 960px; margin: 0 auto 0 auto; background: #FFFFFF; }

#header { padding: 20px 26px 20px 15px; }

#broch { float: right; margin-: -5px; }
#nav-ctas { float: right; }
#nav-ctas img { margin: 0 0 0 15px; }

#nav { width: 100%; height: 27px; margin-bottom: 16px; }
#nav ul { margin: 0; padding: 0; list-style: none; }
#nav li { margin: 0; padding: 0; float: left; list-style-type: none; }
#nav a { height: 27px; display: block; float: left; }
#nav a span { display: none; }

/* nav styles +++++++++++++ */

#navhome a:link, #navhome a:visited { background: url(../images/nav_home.gif) left top no-repeat; width: 192px; }
#navhome a:hover, #navhome a:active { background: url(../images/nav_home.gif) left -27px no-repeat; }
#navhome a.sel { background: url(../images/nav_home.gif) left -54px no-repeat; }

#navprops a:link, #navprops a:visited { background: url(../images/nav_properties.gif) left top no-repeat; width: 192px; }
#navprops a:hover, #navprops a:active { background: url(../images/nav_properties.gif) left -27px no-repeat; }
#navprops a.sel { background: url(../images/nav_properties.gif) left -54px no-repeat; }

#navspec a:link, #navspec a:visited { background: url(../images/nav_spec.gif) left top no-repeat; width: 192px; }
#navspec a:hover, #navspec a:active { background: url(../images/nav_spec.gif) left -27px no-repeat; }
#navspec a.sel { background: url(../images/nav_spec.gif) left -54px no-repeat; }

#navbroch a:link, #navbroch a:visited { background: url(../images/nav_brochure.gif) left top no-repeat; width: 192px; }
#navbroch a:hover, #navbroch a:active { background: url(../images/nav_brochure.gif) left -27px no-repeat; }
#navbroch a.sel { background: url(../images/nav_brochure.gif) left -54px no-repeat; }

#navloc a:link, #navloc a:visited { background: url(../images/nav_location.gif) left top no-repeat; width: 192px; }
#navloc a:hover, #navloc a:active { background: url(../images/nav_location.gif) left -27px no-repeat; }
#navloc a.sel { background: url(../images/nav_location.gif) left -54px no-repeat; }

#navcon a:link, #navcon a:visited { background: url(../images/nav_contact.gif) left top no-repeat; width: 192px; }
#navcon a:hover, #navcon a:active { background: url(../images/nav_contact.gif) left -27px no-repeat; }
#navcon a.sel { background: url(../images/nav_contact.gif) left -54px no-repeat; }

#leftcol { float: left; width: 460px; border-left: 15px solid #FFFFFF; border-right: 30px solid #FFFFFF; }

.viewdev { display: block; background: url(../images/b_view.gif) repeat-y; margin-bottom: 15px; }
.viewdev h2 { background: url(../images/h_view.gif) no-repeat; width: 450px; height: 32px; display: block; margin-bottom: 0; padding-bottom: 0; }
.viewdev h2#coquet { background: url(../images/h_coquet.gif) no-repeat; width: 450px; height: 32px; display: block; margin-bottom: 0; padding-bottom: 0; }
.viewdev h2#wansbeck { background: url(../images/h_wansbeck.gif) no-repeat; width: 450px; height: 32px; display: block; margin-bottom: 0; padding-bottom: 0; }
.viewdev h2#brochure { background: url(../images/h_brochure.gif) no-repeat; width: 450px; height: 32px; display: block; margin-bottom: 0; padding-bottom: 0; }
.viewdev h2#spec { background: url(../images/h_spec.gif) no-repeat; width: 450px; height: 32px; display: block; margin-bottom: 0; padding-bottom: 0; }
h2 span { display: none; }
.viewdev img { float: right; margin: 0 25px 0 10px; }
.viewdev img.tumb { float: right; margin: -20px 25px 0 10px; }
.viewdev p { margin: 0 0 0 12px; padding: 0; }
.viewdev a:link, .viewdev a:visited { background: url(../images/a_view.gif) no-repeat; color: #FFFFFF; text-decoration: none; display: block; min-height: 19px; padding: 1px 0 0 34px; margin: 10px 0 0 0; }
.viewdev a.dl:link, .viewdev a.dl:visited { background: none; display: inline;; padding: 0; margin: 0; }
.viewdev a:hover, .viewdev a:active { text-decoration: underline; color: #ffffff; }

#loca { display: block; background: url(../images/b_about.gif) repeat-y; margin-bottom: 15px; }
#loca h2 { background: url(../images/h_about.gif) no-repeat; width: 450px; height: 32px; display: block; margin-bottom: 0; padding-bottom: 0; }
#loca img { float: right; margin:  0 25px 0 10px; }
#loca p { margin: 0 0 0 12px; padding: 0; }
#loca a:link, #loca a:visited { background: url(../images/a_about.gif) no-repeat; color: #FFFFFF; text-decoration: none; display: block; min-height: 19px; padding: 1px 0 0 34px; margin: 10px 0 0 0; }
#loca a:hover, #loca a:active { text-decoration: underline; color: #ffffff; }

.viewdev h2.text, #loca h2.text {
	width: 450px;
	height: 30px;
	display: block;
	margin-bottom: 0;
	padding-bottom: 0;
	line-height: 32px;
	text-indent: 13px;
	font-family: Arial, Helvetica, sans-serif;
}
.viewdev h2.red {
	color: #a72523;
	background: url(../images/h_view.gif) no-repeat;
}
.viewdev h2.green, #loca h2.green {
	color: #859A3B;
	background: url(../images/h_about.gif) no-repeat;
}

/*#viewdev, #loca { display: block; }
#viewdev { background: url(../images/b_view.gif) repeat-y; }
#viewdev h2 { background: url(../images/h_view.gif) no-repeat; }
#viewdev img, #loca img { float: right; margin:  0 10px 0 10px; }
#viewdev p, #loca p { width: 200px; display: block; float: left; margin-top: 0; padding-top: 0; }
a#viewdev:link, a#viewdev:visited { text-decoration: none; color: #867a77; border-top: 1px solid #dfdbda; border-bottom: 1px solid #dfdbda; padding: 5px 0 5px 0; min-height: 76px; }
a#loca:link, a#loca:visited { text-decoration: none; color: #867a77; border-bottom: 1px solid #dfdbda; padding: 5px 0 5px 0; min-height: 76px; }
a#viewdev:hover, a#viewdev:active, a#loca:hover, a#loca:active { text-decoration: none; color: #000000; }*/

#rightcol { float: left; width: 432px; }
#rightcol img { border: 1px solid #cdc7c5; }

#foota { display: block; clear: both; height: 24px; width: 988px; margin: auto; background: url(../images/foota2.gif) no-repeat; }
#footer { width: 930px; margin: 0 auto 20px auto; clear: both; display: block; padding: 0; color: #a5b765; text-align: left; }
#footer div { float: right; }
#footer a:link, #footer a:visited { color: #a5b765; text-decoration: none; }
#footer a:hover, #footer a:active { color: #ffffff; text-decoration: none; }

a:link, a:visited { color: #a72523; text-decoration: none; }
a:hover, a:active { color: #859a3b; text-decoration: none; }

#estate { margin-top: 0; padding-top: 0; display: block; }
#estate p { float: left; font-size: 1.2em; }
#estate img { margin: 0 78px 10px 0; }

.showhome { float: right; margin: 10px 58px 0 0; font-size: 1.3em; color: #859a3b; text-align: center; }

form { margin: 0; padding: 10px 0 0 0; clear: left; }

label { display: block; min-height: 22px; border-top: 1px solid #eae8e7; clear: both; padding: 3px 0 2px 0; margin-top: 0; font-size: 1.2em; }
label.noborder { border-top: none; min-height: 16px; }
label input, label textarea { float: right; font-size: 1.2em; width: 225px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }
label select { float: right; font-size: 1.2em; width: 228px; }
label input#sms_updates, label input#email_updates { margin-right: 213px; width: auto; }
input#Submit { background: #859a3b; width: 225px; text-align: center; color: #FFFFFF; font-weight: bold; border: 1px; float: right; margin-top: 10px; clear: both; }
.first { margin-top: 0; padding-top: 0; }

p { line-height: 1.4em; font-size: 1.2em; }
ul { line-height: 1.4em; font-size: 1.2em; }
.directions { float: right; clear: right; margin-top: 10px; }

input.validation-failed, textarea.validation-failed { border: 1px solid #e22b2d; color : #e22b2d; }
input.validation-passed, textarea.validation-passed { border: none; color : #000; }
.validation-advice { color: #e22b2d; }
h1 {
	font-size: 22px;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	line-height: 30px;
}
h1 span { }
h1#home { background: url(../images/h1_home.gif) no-repeat; display: block; height: 50px; }
h1#properties { background: url(../images/h1_properties.gif) no-repeat; display: block; height: 75px; }
h1#spec { background: url(../images/h1_spec.gif) no-repeat; display: block; height: 105px; }
h1#contact { background: url(../images/h1_contact.gif) no-repeat; display: block; height: 30px; }
h1#loca { background: url(../images/h1_loca.gif) no-repeat; display: block; height: 80px; }
h1#coquet { background: url(../images/h1_coquet.gif) no-repeat; display: block; height: 30px; }
h1#wansbeck { background: url(../images/h1_wansbeck.gif) no-repeat; display: block; height: 30px; }
h2 { color: #000000; font-size: 1.6em;}
p.small {font-size: 0.9em;margin: 2px 0;}