/* CSS Document */

/*---------------------------- Main nav css Starts ----------------------------*/
#topnav {
	margin:0 auto;
	width:986px;
	height:30px;
}

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

/*--------------------------------- About US ---------------------------------*/	

#nav li#aboutus {
	background:url(../images/nav/aboutus.jpg);
	width:102px;
	height:30px;
	background-position:left top;
	background-repeat:no-repeat;
	}
	
#nav li#aboutus a {
	background:url(../images/nav/aboutus.jpg);
	width:102px;
	height:30px;
	background-position:left top;
	background-repeat:no-repeat;
	}
	
#nav li#aboutus a:hover, #nav li#aboutus a.selected {
	background:url(../images/nav/aboutus.jpg);
	width:102px;
	height:30px;
	background-position:left -30px;
	background-repeat:no-repeat;
}
	
#nav li#aboutus_a {
	background: url(../images/nav/aboutus.jpg);
	width:102px;
	height:30px;
	background-position:left -30px;
	background-repeat:no-repeat;
}





/*--------------------------------- End About US ---------------------------------*/

/*--------------------------------- Our Services ---------------------------------*/	

#nav li#ourservices {
	background:url(../images/nav/ourservices.jpg);
	width:129px;
	height:30px;
	background-position:left top;
	background-repeat:no-repeat;
	}
	
#nav li#ourservices a {
	background:url(../images/nav/ourservices.jpg);
	width:129px;
	height:30px;
	background-position:left top;
	background-repeat:no-repeat;
	}
	
#nav li#ourservices a:hover, #nav li#ourservices a.selected {
	background:url(../images/nav/ourservices.jpg);
	width:129px;
	height:30px;
	background-position:left -30px;
	background-repeat:no-repeat;
	}
	
#nav li#ourservices_a {
	background: url(../images/nav/ourservices.jpg);
	width:129px;
	height:30px;
	background-position:left -30px;
	background-repeat:no-repeat;
	}
	
/*--------------------------------- End Our Services ---------------------------------*/

/*--------------------------------- Smile & Confidence ---------------------------------*/	

#nav li#smile-confidence {
	background:url(../images/nav/smile-confidence.jpg);
	width:180px;
	height:30px;
	background-position:left top;
	background-repeat:no-repeat;
	}
	
#nav li#smile-confidence a {
	background:url(../images/nav/smile-confidence.jpg);
	width:180px;
	height:30px;
	background-position:left top;
	background-repeat:no-repeat;
	}
	
#nav li#smile-confidence a:hover, #nav li#smile-confidence a.selected {
	background:url(../images/nav/smile-confidence.jpg);
	width:180px;
	height:30px;
	background-position:left -30px;
	background-repeat:no-repeat;
	}
	
#nav li#smile-confidence_a {
	background: url(../images/nav/smile-confidence.jpg);
	width:180px;
	height:30px;
	background-position:left -30px;
	background-repeat:no-repeat;
}
	
/*--------------------------------- End Smile Design ---------------------------------*/

/*--------------------------------- Dental Implant ---------------------------------*/	

#nav li#dentalimplant {
	background:url(../images/nav/dentalimplant.jpg);
	width:157px;
	height:30px;
	background-position:left top;
	background-repeat:no-repeat;
	}
	
#nav li#dentalimplant a {
	background:url(../images/nav/dentalimplant.jpg);
	width:157px;
	height:30px;
	background-position:left top;
	background-repeat:no-repeat;
	}
	
#nav li#dentalimplant a:hover, #nav li#dentalimplant a.selected {
	background:url(../images/nav/dentalimplant.jpg);
	width:157px;
	height:30px;
	background-position:left -30px;
	background-repeat:no-repeat;
	}
	
#nav li#dentalimplant_a {
	background: url(../images/nav/dentalimplant.jpg);
	width:157px;
	height:30px;
	background-position:left -30px;
	background-repeat:no-repeat;
	}
	
/*--------------------------------- End Dental Implant ---------------------------------*/

/*--------------------------------- Braces ---------------------------------*/	
#nav li#braces {
	background:url(../images/nav/braces.jpg);
	width:81px;
	height:30px;
	background-position:left top;
	background-repeat:no-repeat;
	}
	
#nav li#braces a {
	background:url(../images/nav/braces.jpg);
	width:81px;
	height:30px;
	background-position:left top;
	background-repeat:no-repeat;
	}
	
#nav li#braces a:hover, #nav li#braces a.selected {
	background:url(../images/nav/braces.jpg);
	width:81px;
	height:30px;
	background-position:left -30px;
	background-repeat:no-repeat;
	}
	
#nav li#braces_a {
	background: url(../images/nav/braces.jpg);
	width:81px;
	height:30px;
	background-position:left -30px;
	background-repeat:no-repeat;
	}
	
/*--------------------------------- End Braces ---------------------------------*/

/*--------------------------------- Testimonials ---------------------------------*/	
#nav li#face {
	background:url(../images/nav/face.jpg);
	width:60px;
	height:30px;
	background-position:left top;
	background-repeat:no-repeat;
	}
	
#nav li#face a {
	background:url(../images/nav/face.jpg);
	width:60px;
	height:30px;
	background-position:left top;
	background-repeat:no-repeat;
	}
	
#nav li#face a:hover, #nav li#face a.selected {
	background:url(../images/nav/face.jpg);
	width:60px;
	height:30px;
	background-position:left -30px;
	background-repeat:no-repeat;
	}
	
#nav li#face_a {
	background: url(../images/nav/face.jpg);
	width:60px;
	height:30px;
	background-position:left -30px;
	background-repeat:no-repeat;
	}
	
/*--------------------------------- End Testimonials ---------------------------------*/

/*--------------------------------- FEES & OFFERS ---------------------------------*/

#nav li#fees {
	background:url(../images/nav/fees.jpg);
	width:61px;
	height:30px;
	background-position:left top;
	background-repeat:no-repeat;
	}
	
#nav li#fees a {
	background:url(../images/nav/fees.jpg);
	width:61px;
	height:30px;
	background-position:left top;
	background-repeat:no-repeat;
	}
	
#nav li#fees a:hover, #nav li#fees a.selected {
	background:url(../images/nav/fees.jpg);
	width:61px;
	height:30px;
	background-position:left -30px;
	background-repeat:no-repeat;
	}
	
#nav li#fees_a {
	background: url(../images/nav/fees.jpg);
	width:61px;
	height:30px;
	background-position:left -30px;
	background-repeat:no-repeat;
	}
	
/*--------------------------------- End FEES & OFFERS ---------------------------------*/

/*--------------------------------- FEES & OFFERS ---------------------------------*/

#nav li#referrals {
	background:url(../images/nav/referrals.jpg);
	width:104px;
	height:30px;
	background-position:left top;
	background-repeat:no-repeat;
	}
	
#nav li#referrals a {
	background:url(../images/nav/referrals.jpg);
	width:104px;
	height:30px;
	background-position:left top;
	background-repeat:no-repeat;
	}
	
#nav li#referrals a:hover, #nav li#referrals a.selected {
	background:url(../images/nav/referrals.jpg);
	width:104px;
	height:30px;
	background-position:left -30px;
	background-repeat:no-repeat;
	}
	
#nav li#referrals_a {
	background: url(../images/nav/referrals.jpg);
	width:104px;
	height:30px;
	background-position:left -30px;
	background-repeat:no-repeat;
	}
	
/*--------------------------------- End FEES & OFFERS ---------------------------------*/

/*--------------------------------- CONTACT US ---------------------------------*/

#nav li#contactus {
	background:url(../images/nav/contactus.jpg);
	width:112px;
	height:30px;
	background-position:left top;
	background-repeat:no-repeat;
	}
	
#nav li#contactus a {
	background:url(../images/nav/contactus.jpg);
	width:112px;
	height:30px;
	background-position:left top;
	background-repeat:no-repeat;
	}
	
#nav li#contactus a:hover, #nav li#contactus a.selected {
	background:url(../images/nav/contactus.jpg);
	width:112px;
	height:30px;
	background-position:left -30px;
	background-repeat:no-repeat;
	}
	
#nav li#contactus_a {
	background: url(../images/nav/contactus.jpg);
	width:112px;
	height:30px;
	background-position:left -30px;
	background-repeat:no-repeat;
}
/*--------------------------------- End Contact us ---------------------------------*/