body { margin: 0; padding: 0; font: 13px/1.5 'Lucida Grande', 'Corbel', 'Lucida Sans', Verdana, Arial, Helvetica sans-serif; text-align: center; color: #79797B; min-width: 800px; }

a { text-decoration: none; color: #58585A; background: url(../images/line.gif) no-repeat 50% 100%; padding-bottom: 3px; }
a:hover { color: #5C938D; background: url(../images/line.gif) no-repeat 50% 50%; }

hr { display: none; }

h1, h2, h3, h4, h5 { font-weight: 200; color: #5C938D; line-height: 1.2; margin: 0.7em 0; }
h1 { font-size: 22px; }
h2 { font-size: 16px; margin: 1.5em 0 1em; }
h3 { font-size: 14px; margin: 1.5em 0 1em; }

p { margin: 1em 0; }

ul { list-style: none; margin: 1em 0; padding-left: 10px; }
ul li { list-style: none; background: url(../images/bullet.gif) no-repeat 0em .4em; padding-left: 15px; margin: 0 0 .3em; }

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


#accessibility { position: absolute; top: -99999px; }
#container { width: 800px; margin: 0 auto; text-align: left; position: relative; }

#front #container { width: 670px; }

#head { width: 240px; position: absolute; right: 0; top: 25px; background: url(../images/dandelion.gif) no-repeat top right; padding: 165px 0 0; }
body>#container>#head { position: fixed; left: 50%; margin-left: 140px; }
#head #site-name { margin: 0; }
#head #site-name a { display: block; background: url(../images/logo.gif) no-repeat; height: 63px; width: 138px; text-indent: -9999px; padding: 0; }
#head p { margin-right: 50px; }
#head #site-contact strong { display: block; font-weight: 200; margin-bottom: .3em; }

#nav { margin: 0 0 30px 5px; z-index: 2; overflow: hidden; }

ul.navigation { margin: 0; padding: 0; list-style: none; float: left; background: url(../images/line.gif) no-repeat 0% 100%; }
ul.navigation li { float: left; margin: 0 4px; padding: 0; background: transparent; }
ul.navigation li a { float: left; background: transparent; font-size: 15px; padding: 25px 10px 10px; }

ul.navigation li.home, #front ul.navigation li.what { margin: 0 4px 0 0; }
ul.navigation li.home a, #front ul.navigation li.what a { padding-left: 5px; }

ul.navigation li.contact, #front ul.navigation li.contact { margin: 0 0 0 4px; }
ul.navigation li.contact a, #front ul.navigation li.contact a { padding-right: 5px; }

#front ul.navigation li.home a,
#what ul.navigation li.what a,
#how ul.navigation li.how a,
#about ul.navigation li.about a,
#contact ul.navigation li.contact a { font-weight: bold; cursor: default; color: #5C938D; background: url(../images/nav-select.gif) no-repeat 50% 0%; }


ul.subnav { padding: 30px 0 0; margin: 0 10px; width: 450px; clear: left; }
ul.subnav li { margin: 0 0 .7em; background: transparent; padding: 0 0 0 20px; }
ul.subnav li.selected { background: url(../images/sub-nav-select.gif) no-repeat 0em .2em; font-weight: bold; color: #5C938D; }

#footer { padding: 30px 0 10px; font-size: 11px; margin: 0 0 0 10px; }
#footer #copyright span { margin: 0 2em 0 0; }
#footer #reg { font-size: 10px; color: #ddd; }



#content { width: 450px; margin: 0 0 0 10px;  }

#front #content { min-height: 341px; width: auto; background: url(../images/dandelion.gif) no-repeat top left; padding: 10px 0 0 200px; }

#front #content h1 { margin: 1.2em 0; background: url(../images/home-logo.gif) no-repeat; height: 30px; width: 300px; text-indent: -9999px; }

#front #content li strong { font-weight: 200; }
#front #content #site-contact { margin: 3em 0; font-size: 12px; }
#front #content #site-contact strong { font-weight: 200; margin-right: 1em; }


/* Contact */

.zemContactForm { width: 450px; margin: 2em 0 30px 0; }
.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 input { 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.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; }

.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; }

.zemThanks { font-size: 14px; }


/* vCard */

.vcard { margin: 1.9em 0 3em; padding: 0; }

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


/*---- sIFR ---*/
.sIFR-flash { visibility: visible !important; margin: 0; padding: 0; }
.sIFR-replaced, .sIFR-ignore { visibility: visible !important; }
.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }
.sIFR-replaced div.sIFR-fixfocus { margin: 0pt; padding: 0pt; overflow: auto; letter-spacing: 0px; float: none; }

.sIFR-active h1.entry-title { visibility: hidden; }
.sIFR-active object { display: block; }

/*---- Header styling ---*/