/* Mixins */
/* Styles */
body {
  font-family: Arial, Helvetica, sans-serif; }

#container {
  background: url(../img/hob/background.jpg) no-repeat;
  width: 800px;
  height: 600px;
  margin: 0 auto; }
  #container #logo {
    text-align: center;
    padding: 30px 0; }
  #container #content {
    height: 415px; }
    #container #content .heading {
      text-align: center; }
    #container #content #index form {
      margin: 25px 10px 0;
      text-align: center; }
      #container #content #index form .field {
        display: inline;
        margin: 0 10px; }
        #container #content #index form .field input {
          padding: 8px;
          border: solid 1px #000;
          font-size: 14px;
          background: url(../img/bg_input.png) no-repeat;
          color: #999;
          -webkit-border-radius: 5px;
          -moz-border-radius: 5px;
          border-radius: 5px;
          -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
          -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
          box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5); }
        #container #content #index form .field input.focus {
          color: #333; }
        #container #content #index form .field input.error {
          border-color: #f00; }
      #container #content #index form .submit {
        margin-top: 15px;
        text-align: center;
        cursor: pointer; }
    #container #content #thanks {
      display: none; }
    #container #content #error {
      display: none; }
  #container #footer ul {
    text-align: center; }
    #container #footer ul li {
      display: inline;
      list-style: none;
      padding: 0 5px; }
      #container #footer ul li a {
        color: #fff;
        font-size: 10px;
        text-transform: uppercase;
        text-decoration: none; }