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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  border: 0;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  line-height: 1;
  margin: 0;
  padding: 0;
  text-align: left;
  vertical-align: baseline; }

a img, :link img, :visited img {
  border: 0; }

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

ol, ul {
  list-style: none; }

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

@font-face {
  font-family: 'Folk';
  src: url('Folksolid.eot');
  src: local('Folk solid'), local('Folk-solid'), url('Folksolid.otf') format('opentype'); }

@font-face {
  font-family: 'Playtime';
  src: url('playtime.eot');
  src: local('Playtime With Hot Toddies Regular'), local('PlaytimeWithHotToddies-Regular'), url('playtime.ttf') format('truetype'); }

body {
  background-color: #FFF;
  font: 16px 'Playtime', 'Helvetica Neue', 'Helvetica', 'Verdana', sans-serif;
  margin: 1.5em 0; }

#page {
  width: 40em;
  margin: 0 auto; }
  #page #header {
    font-size: 18px;
    margin: 1.5em 0; }
    #page #header h1 {
      font-family: 'Folk';
      font-size: 40px;
      text-transform: uppercase; }
  #page #content {
    width: 30em;
    margin: 0 auto; }
    #page #content h2 {
      font-family: 'Folk';
      font-size: 24px;
      text-transform: uppercase; }
    #page #content h3 {
      font-family: 'Folk';
      font-size: 16px;
      text-transform: uppercase; }
    #page #content p,
    #page #content li {
      line-height: 1.5em;
      margin-bottom: 1.5em; }
      #page #content p.cc,
      #page #content li.cc {
        color: #666;
        border-top: 2px dashed #999;
        padding-top: 1.5em; }
        #page #content p.cc img,
        #page #content li.cc img {
          float: right;
          margin-left: 1em;
          margin-bottom: 1em; }
    #page #content ul {
      list-style: disc; }
    #page #content ol li {
      min-height: 5em;
      padding-left: 6em;
      background-repeat: no-repeat;
      margin-bottom: 2em;
      opacity: 0.25; }
      #page #content ol li.step-1 {
        background-image: url(/images/step-1.png); }
      #page #content ol li.step-2 {
        background-image: url(/images/step-2.png); }
        #page #content ol li.step-2 label {
          display: block;
          margin-bottom: 1em; }
        #page #content ol li.step-2 input {
          vertical-align: top;
          margin-bottom: 1em; }
        #page #content ol li.step-2 input#phone {
          background: url(/images/input-box.png) no-repeat;
          border: none;
          font-size: 24px;
          height: 1.25em;
          padding: 0.375em 0.75em;
          width: 8.5em; }
      #page #content ol li.step-3 {
        background-image: url(/images/step-3.png); }
        #page #content ol li.step-3 p.call {
          font-size: 24px;
          margin-bottom: 0.5em; }
      #page #content ol li.enabled {
        opacity: 1; }
  #page #footer {
    color: #666;
    margin: 1.5em 0; }
    #page #footer a {
      color: #666; }
    #page #footer ul li {
      float: left;
      margin-right: 1.5em; }
    #page #footer small {
      display: block;
      text-align: right; }