#menu {
 height: 40px;
 width: 640px;
 background: url(../images/menu.jpg);
 margin: 0; padding: 0;
 position: relative;
}
#menu li {margin: 0; padding: 0; list-style: none; position: absolute; top: 5;}

#menu li, #menu a {height: 35px; display: block;}
#button1 {left: 12px; width: 70px;}
#button2 {left: 82px; width: 73px;}
#button3 {left: 155px; width: 63px;}
#button4 {left: 218px; width: 82px;}
#button5 {left: 300px; width: 100px;}
#button6 {left: 400px; width: 78px;}
#button7 {left: 478px; width: 87px;}
#button8 {left: 565px; width: 64px;}

#button1 a:hover {background: transparent url(../images/home-over.jpg) no-repeat;}
#button2 a:hover {background: transparent url(../images/rooms-over.jpg) no-repeat;}
#button3 a:hover {background: transparent url(../images/rates-over.jpg) no-repeat;}
#button4 a:hover {background: transparent url(../images/contact-over.jpg) no-repeat;}
#button5 a:hover {background: transparent url(../images/directions-over.jpg) no-repeat;}
#button6 a:hover {background: transparent url(../images/gallery-over.jpg) no-repeat;}
#button7 a:hover {background: transparent url(../images/weather-over.jpg) no-repeat;}
#button8 a:hover {background: transparent url(../images/links-over.jpg) no-repeat;}

#side {
 height: 80px;
 width: 198px;
 background: url(../images/side.gif);
 margin: 0; padding: 0;
 position: relative;
}
#side li {margin: 0; padding: 0; list-style: none; position: absolute; left: 0px;}

#side li, #side a {height: 40px; display: block;}
#button9 {top: 0px; width: 198px;}
#button10 {top: 40px; width: 198px;}

#button9 a:hover {background: transparent url(../images/specials-over.gif) no-repeat;}
#button10 a:hover {background: transparent url(../images/webcam-over.gif) no-repeat;}

.left1
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(../images/specials-over.gif) no-repeat;
white-space: nowrap;
display: block;
width: 198px;
height: 40px;
margin: 0;
padding: 0;
}

.left1 a
{
display: block;
color: #000000;
font-size: 11px;
width: 198px;
height: 40px;
display: block;
float: left;
color: black;
text-decoration: none;
}

.left1 img
{
width: 198px;
height: 40px;
border: 0
}

* html a:hover
{
visibility:visible
}

.left1 a:hover img
{
visibility:hidden
}

.left1 span
{
position: absolute;
left: 0px;
top: 0px;
margin: 0px;
padding: 0px;
cursor: pointer;
}

.left2
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(../images/webcam-over.gif) no-repeat;
white-space: nowrap;
display: block;
width: 198px;
height: 40px;
margin: 0;
padding: 0;
}

.left2 a
{
display: block;
color: #000000;
font-size: 11px;
width: 198px;
height: 40px;
display: block;
float: left;
color: black;
text-decoration: none;
}

.left2 img
{
width: 198px;
height: 40px;
border: 0
}

* html a:hover
{
visibility:visible
}

.left2 a:hover img
{
visibility:hidden
}

.left2 span
{
position: absolute;
left: 0px;
top: 40px;
margin: 0px;
padding: 0px;
cursor: pointer;
}