/* CSS Document */


/*------------------------------------- HOME PAGE MAIN NAVIGATION ------------------------------------------*/

#nav { /* Navigation container. */
	background: none;
	height: 160px;
	margin: 0px;
	padding: 0;
	width: 191px;
	}
	
#nav ul {
	background: url(../images/navigation/mainnav.jpg) no-repeat left top;
	border: 0;
	height: 160px;
	margin: 0;
	padding: 0;
	width: 191px;
	position: relative;
	}

#nav li {
	background: transparent;
	list-style: none;
	position: absolute;
	top: 0;
	}

#nav li, #nav a {
	margin: 0;
	padding: 0;
	width: 191px;
	position: relative;
	}

#nav li a { 
	border: 0;
	display: block; /* turns links into blocks */
	margin: 0;
	padding: 0;
	text-indent: -9999px; /* pushes link text off the page */
	text-decoration: none;
	width: 191px;
	}

/* Setting background, width & position of main nav links... */
#home { top: 0; height: 25px; }
#about { top: 25px; height: 22px; }
#aboutyou { top: 47px; height: 22px; }
#treatments { top: 69px; height: 22px; }
#smile_gallery  { top: 90px; height: 22px; }
#fees { top: 112px; height: 22px; }
#contactus { top: 135px; height: 25px; }

/* Setting background image positions of hover state... */
#home a:hover { background: url(../images/navigation/mainnav.jpg) -191px 0 no-repeat; height: 25px; }
#about a:hover { background: url(../images/navigation/mainnav.jpg) -191px -25px no-repeat; height: 22px; }
#aboutyou a:hover { background: url(../images/navigation/mainnav.jpg) -191px -47px no-repeat; height: 22px; }
#treatments a:hover { background: url(../images/navigation/mainnav.jpg) -191px -69px no-repeat; height: 22px; }
#smile_gallery a:hover { background: url(../images/navigation/mainnav.jpg) -191px -91px no-repeat; height: 22px; }
#fees a:hover { background: url(../images/navigation/mainnav.jpg) -191px -113px no-repeat; height: 22px; }
#contactus a:hover { background: url(../images/navigation/mainnav.jpg) -191px -135px no-repeat; height: 25px; }

/* You are here. */
#home_a #home { background: url(../images/navigation/mainnav.jpg) -191px 0 no-repeat;  height:25px; }
#about_a #about { background: url(../images/navigation/mainnav.jpg) -191px -33px no-repeat; height:24px;}
#about_a #aboutyou { background: url(../images/navigation/mainnav.jpg) -191px -57px no-repeat; height:23px;}
#treatments_a #treatments { background: url(../images/navigation/mainnav.jpg) -191px -80px no-repeat; height:22px;}
#fees_a #fees{ background: url(../images/navigation/mainnav.jpg) -191px -105px no-repeat; height:25px; }
#contactus_a #contactus { background: url(../images/navigation/mainnav.jpg) -191px -130px no-repeat; height:30px; }