html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

*:focus { outline: 0; }

body { line-height: 1; color: black; background: white; }

article, aside, dialog, figure, footer, header, hgroup, nav, section { display: block; }

ol, ul { list-style: none; }

table { border-collapse: separate; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; }

blockquote:before, blockquote:after, q:before, q:after { content: ""; }

blockquote, q { quotes: "" ""; }

em, i { font-style: italic; }

strong, b { font-weight: bold; }

sup { font-size: 12px; line-height: 12px; padding-left: 2px; display: inline-block; vertical-align: top; }

abbr[title] { cursor: help; }

html, body { height: 100%; }

#wrapper { overflow: hidden; margin-bottom: -6em; min-height: 100%; height: auto !important; height: 100%; }

body { font-size: 14px; }

#wrapper > div, footer { padding-left: 2em; }

header h1, #description { margin-top: 2em; }

p, dt, dd, label, input, textarea, button { text-align: justify; font-family: "Georgia"; color: #333; font-size: 1.125em; line-height: 1.778em; margin-bottom: 1.778em; }

h1, h2, nav, button { font-weight: normal; font-family: "Century Gothic", Helvetica, Arial, sans-serif; text-transform: uppercase; }

header h1 { margin-top: 1.5em; margin-left: 0.5em; width: 12.35em; float: left; overflow: hidden; padding-left: 1.5em; overflow: hidden; }
header h1 a { display: block; overflow: hidden; text-decoration: none; color: #74A; padding: 0.5em; background: #FEF; -webkit-transition-property: background-color; -webkit-transition-duration: 0.5s; }
header h1 a:hover { text-decoration: none; color: #74A; background: #FAF; }
header h1 a:active { color: #FAF; }
header h1 span { display: block; white-space: nowrap; font-size: 3em; line-height: 1.111em; }
header h1 span:first-letter { color: #51A; display: inline-block; }

#description { padding-left: 1.5em; color: #555; width: 15em; clear: none; float: left; font-style: italic; }

nav ul { overflow: hidden; background: #51A; clear: left; margin-bottom: 1.667em; padding: 0; text-shadow: 1px 1px 0 #310; }
nav ul li { float: left; line-height: 3.333em; margin-left: 2em; }
nav ul li a { font-size: 1.5em; display: block; height: 100%; color: #DCF; background: #51A; padding: 0 0.5em; text-decoration: none; -webkit-transition-property: color, background-color; -webkit-transition-duration: 0.5s; }
nav ul li a:hover { text-decoration: none; color: #F9F0FF; background: #62B; }

body#news #nav-news, body#services #nav-services, body#office #nav-office, body#events #nav-events, body#contact #nav-contact { color: #FFF; background: #74A; }

#wrapper > h1 { display: none; }

.col { clear: left; float: left; width: 15em; min-height: 300px; }
.col + .col { clear: none; padding-left: 1em; }

.col-2 { width: 31em; }

article h1, h2 { line-height: 1.334em; font-size: 1.5em; }

dd.adr p { margin: 0; }

time { display: block; font-size: 1em; margin-bottom: 1em; color: #999; width: 100%; margin-left: -2em; padding-left: 2em; background: #F4F4F4; }

a { color: #00F; text-decoration: none; }
a:hover { text-decoration: underline; color: #44F; }

dt, label { font-weight: bold; margin-bottom: 0; }

form label { display: block; }
form li { margin: 0; }
form input, form textarea { border: 0.1em solid #CCC; padding: 0.15em; width: 27.5em; margin-bottom: 1em; }
form textarea { height: 9em; }
form p.hint { color: #555; font-size: 1em; margin: -1em 0 1em; }
form button { -webkit-border-radius: 1.5em; -moz-border-radius: 1.5em; border-radius: 1.5em; padding: 0.375em 1.5em; border: 0; background: #CCC; cursor: pointer; }
form button:focus, form button:hover { background: #DACCDA; }
form button:active { background: #999; }

p.flash { background: #EFE; padding: 0.5em; margin: -0.5em -0.5em 1.5em; }
p.flash.error { background: #FEE; }

iframe { width: 31em; height: 23em; padding: 0.5em 0; margin-bottom: 1em; }

#push { height: 3.333em; margin: 3.667em 0 1.667em; clear: both; background: #FEF; }

footer { clear: both; padding-top: 4em; font-size: 1em; line-height: 2em; padding: 2em 0 1em 2em; margin: 0; color: #777; }
footer a { text-decoration: none; color: #777; }
footer a:hover { text-decoration: underline; color: #77D; }

#facebook { position: absolute; width: 300px; left: 33em; margin-top: -5px; }

.vevent { margin-bottom: 12px; }
.vevent p { margin: 0; }