/* CSS Document */
/* COLOR SCHEME
e6e1dc dfdad5 d0cbc4 bbb3ab b2aaa3 ada59d a29891 968c85 8d837d 7c736c 706761 warm greys
   241516   darkest brown
   a50069 light /ff0099 highlight magenta
   0080bc blue for links
   color: #00887d; jewel green */
   

html{background: #241516 url('../gfx/bkgrd.jpg'); }
body {margin:0; padding: 0 0 30px 0; background: url('../gfx/bkgrdNav.png') repeat-x top left; color: #706761; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 150%; letter-spacing: .02em;}
h1, h2, h3, .h3text {margin: 0; padding: 1em 0 .2em 0; color: #00887d; font-family: "Myriad Pro", "Trebuchet MS", Tahoma, sans-serif; font-weight: normal; letter-spacing: .02em; line-height: 130%;}
h1 {font-size: 18px; padding-top: 0;}
h2 {font-size: 16px;}
h3, .h3text {font-size: 14px; letter-spacing: .1em; }
a, a:visited {color: #cc0099; text-decoration: none; }
a:active, a:hover {color: #ff0099; text-decoration: underline; }
.current { border-bottom: 1px dotted; cursor: default; }
.clear {clear: both;}
p {margin: 0; padding: 0 0 1em 0; }
p.singleSpace {margin: 0; padding: 0; }
.glyph {margin:0; padding: 0 10px 0 0; vertical-align: middle; }
.attribution {margin: 0; padding: 0; text-align: right; font-style: italic; }
.LeftFloat {margin: 0; padding: 7px 30px 30px 0; float: left; border: none; }
.rightFloat {margin: 0 0 20px 20px; padding: 0; float: right; width: 250px;  }
.rightFloat h3 {padding-top: 0; }
.textAlignRight {text-align: right; clear:right; }
.bodyText {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 150%; letter-spacing: .02em; color: #706761; }

/* Surrounds all Content */
#outerBox {margin: 0 auto; padding: 0; width: 950px; }

/* Nav Content */
#navBox {margin: 0; padding: 0; width: 100%; height: 50px; position: relative; font-size: 11px; }
#contact {position: absolute; bottom: 9px; right: 5px; color: #ccffcc; font-size: 10px; letter-spacing: .04em;}
#contact a:link, #contact li a:visited {color: #ccffcc; text-decoration: none;}
#contact a:hover {text-decoration: underline; }
#nav { position:absolute; left: 5px; bottom: 3px; font-family: "Myriad Pro", "Trebuchet MS", Tahoma, sans-serif; text-transform: uppercase; letter-spacing:.12em; }
#nav ul {margin: 0; padding: 0; list-style: none; }
#nav li {margin: 0; padding: 0 20px 5px 0; float: left; }
#nav li a:link, #nav li a:visited {color: #66cc99; text-decoration: none; }
#nav li a.current { color: #ff0099; border-bottom: 1px dotted; cursor: default; }

/* Branding Content (logo, tag, image) */
#brandBox, #brandBoxSearch, #brandBoxProp, #brandBoxDev, #brandBoxServices, #brandBoxResources, #brandBoxAbout, #brandBoxContact {margin: 0; padding: 0; width: 100%; height: 250px; position: relative; }
#brandBox { background: #ffffff url('../gfx/hdr_ggNight.jpg') no-repeat top left;  }
#brandBoxSearch { background: #ffffff url('../gfx/hdr_mtTam.jpg') no-repeat top left; }
#brandBoxProp { background: #ffffff url('../gfx/hdr_loftwindows.jpg') no-repeat top left; }
#brandBoxDev { background: #ffffff url('../gfx/hdr_dev.jpg') no-repeat top left; }
#brandBoxServices { background: #ffffff url('../gfx/hdr_bayView.jpg') no-repeat top left; }
#brandBoxResources { background: #ffffff url('../gfx/hdr_interior.jpg') no-repeat top left; }
#brandBoxAbout { background: #ffffff url('../gfx/hdr_about.jpg') no-repeat top left; }
#brandBoxContact { background: #ffffff url('../gfx/hdr_brickInterior.jpg') no-repeat top left; }

#subnav {margin: 0 0 0 10px; padding: 0; text-transform:lowercase; width: 100%; font-size: 10px; letter-spacing: .05em; line-height: 18px; }
.lc {background: url('../gfx/bkgrdSubnav_left.png') no-repeat bottom left; width: 20px; height: 20px; float: left; }
.rc {background: url('../gfx/bkgrdSubnav_right.png') no-repeat bottom right; width: 20px; height: 20px; float: left; }
#subnav ul {margin:0; padding: 0; list-style: none; }
#subnav li {margin: 0; padding: 0 15px; height: 20px; float: left; background: url('../gfx/bkgrdSubnav.png') repeat top left; text-align: center; }
#subnav li a:link, #subnav li a:visited {color: #ccffcc; text-decoration: none; }
#subnav li a.current { color: #66cc99; border-bottom: 1px dotted; cursor: default; }
#nav li a:active, #nav li a:hover, #subnav li a:active, #subnav li a:hover { text-decoration: underline; border-bottom: none; }

#logo {position: absolute; bottom: 30px; left: 30px; width: 400px; height: 115px;   }
#logo a img {text-decoration: none; border: none;}
#tag {position: absolute; bottom: 47px; right: 30px; width: 220px; height: 27px;  }

/* Main Content includes sidebar and testimonials */
#mainBox {margin: 0; padding: 0 30px 30px 30px; position: relative; background: #ffffff; overflow: auto; }
#mainBoxSearch {margin: 0; padding: 0; position: relative; background: #ffffff; overflow: auto; }
#contentBox {margin: 0; padding: 0; width: 635px;  }
.slideshow {margin: 0; padding: 20px 0; }

/* Listings */
.listing {margin: 0; padding: 20px 0; width: 100%; overflow: auto; border-bottom: 1px dotted #99cccc;}
.listingGFX {margin: 0; padding: 0; float: left; width: 150px; border: 1px solid #99cccc; }
.listingDesc {margin: 0 20px; padding: 0; float: left; width: 300px; }
.listingDetail {margin: 0; padding: 0 0 20px 0; float: right; width: 140px; }
.listingDetail p {margin: 0; padding: 0 0 2px 0;}
.listingDescText {margin:0; padding: 0 20px 0 0; width: 450px; }
.accent {color: #a50069;}
.address {font-weight: bold; }

/* Developments */
#devBox {margin:0; padding:0; }
.dev {margin: 0 10px 10px 0; padding: 10px 0; width: 199px; text-align: center; float: left; }
.devPhoto,devName,devAddress,devNeighborhood,devLink{margin: 0; padding: 0 10px;  }
.devPhoto {padding-bottom: 10px;  }
.devName {margin: 0; padding: 0; color: #00887d; font-family: "Myriad Pro", "Trebuchet MS", Tahoma, sans-serif; font-weight: normal; letter-spacing: .02em; font-size: 14px; font-weight: bolder;}
.devDetail {margin: 0; padding: 10px 0; position: relative; }
.devLabel {position: absolute; width: 200px; text-align: right; font-weight: bold;  }
.devData {margin-left: 210px; }
.devDetail p {margin:0; padding: 0 0 2px 0; }

/* Resources */
.tableBox {margin: 0; padding: 0; clear: left; }
.tableBoxCell1 {margin: 0; padding: .25em 0 .25em 0; float: left; width: 300px; border-top: 1px dotted #99cccc;  }
.tableBoxCell {margin: 0; padding: .25em 0 .25em 0; float: left; width: 150px; border-top: 1px dotted #99cccc;  }
.formBoxCalc {margin: 30px; padding: 30px; border: 1px solid #dfdad5 ; width: 500px; }
.formBoxCalc label {position: absolute; width: 175px; }
.formBoxCalc input, .formBox textarea { margin-left: 185px;  }
.formBoxWorth {margin: 0 0 30px 0; padding: 20px; border: 1px solid #dfdad5 ;  }
.formBoxWorth p {margin:0; padding: 0 0 .5em 0; }
.formBoxWorth textarea { margin: 0 0 .2em 0; }



/* Services */
.mapsf {margin: 0 0 0 5px; padding: 0; float: right; border: none; text-align: center; font-style: italic; }

/* Contact Page and Forms */
.formBox {margin: 20px 0; padding: 30px; border: 1px solid #dfdad5 ; width: 300px; float: right; }
.formBox label {position: absolute; width: 80px; }
.formBox input, .formBox textarea { margin-left: 90px; border:1px solid #dfdad5; }

/* Sidebar Content */
#sideBarBox {margin: 0; padding: 0 0 30px 0; float: right; width: 225px; position: relative; }
#quickLinks {margin:0; padding: 0; }
#quickLinksTop {margin:0; padding: 0; width: 225px; height: 20px; background: url('../gfx/sideBar_top.png') no-repeat top left; }
#quickLinksMid {margin:0; padding: 0 20px; background: url('../gfx/sideBar_middle.png') repeat-y top left; line-height: 200%; }
#quickLinksBottom {margin:0; padding: 0; background: url('../gfx/sideBar_bottom.png') no-repeat bottom left; }
#quickLinks p, #quickLinksMid a {margin:0; padding: 0; color: #a50069; font-family: "Myriad Pro", "Trebuchet MS", Tahoma, sans-serif; font-size: 13px; text-decoration:none; }
.testimonialPageFirst, .testimonialPage, .testimonialInline, .testimonial, .testBigQuote,.testSmallerQuote {color: #00887d; font-size: 12px; }
.testimonialPageFirst, .testimonialPage, .testimonialInline {margin: 0; padding:20px; font-family: Georgia, "Times New Roman", Times, serif; letter-spacing: .02em; }
.testimonialInline, .testimonialPage { border-top: 1px dotted #99cccc; }
.testimonialPageFirst, .testimonialPage {color: #706761; }
.testimonial {margin: 0; padding: 30px 0 0 0; width: 225px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; font-style:italic; line-height: 150%; }
.testBigQuote {margin: 0; padding: 0; font-size: 32px; vertical-align: bottom;}
.testSmallerQuote {margin: 0; padding: 0; font-size: 20px; vertical-align: bottom;}
#quickLinksMid a:active, #quickLinksMid a:hover {color: #a50069; text-decoration: underline; }
.icons {text-align: right;}
.icons img {margin-top: -6px; padding-left: 6px;}
.icons a img {border: none; }

/* Footer Content */
#footer {margin: 0 auto; padding: 0; width: 950px; background: url('../gfx/bkgrdFooter.png') no-repeat bottom left; height: 40px; line-height: 40px;  }
#footerInfo {margin: 0; padding: 0 30px; font-size: 10px; }

input.invalid { background-color: #CC9900; border: 2px red inset; }
label.invalid { color: #CC9900; font-weight: bold; }