/*


*/

* {
  padding:0;
  margin:0;
}

body, html {
  height:100%;
}

#container {
  min-height:100%;
  position:relative;
  top:0;
  border:0px solid red;
  background: url(../images/docs.png) bottom right no-repeat;
}

body {
  font:62.5% Arial, Helvetica, sans-serif; /* Means 1em == 10px, 1.2em == 12px, etc. */

}

img {
  border:0;
}

#logo {
  position:absolute;
  left:20px;
  top:15px;
}

#title {
  position:absolute;
  text-align:right;
  top:0px;
  height:100px;
  color:#6d8292;
  width:100%;
  background-color: #fafaff;
  border-bottom:1px solid #cccccc;
}

#title h1 {
  position:relative;
  top:50px;
  margin-right:20px;
  font-size: 3.2em;
}

#title p {
  font-size: 9px;
}

h2 {
  margin-top:20px;
  margin-bottom:10px;
  border-bottom: 1px solid #dddddd;
}

h3 {
  margin-top:8px;
  margin-bottom:2px;
}

#footer {
  position:absolute;
  bottom:0px;
  width:100%;
  left:0px;
  padding:2px 0;
  text-align:center;
  color:#666666;
  background-color:#eeeeee;
  border-top:1px solid #cccccc;
  line-height: 18px;
}

#footer a {
  color: #666666;
  text-decoration:none;
}

#footer a:hover {
  text-decoration:underline;
}

#mainContent {
  position:relative;
  left:50%;
  width:740px;
  padding-top:110px;
  padding-bottom:30px;
  margin-left:-370px;

  color:#758a99;
  font-size:1.4em;
}

#mainContent ul {
  margin-left: 20px;
}