<html>
  <head>
    <title>Jigsy - Maintenance</title>
    <style>
    body {
      background-color: #EEE;
      font: 14px "Helvetica Neue", Helvetica, Calibri, Arial, sans-serif;
      margin: 0px; padding: 0px;
    }

    #logo_link {
      display: block; width: 192px; height: 88px;
      background: transparent url(http://error.jigsy.com/logo.png) no-repeat top left;
    }

    #page_wrapper { padding-top: 20px; }
    #header {
      position: relative;
    }
    #header, #footer, #splash_top { width: 960px; margin: auto; }

    .content { padding: 30px 30px 10px 30px }
    .page {
      background-color: #fff;
      width: 960px;
      -moz-border-radius: 8px; border-radius: 8px; -webkit-border-radius: 8px;
      -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.25); box-shadow: 0px 0px 5px rgba(0,0,0,0.25); -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.25);
      margin: 40px auto 0px;
    }
    #failboat {
      background: transparent url(http://error.jigsy.com/failboat.png) no-repeat top center;
      height: 480px;
      font-weight: bold;
      color: #856a40;
      position: relative;
      font-family: Helvetica, Arial;
    }

    #failboat #error_details {
      position: absolute;
      bottom: 25px;
      width: 500px;
      left: 230px;
      text-align: center;
    }
    #error_details strong {
      background-color: transparent;
      font-size: 18px;
      color: #f00;
    }
    #error_details p { font-weight: bold; text-transform: lowercase; }
    #error_details a { color: #940; text-decoration: none; }
    #error_details a:hover { color: #090; }

  </style>
  </head>
  <body>
    <div id="page_wrapper"> 

      <div id="header">
        <a href="/" id="logo_link"> </a>
      </div>

    <div class="page">
      <div class="content" id="failboat">
        <div id="error_details">
          <strong>Oops, we are down for maintenance.</strong>
          <p>(everything should be back up in a jiffy)</p>
        </div>
      </div>
    </div>
  </body>
</html>
