/* Global */
html {
  margin: 0;
  padding: 0;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 12px;
  color: #222;
  line-height: 100%;
}
body {
  margin: 0;
  padding: 0;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 12px;
  color: #222;
  line-height: 100%;
  background-color: #d7d7d7;
}
a {
  color: #555;
}
a:hover {
  color: #888;
}
img {
  border: 0;
}
br.clear {
  clear: both;
}
.note {
  font-size: 9px;
  font-weight: normal;
  color: #aaa;
}
.note_big,
.note_big * {
  font-size: 11px;
  color: #aaa;
}
.highlight {
  font-size: inherit;
  background-color: #fffca2;
}
select {
  width: 100%;
}

/* Container */
table#center tr td * {
  text-align: left;
}
div#container {
  width: 900px;
  padding: 0 5px 0 5px;
  border-bottom: 5px solid #c1c1c1;
  background-color: #fff;
}

/* Header and Navigation */
div#header {
  height: 27px;
  margin: 0 0 10px 0;
  padding: 16px 10px 16px 10px;
  background-color: #222;
  z-index: 200;
}
  div#header img {
    float: left;
  }
  div#header ul#navigation {
    float: right;
    margin: 8px 0 0 0;
    height: 19px;
    list-style: none;
    z-index: 200;
  }
    div#header ul#navigation li {
      position: relative;
      display: inline;
      margin: 0 0 0 16px;
      z-index: 200;
    }
      div#header ul#navigation li a {
        font-size: 12px;
        color: #ccc;
        text-decoration: none;
      }
      div#header ul#navigation li ul {
        display: none;
        width: 141px;
        margin: 0 0 0 -10px;
        padding: 10px 10px 0 10px;
        position: absolute;
        left: 0;
        background-color: #222;
    z-index: 200;
      }
        div#header ul#navigation li ul#navigation_our_company {
          margin-left: -76px;
        }
        div#header ul#navigation li:hover ul, div#header ul#navigation li.over ul {
            display: block;
    z-index: 200;
        }
        div#header ul#navigation li ul li {
          display: block;
          margin: 0;
          padding: 0 0 10px 0;
      z-index: 200;
        }
        div#header ul#navigation li > div#header ul#navigation {
            top: auto;
            left: auto;
        }

/* Content */
div#content {
  width: 880px;
  padding: 10px;
  z-index: 1;
}
  div#content div#focus {
    margin: 0 0 10px 0;
  }
  
  div#content div#features {
    position: relative;
    top: -2px;
    width: 880px; height: 300px;
  }
  
  div#content div#features .feature { position: absolute; top: 0; left: 0; }
  
  div#content h2 {
    margin: 0 0 10px 0;
    font-size: 30px;
    letter-spacing: -1px;
    line-height: normal;
  }
    div#content h2 span {
      float: right;
    }

/* Substance */
div#substance {
  float: left;
  width: 510px;
}
  div#substance h3 {
    margin: 20px 0 10px 0;
    font-size: 15px;
  }
  div#substance h4 {
    margin: 0 0 5px 0;
    padding: 5px 0 0 0;
    font-size: 15px;
    color: #222;
  }
    div#substance h4 span.highlight {
      font-size: 15px;
    }
  div#substance h5 {
    margin: 0 0 5px 0;
    padding: 5px 0 0 0;
    font-size: 15px;
    font-weight: normal;
    color: #222;
  }
  div#substance p {
    margin: 0 0 10px 0;
    font-size: 12px;
    line-height: 18px;
  }
    div#substance div#flash {
      color: #f00;
      font-size: 11px;
    }
  div#substance ul {
    margin-bottom: 10px;
    list-style: square;
  }
    div#substance ul li {
      margin: 0 0 5px 0;
      font-size: 12px;
    }
  div#substance table {
    width: 100%;
    margin: 0 0 10px 0;
  }
    div#substance table.data {
      border-top: 1px solid #d7d7d7;
    }
      div#substance table.data tr th {
        padding: 5px 0 5px 0;
        font-size: 10px;
        border-bottom: 1px solid #d7d7d7;
      }
      div#substance table.data tr td {
        padding: 5px 0 5px 0;
        border-bottom: 1px solid #d7d7d7;
      }
        div#substance table.data tr td input,
        div#substance table.data tr td select {
          width: 150px;
          border: 1px solid #ccc;
          background-color: #ffffcc;
        }
          div#substance table.data tr td .input_full {
            width: 415px;
          }
      div#substance table.data tr td .input_inline {
      width: auto;
      }
          div#substance table.data tr td input.submit_button {
            float: right;
            width: 125px;
            padding: 5px;
            color: #fffca2;
            text-align: center;
            border: none;
            background-color: #222;
          }
          div#substance table.data tr td a.cancel {
            float: left;
            padding: 3px 0 0 0;
          }
          div#substance table.data tr td input.hours_date {
            width: 32px;
          }
        div#substance table.data tr td textarea {
          width: 100%;
          height: 50px;
          border: 1px solid #ccc;
          background-color: #ffffcc;
        }
  div#substance table.standard_font tr td {
    font-size: 12px;
  }
  div#substance .video-container {
      width: 320px;
      margin: 20px auto;
      padding: 15px 40px;
      background-color: #222222;
  }
  
/* Sideinfo */
div#sideinfo {
  float: right;
  width: 350px;
  margin: 0px 0 5px 0;
}
  div#sideinfo h3 {
    margin: 0 0 10px 0;
    font-size: 15px;
  }
  div#sideinfo h6 {
    margin: 0 0 5px 0;
    padding: 10px 0 0 0;
    font-size: 15px;
    font-weight: normal;
    color: #999;
  }
  div#sideinfo p {
    margin: 0 0 10px 0;
    font-size: 12px;
    line-height: 18px;
  }
    div#sideinfo p.nonformatted {
      margin: 0 0 10px 0;
      line-height: 18px;
    }
  div#sideinfo div#box {
    padding: 0 10px 10px 10px;
    color: #d7d7d7;
    background-color: #222;
  }
    div#sideinfo div#box p {
      font-size: 10px;
      color: #fff;
    }
    div#sideinfo table a:hover {
      color: #c1c1c1;
      border-bottom: 0;
    }
    div#sideinfo table tr th {
      border-bottom: 1px solid #2f2f2f;
    }
    div#sideinfo table tr td {
      font-size: 11px;
      padding: 5px 0 5px 0;
      border-bottom: 1px solid #2f2f2f;
      color: #fff;
    }

/* Footer */
div#footer {
  width: 880px;
  margin: 10px auto 20px auto;
  font-size: 10px;
}
  div#footer p#website_by {
    float: right;
    position: relative;
    top: -4px;
  }
    div#footer p#website_by img {
      margin-left: 1px;
      position: relative;
      top: 4px;
    }
    div#footer p#website_by a:hover {
      border-bottom: 0;
    }
  div#footer p#copyright {
    float: left;
  }