html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

body { line-height: 1; }

ol, ul { list-style: none; }

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

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

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

a img { border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; }

/* Fonts -------------------------------------------------------------------*/
@font-face { font-family: 'Cabin'; font-style: normal; font-weight: bold; src: local("Cabin Bold"), local("Cabin-Bold"), url("http://themes.googleusercontent.com/font?kit=nHiQo1BypvYzt95zlPq1TnYhjbSpvc47ee6xR_80Hnw") format("truetype"); }

@font-face { font-family: 'Cabin'; font-style: normal; font-weight: 400; src: local("Cabin Regular"), local("Cabin-Regular"), url("http://themes.googleusercontent.com/font?kit=9QCBVh5lYUzIUw5Y0GO2jqCWcynf_cDxXwCLxiixG1c") format("truetype"); }

html { text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

::-webkit-selection { background: #b0e9ff; text-shadow: none; }

::-moz-selection { background: #b0e9ff; text-shadow: none; }

::selection { background: #b0e9ff; text-shadow: none; }

figure img, figure object, figure embed { vertical-align: top; max-width: 100%; }

.ie7 img { -ms-interpolation-mode: bicubic; }

/* Typography --------------------------------------------------------------*/
h1, h2, h3 { text-shadow: white 1px 1px 0; margin: 0.667em 0 1em; line-height: 1.2em; }

h1 { font-size: 1.5em; color: #9ec848; font-weight: bold; }

h2, h3 { color: #51a5c5; }

h2 { font-size: 2em; }

h3 { font-size: 1.5em; }

h4 { margin-top: 1.5em; margin-bottom: 1em; }

p { margin-bottom: 1em; line-height: 1.5em; }

dl { margin-bottom: 1em; }

small { font-size: 10px; color: #666; }

/* Layout ------------------------------------------------------------------*/
.container, .content { *zoom: 1; margin: auto; width: 61em; max-width: 100%; }
.container:after, .content:after { content: ""; display: table; clear: both; }

.content { margin-left: auto; margin-right: auto; position: relative; }
.content a { color: #005a7d; text-decoration: none; border: 3px solid transparent; }
.content a:hover { background: white; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; }

body { background: #eeeeee url('images/header-background.png') -10% -104px repeat-x; font-family: Cabin, Verdana, Helvetica, Arial, sans-serif; margin: 0 1em; }

header { margin: 136px -1em 0; padding-bottom: 72px; border-top: 56px solid white; background: #eeeeee url('images/footer-background.png') -10% 100% repeat-x; }
header img { position: absolute; left: 60px; top: 136px; }

.reverse { color: #ddd; }
.reverse h1 { color: white; }
.reverse h1, .reverse h3 { text-shadow: #444444 -1px -1px 0; }
.reverse small { color: white; }
.reverse a { color: #ccc; }
.reverse a:hover { background: #999; }

#main { border-color: #ccc; border-width: 1px; border-bottom-style: solid; }

#values { overflow: hidden; margin-bottom: 2em; }
#values dl { font-size: 1.2em; }
#values dt { display: inline; float: left; clear: left; padding: 0.05em; padding-right: 0.25em; width: 2em; text-align: right; line-height: 1em; font-weight: bold; color: #9EC848; text-shadow: white 1px 1px 0; font-size: 1.2em;}
#values dt:after { content: ":"; }
#values dd { font-family: Georgia, serif; font-style: italic; overflow: hidden; padding: 0.25em; }

#contact { clear: both; border-top: 1px solid #ccc; padding: 1em 0; font-size: 1.25em; color: #333; }

#contact p { display: inline-block; margin-right: 1em; }
#contact p .label { font-size: 0.6em; text-transform: uppercase; font-weight: bold; display: inline-block; width: 3.5em; }

@media only screen and (min-width: 800px) { #main { display: inline; float: left; width: 55.738%; margin-right: 1.639%; padding-right: 8.197%; margin-left: 1.639%; border-right-style: solid; border-bottom-style: none; margin-bottom: 1em; }
  #values { display: inline; float: left; width: 22.951%; margin-right: 1.639%; display: inline; padding-top: 1em; } }
