#frame #nav {
	float: left;
	width: 773px;
	height: 76px;
	margin: 0 auto;
	padding: 0;
	list-style: none
}

#nav li {
	color: #fff;
	float: left;
	margin: 0;
	padding: 0;
	height: 76px
}

#nav li a {
	display: block;
	height: 76px;
	text-indent: -2000em
}

#nav li#intro a {
	width: 70px;
	background: url(../images/nav-buttons/intro.jpg) 0 0 no-repeat
}

#nav li#intro a:hover, 
#nav li#school a:hover, 
#nav li#services a:hover, 
#nav li#eligibility a:hover, 
#nav li#company a:hover, 
#nav li#products a:hover, 
#nav li#booking a:hover, 
#nav li#specials a:hover, 
#nav li#affiliates a:hover, 
body.intro #nav li#intro a, 
body.school #nav li#school a, 
body.services #nav li#services a, 
body.eligibility #nav li#eligibility a, 
body.company #nav li#company a, 
body.products #nav li#products a, 
body.booking #nav li#booking a, 
body.specials #nav li#specials a, 
body.affiliates #nav li#affiliates a {
	background-position: 0 -76px
}

#nav li#school a {
	width: 80px;
	background: url(../images/nav-buttons/school.jpg) 0 0 no-repeat
}

#nav li#services a {
	width: 79px;
	background: url(../images/nav-buttons/services.jpg) 0 0 no-repeat
}

#nav li#eligibility a {
	width: 89px;
	background: url(../images/nav-buttons/eligibility.jpg) 0 0 no-repeat
}

#nav li#company a {
	width: 104px;
	background: url(../images/nav-buttons/the-company.jpg) 0 0 no-repeat
}

#nav li#products a {
	width: 81px;
	background: url(../images/nav-buttons/products.jpg) 0 0 no-repeat
}


#nav li#booking a {
	width: 113px;
	background: url(../images/nav-buttons/online-booking.jpg) 0 0 no-repeat
}


#nav li#contact a {
	width: 78px;
	background: url(../images/nav-buttons/contact.jpg) 0 0 no-repeat
}

#nav li#specials a {
	width: 78px;
	background: url(../images/nav-buttons/specials.jpg) 0 0 no-repeat
}

#nav li#affiliates a {
	width: 79px;
	background: url(../images/nav-buttons/affiliates.jpg) 0 0 no-repeat
}