ul#nav  {
	height: 38px;
	width: 880px;
	position: absolute;
	margin:0px;
	padding:0px;
	}
	
#nav li {
	display: inline;
	float: left;
	list-style: none;
	}
	
#nav li a {
	display: block;
	height: 38px;
	text-indent: -9999px;
	}

/*---------------- home ------------------- */	

#nav li#home {
	background:url(../images/home.gif) no-repeat left top;
	width: 63px;
	}
	
#nav li#home a {
	background: url(../images/home.gif) no-repeat left top;
	width: 63px;
	}
	
#nav li#home a:hover {
	background: url(../images/home.gif) no-repeat left -38px;
	width: 63px;
	}

#nav li#home_a a, #nav li#home_a {
	background: url(../images/home.gif) no-repeat left -38px;
	width: 63px;
	}
	
/*---------------- meet the team ------------------- */	

#nav li#team {
	background:url(../images/team.gif) no-repeat left top;
	width: 131px;
	}
	
#nav li#team a {
	background: url(../images/team.gif) no-repeat left top;
	width: 131px;
	}
	
#nav li#team a:hover {
	background: url(../images/team.gif) no-repeat left -38px;
	width: 131px;
	}

#nav li#team_a a, #nav li#team_a {
	background: url(../images/team.gif) no-repeat left -38px;
	width: 131px;
	}

/*---------------- first visit ------------------- */	

#nav li#firstvisit {
	background:url(../images/firstvisit.gif) no-repeat left top;
	width: 93px;
	}
	
#nav li#firstvisit a {
	background: url(../images/firstvisit.gif) no-repeat left top;
	width: 93px;
	}
	
#nav li#firstvisit a:hover {
	background: url(../images/firstvisit.gif) no-repeat left -38px;
	width: 93px;
	}

#nav li#firstvisit_a a, #nav li#firstvisit_a {
	background: url(../images/firstvisit.gif) no-repeat left -38px;
	width: 93px;
	}

/*---------------- smile check ------------------- */	

#nav li#smilecheck {
	background:url(../images/smilecheck.gif) no-repeat left top;
	width: 113px;
	}
	
#nav li#smilecheck a {
	background: url(../images/smilecheck.gif) no-repeat left top;
	width: 113px;
	}
	
#nav li#smilecheck a:hover {
	background: url(../images/smilecheck.gif) no-repeat left -38px;
	width: 113px;
	}

#nav li#smilecheck_a a, #nav li#smilecheck_a {
	background: url(../images/smilecheck.gif) no-repeat left -38px;
	width: 113px;
	}

/*---------------- treatments ------------------- */	

#nav li#treatments {
	background:url(../images/treatments.gif) no-repeat left top;
	width: 103px;
	}
	
#nav li#treatments a {
	background: url(../images/treatments.gif) no-repeat left top;
	width: 103px;
	}
	
#nav li#treatments a:hover {
	background: url(../images/treatments.gif) no-repeat left -38px;
	width: 103px;
	}

#nav li#treatments_a a, #nav li#treatments_a {
	background: url(../images/treatments.gif) no-repeat left -38px;
	width: 103px;
	}
	
/*---------------- smile gallery ------------------- */	

#nav li#smilegallery {
	background:url(../images/smilegallery.gif) no-repeat left top;
	width: 123px;
	}
	
#nav li#smilegallery a {
	background: url(../images/smilegallery.gif) no-repeat left top;
	width: 123px;
	}
	
#nav li#smilegallery a:hover {
	background: url(../images/smilegallery.gif) no-repeat left -38px;
	width: 123px;
	}

#nav li#smilegallery_a a, #nav li#smilegallery_a {
	background: url(../images/smilegallery.gif) no-repeat left -38px;
	width: 123px;
	}

/*---------------- fees ------------------- */	

#nav li#fees {
	background:url(../images/fees.gif) no-repeat left top;
	width: 53px;
	}
	
#nav li#fees a {
	background: url(../images/fees.gif) no-repeat left top;
	width: 53px;
	}
	
#nav li#fees a:hover {
	background: url(../images/fees.gif) no-repeat left -38px;
	width: 53px;
	}

#nav li#fees_a a, #nav li#fees_a {
	background: url(../images/fees.gif) no-repeat left -38px;
	width: 53px;
	}

/*---------------- appointments ------------------- */	

#nav li#appointments {
	background:url(../images/appointments.gif) no-repeat left top;
	width: 123px;
	}
	
#nav li#appointments a {
	background: url(../images/appointments.gif) no-repeat left top;
	width: 123px;
	}
	
#nav li#appointments a:hover {
	background: url(../images/appointments.gif) no-repeat left -38px;
	width: 123px;
	}

#nav li#appointments_a a, #nav li#appointments_a {
	background: url(../images/appointments.gif) no-repeat left -38px;
	width: 123px;
	}

/*---------------- findus ------------------- */	

#nav li#findus {
	background:url(../images/findus.gif) no-repeat left top;
	width: 78px;
	}
	
#nav li#findus a {
	background: url(../images/findus.gif) no-repeat left top;
	width: 78px;
	}
	
#nav li#findus a:hover {
	background: url(../images/findus.gif) no-repeat left -38px;
	width: 78px;
	}

#nav li#findus_a a, #nav li#findus_a {
	background: url(../images/findus.gif) no-repeat left -38px;
	width: 78px;
	}