@charset "utf-8";
/*Main Nav*/
#nav {
	z-index: 50;
	position: relative;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}

/*#nav ul li {float:left;}*/
#nav ul li #about-us, #nav ul li #patient-information, #nav ul li #dental-implants, #nav ul li #referring-doctors, #nav ul li #patients-referring-patients, #nav ul li #as-teacher, #nav ul li #contact-us, #nav ul li #home {
	background-image: url(../images/nav.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
	line-height: 50px;
	display:block;
	z-index:100;
}

#nav ul li #about-us {background-position: left top;width:65px;}
#nav ul #about-us:hover, #nav li:hover #about-us, #nav li.sfhover #about-us {background-position: left bottom;}
#nav .active #about-us, #nav ul #about-us.active {background-position: left -50px;}


#nav ul li #patient-information {background-position: -65px top;width:138px;}
#nav ul #patient-information:hover, #nav li:hover #patient-information, #nav li.sfhover #patient-information {background-position: -65px bottom;}
#nav .active #patient-information, #nav ul #patient-information.active {background-position: -65px -50px;}

#nav ul li #dental-implants {background-position: -203px top;	width:240px;}
#nav ul #dental-implants:hover, #nav li:hover #dental-implants, #nav li.sfhover #dental-implants {background-position: -203px bottom;}
#nav .active #dental-implants, #nav ul #dental-implants.active {background-position: -203px -50px;}

#nav ul li #referring-doctors {background-position: -444px top;width:124px;}
#nav ul #referring-doctors:hover, #nav li:hover #referring-doctors, #nav li.sfhover #referring-doctors {background-position: -444px bottom;}
#nav .active #referring-doctors, #nav ul #referring-doctors.active {background-position: -444px -50px;}

#nav ul li #patients-referring-patients {background-position: -569px top;width:180px;}
#nav ul #patients-referring-patients:hover, #nav li:hover #patients-referring-patients, #nav li.sfhover #patients-referring-patients {background-position: -569px bottom;}
#nav .active #patients-referring-patients, #nav ul #patients-referring-patientss.active {background-position: -569px -50px;}

#nav ul li #as-teacher {background-position: -750px top;width:90px;}
#nav ul #as-teacher:hover, #nav li:hover #as-teacher, #nav li.sfhover #as-teacher {background-position: -750px bottom;}
#nav .active #as-teacher, #nav ul #as-teacher.active {background-position: -750px -50px;}

#nav ul li #contact-us {background-position: -841px top;width:78px;}
#nav ul #contact-us:hover, #nav li:hover #contact-us, #nav li.sfhover #contact-us {background-position: -841px bottom;}
#nav .active #contact-us, #nav ul #contact-us.active {background-position: -841px -50px;}


#nav ul li #home {background-position: -920px top;width:45px;}
#nav ul #home:hover, #nav li:hover #home, #nav li.sfhover #home {background-position: -920px bottom;}
#nav .active #home, #nav ul #home.active {background-position: -920px -50px;}

/*Sub Nav */

#subnav {
	background-image: url(../images/sidebar-in-this-section.png);
	background-repeat: no-repeat;
	background-position: center top;
	width: 266px;
	margin-right: auto;
	margin-left: auto;
	position: absolute;
	top: 560px;
	right: 30px;
}
#subnav ul {
	padding-top: 60px;
	padding-left: 30px;
}
#subnav ul li {
	list-style-type: none;
	padding-left: 25px;
	line-height: normal;
	background-image: none;
	padding-top: 4px;
	padding-bottom: 4px;
}
#subnav ul li:hover {
	background-image: url(../images/ul_li.png);
	background-repeat: no-repeat;
	background-position: left 5px;
	list-style-type: none;
	padding-left: 25px;
}
#subnav a {
	color: #473d3a;
	text-decoration: none;
}
#subnav a:hover {
	font-weight: bold;
}
#subnav .active {font-weight: bold;	background-image: url(../images/ul_li.png);
	background-repeat: no-repeat;
	background-position: left 5px;
}
#subnav ul .active a {font-weight: bold;}

#nav ul li ul {
	background-color: #349DA6;
}