html, body {
  padding: 0;
  margin: 0;
  height: 100% ;
}
body {
  background-color: #999;
  background-image: url("./../img/bg.png");
}

a, a:link, a:hover, a:active, a:visited {
  border: none;
  text-decoration: none;
}

div, p,
img {
  padding: 0;
  margin: 0;
  border: none;
  text-decoration: none;
}

.head {
  background-image: url("./../img/head.bg.logo.png");
  background-repeat: no-repeat;
  background-position: bottom left;
  width:808px;
  height:144px;
  position: absolute;
  top: 10px;
  left: 140px;
  z-index: 500;
}

.head img {
  position: relative;
  top: 7px;
  left: 245px;
  border: none;
}

.navigation {
  width:808px;
  height:27px;
  position: absolute;
  top: 146px;
  left: 140px;
  z-index: 800;
}

.menu{
  background-image: url("./../img/menu.bg.png");
  background-repeat: repeat-y;
  background-position: top left;
  padding-right: 6px;
  vertical-align: top;
  width:208px;
  height: 110%;
  position: absolute;
  top: -5px;
  left: 170px;
  z-index: 700;
}

.body {
  width:808px;
  position: absolute;
  top: 172px;
  left: 140px;
  z-index: 600;
}
.body .top {
  background-image: url("./../img/body.bg.top.png");
  background-repeat: no-repeat;
  background-position: bottom left;
  width:808px;
  height:28px;
  margin: 0;
}
.body .middle {
  background-image: url("./../img/body.bg.middle.png");
  background-repeat: repeat-y;
  background-position: left;
  width:808px;
  padding-bottom: 30px;
  margin: 0;
}
.body .bottom {
  background-image: url("./../img/body.bg.bottom.png");
  background-repeat: no-repeat;
  background-position: top left;
  width:808px;
  height:28px;
  margin: 0;
}

.content {
  position: relative;
  left: 249px;
  top: 19px;
  width: 520px;
  min-height:546px;
  height:auto;
  margin-bottom: 20px;
  z-index: 900;
}