html, body, form { width: 100%; height: 100%; padding: 0;}
body { font-size: 62.5%; }
* { margin: 0; padding: 0; font-size: 100%; }

body#main {
        font-family: "Bitstream Vera Sans", "Trebuchet MS", Arial, Helvetica;
}
div.wrap {
	padding: 0;
	min-width: 950px;
	position: relative;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
	background: #FFF;
}

h1 { float: left; padding: 0 15px; margin-top: 200px;}
  h1 span { display: none; }

h2 {
  color: #666;
  font: 2.5em/1.2em "Bitstream Vera Sans", "Trebuchet MS", Arial, Helvetica;
}

div.footer {
  background: #2c89a0;
  font-size: 1em;
  bottom:0px;
  height: 8em;
  line-height: 2em;
  position:absolute;
  width: 100%;
  text-align: right;
}
  div.footer span {
    font: 1.2em/1.5em "Bitstream Vera Sans", "Trebuchet MS", Arial, Helvetica;
    color: #FFF;
    position: relative;
    top: 5em;
    right: 1em;
  }
  div.footer div.validation {
    float: left;
    margin: 25px 0 0 10px;
  }
  div.footer div.validation a img { border: 0;}

div.body {
  width: 950px;
  max-width: 95em;
  margin: 0 auto;
  padding: 10px 15px 0em 2em;
}
div.footer a { color: #FFF; }
div.content {
    float: left;
    background: #FFF url('../images/divider.png') no-repeat top left;
    min-height: 500px;
    padding: 30px 0 0 150px;
  }
    div.content ul {
        margin-top: 10px;
        color: #2c89a0;
        list-style-type: square;
        list-style-position:inside;
        font-size: 2em; }
      div.content ul li span {
          color: #666;
          font-size: .75em;
      }
    div.content ul.menu {
      margin-bottom: 40px;
      height: .9em;
      list-style: none;
    }
        div.content ul.menu li {
          float: left;
          margin-right: 60px;
          font-size: .9em;
        }
          div.content ul.menu li.selected a {
            color: #2c89a0;
            border-bottom: 3px solid #B3B3B3;
          }
          div.content ul.menu li a {
            text-decoration: none;
            color: #666;
          }
          div.content ul.menu li a:hover {
            color: #2c89a0;
          }
    div.content a { color: #2c89a0; }
    div.content p {
      color: #333;
      margin: 30px 0;
      font: 1.5em/1.5em "Bitstream Vera Sans", "Trebuchet MS", Arial, Helvetica;
    }
    div.content p.contact {
      color: #666;
      font-size: 1.25em;
      margin: 10px 0;
    }
    div.content p.contact span {
      font-size: 0.8em;
      color: #AAA;
    }
    div.content p.contact a {
      background: url('../images/mailicon.png') no-repeat 0px 50%; padding-left: 20px;
    }

    div.content div.project a {
      font-size: 1.25em;
      text-decoration: none;
      color: #2c89a0;
      position:relative;
      top: 20px;
    }

    div.content div.project a:hover {
      text-decoration: underline;
    }