﻿#divNav ul 
{
	width: 752px; 
	height: 37px; 
	position: relative; /** Places image at the top of the page **/
	top: 0px; /** Determines the height from the top of the page **/
	left: 0px; /** Determines the width from the left of the page **/
	list-style: none;
	margin: 0 17px; padding: 0;
}
#divNav li 
{
	display: inline;
}
#divNav li a:link, #divNav li a:visited 
{
	border: none;
	height: 37px; /** height of the button in active state **/
	display: block; 
	position: relative; 
	top: 0; 
	float:left;
	text-indent: -7000px; /** Removes li text from the screen **/
	outline: none;
}
/** home **/
#divNav li.home a:link, #divNav li.home a:visited 
{
	width: 71px; /** width of the button in active state **/
	background: url(/images/nav/nav_Home.jpg) no-repeat 0 0;
}
#divNav li.home a:hover 
{
	background: url(/images/nav/nav_Home.jpg) no-repeat 0 -37px; 
}
#divNav li.homeOn a:link, #divNav li.homeOn a:visited 
{
	width: 71px; /** width of the button in active state **/
	background: url(/images/nav/nav_Home.jpg) no-repeat 0 -74px;
}
/** about **/
#divNav li.about a:link, #divNav li.about a:visited 
{
	width: 94px; /** width of the button in active state **/
	background: url(/images/nav/nav_AboutUs.jpg) no-repeat 0 0;
}
#divNav li.about a:hover 
{
	background: url(/images/nav/nav_AboutUs.jpg) no-repeat 0 -37px; 
}
#divNav li.aboutOn a:link, #divNav li.aboutOn a:visited 
{
	width: 94px; /** width of the button in active state **/
	background: url(/images/nav/nav_AboutUs.jpg) no-repeat 0 -74px;
}
/** physiotherapy **/
#divNav li.physiotherapy a:link, #divNav li.physiotherapy a:visited 
{
	width: 135px; /** width of the button in active state **/
	background: url(/images/nav/nav_Physiotherapy.jpg) no-repeat 0 0;
}
#divNav li.physiotherapy a:hover 
{
	background: url(/images/nav/nav_Physiotherapy.jpg) no-repeat 0 -37px; 
}
#divNav li.physiotherapyOn a:link, #divNav li.physiotherapyOn a:visited 
{
	width: 135px; /** width of the button in active state **/
	background: url(/images/nav/nav_Physiotherapy.jpg) no-repeat 0 -74px;
}
/** sports medicine **/
#divNav li.sportsmedicine a:link, #divNav li.sportsmedicine a:visited 
{
	width: 152px; /** width of the button in active state **/
	background: url(/images/nav/nav_SportsMedicine.jpg) no-repeat 0 0;
}
#divNav li.sportsmedicine a:hover 
{
	background: url(/images/nav/nav_SportsMedicine.jpg) no-repeat 0 -37px; 
}
#divNav li.sportsmedicineOn a:link, #divNav li.sportsmedicineOn a:visited 
{
	width: 152px; /** width of the button in active state **/
	background: url(/images/nav/nav_SportsMedicine.jpg) no-repeat 0 -74px;
}
/** pilates **/
#divNav li.pilates a:link, #divNav li.pilates a:visited 
{
	width: 79px; /** width of the button in active state **/
	background: url(/images/nav/nav_Pilates.jpg) no-repeat 0 0;
}
#divNav li.pilates a:hover 
{
	background: url(/images/nav/nav_Pilates.jpg) no-repeat 0 -37px; 
}
#divNav li.pilatesOn a:link, #divNav li.pilatesOn a:visited 
{
	width: 79px; /** width of the button in active state **/
	background: url(/images/nav/nav_Pilates.jpg) no-repeat 0 -74px;
}
/** price list **/
#divNav li.pricelist a:link, #divNav li.pricelist a:visited 
{
	width: 97px; /** width of the button in active state **/
	background: url(/images/nav/nav_PriceList.jpg) no-repeat 0 0;
}
#divNav li.pricelist a:hover 
{
	background: url(/images/nav/nav_PriceList.jpg) no-repeat 0 -37px; 
}
#divNav li.pricelistOn a:link, #divNav li.pricelistOn a:visited 
{
	width: 97px; /** width of the button in active state **/
	background: url(/images/nav/nav_PriceList.jpg) no-repeat 0 -74px;
}
/** contact us **/
#divNav li.contactus a:link, #divNav li.contactus a:visited 
{
	width: 115px; /** width of the button in active state **/
	background: url(/images/nav/nav_ContactUs.jpg) no-repeat 0 0;
}
#divNav li.contactus a:hover 
{
	background: url(/images/nav/nav_ContactUs.jpg) no-repeat 0 -37px; 
}
#divNav li.contactusOn a:link, #divNav li.contactusOn a:visited 
{
	width: 115px; /** width of the button in active state **/
	background: url(/images/nav/nav_ContactUs.jpg) no-repeat 0 -74px;
}
