/*
#33445C - dark blue
#6484B3 - med blue
#EAEEF6 - light blue
*/

body { font: 14px/1.5 "Myriad Pro", "Lucida Grande", Arial, Helvetica, sans-serif; text-align: center; color: #33445C; background: #fff; min-width: 828px; margin: 0; padding: 0; }

a { color: #33445C; }

blockquote { font: italic 17px/1.2 "Georgia", Times, serif; margin: 0; padding: 0; }
blockquote cite { font: 13px/1.5 "Myriad Pro", "Lucida Grande", Arial, Helvetica, sans-serif; color: #6484B3; margin: 0; padding: 0; white-space: nowrap; }

h2 { font: bold 17px/1.3 "Helvetica Neue", Arial, Helvetica, sans-serif; color: #33445C; margin: 1em 0 .4em; }
h3 { font: normal 16px/1.3 "Helvetica Neue", Arial, Helvetica, sans-serif; color: #6484B3; margin: 1em 0 .4em; }

p { margin: .5em 0; }

img { border: 0; }

fieldset { border: 0; margin: 0; padding: 0; }

#header { width: 800px; margin: 0 auto; background: #fff url(../images/door.jpg) no-repeat 50px 10px; position: relative; }
#site-name { margin: 0 0 25px; padding: 0; line-height: 1; text-align: left; }
#site-name a { display: block; background: url(../images/logo.gif) no-repeat 150px 47px; height: 180px; width: 567px; margin-left: 50px; text-indent: -9999px; }
#site-slogan { position: absolute; top: 140px; left: 172px; font-size: 25px; font-weight: 300; color: #3C66A0; margin: 0; padding: 0; width: 465px;  }
#site-slogan strong { font-weight: 300; }

#nav { list-style: none; overflow: hidden; margin: 25px auto 15px; padding: 0; width: 450px; }
#nav li { list-style: none; float: left; }
#nav li a { display: block; color: #33445C; text-decoration: none; width: 150px; height: 38px; font-size: 16px; padding: 0; background-image: url(../images/nav.png); background-repeat: no-repeat; background-position: 0px 0px; text-indent: -9999px; }
#nav li a:hover { background-position: 0px -50px; }
#nav li a:active, #about #nav li.nav-about a { background-position: 0px -100px; }
#nav li.nav-typical-house a { background-position: -150px 0px; }
#nav li.nav-typical-house a:hover { background-position: -150px -50px; }
#nav li.nav-typical-house a:active, #typical-house #nav li.nav-typical-house a { background-position: -150px -100px; }

#typical-house #nav li.nav-about a { width: 149px; }
#typical-house #nav li.nav-contact a { width: 149px; background-position: -301px 0px; }
#typical-house #nav li.nav-typical-house a { width: 151px; }

#nav li.nav-contact a { background-position: -300px 0px; }
#nav li.nav-contact a:hover { background-position: -300px -50px; }
#nav li.nav-contact a:active, #contact #nav li.nav-contact a { background-position: -300px -100px; }

#header blockquote#testimonial { width: 100%; padding: 0; margin: 0; background: #fff; height: 5em; position: relative; }
#header blockquote#testimonial p { position: absolute; top: 0; left: 0; width: 100%; }

.scripted #header blockquote#testimonial p { visibility: hidden; }

#gallery { background: #EAEEF6; width: 100%; text-align: center; margin: 0; }
#gallery ul { list-style: none; margin: 0 auto; padding: 15px 0 5px; width: 828px; overflow: hidden; }
#gallery ul li { float: left; list-style: none; margin: 0 5px 10px; padding: 0; }
#gallery ul li a { float: left; line-height: 0; background: #fff; padding: 10px; border: 1px solid #ddd; margin: 0; width: 240px; height: 150px; }
#gallery ul li a:hover { border-color: #cdcdcd; }


#content { width: 780px; margin: 20px auto; text-align: left; overflow: hidden; }
#main { margin: 10px 0 0; }

#footer { width: 800px; margin: 60px auto 40px; text-align: left; border-top: 1px solid #ddd; font-size: 11px; }
#footer #copyright { float: left; margin: 5px; }
#footer #mini-nav { float: right; margin: 5px; }
#footer #mini-nav a { text-decoration: none; margin: 0 0 0 1em; }


/* page specific */

#front #gallery ul { height: 182px; }
#front #main { width: 680px; margin: 10px auto 0; }

#front #main h2.entry-title { background: url(../images/avatar.jpg) no-repeat; padding: 2px 50px 10px 75px; margin-top: 0; }
#front #main .signature { margin: 10px 0; }
#front #main p { margin-left: 75px; margin-right: 50px; }


#sidebar { width: 240px; float: left; }
#sidebar ul { list-style: none; margin: 10px 0 0; padding: 0; }
#sidebar li { margin: 0 0 10px; padding: 15px; background: #FFFEE4; border-top: 1px solid #ddd; border-left: 1px solid #ccc; border-bottom: 1px solid #bbb; border-right: 1px solid #bbb; }
#sidebar li p { margin: 0; line-height: 1.2; }
#sidebar li p.posted { font-size: 11px; line-height: 10px; text-transform: uppercase; color: #6484B3; margin: 0; padding: 0 0 5px; }
#sidebar[id] li p.posted { background: url(../images/pin.png) no-repeat top right;  margin: -25px -15px 0 0; padding-top: 25px; }


#about #main h2.entry-title { text-align: center; }
#about #main .col { width: 350px; float: left; padding: 0 20px; }

#about #main img.right { float: right; border: 1px solid #ddd; padding: 5px; margin: 0 0 15px 15px; }


#typical-house #main .col-1 { width: 280px; float: left; margin-right: 60px; }
#typical-house #main .col-2 { width: 420px; float: left; }

#typical-house #main .col-2 .cols { width: 210px; float: left; margin: 0; padding: 15px 0 0; }
#typical-house #main .col-2 .cols li { list-style: none; margin: 0 0 6px; padding: 0 0 0 21px; background: url(../images/tick.gif) no-repeat 0px 3px; color: #3C66A0; }


/* Contact */

#contact #content { width: 700px; }
#contact #main h2.entry-title { text-align: center; }

.zemContactForm { width: 450px; margin: 1em 0 30px 0; float: left; }
.zemContactForm legend { display :none; }
.zemContactForm p { float: left; margin: 0 10px 3px 0; }
.zemContactForm label { font-size: 12px; line-height: normal; display: block; margin: 0; }
.zemContactForm br { display: none; }

.zemContactForm p.hidden { visibility: hidden; height: 0; width: 0; overflow: hidden; float: none; display: block; margin: 0; padding: 0; }
.zemContactForm input.zemRadio { display: inline; }
.zemContactForm label.zemRadio { display: inline; }

.zemContactForm input.zemSubmit { margin: 20px 0; clear: both; }

.zemContactForm h5 { padding: 1em 0 0; clear: left; }
.zemContactForm ol { padding-top: .5em; clear: left; }
.zemContactForm ol li * { vertical-align: middle; }

.zemContactForm label.zemRequirederrorElement { color: #900; }
.zemContactForm input.zemRequirederrorElement, 
.zemContactForm textarea.zemRequirederrorElement { border: 1px solid #c00; }

ul.zemError { list-style: square outside; font-size: 12px; color: #900; }
ul.zemError li { margin: 0 0 .3em 1.5em; }


.zemContactForm p input.zemText { display: block; width: 134px; font-size: 14px; border: 1px solid #c3c3c3; border-top-color: #7C7C7C; border-bottom-color: #DDD; background: #F4F9F8; margin: 2px 0 0; padding: 2px; }

.zemContactForm p.subject input { width: 434px; }

.zemContactForm label.zemTextarea { clear: both; width: 100%; display: block; }
.zemContactForm textarea { width: 434px; margin: 2px 0 5px; padding: 2px; overflow: auto; border: 1px solid #c3c3c3; border-top-color: #7C7C7C; border-bottom-color: #DDD; background: #F4F9F8; font-size: 14px; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; }

.zemContactForm p.checks { margin: 1em 0; }
.zemContactForm p.checks br { display: block; }
.zemContactForm label.zemCheckbox { display: inline; margin: 0 10px 0 0; }



.zemThanks { font-size: 14px; }


/* vCard */

.vcard { margin: 2em 0 0 50px; width: 200px; padding: 0; float: left; }

.vcard a { text-decoration: none; }
p.n, p .tel .type { display: none; }

.vcard .street-address { margin: 0; }
p.downloadvcard { margin: 1.5em 0 0; }
p.downloadvcard a { background: url(../images/vcard.png) no-repeat; padding: 5px 0 5px 36px; font-size: 13px; text-decoration: none; }
p.downloadvcard a:hover { color: #ccc; }






#jquery-overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; }
#jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
#jquery-lightbox a, #jquery-lightbox a img { border: none; }
#lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#lightbox-container-image { padding: 10px; }
#lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#lightbox-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none; }
#lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; display: block; }
#lightbox-nav-btnPrev { left: 0; float: left; }
#lightbox-nav-btnNext { right: 0; float: right; }
#lightbox-container-image-data-box { font: 10px "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0; }
#lightbox-container-image-data { padding: 0 10px; color: #000; }
#lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; }
#lightbox-image-details-caption { font-weight: bold; font-size: 13px; }
#lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1.0em;	
}
#lightbox-secNav-btnClose { width: 66px; float: right; padding-bottom: 0.7em; }