/**********************************************************************************
********************************* VERTICAL CSS ************************************
**********************************************************************************/

.menu-vertical {
	list-style: none;
	padding: 0;
	}

.menu-vertical li {
	clear: left;
	float: left;
	}

.menu-vertical li a {
	display: block;
	}

.menu-vertical li ul {
	display: none;
	list-style: none;
	position: absolute;
	margin: -40px 0 0 150px;
	z-index: 90;
	padding: 0 0 10px 0;
	}

.menu-vertical li ul a {
	display: block;
	}


.menu-vertical li ul li ul {
	margin: -29px 0 0 150px;
	position: absolute;
	}


/**********************************************************************************
********************************* HORIZONTAL CSS **********************************
**********************************************************************************/

.menu-horizontal {
	list-style: none;
	padding: 0;
}

.menu-horizontal li {
	float: left;
}

.menu-horizontal li a {
	display: block;
	height: 85px;
}

.menu-horizontal li ul {
	display: none;
	list-style: none;
	position: absolute;
	margin: 0 0 0 0;
	z-index: 90;
	padding: 0 0 10px 0;
}

.menu-horizontal ul li {
	clear: left;
}

.menu-horizontal li ul a {
	display: block;
}

.menu-horizontal li ul a:hover {
}

.menu-horizontal li ul li ul {
	margin: -29px 0 0 150px;
	position: absolute;
}

/*  *********************************************  ICONS  STYLE *********************************************** */

/** TOP MENU POSITIONING **/
#multi-ddm2 {
	margin: 0 0 0 0;
	background: #FFF;
	width: 990px;
	}

/** SUBMENU WIDTH **/
#multi-ddm2 ul, #multi-ddm2 ul li {	width: 200px; }

/** SUBMENU APPEARANCE **/
#multi-ddm2 ul {
	background-color:#825734;
		border-top: none;	
		border-right: 1px solid #27140D;
		border-bottom: 1px solid #27140D;	
		border-left: 1px solid #27140D;
	border-color: #f4f4f4;
	border-width: 1px;
	}

#multi-ddm2 li.face, #multi-ddm2 li.breast, #multi-ddm2 li.body, #multi-ddm2 li.nonsurgical 
{ height: 85px; width: 247px; }
	#multi-ddm2 li.face { background:url(http://www.newlooknewlife.com/images/face-icon.jpg); }
	#multi-ddm2 li.breast { background:url(http://www.newlooknewlife.com/images/breast-icon.jpg); } 
	#multi-ddm2 li.body { background:url(http://www.newlooknewlife.com/images/body-icon.jpg); }
	#multi-ddm2 li.nonsurgical { background:url(http://www.newlooknewlife.com/images/non-surgical-icon.jpg); }

/** TOP LEVEL LINK APPEARANCE **/
#multi-ddm2 a {
	margin: 0;
	color: #FFF;
	text-decoration: none;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	text-align: left;
	}

/** SUB LEVEL LINK APPEARANCE **/
#multi-ddm2 ul {
	width: 207px;
	padding: 5px 20px;
	}
	

#multi-ddm2 ul a {
	padding:0;
	margin: 0 0 0 5px;
	color: #ffffff;
	text-decoration: none;
	text-transform: none;
	height: 20px;
	border: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	display: inline-block;
	font-weight: bold;
	}

/** TOP/SUB LINK HOVER APPEARANCE **/
#multi-ddm2 a:hover { color: #2D63A3; }
#multi-ddm2 ul a:hover { color: #fff; text-decoration:underline; }


/** Rollover Fading Nav **/
.fade {
  position: absolute;
  top: 100px
  left: 100px
}

.fade div {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}
.fade2 {
  position: absolute;
  top: 100px
  left: 100px
}

.fade2 div {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}
.fade3 {
  position: absolute;
  top: 100px
  left: 100px
}

.fade3 div {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}

.fade4 {
  position: absolute;
  top: 100px
  left: 100px
}

.fade4 div {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}


