@media screen and (min-width: 731px) {
#nav {
    line-height: 100%;
	height:54px;
	margin:0;	
	width: 1111px;
	z-index:9999999999;
}
#nav li {
    float: left;
    position: relative;
    list-style: none;
	height:54px;
	margin-right:2px;
}

/* main level link */
#nav a {
	color: #000;
	display: block;
	padding: 0 19px;
	line-height: 52px; /* should be the same height as the #nav li */
	text-decoration: none;
	font-family: Tahoma, Geneva, sans-serif;
			}
#nav li.first a {
	padding-left:0;
	}

#nav li:hover a {
	color: #000;
	text-decoration: underline;
	}

body#home #nav-01 a, body#about-us #nav-02 a, body#general-Dentist #nav-03 a, body#cosmetic-Dentist #nav-04 a, body#gallery #nav-05 a, body#contact #nav-06 a {
	color:#29A5EB;
}


/* sub levels link hover */
#nav ul li:hover a, #nav li:hover li a {
	background: #E8EEF5;
	color: #000;
	display: block;
	height: 100%;
}
#nav ul li a:hover {
    background: #4c8cca;  !important;
    color: #000 !important;
}

/* dropdown */
#nav li:hover > ul {
    display: block;
}

/* level 2 list */
#nav ul {
    display: none;
    margin: 0;
    padding: 0;
    width: 200px;
    position: absolute;
    top: 54px;
    left: 0;
    border-bottom:1px solid #2f2f2f;
}
#nav ul li {
    float: none;
    margin: 0;
    padding: 0;
	height:auto;
	border-top:1px solid #2f2f2f;
}

#nav ul a {
    font-weight: normal;
	display:block;
}
#nav ul li a {
	line-height:22px;
	padding-top:10px;
	padding-bottom:10px;
}

/* level 3+ list */
#nav ul ul {
    left: 200px;
    top: -1px;
}
}


@media (max-width: 730px) {
#nav {
    line-height: 100%;
	height:54px;
	margin:auto 0;	
	width: 90%;

}
#nav li {
	float: left;
	position: relative;
	list-style: none;
	height: 44px;
	min-width: 90px;
	width: 32%;
	/* [disabled]background: #6C5E3E; */
}

/* main level link */
#nav a {
	color: #000;
	display: block;
	padding: 0 2px 0 7px;
	line-height: 42px; /* should be the same height as the #nav li */
	text-decoration: none;
	font-family: Tahoma, Geneva, sans-serif;
			}
#nav li.first a {
	padding-left:0;
	}

#nav li:hover a {
	color: #000;
	text-decoration: underline;
	}

body#home #nav-01 a, body#about-us #nav-02 a, body#general-Dentist #nav-03 a, body#cosmetic-Dentist #nav-04 a, body#gallery #nav-05 a, body#contact #nav-06 a {
	color:#847e75;
}


/* sub levels link hover */
#nav ul li:hover a, #nav li:hover li a {
    background:#2c6ba8;
    color: #000;
	display:block;
	height:100%;
}
#nav ul li a:hover {
    background: #4c8cca;  !important;
    color: #000 !important;
}

/* dropdown */
#nav li:hover > ul {
    display: none;
}

/* level 2 list */
#nav ul {
    display: none;
    margin: 0;
    padding: 0;
    width: 200px;
    position: absolute;
    top: 54px;
    left: 0;
    border-bottom:1px solid #2f2f2f;
}
#nav ul li {
    float: none;
    margin: 0;
    padding: 0;
	height:auto;
	border-top:1px solid #2f2f2f;
}

#nav ul a {
    font-weight: normal;
	display:block;
}
#nav ul li a {
	line-height:22px;
	padding-top:10px;
	padding-bottom:10px;
}

/* level 3+ list */
#nav ul ul {
    left: 200px;
    top: -1px;
}
}