body {
  background: #999 url('../images/background.png') top center; }

h1, h2 {
  font-weight: normal; }

h1 {
  text-transform: uppercase;
  line-height: .79em;
  margin-bottom: .075em; }
  h1 span.first {
    color: #ef1818;
    padding-right: .70em; }
  h1 span.last {
    color: #ffffff; }

h2 {
  color: #ef1818; }

ul.navigation {
  text-align: center; }
  ul.navigation li {
    display: inline; }

#header .gutter {
  background: transparent url('../images/background-header.png') top center no-repeat;
  height: 131px;}

  #header .logo a {
    display: block;
    background: transparent url('../images/fox-building-company.png') no-repeat;
    width: 344px;
    height: 48px;
    text-indent: -99999px; 
    position: relative;
    top: 55px;
    left: 65px;
    cursor: pointer;}
  #header .contact {
    color: #ffffff;
    float: right;
    position: relative;
    right: 64px;
    top: -12px;}
    #header .contact a {
      color: #ffffff;
      text-decoration: none; }
  #header #nav-container {
    font-size: .95em;
    color: #b9babc;
    background: transparent url('../images/background-navigation.gif') top center no-repeat;
    height: 8px;
    padding: 8px 9px 12px 5px;
    position: relative;
    float: right;
    clear: both;
    right: 65px;
    top: 12px;
    }
    #header ul {
    }
    #header ul li.home {
      display: none; }
    #header ul li a {
      color: #b9babc;
      text-decoration: none;
      border-left: solid 1px #b9babc;
      padding-left: 5px; }
    #header ul li a.no-border {
      border: none; }
    #header ul li a:hover, #header ul li a.active {
      color: #ef1818; }

#content {
  background: transparent url('../images/background-content.png') top center repeat-y; }
  #content .copy-gutter {
    margin: 0 21px 0 22px;
    border-bottom: solid 2px #9fa4a7;
    overflow: hidden; }
  #content p, #content a {
    color: #ffffff; }
  #content .decor {
    float: left;
    padding: .5em 1.5em 1em 0; }
  #content #copy .gutter {
    background: #000000 url('../images/background-copy.png') 781px 0 no-repeat;
    padding: 16px 32px;
    padding-left: 500px;
    padding-bottom: 99999px;
    margin-bottom: -99999px; }
    #content #copy .gutter form {
      font-size: 1.1em; }
      #content #copy .gutter form legend {
        display: none; }
      #content #copy .gutter form ol li {
        line-height: 1.5em;
        margin-bottom: .75em; }
        #content #copy .gutter form ol li label {
          color: #ffffff;
          float: left;
          text-align: right;
          width: 120px;
          margin-right: 6px; }
        #content #copy .gutter form ol li input, #content #copy .gutter form ol li textarea {
          clear: left;
          border: solid 1px #000;
          padding: 1px;
          text-align: left; }
        #content #copy .gutter form ol li textarea {
          font-size: 1em; }
      #content #copy .gutter form ul li {
        line-height: 1.5em;
        margin-bottom: .75em;
        color: #ffffff; }
      #content #copy .gutter form ul label {
        color: #ffffff;
        margin-right: 6px;
        display: block; }
      #content #copy .gutter form ul label.inline {
        display: inline; }
      #content #copy .gutter form ul input, #content #copy .gutter form ul textarea {
        clear: left;
        border: solid 1px #000;
        padding: 1px;
        text-align: left; }
      #content #copy .gutter form ul textarea {
        font-size: 1em; }
      #content #copy .gutter form ul li.submit, #content #copy .gutter form ol li.submit {
        text-align: center; }
        #content #copy .gutter form ul li.submit input, #content #copy .gutter form ol li.submit input {
          background: transparent url('../images/submit.gif') top center no-repeat;
          width: 128px;
          height: 19px;
          text-indent: -9999px;
          border: none;
          cursor: pointer; }
  #content #copy .canvas {
    text-align: center; }
    #content #copy .canvas img {
      padding: 0 0 1.5em 0; }

  #content #copy ul.list {
    color: #fff;
    padding-left: 18px;
    margin-bottom: .25em;
  }
    #content #copy ul.list li {
      list-style-type: disc;
      margin-top: .25em;
      line-height: 1.4em;
    }
    #content #copy ul.list li ul {
      padding-left: 18px;
    }
    #content #copy ul.list li.nodot {
      list-style-type: none;
    }
    #content #copy ul.list li span.head {
      list-style-type: none;
      color: #ef1818;
    }


  #content #copy ul.navigation {
    padding: 1em 0 .5em 0; }
    #content #copy ul.navigation li {
      font-size: 1.1em;
      padding: 0 5em; }
      #content #copy ul.navigation li a {
        color: #ef1818; }
  #content #sidebar {
    background: #9fa1a4 url('../images/background-sidebar.jpg');
    float: left;
    height: 625px;
    min-height: 625px !important;
    width: 466px;
    min-width: 466px !important;
    border-right: solid 2px #9fa4a7;
    margin-right: 32px;
    padding-bottom: 99999px;
    margin-bottom: -99999px; }
    #content #sidebar ul {
      padding: 0px;
      color: #ffffff;
      text-align: center;
      z-index: 5;
      position: absolute;
      margin-top: -2px; }
      #content #sidebar ul li.active {
        background: transparent url('../images/background-project-nav.gif') top left no-repeat;
        width: 444px;
        height: 184px; }
      #content #sidebar ul li {
        line-height: 1em;
        padding: 12px;
        margin-top: 1px;
        width: 440px;
        height: 184px; }
        #content #sidebar ul li a {
          color: #ffffff; }
        #content #sidebar ul li a:hover {
          color: #ef1818; }
        #content #sidebar ul li a.a-s-granite {
          display: block;
          background: transparent url('../images/projects/navigation/a-s.png') top center no-repeat;
          height: 174px;
          width: 296px;
          text-indent: -99999px;
          padding-left: 145px; }
        #content #sidebar ul li a.corporate-hangar {
          display: block;
          background: transparent url('../images/projects/navigation/corporate-hangar.png') top center no-repeat;
          height: 174px;
          width: 296px;
          text-indent: -99999px;
          padding-left: 145px; }
        #content #sidebar ul li a.precision {
          display: block;
          background: transparent url('../images/projects/navigation/precision.png') top center no-repeat;
          height: 174px;
          width: 296px;
          text-indent: -99999px;
          padding-left: 145px; }

#footer {
  clear: both;
  background: transparent url('../images/background-footer.png') top center no-repeat;
  color: #9fa1a4;
  height: 58px; }
  #footer ul {
    padding-top: 1em;
    padding-bottom: 4em; }
    #footer ul li a {
      color: #9fa1a4;
      border-left: solid 1px #b9babc;
      padding-left: 3px; }
    #footer ul li a.no-border {
      border: none; }
  #footer p {
    color: #484849; }
    #footer p a {
      color: #484849; }
