/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/image_dropdown.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.

NB: The following CSS has been altered using the above formentioned
css styling. Please respect both authors. For more information
please contact at zypherone@gmail.com
=================================================================== */


#nav {padding:0; margin:0; list-style:none; height:34px; position:relative; z-index:200; font-family:arial, verdana, sans-serif; width:699px;}
#nav li.top {display:block; float:left;}
#nav li a {display:block; float:left; height:34px; width:200px; border: 0px; text-decoration:none; padding:0; cursor:pointer;}
#nav li a b {margin-left:-999px;}

#nav li span {display:block; float:left; height:34px; width:200px; border: 0px; text-decoration:none; padding:0; }
#nav li span b {margin-left:-999px;}

#nav li span.mm_cellulite {background:url(images/mm_images/mm_cellulite.jpg); width: 75px;}
#nav li span.mm_cellulite_a {background:url(images/mm_images/mm_cellulite.jpg); width: 75px; background-position: 0 34px;}
#nav li span.mm_fat {background:url(images/mm_images/mm_fat.jpg); width: 34px;}
#nav li span.mm_fat_a {background:url(images/mm_images/mm_fat.jpg); width: 34px; background-position: 0 34px;}
#nav li span.mm_wrinkles {background:url(images/mm_images/mm_wrinkles.jpg); width: 75px;}
#nav li span.mm_wrinkles_a {background:url(images/mm_images/mm_wrinkles.jpg); width: 75px; background-position: 0 34px;}
#nav li span.mm_body-contouring {background:url(images/mm_images/mm_body-contouring.jpg); width: 122px;}
#nav li span.mm_body-contouring_a {background:url(images/mm_images/mm_body-contouring.jpg); width: 122px; background-position: 0 34px;}
#nav li a.mm_about {background:url(images/mm_images/mm_about.jpg); width: 54px;}
#nav li a.mm_about_a {background:url(images/mm_images/mm_about.jpg); width: 54px; background-position: 0 34px;}
#nav li a.mm_testimonials {background:url(images/mm_images/mm_testimonials.jpg); width: 96px;}
#nav li a.mm_testimonials_a {background:url(images/mm_images/mm_testimonials.jpg); width: 96px; background-position: 0 34px;}
#nav li a.mm_location {background:url(images/mm_images/mm_location.jpg); width: 70px;}
#nav li a.mm_location_a {background:url(images/mm_images/mm_location.jpg); width: 70px; background-position: 0 34px;}
#nav li span.mm_contact {background:url(images/mm_images/mm_contact.jpg); width: 76px;}
#nav li span.mm_contact_a {background:url(images/mm_images/mm_contact.jpg); width: 76px; background-position: 0 34px;}
#nav li a.mm_home {background:url(images/mm_images/mm_home.jpg); width: 22px;}
#nav li a.mm_home_a {background:url(images/mm_images/mm_home.jpg); width: 22px; background-position: 0 34px;}
#nav li a.mm_favourites {background:url(images/mm_images/mm_favourites.jpg); width: 18px;}
#nav li a.mm_favourites_a {background:url(images/mm_images/mm_favourites.jpg); width: 18px; background-position: 0 34px;}
#nav li a.mm_print {background:url(images/mm_images/mm_print.jpg); width: 23px;}
#nav li a.mm_print_a {background:url(images/mm_images/mm_print.jpg); width: 23px; background-position: 0 34px;}
#nav li a.mm_email {background:url(images/mm_images/mm_email.jpg); width: 34px;}
#nav li a.mm_email_a {background:url(images/mm_images/mm_email.jpg); width: 34px; background-position: 0 34px;}

#nav li:hover a, #nav li:hover span,
#nav a:hover, #nav span:hover
{background-position: 0 34px;}


#nav table {position:absolute; top:0; left:0; border-collapse:collapse; padding:0; width:0; height:0; margin:-1px;}

#nav .sub {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav li:hover {position:relative; z-index:200;}
#nav a:hover {position:relative; white-space:normal; z-index:200;}

#nav :hover ul.sub {
	left:-1px; 
	top:34px; 
	padding-top: 10px;
	background: #e2e2e2; 
	width:100px; 
	height:auto; 
	z-index:300;
	display:block; 
	color: #636365;  
	letter-spacing: 1px;
	font-family: Arial, Helvetica, sans-serif;
}
	
#nav :hover ul.sub li
{display:block; height: 18px; position:relative; float:left; width:100px; font-weight:normal;}
#nav :hover ul.sub li a
{display:block; height: 18px; width:100px;  border-bottom: 0px;  text-decoration:none; padding:0; cursor:pointer;}
#nav :hover ul.sub li a b {
	position:absolute; 
	left:6px; 
	margin:0; 
	color:#636365; 
	font-size:11px; 
	line-height:12px;
	letter-spacing: 1px;

}

#nav :hover ul.sub li a:hover  {
	background-position: 0 21px; 
	position:relative;
}
#nav :hover ul.sub li a:hover b {
	background:#e2e2e2; 
	color:#e14b50; 
	display:block; 
 	height:18px; 
	text-align:left; 
	font-size:11px; 
	line-height:12px;
}