/**
 * HTML Selectors
 */

a {
  color: #b4b4b4;
  outline: 0;
  text-decoration: none;
}

a:hover {
  color: #fff;
}

body, html {
  background: #000;
  width: 100%;
  height: 100%;
}

body {
  color: #b4b4b4; /* #f1f1f1 on grey */
  font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
  font-size: 12px;
  /* font-weight: bold; */
  line-height: 18px;
  margin: 0;
  padding: 0;
  text-align: center;
}

code, pre {
  font-family: Courier;
  font-size: 12px;
}

form {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
  margin-top: 6px;
  margin-bottom: 30px;
}

h1 {
  color: #aaa; /* #ebebeb on grey */
  font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: bold;
  line-height: 32px;
}

hr {
  height: 1px;
  border: 0;
  border-top: 1px solid #ededed;
}

img {
  border: 0;
}

object, embed {
  outline: none;
}

p {
  margin: 15px 0;
}

ul {
  margin: 15px 0;
}

th {
  text-align: left;
}


/**
 * Backdrop
 */
 
#backdrop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

#backdrop img {
  width: 100%;
  height: auto;
  position: fixed;
  top: 0;
  left: 0;
}

#backdrop img.vertical {
  width: auto;
  height: 100%;
}


/**
 * Window
 */
 
#window {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin-bottom: -25px;
  z-index: 2;
}


/**
 * Wrapper
 */
 
#wrapper {
  width: 980px;
  margin: 0 auto;
  text-align: left;
}


/**
 * Navigation
 */

#nav {
  width: 960px;
  height: 45px;
}


/**
 * Sections
 */

#about, #studio, #portfolio, #work, #case-study, #contact, #blend, #error {
  padding-top: 100px;
}


/**
 * Sidebar
 */

#sidebar {
  float: left;
  width: 320px;
  height: auto;
  text-align: right;
}


/**
 * Sub Navigation
 */

#subnav {
  text-align: right;
}

#subnav ul {
  list-style: none;
  margin: 15px 0;
  padding: 0;
}

#subnav ul li {
  list-style: none;
  margin: 0;
  padding: 0;
}


/**
 * Info
 */

#info {
  float: right;
  width: 200px;
  text-align: left;
}


/**
 * Content
 */

#content {
  margin-left: 370px;
  padding-bottom: 50px;
}


/**
 * Footer
 */

#footer {
  position: relative;
  width: 980px;
  margin: 0 auto;
  text-align: left;
  height: 25px;
  font-size: 10px;
  font-weight: normal;
  line-height: 25px;
  z-index: 3;
}

#footer p.copyright {
  float: left;
  margin: 0;
}

#footer p.links {
  float: right;
  margin: 0;
}