/*================ nav start ===============*/

.home {
	background:url(../images/nav.jpg) no-repeat 0px 0px;
	display:block;
	width:160px;
	height:46px;
}
.home:hover {
	background:url(../images/nav.jpg) no-repeat 0px -46px;
	display:block;
	width:160px;
	height:46px;	
}
.home_h {
	background:url(../images/nav.jpg) no-repeat 0px -46px;
	display:block;
	width:160px;
	height:46px;	
}

/*------------------------aboutus-------------------------*/
.why {
	background:url(../images/nav.jpg) no-repeat -160px 0px;
	display:block;
	width:158px;
	height:46px;
}
.why:hover {
	background:url(../images/nav.jpg) no-repeat -160px -46px;
	display:block;
	width:158px;
	height:46px;	
}
.why_h {
	background:url(../images/nav.jpg) no-repeat -160px -46px;
	display:block;
	width:158px;
	height:46px;	
}

/*-----------------------treatments-------------------------*/
.treatments {
	background:url(../images/nav.jpg) no-repeat -318px 0px;
	display:block;
	width:158px;
	height:46px;
}
.treatments:hover {
	background:url(../images/nav.jpg) no-repeat -318px -46px;
	display:block;
	width:158px;
	height:46px;	
}
.treatments_h {
	background:url(../images/nav.jpg) no-repeat -318px -46px;
	display:block;
	width:158px;
	height:46px;	
}
/*-----------------------fees-------------------------*/
.fees {
	background:url(../images/nav.jpg) no-repeat -476px 0px;
	display:block;
	width:158px;
	height:46px;
}
.fees:hover {
	background:url(../images/nav.jpg) no-repeat -476px -46px;
	display:block;
	width:158px;
	height:46px;	
}
.fees_h {
	background:url(../images/nav.jpg) no-repeat -476px -46px;
	display:block;
	width:158px;
	height:46px;	
}

/*-----------------------contactus-------------------------*/
.contactus {
	background:url(../images/nav.jpg) no-repeat -634px 0px;
	display:block;
	width:158px;
	height:46px;
}
.contactus:hover {
	background:url(../images/nav.jpg) no-repeat -634px -46px;
	display:block;
	width:158px;
	height:46px;	
}
.contactus_h {
	background:url(../images/nav.jpg) no-repeat -634px -46px;
	display:block;
	width:158px;
	height:46px;	
}

/*-----------------------feedback-------------------------*/
.feedback {
	background:url(../images/nav.jpg) no-repeat -792px 0px;
	display:block;
	width:158px;
	height:46px;
}
.feedback:hover {
	background:url(../images/nav.jpg) no-repeat -792px -46px;
	display:block;
	width:158px;
	height:46px;	
}
.feedback_h {
	background:url(../images/nav.jpg) no-repeat -792px -46px;
	display:block;
	width:158px;
	height:46px;	
}

ul{ padding:0px; margin:0px;}


/*==========================================================Navigation End=========================================*/

/* CSS Menu Start */

.nav{
	width:950px;
	height:46px;
	float:left;
	margin-bottom:15px;
}

#menu {
    background: url("../images/nav.jpg") no-repeat scroll 0 0 transparent;
    float: left;
    height: 46px;
    list-style-type: none;
    padding: 0;
    width: 950px;
}
#menu ul {
	display:none;
	margin:0;
	z-index:101;
}
#menu li {
	float:left;
	position:relative;
	z-index:999;
	list-style:none;
}
#menu li a:hover ul {
	cursor:pointer;
	display:block;
}
#menu li ul {
	left:0;
	top:46px;
	position:absolute;
	z-index:103;
	background: #33a23c;
}
#menu li li {
	display:inline;
	float:none !important;
	border-bottom:solid 1px #e2eee0;
}
*>#menu li li {
	display:block;
}
#menu li:hover > ul {
  display: block;
  _margin-left:1px;
  /* no go in IE */
}
#menu li a:hover, #menu li a.selected {
	color:#ffffff;
}
#menu li li a {
	color: #FFF;
	display: block;
	height: auto;
	padding:5px 5px 5px 15px;
	text-decoration: none;
	width: 160px;
	font:normal 13px;
	list-style-type: none;
	text-align: left;
	border:none !important;
	_border-bottom:solid 1px #e2eee0 !important;
}
#menu li li a:hover {
	background-color:#84d58b;
	color:#ffffff;
}
#menu li a, #menu li strong {
	display:block;
	height:46px;
}
#menu li a:focus, #menu li a:hover, #menu li a:active, #menu li strong:hover, #menu .path {
	text-decoration:none
}
#menu li li ul.multilevel {
	display:none;
	border-left:1px #00312d solid;
	margin:0px
}
#menu li li ul.multilevel li ul.multilevel2 {
	display:none !important;
}
#menu li:hover ul li:hover ul {
	position:absolute;
	top:0px;
	left:214px;
	background:none repeat scroll 0 0 #008e78;
	border-left:1px #00312d solid;
	display:block !important;
}
#menu li:hover ul li:hover ul li:hover ul {
	left:191px;
	position:absolute;
	top:0px;
	background:none repeat scroll 0 0 #00312d;
	display:block !important;
}

/*================ nav end ===============*/	
#hot-btn{
	height:195px;
	width:559px;
	background-color:#424344;
	padding:0;
	margin:25px 0 0 0;
	
	}
	@media screen and (-webkit-min-device-pixel-ratio:0){
	#hot-btn{margin:0px;}
	}
#hot-btn ul{
	margin:0;
	padding:0;
	float:left;
	list-style-type: none;
	}
#hot-btn li{
	display:block;
	margin:0;
	float:left;
	}

#hot-btn li a{
	float: left;
	display: block;
	text-decoration: none;
	margin:0;
	padding:0; /*padding inside each tab*/
	}
/*================ oral ===============*/
.oral{
	background:url(../images/hot-btn.jpg) no-repeat 0px 0px;
	display:block;
	width:150px;
	height:195px;	
	}
.oral a:link, .oral a:active, .oral a:visited{
	background:url(../images/hot-btn.jpg) no-repeat 0px 0px;
	display:block;
	width:150px;
	height:195px;
	text-indent:-9999px;
	}
.oral a:hover, .oral_h, .oral_h a, .oral a.selected{
	background:url(../images/hot-btn.jpg) no-repeat 0px -195px;
	display:block;
	width:150px;
	height:195px;
	text-indent:-9999px;
	}
/*================ white ===============*/
.white{
	background:url(../images/hot-btn.jpg) no-repeat -150px 0px;
	display:block;
	width:135px;
	height:195px;	
	}
.white a:link, .white a:active, .white a:visited{
	background:url(../images/hot-btn.jpg) no-repeat -150px 0px;
	display:block;
	width:135px;
	height:195px;
	text-indent:-9999px;
	}
.white a:hover, .white_h, .white_h a, .white a.selected{
	background:url(../images/hot-btn.jpg) no-repeat -150px -195px;
	display:block;
	width:135px;
	height:195px;
	text-indent:-9999px;
	}
/*================ hygienist ===============*/
.hygienist{
	background:url(../images/hot-btn.jpg) no-repeat -285px 0px;
	display:block;
	width:135px;
	height:195px;	
	}
.hygienist a:link, .hygienist a:active, .hygienist a:visited{
	background:url(../images/hot-btn.jpg) no-repeat -285px 0px;
	display:block;
	width:135px;
	height:195px;
	text-indent:-9999px;
	}
.hygienist a:hover, .hygienist_h, .hygienist_h a, .hygienist a.selected{
	background:url(../images/hot-btn.jpg) no-repeat -285px -195px;
	display:block;
	width:135px;
	height:195px;
	text-indent:-9999px;
	}
/*================ easily ===============*/
.easily{
	background:url(../images/hot-btn.jpg) no-repeat -420px 0px;
	display:block;
	width:139px;
	height:195px;	
	}
.easily a:link, .easily a:active, .easily a:visited{
	background:url(../images/hot-btn.jpg) no-repeat -420px 0px;
	display:block;
	width:139px;
	height:195px;
	text-indent:-9999px;
	}
.easily a:hover, .easily_h, .easily_h a, .easily a.selected{
	background:url(../images/hot-btn.jpg) no-repeat -420px -195px;
	display:block;
	width:139px;
	height:195px;
	text-indent:-9999px;
	}


#inner-hot-btn{
	width:313px;
	padding:0;
	margin:0px 0 0 14px;
	clear:both;
	}

#inner-hot-btn ul{
	margin:10px 0 30px 0;
	padding:0;
	float:left;
	list-style-type: none;
	}
#inner-hot-btn li{
	display:block;
	margin:0;
	float:left;
	}

#inner-hot-btn li a{
	float: left;
	display: block;
	text-decoration: none;
	margin:0;
	padding:0; /*padding inside each tab*/
	}
/*================ oral-inner ===============*/
.oral-inner{
	background:url(../images/inner-hot-btn.jpg) no-repeat 0px 0px;
	display:block;
	width:313px;
	height:61px;	
	}
.oral-inner a:link, .oral-inner a:active, .oral-inner a:visited{
	background:url(../images/inner-hot-btn.jpg) no-repeat 0px 0px;
	display:block;
	width:313px;
	height:61px;
	text-indent:-9999px;
	}
.oral-inner a:hover, .oral-inner_h, .oral-inner_h a, .oral-inner a.selected{
	background:url(../images/inner-hot-btn.jpg) no-repeat -313px 0px;
	display:block;
	width:313px;
	height:61px;
	text-indent:-9999px;
	}
/*================ white-inner ===============*/
.white-inner{
	background:url(../images/inner-hot-btn.jpg) no-repeat 0px -61px;
	display:block;
	width:313px;
	height:60px;	
	}
.white-inner a:link, .white-inner a:active, .white-inner a:visited{
	background:url(../images/inner-hot-btn.jpg) no-repeat 0px -61px;
	display:block;
	width:313px;
	height:60px;
	text-indent:-9999px;
	}
.white-inner a:hover, .white-inner_h, .white-inner_h a, .white-inner a.selected{
	background:url(../images/inner-hot-btn.jpg) no-repeat -313px -61px;
	display:block;
	width:313px;
	height:60px;
	text-indent:-9999px;
	}
/*================ hygienist-inner ===============*/
.hygienist-inner{
	background:url(../images/inner-hot-btn.jpg) no-repeat 0px -121px;
	display:block;
	width:313px;
	height:60px;	
	}
.hygienist-inner a:link, .hygienist-inner a:active, .hygienist-inner a:visited{
	background:url(../images/inner-hot-btn.jpg) no-repeat 0px -121px;
	display:block;
	width:313px;
	height:60px;
	text-indent:-9999px;
	}
.hygienist-inner a:hover, .hygienist-inner_h, .hygienist-inner_h a, .hygienist-inner a.selected{
	background:url(../images/inner-hot-btn.jpg) no-repeat -313px -121px;
	display:block;
	width:313px;
	height:60px;
	text-indent:-9999px;
	}
/*================ easily-inner ===============*/
.easily-inner{
	background:url(../images/inner-hot-btn.jpg) no-repeat 0px -181px;
	display:block;
	width:313px;
	height:54px;	
	}
.easily-inner a:link, .easily-inner a:active, .easily-inner a:visited{
	background:url(../images/inner-hot-btn.jpg) no-repeat 0px -181px;
	display:block;
	width:313px;
	height:54px;
	text-indent:-9999px;
	}
.easily-inner a:hover, .easily-inner_h, .easily-inner_h a, .easily-inner a.selected{
	background:url(../images/inner-hot-btn.jpg) no-repeat -313px -181px;
	display:block;
	width:313px;
	height:54px;
	text-indent:-9999px;
	}