body {
 background: #0A0B0C;
}

body, input, button, textarea {
 font: 10px Arial, Helvetica, sans-serif;
 color: #A9A9A9;
}

#lightbox {
 display: none;
 position: absolute;
 z-index: 256;
 width: 100%;
 top: 0;
 left: 0;
 background: #0A0B0D;
}

#lightbox.loading {
 display: block;
 background: #0A0B0D url(./../images/throbber.gif) 50% 50% no-repeat;
}

  #lightbox.loading * {
   display: none;
  }

  #lightbox img {
   position: absolute;
   top: 50%;
   left: 50%;
  }

  #lightbox a.nav {
   position: absolute;
   top: 50%;
   left: 10%;
   width: 12px;
   height: 23px;
   margin: -12px 0 0;
   background: url(./../images/portfolio-navigation.png) 0 0 no-repeat
  }

     #lightbox a.next {
      left: auto;
      right: 10%;
      background-position: 100% 0;
     }

  #lightbox a.close {
   position: absolute;
   z-index: 256;
   top: 10%;
   right: 10%;
   width: 23px;
   height: 23px;
   background: url(./../images/portfolio-close.png) 0 0 no-repeat;
  }

#lightbox.loading {
 display: block;
 background: #0A0B0D url(./../images/throbber.gif) 50% 50% no-repeat;
}

  #lightbox.loading * {
   display: none;
  }

#lightbox.loaded {
 display: block;
}

#layout {
 position: absolute;
 top: 0;
 left: 50%;
 width: 873px;
 min-height: 100%;
 margin: 0 auto 0 -436px;
}

  #header {
   padding: 34px 0 11px;
   background: url(./../images/dot-x.png) 0 100% repeat-x;
  }

    #header .logo {
     width: 121px;
     height: 102px;
     text-indent: -9999pt;
     margin: 0 auto;
     background: url(./../images/logo.png) 0 0 no-repeat;
    }

  #menu {
   line-height: 27px;
   text-align: center;
   margin: 0 0 17px;
   background: url(./../images/dot-x.png) 0 100% repeat-x;
  }

    #menu li {
     display: inline;
     padding: 0 10px 0 7px;
    }

      #menu li a {
       color: #A9A9A9;
       text-decoration: none;
      }

      #menu li span {
       color: #FF001E;
      }

  #body {
   
  }

  #portfolio {
   overflow: hidden;
   margin: 0 -3px;
   padding: 3px 0 0;
  }

    #portfolio a {
     float: left;
     padding: 3px;
     margin: -3px -3px 0 0;
    }

      #portfolio a img {
       display: block;
      }

    #portfolio a:hover {
     padding: 2px;
    }

       #portfolio a:hover img {
        border: 1px #FF001E solid;
       }

  h2.error {
   color: #FF001E;
   text-align: center;
   padding: 40px 0;
  }

  form {
   float: left;
   margin: 0 0 40px 50%;
  }

    form fieldset {
     position: relative;
     left: -50%;
     padding: 0 20px 15px;
    }

    form .info {
     font-size: 1.1em;
     text-align: center;
     margin-bottom: 20px;
    }

    form .row {
     overflow: hidden;
     padding: 3px 6px;
     margin: 0 0 4px;
     background: #0D0D0F;
     border: 1px #131213;
    }

      form label {
       float: left;
       width: 4em;
       padding: 4px 1em 4px 0;
      }

      form input,
      form textarea {
       width: 300px;
       float: left;
       padding: 4px;
       color: #FFF;
       background: #0D0D0F;
       border: 0;
      }

      form textarea {
       height: 200px;
       overflow: hidden;
      }

      form button {
       float: right;
       color: #FFF;
       padding: 4px 7px;
       margin: 4px 0 0;
       border: 1px #B80016 solid;
       border-width: 0 0 1px;
       background: #FF001E;
       cursor: pointer;
      }

  #footer {
   width: 100%;
   margin: 17px 0;
   background: url(./../images/dot-x.png) 0 0 repeat-x;
  }

    #footer div {
     text-align: center;
     padding: 3px 0;
     background: url(./../images/dot-x.png) 0 100% repeat-x;
    }

#licensing {
 position: absolute;
 top: 48%;
 width: 100%;
 text-align: center;
 color: #A9A9A9;
 text-decoration: none;
 outline: 0;
}

  #licensing .intro {
   display: block;
   margin: 0 0 4px;
  }

  #licensing .middle {
   display: none;
  }

  #licensing .outro {
   display: block;
   padding: 26px 0 0;
   background: url(./../images/istockphoto.png) 50% 0 no-repeat;
  }