/* lay out */
#center {
  position: relative;
  margin: 0 auto;
  width: 990px;
  text-align: left;
  min-height: 600px;
  height: 100%;
}

/* logo */
a.logo {
  display: block;
  padding-bottom: 28px;
}

/* navigation */
#navigation {
  position: fixed;
  top: 101px;
  max-width: 210px; /* 141px */
  z-index: 1;
}

/* background container */
#background-container {
  position: fixed;
  top: 0;
  margin: 0 0 0 224px;
  width: 757px;
  height: auto;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-color: #f9f9f9;
  z-index: 1
  text-align: center;
}
  #background-container img {
    width: auto;
    height: auto;
    min-height: 100%;
  }

/* section-container */
.section-container {
  padding: 0 0 80px 0;
  width: 100%;
  overflow: hidden;
}
  .section-container .section-top {
    width: 590px;
    height: 4px;
    background: url('../../images/content/section-top.png') no-repeat;
  }
  .section-container .section-middle {
    padding: 55px 86px 30px 84px;
    width: 420px; /* 590px */
    background: url('../../images/content/section-middle.png') repeat-y;
    *zoom: 1;
  }
  .section-middle:before, .section-middle:after { content: ""; display: table; }
  .section-middle:after { clear: both; }
  .section-container .section-bottom {
    width: 590px;
    height: 4px;
    background: url('../../images/content/section-bottom.png') no-repeat;
  }

/* content container */
#content-container {
  position: absolute;
  top: 94px;
  left: 307px;
  z-index: 2;
  width: 674px;
  min-height: 600px;
}