body {
  background-color: #404347;
  font-family: sans-serif;
  font-size: 9pt;
}

p {
  padding: 0;
  margin: 0;
}

div#outer {
  background-color: white;
  width: 782px;
  margin: 5px auto 0 auto;
}

div#header {
  background: white url(images/top.jpg) no-repeat;
  height: 145px;
}

div#header p {
  color: white;
  font-size: 8pt;
  padding-left: 560px;
  padding-top: 65px;
}

div#header div#logo {
  position: relative;
  top: 9px;
  left: 19px;
  float: left;
}

div#header div#logo img {
  border: 0;
}

div#header a {
  color: white;
}
    
div#nav {
  background-color: #276665;
  height: 23px;
  margin: 2px;
}

div#nav a {
  color: #c3c3c3;
  font-size: 9pt;
  font-weight: bold;
  text-decoration: none;
}

div#nav a:hover, div#nav a.current {
  color: white;
  text-decoration: none;
}

div#nav ul {
  margin: 0;
  padding: 0;
}

div#nav li {
  display: inline;
  float: left;
  list-style-type: none;  
  margin-left: 100px;
  margin-top: 4px;
}

div#left {
  background: white url(images/left-laptop.jpg) no-repeat;
  float: left;
  height: 421px;
  width: 214px;
}

div#main {
  background-color: #dbe3f6;
  padding-top: 15px;
  margin: 1px 2px 0 0;
  width: 566px;
  height: 377px;
  float: left;
}

div#main p {
  line-height: 14pt;
  font-size: 8pt;
  margin: 14px 30px 0 30px;
  color: #404347;
}

div#main p a {
  color: #404347
}

div#main strong {
  color: #276665;
  font-size: 11pt;
}

img#right-work {
  float: right;
  margin: 45px 35px 0 30px;
}

img#right-server {
  float: right;
  margin: 20px 35px 0 30px;
}

img#right-laptop {
  float: right;
  margin: 0 35px 0 30px;
}

div#bottom {
  background: white url(images/bottom.jpg) no-repeat;
  width: 568px;
  height: 28px;
  float: left;
}

p.copyright {
  color: #969a9d;
  font-size: 7pt;
  width: 782px;
  margin: 0 auto 0 auto;
  text-align: right;
}