html {
	margin: 0;
	padding: 0;
}
body {
	margin: 0;
	padding: 0;
	background-color: #fff;
	font: .8em/1.4 Verdana,Arial,sans-serif;
	color: #45C3D3;
	width: 988px;
}

#page {
	position: relative;
	width: 988px;
	height:649px;
  margin: 0 auto;
	padding:0;
}
#head{
  width:988px;
  height:204px;
  background: #fff url('../img/head.jpg') 0 0 no-repeat;
  position: relative;
}


#head #title{
  position: absolute;
  font-size: 1.7em;
  top:125px;
  left:510px;
  text-transform: uppercase;
  font-weight: bold;
}

#main {
  background-color: #fff;
  height:416px;
  width:988px;
}
#foot{
  width:988px;
  height:29px;
  background: #fff url('../img/foot.jpg') 0 0 repeat-x;
  position: relative;
}
#foot span{
  position: absolute;
  top:7px;
  left:30px;
  color:#fff;
  font-weight: bold;
}
#foot a{
  color:#fff;
}
#menu {
 position: absolute;
 top:80px;
 left:20px;
 padding:0;
 margin:0;
 list-style-type: none;
}
#menu li {
	margin: 0 0 0 0;
	padding: 0 2px; 
	float:left;
}
#menu li a {
  display:block;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  color: #45C3D3;
  width:83px;
  font-size: 0.9em;
  padding-top:85px;
}
#menu li a.a1,#menu li a.a1:link, #menu li a.a1:visited {
  background: #fff url('../img/cocktail.jpg') left top no-repeat;
}
#menu li a.a2,#menu li a.a2:link, #menu li a.a2:visited {
  background: #fff url('../img/groundfloor.jpg') left top no-repeat;
}
#menu li a.a3,#menu li a.a3:link, #menu li a.a3:visited {
  background: #fff url('../img/rooms.jpg') left top no-repeat;
}
#menu li a.a4,#menu li a.a4:link, #menu li a.a4:visited {
  background: #fff url('../img/skylounge.jpg') left top no-repeat;
}
#menu li a.a5,#menu li a.a5:link, #menu li a.a5:visited {
  background: #fff url('../img/wellness.jpg') left top no-repeat;
}

#menu li a.a1:hover, #menu li a.a1:active, #menu li a.a1.active {
  text-decoration: underline;
  background-position: right top;
}
#menu li a.a2:hover, #menu li a.a2:active, #menu li a.a2.active {
  text-decoration: underline;
  background-position: right top;
}
#menu li a.a3:hover, #menu li a.a3:active, #menu li a.a3.active {
  text-decoration: underline;
  background-position: right top;
}
#menu li a.a4:hover, #menu li a.a4:active, #menu li a.a4.active {
  text-decoration: underline;
  background-position: right top;
}
#menu li a.a5:hover, #menu li a.a5:active, #menu li a.a5.active {
  text-decoration: underline;
  background-position: right top;
}