div#foundation {
  position: absolute;
  top: 50%;
  left: 0px;
  width: 100%;
  height: 0px;
  overflow: visible;
  visibility: visible;
  display: block;
}
 
div#body {
  position: absolute;
  margin-left: -460px;
  top: -260px;
  left: 50%;

  background-image: url("../i/design/bg.jpg");
  background-repeat: no-repeat;
  background-position: center center;

  width: 932px;
  height: 511px;
}

div#footer {
  position: absolute;
  bottom: 0px;
  left: 0px;
  text-align: center;
  width: 100%;
  color: #C7CCE0;
  font-size: 90%;
  font-family: tahoma;
}

#footer a {
  color: #A1A1A1;
}

#menu {
  margin: 0px;
  padding: 0px;
  list-style: none;
}

#menu li {
  float: left;
}

li#about {
  position: relative;
  left: 267px;
  top: 88px;
}

li#news {
  position: relative;
  left: 236px;
  top: 142px;
  margin-top: -30px;
}

li#service {
  position: relative;
  left: 160px;
  top: 229px;
}

li#portfolio {
  position: relative;
  left: 129px;
  top: 283px;
  margin-top: -30px;
}

li#online {
  position: relative;
  left: 98px;
  top: 229px;
}

a#about,
a#news,
a#service,
a#portfolio,
a#online {
  display: block;
  line-height: 30px;
  color: #C7CCE0;
  font-family: tahoma;
  padding-left: 15px;
  margin-left: 30px;

  background-image: url("../i/design/li.gif");
  background-repeat: no-repeat;
  background-position: left center;
}

a#news,
a#service,
a#portfolio {
  margin-left: 45px;
}

a#about :link,
a#about :visited,
a#news :link,
a#news :visited,
a#service :link,
a#service :visited,
a#portfolio :link,
a#portfolio :visited,
a#online :link,
a#online :visited {
  color: #C7CCE0;
}

div#icons {
  margin-top: 40px;
  width: 30px;
  height: 78px;
  float: right;
}

#icon {
  width: 30px;
  height: 26px;
  background-color: #243C6B;
  color: #7584AA;

}