#container {
  width: 900px;
  margin: 0px auto;
  text-align: left; }

#header {
  width: 900px;
  height: 100px;
  background: url('/images/header.gif') no-repeat; }
  #header img {
    margin-right: 75px; }

#content {
  width: 900px; }

#footer {
  color: #aaa;
  margin: 20px 0px;
  height: 20px;
  text-align: right; }
  #footer a {
    color: #7d9a9e; }

.clear {
  clear: both; }

#index_container #index_menu {
  width: 410px;
  height: 430px;
  overflow: hidden;
  float: left; }
  #index_container #index_menu img {
    margin: 0px 0px 10px 0px; }
#index_container #index_scrollContainer {
  width: 490px;
  height: 430px;
  overflow: hidden;
  float: left;
  text-align: justify; }
  #index_container #index_scrollContainer ul {
    list-style: none;
    margin: 0px;
    padding: 0px 0px 0px 20px;
    border-left: 1px dashed #aab; }
    #index_container #index_scrollContainer ul li {
      height: 430px;
      margin: 0px; }
  #index_container #index_scrollContainer ol li {
    height: auto;
    margin-bottom: 5px; }
  #index_container #index_scrollContainer p {
    margin: 0px 0px 16px 0px; }
  #index_container #index_scrollContainer h1 {
    margin-bottom: 5px; }
  #index_container #index_scrollContainer #news {
    text-align: justify; }
    #index_container #index_scrollContainer #news h1, #index_container #index_scrollContainer #news h3 {
      color: #57b314; }
    #index_container #index_scrollContainer #news h2 {
      color: #175384; }
    #index_container #index_scrollContainer #news .date {
      width: 77px;
      height: 74px;
      background: url('/images/date_bg.gif');
      text-align: center;
      margin: 5px 5px 5px 0px;
      font-family: Trebuchet MS, Trebuchet;
      font-size: 18pt;
      color: #fff;
      line-height: 35px;
      letter-spacing: 3px;
      padding-top: 3px; }
    #index_container #index_scrollContainer #news td {
      padding-bottom: 5px; }
    #index_container #index_scrollContainer #news h2 {
      margin: 0px 0px 2px 0px; }
    #index_container #index_scrollContainer #news p {
      margin: 0px 0px 5px 0px; }
  #index_container #index_scrollContainer #design h1, #index_container #index_scrollContainer #design h3 {
    color: #39a7e0; }
  #index_container #index_scrollContainer #design img {
    margin: 0px 0px 0px 10px; }
  #index_container #index_scrollContainer #hosting ul {
    border: none;
    list-style: square;
    margin: 0px 0px 3px 0px;
    padding-left: 25px; }
    #index_container #index_scrollContainer #hosting ul li {
      font-size: 8pt;
      height: auto; }
  #index_container #index_scrollContainer #hosting h1, #index_container #index_scrollContainer #hosting h3 {
    color: #f18a25; }
  #index_container #index_scrollContainer #hosting table {
    width: 100%;
    margin-bottom: 30px;
    text-align: left;
    border-bottom: 1px solid #fed; }
  #index_container #index_scrollContainer #hosting tr.hilite:hover {
    background: #fed; }
  #index_container #index_scrollContainer #hosting th {
    font-weight: bold;
    border-bottom: 1px solid #c50;
    font-size: 9pt;
    color: #fff;
    background: #f18a25;
    padding: 2px 4px; }
  #index_container #index_scrollContainer #hosting td {
    padding: 1px 4px 3px 4px;
    font-size: 9pt; }
  #index_container #index_scrollContainer #contact table {
    text-align: left;
    margin: 10px 0px; }
  #index_container #index_scrollContainer #contact h1, #index_container #index_scrollContainer #contact h3 {
    color: #df22e6; }
  #index_container #index_scrollContainer #contact ul {
    border: none;
    list-style: square;
    margin: 0px 0px 0px 0px;
    padding-left: 30px;
    color: red; }
    #index_container #index_scrollContainer #contact ul li {
      font-size: 8pt;
      height: auto; }

#portfolio_container {
  width: 900px;
  height: 430px;
  float: left; }
  #portfolio_container #project_list {
    width: 250px;
    float: left; }
    #portfolio_container #project_list p {
      margin: 10px 0px; }
    #portfolio_container #project_list a {
      display: block;
      width: 221px;
      height: 35px;
      color: #fff;
      font-weight: bold;
      line-height: 35px;
      padding-left: 15px; }
    #portfolio_container #project_list .home {
      background: url('/images/small_home.gif'); }
    #portfolio_container #project_list .green_button {
      background: url('/images/small_green.gif'); }
    #portfolio_container #project_list .blue_button {
      background: url('/images/small_blue.gif'); }
    #portfolio_container #project_list .orange_button {
      background: url('/images/small_orange.gif'); }
    #portfolio_container #project_list .purple_button {
      background: url('/images/small_purple.gif'); }
  #portfolio_container #project_details {
    width: 650px;
    height: 430px;
    float: left;
    overflow: hidden;
    text-align: justify; }
    #portfolio_container #project_details ul {
      list-style: none;
      margin: 0px;
      padding: 0px; }
      #portfolio_container #project_details ul li {
        height: 430px; }
    #portfolio_container #project_details .description {
      height: 200px;
      overflow: hidden;
      margin: 0px; }
      #portfolio_container #project_details .description h1, #portfolio_container #project_details .description h2 {
        margin: 0px; }
      #portfolio_container #project_details .description p {
        margin: 5px 0px 10px 0px; }
    #portfolio_container #project_details .pictures {
      height: 220px;
      text-align: center;
      margin-top: 10px;
      overflow: hidden; }
      #portfolio_container #project_details .pictures img {
        margin: 0px 10px; }