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

strong {
  text-decoration: underline;
  font-weight: 700;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
}
#header ol, #header ul {
  list-style: none;
}
#footer ol, #footer ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}

*, *:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

html, body {
  height: 100%;
}

body {
  background-color: #deddd8;
  font-size: 16px;
  line-height: 20px;
  -webkit-font-smoothing: antialiased;
  font-family:  Didot, 'Didot LT STD', 'TheanoDidotRegular', Arial, sans-serif;
  height: 100%;
  min-height: 100%;
  padding-bottom: 2em;
}

body.radial {
  background: #e1e1e1;
  /* Safari 4-5, Chrome 1-9 */
  /* Can't specify a percentage size? Laaaaaame. */
  background: -webkit-gradient(radial, center center, 0, center center, 460, from(#e1e1e1), to(#afafaf));

  /* Safari 5.1+, Chrome 10+ */
  background: -webkit-radial-gradient(circle, #e1e1e1, #afafaf);

  /* Firefox 3.6+ */
  background: -moz-radial-gradient(circle, #e1e1e1, #afafaf);

  /* IE 10 */
  background: -ms-radial-gradient(circle, #e1e1e1, #afafaf);

  /* Opera couldn't do radial gradients, then at some point they started supporting the -webkit- syntax, how it kinda does but it's kinda broken (doesn't do sizing) */
}

#wrapper {
  width: 100%;
  height: 100%;
  position: relative;
}

#container {
  margin: 0px auto;
  width: 100%;
  height: 100%;
  position: relative;
}

.w960 {
  margin: 0px auto;
  max-width: 960px;
  width: 100%;
}

@media screen and (max-width: 960px) {
  .w960 {
    padding: 0em 2.0em;
  }
}

.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  *zoom: 1;
}

a {
  color: #333;
  padding: 0.3em;
}
a:hover {
  text-decoration: underline;
}

#header {
  text-align: left;
  padding: 16px;
  height: 96px;
}
#header h1 span {
  display: none;
}
#header h1 span.logo {
  display: inline-block;
}
#header h1 span img {
  width: 44px;
  height: 44px;
}
#header ul.navigation {
  display: none;
}
#header:hover ul.navigation {
  display: inline-block;
  line-height: 2.8em;
  vertical-align: top;
  font-family: 'Lato', 'Helvetica Neue', 'Helvetica', sans-serif;
}
#caption {
  display: none;
}
#content {
  text-align: center;
  min-height: 100%;
  min-height: calc(100% - 64px);
}
.static #content {
  font-family: 'Lato', 'Helvetica Neue', 'Helvetica', sans-serif;
  text-align: left;
  line-height: 1.6em;
  padding-bottom: 8em;
}
.static #content h4 {
  font-family: 'Lato', 'Helvetica Neue', 'Helvetica', sans-serif;
  font-weight: 700;
  font-size: 1em;
  color: black;
}
.static #content p {
  margin: 1em 0;
}
.static #content ol, .static #content ul {
  margin: 1em 0;
}
.static #content li {
  margin: 0.5em 0;
}

h1, h2, h3, h4, h5, h6 {
  width: 100%;
}

h1 a {
  color: #444;
  text-decoration: none;
}

h2 {
  font-family: PacificoRegular, georgia, serif;
  font-size: 2.6em;
  font-weight: 500;
  line-height: 2.6em;
  letter-spacing: 2px;
}
h6 {
  font-family:  Didot, 'Didot LT STD', 'TheanoDidotRegular', Arial, sans-serif;
  font-weight: 100;
  font-size: 4.6em;
  line-height: 1.3em;
  color: white;
}

h3 {
  font-family: 'Lato', 'Helvetica Neue', 'Helvetica', sans-serif;
}

.nav {
  font-size: 1.4em;
  margin: 4em;
}

.nav li {
  display: inline-block;
  padding: 0.7em;
}

.nav a {
  color: black;
}

.nav a .hash {
  text-decoration: none;
}

#footer {
  padding: 0 16px;
  width: 100%;
  height: 2em;
  vertical-align:middle;
  margin-top: -48px;
}

.social {
}

.social li a {
  margin: 2em 0.4em;
  display: inline-block;
  width: 36px;
  height: 36px;
  border-radius: 36px;
  text-decoration: none;
  color: white;
  font-size: 18px;
  padding: 9px 0 0 0px;
}

.social li {
  display: inline-block;
  background: none;
}

.facebook {
  background-color: #3c579d;
}

.twitter {
  background-color: #48c8f2;
}

.instagram {
  background-color: #32628a;
}

form {
  width: 600px;
  margin: 2em auto;
}

form .field {
  padding: 0.8em 0;
}

form label {
  display: block;
  float: none;
}

form input, form textarea {
  width: 100%;
  font-size: 1.2em;
  border: none;
  border-bottom: 1px solid #efefef;
}

form .ss-choices {
  margin-top: 1em;
}

form .ss-choices label {
  display: inline-block;
}
form .ss-choices input {
  width: 1em;
}

form .csz {
  width: 100%;
}

form .csz .city {
  display: inline-block;
  width: 52%;
}

form .csz .state {
  display: inline-block;
  width: 20%;
}

form .csz .zip {
  display: inline-block;
  width: 24%;
}

#ss-submit {
  margin: 1em auto;
  width: 200px;
  font-size: 1em;
  text-transform: uppercase;
  font-family: 'Lato', 'Helvetica Neue', 'Helvetica', sans-serif;
  font-weight: 300;
  padding: 0.8em;
  border: 1px solid black;
  background: none;
}

.copyright {
  font-family: 'Lato', 'Helvetica Neue', 'Helvetica', sans-serif;
  font-size: 0.7em;
}

.copyright .policies {
  display: inline-block;
  padding-top: 1em;
}

#share img {
  image-rendering:optimizeSpeed;             /* Legal fallback */
  image-rendering:-moz-crisp-edges;          /* Firefox        */
  image-rendering:-o-crisp-edges;            /* Opera          */
  image-rendering:-webkit-optimize-contrast; /* Safari         */
  image-rendering:optimize-contrast;         /* CSS3 Proposed  */
  image-rendering:crisp-edges;               /* CSS4 Proposed  */
  image-rendering:pixelated;                 /* CSS4 Proposed  */
  -ms-interpolation-mode:nearest-neighbor;   /* IE8+           */
}