/*
This first lot controls 'up' buttons - the buttons for other pages on the site.
Change these to the button names on your site.
*/

.home a {
display:block;
width: 111px;
height: 90px;
background: url("images/buttonbgs/home.jpg") 0 -180px no-repeat;
text-decoration: none;
float: left;
}
.home a:hover { 
background-position: 0 -90px;
}

.rooms a {
display:block;
width: 111px;
height: 90px;
background: url("images/buttonbgs/rooms.jpg") 0 -180px no-repeat;
text-decoration: none;
float: left;
}
.rooms a:hover { 
background-position: 0 -90px;
}

.local a {
display:block;
width: 111px;
height: 90px;
background: url("images/buttonbgs/local.jpg") 0 -180px no-repeat;
text-decoration: none;
float: left;
}
.local a:hover { 
background-position: 0 -90px;
}

.rates a {
display:block;
width: 111px;
height: 90px;
background: url("images/buttonbgs/rates.jpg") 0 -180px no-repeat;
text-decoration: none;
float: left;
}
.rates a:hover { 
background-position: 0 -90px;
}

.find a {
display:block;
width: 111px;
height: 90px;
background: url("images/buttonbgs/find.jpg") 0 -180px no-repeat;
text-decoration: none;
float: left;
}
.find a:hover { 
background-position: 0 -90px;
}

.contact a {
display:block;
width: 111px;
height: 90px;
background: url("images/buttonbgs/contact.jpg") 0 -180px no-repeat;
text-decoration: none;
float: left;
}
.contact a:hover { 
background-position: 0 -90px;
}

.tour a {
display:block;
width: 111px;
height: 90px;
background: url("images/buttonbgs/tour.jpg") 0 -180px no-repeat;
text-decoration: none;
float: left;
}
.tour a:hover { 
background-position: 0 -90px;
}
/*
Then copy and paste the above,
and replace '0 -180px no-repeat;' with '0 0 no-repeat;'.
All you need to do is add 'up' to the class names
and you're done.
*/

.home_up a {
display:block;
width: 111px;
height: 90px;
background: url("images/buttonbgs/home.jpg") 0 0 no-repeat;
text-decoration: none;
float: left;
}
.home_up a:hover { 
background-position: 0 -90px;
}

.rooms_up a {
display:block;
width: 111px;
height: 90px;
background: url("images/buttonbgs/rooms.jpg") 0 0 no-repeat;
text-decoration: none;
float: left;
}
.rooms_up a:hover { 
background-position: 0 -90px;
}

.local_up a {
display:block;
width: 111px;
height: 90px;
background: url("images/buttonbgs/local.jpg") 0 0 no-repeat;
text-decoration: none;
float: left;
}
.local_up a:hover { 
background-position: 0 -90px;
}

.rates_up a {
display:block;
width: 111px;
height: 90px;
background: url("images/buttonbgs/rates.jpg") 0 0 no-repeat;
text-decoration: none;
float: left;
}
.rates_up a:hover { 
background-position: 0 -90px;
}

.find_up a {
display:block;
width: 111px;
height: 90px;
background: url("images/buttonbgs/find.jpg") 0 0 no-repeat;
text-decoration: none;
float: left;
}
.find_up a:hover { 
background-position: 0 -90px;
}

.contact_up a {
display:block;
width: 111px;
height: 90px;
background: url("images/buttonbgs/contact.jpg") 0 0 no-repeat;
text-decoration: none;
float: left;
}
.contact_up a:hover { 
background-position: 0 -90px;
}

.tour_up a {
display:block;
width: 111px;
height: 90px;
background: url("images/buttonbgs/tour.jpg") 0 0 no-repeat;
text-decoration: none;
float: left;
}
.tour_up a:hover { 
background-position: 0 -90px;
}