/* CSS Document */

/*---------------------------- Main nav css Starts ----------------------------*/
#topnav {
	width:724px;
	height:47px;
	margin:auto;
}

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

/*--------------------------------- Home ---------------------------------*/	

#nav li#home {
	background:url(../images/nav/home.jpg);
	width:62px;
	height:47px;
	background-position:left top;
	background-repeat:no-repeat;
	}
	
#nav li#home a {
	background: url(../images/nav/home.jpg);
	width:62px;
	height:47px;
	background-position:left top;
	background-repeat:no-repeat;
	}
	
#nav li#home a:hover {
	background: url(../images/nav/home.jpg);
	width:62px;
	height:47px;
	background-position:left -47px;
	background-repeat:no-repeat;
	}
	
#nav li#home_a {
	background: url(../images/nav/home.jpg);
	width:62px;
	height:47px;
	background-position:left -47px;
	background-repeat:no-repeat;
}

	
/*---------------------------------End Home ---------------------------------*/	

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

#nav li#aboutus {
	background:url(../images/nav/aboutus.jpg);
	width:117px;
	height:47px;
	background-position:left top;
	background-repeat:no-repeat;
	}
	
#nav li#aboutus a {
	background:url(../images/nav/aboutus.jpg);
	width:117px;
	height:47px;
	background-position:left top;
	background-repeat:no-repeat;
	}
	
#nav li#aboutus a:hover {
	background:url(../images/nav/aboutus.jpg);
	width:117px;
	height:47px;
	background-position:left -47px;
	background-repeat:no-repeat;
	}
	
#nav li#aboutus_a {
	background: url(../images/nav/aboutus.jpg);
	width:117px;
	height:47px;
	background-position:left -47px;
	background-repeat:no-repeat;
	}
	
/*--------------------------------- End About US ---------------------------------*/

/*--------------------------------- Treatments ---------------------------------*/	

#nav li#treatments {
	background:url(../images/nav/treatments.jpg);
	width:97px;
	height:47px;
	background-position:left top;
	background-repeat:no-repeat;
	}
	
#nav li#treatments a {
	background:url(../images/nav/treatments.jpg);
	width:97px;
	height:47px;
	background-position:left top;
	background-repeat:no-repeat;
	}
	
#nav li#treatments a:hover {
	background:url(../images/nav/treatments.jpg);
	width:97px;
	height:47px;
	background-position:left -47px;
	background-repeat:no-repeat;
	}
	
#nav li#treatments_a {
	background: url(../images/nav/treatments.jpg);
	width:97px;
	height:47px;
	background-position:left -47px;
	background-repeat:no-repeat;
	}
	
/*--------------------------------- End Treatments ---------------------------------*/

/*--------------------------------- What Patients Say ---------------------------------*/
#nav li#whatpatientssay {
	background:url(../images/nav/whatpatientssay.jpg);
	width:138px;
	height:47px;
	background-position:left top;
	background-repeat:no-repeat;
	}
	
#nav li#whatpatientssay a {
	background:url(../images/nav/whatpatientssay.jpg);
	width:138px;
	height:47px;
	background-position:left top;
	background-repeat:no-repeat;
	}
	
#nav li#whatpatientssay a:hover {
	background:url(../images/nav/whatpatientssay.jpg);
	width:138px;
	height:47px;
	background-position:left -47px;
	background-repeat:no-repeat;
	}
	
#nav li#whatpatientssay_a {
	background: url(../images/nav/whatpatientssay.jpg);
	width:138px;
	height:47px;
	background-position:left -47px;
	background-repeat:no-repeat;
	}
	
/*--------------------------------- End What Patients Say ---------------------------------*/

/*--------------------------------- email ---------------------------------*/	
#nav li#email {
	background:url(../images/nav/email.jpg);
	width:109px;
	height:47px;
	background-position:left top;
	background-repeat:no-repeat;
	}
	
#nav li#email a {
	background:url(../images/nav/email.jpg);
	width:109px;
	height:47px;
	background-position:left top;
	background-repeat:no-repeat;
	}
	
#nav li#email a:hover {
	background:url(../images/nav/email.jpg);
	width:109px;
	height:47px;
	background-position:left -47px;
	background-repeat:no-repeat;
	}
	
#nav li#email_a {
	background: url(../images/nav/email.jpg);
	width:109px;
	height:47px;
	background-position:left -47px;
	background-repeat:no-repeat;
	}
	
/*--------------------------------- End Smile Gallery ---------------------------------*/

/*--------------------------------- FEES & Offers ---------------------------------*/

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

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

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

/*---------------------------- End Main nav css ----------------------------*/


/*--------------------------------- right hot sections ---------------------------------*/
ul#subnav  {
	height: 225px;
	width:196px;
	margin:0px;
	padding:0px;
	}
	
#subnav li {
	display: inline;
	float: left;
	list-style: none;
	}
	
#subnav li a {
	display: block;
	height: 225px;
	text-indent: -9999px;
}

/*--------------------------------- implants ---------------------------------*/
#subnav #implants {
	background-image: url(../images/implants.gif);
	background-repeat: no-repeat;
	background-position:top left;
	float: left;
	height: 56px;
	width:196px;
}
#subnav #implants a{
	background-image: url(../images/implants.gif);
	background-repeat: no-repeat;
	background-position:top left;
	float: left;
	height: 56px;
	width:196px;
}
#subnav #implants a:hover{
	background-image: url(../images/implants.gif);
	background-repeat: no-repeat;
	background-position:0px -56px;
	float: left;
	height: 56px;
	width:196px;
}
#subnav #implants_a{
	background-image: url(../images/implants.gif);
	background-repeat: no-repeat;
	background-position:0px -56px;
	float: left;
	height: 56px;
	width:196px;
}
/*--------------------------------- End implants ---------------------------------*/


/*--------------------------------- 'Newer' Implants ---------------------------------*/
#subnav #new_implants {
	background-image: url(../images/new-implant-sub.gif);
	background-repeat: no-repeat;
	background-position:top left;
	float: left;
	height: 56px;
	width:196px;
}
#subnav #new_implants a{
	background-image: url(../images/new-implant-sub.gif);
	background-repeat: no-repeat;
	background-position:top left;
	float: left;
	height: 56px;
	width:196px;
}
#subnav #new_implants a:hover{
	background-image: url(../images/new-implant-sub.gif);
	background-repeat: no-repeat;
	background-position:0px -56px;
	float: left;
	height: 56px;
	width:196px;
}
#subnav #new_implants_a{
	background-image: url(../images/new-implant-sub.gif);
	background-repeat: no-repeat;
	background-position:0px -56px;
	float: left;
	height: 56px;
	width:196px;
}
/*--------------------------------- End implants ---------------------------------*/


/*--------------------------------- Implants Procedure  ---------------------------------*/
#subnav #implants_procedure {
	background-image: url(../images/implant-pro-sub.gif);
	background-repeat: no-repeat;
	background-position:top left;
	float: left;
	height: 56px;
	width:196px;
}
#subnav #implants_procedure a{
	background-image: url(../images/implant-pro-sub.gif);
	background-repeat: no-repeat;
	background-position:top left;
	float: left;
	height: 56px;
	width:196px;
}
#subnav #implants_procedure a:hover{
	background-image: url(../images/implant-pro-sub.gif);
	background-repeat: no-repeat;
	background-position:0px -56px;
	float: left;
	height: 56px;
	width:196px;
}
#subnav #implants_procedure_a{
	background-image: url(../images/implant-pro-sub.gif);
	background-repeat: no-repeat;
	background-position:0px -56px;
	float: left;
	height: 56px;
	width:196px;
}
/*--------------------------------- End implants ---------------------------------*/


/*--------------------------------- FAQ about Implants   ---------------------------------*/
#subnav #faq_implant_sub {
	background-image: url(../images/faq-implant-sub.gif);
	background-repeat: no-repeat;
	background-position:top left;
	float: left;
	height: 56px;
	width:196px;
}
#subnav #faq_implant_sub a{
	background-image: url(../images/faq-implant-sub.gif);
	background-repeat: no-repeat;
	background-position:top left;
	float: left;
	height: 56px;
	width:196px;
}
#subnav #faq_implant_sub a:hover{
	background-image: url(../images/faq-implant-sub.gif);
	background-repeat: no-repeat;
	background-position:0px -56px;
	float: left;
	height: 56px;
	width:196px;
}
#subnav #faq_implant_sub_a{
	background-image: url(../images/faq-implant-sub.gif);
	background-repeat: no-repeat;
	background-position:0px -56px;
	float: left;
	height: 56px;
	width:196px;
}
/*--------------------------------- End implants ---------------------------------*/


/*--------------------------------- Implants Testimonial ---------------------------------*/
#subnav #implant_testimonial_sub {
	background-image: url(../images/implant-test-sub.gif);
	background-repeat: no-repeat;
	background-position:top left;
	float: left;
	height: 56px;
	width:196px;
}
#subnav #implant_testimonial_sub a{
	background-image: url(../images/implant-test-sub.gif);
	background-repeat: no-repeat;
	background-position:top left;
	float: left;
	height: 56px;
	width:196px;
}
#subnav #implant_testimonial_sub a:hover{
	background-image: url(../images/implant-test-sub.gif);
	background-repeat: no-repeat;
	background-position:0px -56px;
	float: left;
	height: 56px;
	width:196px;
}
#subnav #implant_testimonial_sub_a{
	background-image: url(../images/implant-test-sub.gif);
	background-repeat: no-repeat;
	background-position:0px -56px;
	float: left;
	height: 56px;
	width:196px;
}
/*--------------------------------- End implants ---------------------------------*/


/*--------------------------------- patients ---------------------------------*/
#subnav #patients{
	background-image: url(../images/patients.gif);
	background-position:top left;
	background-repeat: no-repeat;
	float: left;
	height: 57px;
	width:196px;
}
#subnav #patients a{
	background-image: url(../images/patients.gif);
	background-position:top left;
	background-repeat: no-repeat;
	float: left;
	height: 57px;
	width:196px;
}
#subnav  #patients a:hover{
	background-image: url(../images/patients.gif);
	background-position:0px -57px;
	background-repeat: no-repeat;
	float: left;
	height: 57px;
	width:196px;
}
#subnav  #patients_a{
	background-image: url(../images/patients.gif);
	background-position:0px -57px;
	background-repeat: no-repeat;
	float: left;
	height: 57px;
	width:196px;
}
/*--------------------------------- End patients ---------------------------------*/

/*--------------------------------- emergencies ---------------------------------*/
#subnav #emergencies {
	background-image: url(../images/emergencies.gif);
	background-repeat: no-repeat;
	background-position:top left;
	float: left;
	height: 56px;
	width:196px;
}
#subnav #emergencies a{
	background-image: url(../images/emergencies.gif);
	background-repeat: no-repeat;
	background-position:top left;
	float: left;
	height: 56px;
	width:196px;
}
#subnav #emergencies a:hover{
	background-repeat: no-repeat;
	background-image: url(../images/emergencies.gif);
	background-position:0px -56px;
	float: left;
	height: 56px;
	width:196px;
}
#subnav #emergencies_a{
	background-repeat: no-repeat;
	background-image: url(../images/emergencies.gif);
	background-position:0px -56px;
	float: left;
	height: 56px;
	width:196px;
}
/*--------------------------------- End emergencies ---------------------------------*/

/*--------------------------------- uk ---------------------------------*/
#subnav #uk {
	background-image: url(../images/uk.gif);
	background-repeat: no-repeat;
	background-position:top left;
	float: left;
	height: 56px;
	width:196px;
}
#subnav #uk a{
	background-image: url(../images/uk.gif);
	background-repeat: no-repeat;
	background-position:top left;
	float: left;
	height: 56px;
	width:196px;
}
#subnav #uk a:hover{
	background-repeat: no-repeat;
	background-image: url(../images/uk.gif);
	background-position:0px -56px;
	float: left;
	height: 56px;
	width:196px;
}
#subnav #uk_a{
	background-repeat: no-repeat;
	background-image: url(../images/uk.gif);
	background-position:0px -56px;
	float: left;
	height: 56px;
	width:196px;
}
/*--------------------------------- End uk ---------------------------------*/

/*--------------------------------- appointment ---------------------------------*/
#subnav #appointment {
	background-image: url(../images/appointment.gif);
	background-repeat: no-repeat;
	background-position:top left;
	float: left;
	height: 56px;
	width:196px;
}
#subnav #appointment a{
	background-image: url(../images/appointment.gif);
	background-repeat: no-repeat;
	background-position:top left;
	float: left;
	height: 56px;
	width:196px;
}
#subnav #appointment a:hover{
	background-image: url(../images/appointment.gif);
	background-repeat: no-repeat;
	background-position:0px -56px;
	float: left;
	height: 56px;
	width:196px;
}
#subnav #appointment_a{
	background-image: url(../images/appointment.gif);
	background-repeat: no-repeat;
	background-position:0px -56px;
	float: left;
	height: 56px;
	width:196px;
}
/*--------------------------------- End appointment ---------------------------------*/







/*---------------------------- End Adverts css ----------------------------*/
/*--------------------------------- right hot sections ---------------------------------*/
ul#inner-nav  {
	width:196px;
	margin:0px;
	padding:0px;
	}
	
#inner-nav li {
	display: inline;
	float: left;
	list-style: none;
	}
	
#inner-nav li a {
	display: block;
	text-indent: -9999px;
}
/*--------------------------------- 1---------------------------------*/
#inner-nav #farst {
	float: left;
	width:196px;
}
#inner-nav #farst a{
	width:196px;
	font-weight:bold;
	cursor:pointer;
	background-color:#066c2b;
	background-repeat:no-repeat;
	color:#c1f2d2;
	border-top:1px solid #369558;
	line-height:28px;
	text-indent:10px;
	text-decoration:none;
}
#inner-nav #farst a:hover{
	width:196px;
	font-weight:bold;
	cursor:pointer;
	background-color: #00501d;
	background-repeat:no-repeat;
	color:#4cba0b;
	border-top:1px solid #369558;
	line-height:28px;
	text-indent:10px;
	text-decoration:none;
}
#inner-nav #farst_a{
	width:196px;
	font-weight:bold;
	cursor:pointer;
	background-color:#066c2b;
	background-repeat:no-repeat;
	color:#c1f2d2;
	border-top:1px solid #369558;
	line-height:28px;
	text-indent:10px;
	text-decoration:none;
}
/*--------------------------------- End 2 ---------------------------------*/
#inner-nav #second {
	float: left;
	width:196px;
}
#inner-nav #second a{
	width:196px;
	font-weight:bold;
	cursor:pointer;
	background-color:#066c2b;
	background-repeat:no-repeat;
	color:#c1f2d2;
	border-top:1px solid #369558;
	line-height:28px;
	text-indent:10px;
	text-decoration:none;
}
#inner-nav #second a:hover{
	width:196px;
	font-weight:bold;
	cursor:pointer;
	background-color: #00501d;
	background-repeat:no-repeat;
	color:#4cba0b;
	border-top:1px solid #369558;
	line-height:28px;
	text-indent:10px;
	text-decoration:none;
}
#inner-nav #second_a{
	width:196px;
	font-weight:bold;
	cursor:pointer;
	background-color:#066c2b;
	background-repeat:no-repeat;
	color:#c1f2d2;
	border-top:1px solid #369558;
	line-height:28px;
	text-indent:10px;
	text-decoration:none;
}
/*--------------------------------- End 3 ---------------------------------*/
#inner-nav #thrd {
	float: left;
	width:196px;
}
#inner-nav #thrd a{
	width:196px;
	font-weight:bold;
	cursor:pointer;
	background-color:#066c2b;
	background-repeat:no-repeat;
	color:#c1f2d2;
	border-top:1px solid #369558;
	line-height:28px;
	text-indent:10px;
	text-decoration:none;
}
#inner-nav #thrd a:hover{
	width:196px;
	font-weight:bold;
	cursor:pointer;
	background-color: #00501d;
	background-repeat:no-repeat;
	color:#4cba0b;
	border-top:1px solid #369558;
	line-height:28px;
	text-indent:10px;
	text-decoration:none;
}
#inner-nav #thrd_a{
	width:196px;
	font-weight:bold;
	cursor:pointer;
	background-color:#066c2b;
	background-repeat:no-repeat;
	color:#c1f2d2;
	border-top:1px solid #369558;
	line-height:28px;
	text-indent:10px;
	text-decoration:none;
}
#hot-btn{
	width:949px;
	height:120px;
	float:left;
	margin:0 auto;
	}
	#hot-btn ul{
		margin:0;
		padding:0;
		list-style:none;
		}
		#hot-btn li{
			display:block;
			float:left;
			text-indent:-9999px;
			}
.hotbtn1, .hotbtn1 a{
	background:url(../images/hotbtn.jpg) 0 0 no-repeat;
	height:120px;
	width:227px;
	display:block;
	}
	.hotbtn1 a:hover{
	background:url(../images/hotbtn.jpg) 0 -120px no-repeat;
	height:120px;
	width:227px;
	}
.hotbtn2, .hotbtn2 a{
	background:url(../images/hotbtn.jpg) -240px 0 no-repeat;
	height:120px;
	width:228px;
	display:block;
	}
	.hotbtn2 a:hover{
	background:url(../images/hotbtn.jpg) -240px -120px no-repeat;
	height:120px;
	width:228px;
	}
.hotbtn3, .hotbtn3 a{
	background:url(../images/hotbtn.jpg) -481px 0 no-repeat;
	height:120px;
	width:228px;
	display:block;
	}
	.hotbtn3 a:hover{
	background:url(../images/hotbtn.jpg) -481px -120px no-repeat;
	height:120px;
	width:228px;
	}
.hotbtn4, .hotbtn4 a{
	background:url(../images/hotbtn.jpg) -722px 0 no-repeat;
	height:120px;
	width:227px;
	display:block;
	}
	.hotbtn4 a:hover{
	background:url(../images/hotbtn.jpg) -722px -120px no-repeat;
	height:120px;
	width:227px;
	}