body {
  margin: 0;
  padding: 0;
  background: #d68697;
  text-align: center;
}

div.wrapper {
  margin: 20px auto;
  width: 819px;
  height: 719px;
  background: url(top/background.jpg) no-repeat 0 0;
  position: relative;
}

h1 {
  position: absolute;
  left: 50px;
  top: 60px;
  width: 77px;
  height: 254px;
  margin: 0;
  padding: 0;
  text-indent: -10000px;
  background: url(top/title.png) no-repeat 0 0;
}

ul.menu {
  position: absolute;
  top: 359px;
  left: 40px;
  margin: 0;
  padding: 0;
  list-style-type: none;
}

ul.menu li a {
  display: block;
  width: 149px;
  height: 18px;
  margin: 0 0 18px 0;
  text-indent: -10000px;
  background: url(top/menu.png) no-repeat 0 0;
}

ul.menu li.profile a { background-position: 0 0; }
ul.menu li.schedule a { background-position: 0 -36px; }
ul.menu li.disco a { background-position: 0 -72px; }
ul.menu li.blog a { background-position: 0 -108px; }
ul.menu li.link a { background-position: 0 -144px; }
ul.menu li.mail a { background-position: 0 -180px; }

div.footer {
  position: absolute;
  left: 0;
  top: 686px;
  width: 800px;
  text-align: right;
  margin-right: 20px;
  font-size: 12px;
  color: white;
}
div.footer a {
	color: white;
	text-decoration: none;
}