@charset "UTF-8";
/* CSS Document */


/*  *********************************************   NAVIGATION   *********************************************** */

div#nav {
	margin:0;
	padding:0;
	width:991px;
	position:relative;
	float:left;
	text-align:left;
	height:37px;
	background:url(../images/dkf-nav-bg.jpg) no-repeat top center;

}

div#nav ul{
	margin:0;
	padding:0;
}


div#nav ul li {
	position:relative;
	margin:0;
	padding:0;
	float:left;
	list-style:none;
		
}	

/* ******************************************************************************** */


div#nav ul li#home-nav a{
	display:block;
	width:81px;
	height:37px;
	background-image:url(../images/dkf-nav-home_f2.jpg);
	background-position:center 200px;
	background-repeat:no-repeat;
	
}		


div#nav ul li#home-nav a:hover{
	width:81px;
	height:37px;
	background-image:url(../images/dkf-nav-home_f2.jpg);
	background-position:center top;
	background-repeat:no-repeat;

}

/* ******************************************************************************** */


div#nav ul li#skincare-nav{
	display:block;
	width:201px;
	height:37px;
	background-position:center 200px;
	background-repeat:no-repeat;
	
}		


div#nav ul li#skincare-nav:hover{
	width:201px;
	height:37px;
	background-image:url(../images/dkf-nav-skincare_f2.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	
}

div#nav ul li#skincare-nav a#skincare-button {
	display:block;
	width: 201px;
	height:37px;
	
}


/* ******************************************************************************** */


div#nav ul li#breast-nav{
	display:block;
	width:194px;
	height:37px;
	background-image:url(../images/dkf-nav-breast_f2.jpg);
	background-position:center 200px;
	background-repeat:no-repeat;
}		


div#nav ul li#breast-nav:hover{
	width:194px;
	height:37px;
	background-image:url(../images/dkf-nav-breast_f2.jpg);
	background-position:center top;
	background-repeat:no-repeat;
}


div#nav ul li#breast-nav a#breast-button {
	display:block;
	width: 194px;
	height:37px;
}


/* ******************************************************************************** */

div#nav ul li#body-nav{
	display:block;
	width:201px;
	height:37px;
	background-image:url(../images/dkf-nav-body_f2.jpg);
	background-position:center 300px;
	background-repeat:no-repeat;
}		



div#nav ul li#body-nav:hover{
	width:201px;
	height:37px;
	background-image:url(../images/dkf-nav-body_f2.jpg);
	background-position:center top;
	background-repeat:no-repeat;
}



div#nav ul li#body-nav a#body-button {
	display:block;
	width: 201px;
	height:37px;
}

/* ******************************************************************************** */


div#nav ul li#face-nav{
	display:block;
	width:202px;
	height:37px;
	background-image:url(../images/dkf-nav-face_f2.jpg);
	background-position:center 300px;
	background-repeat:no-repeat;
}		


div#nav ul li#face-nav:hover{
	width:202px;
	height:37px;
	background-image:url(../images/dkf-nav-face_f2.jpg);
	background-position:center top;
	background-repeat:no-repeat;
}


div#nav ul li#face-nav a#face-button {
	display:block;
	width: 202px;
	height:37px;
}

/* ******************************************************************************** */


div#nav ul li#noninvasive-nav{
	display:block;
	width:193px;
	height:37px;
	background-image:url(../images/dkf-nav-noninvasive_f2.jpg);
	background-position:center 200px;
	background-repeat:no-repeat;
}		


div#nav ul li#noninvasive-nav:hover{
	width:193px;
	height:37px;
	background-image:url(../images/dkf-nav-noninvasive_f2.jpg);
	background-position:center top;
	background-repeat:no-repeat;
}


div#nav ul li#noninvasive-nav a#noninvasive-button {
	display:block;
	width: 193px;
	height:37px;
}




/* **************************************************     FLYOUT NAVIGATION     ******************************************** */

div#nav ul ul {
	position:absolute;
	display:none;
	margin:0 0 0 0;
}



div#nav ul ul ul {
	position:absolute;
	display:none;
	margin:-20px 0 0 150px;
	padding:0;
}



div#nav ul.level1 li.subnav:hover ul.level2, div#nav ul.level1 li.subnav:hover ul.level2 li.subnav:hover ul.level3 {
	display:block;
	
}



ul.level2 {
	float:none;
	margin:0;
	padding:0;
	background-color:#2a1a0c;
	width:159px;
	display:block;

}



ul.level3 {
	float:none;
	background-color:#3B0E0E;
	width:159px;
	display:block;
}



ul.level4 {
	float:none;
	padding:0;
	background-color:#3E5768;
	width:159px;
	display:block;

}



ul.level2 li {
	line-height:1.4em;
}



div#nav ul.level1 li.subnav ul.level2 li a, div#nav ul.level1 li.subnav ul.level2 li.subnav ul.level3 a{
	font-size:13px;
	color:#c7a485;
	display:block;
	text-decoration:none;
	padding:4px 0px 5px 5px;
	width:154px;
}



div#nav ul.level1 li.subnav ul.level2 li a:hover {
	font-size:13px;
	color:#b3710a;
	display:block;
	text-decoration:none;
	padding:4px 0px 5px 5px;
	width:154px;
}



div#nav ul.level1 li.subnav ul.level2 li.subnav ul.level3 a:hover {
	font-size:13px;
	color:#b3710a;
	background:#792020;
	display:block;
	text-decoration:none;
	padding:4px 0px 5px 5px;
	width:154px;
}