@charset "utf-8";
/* text and links */

/* Following are the main navigational menu image replacements */


ul.IR li { 
	position: relative;
	font-size: 0.9em;
}
			
.IR em {
	display: block;
	position: absolute;
	top: 0; left: 0;
	z-index: 1;
}
	
/* For IE5.x mac only */

* html>body	.IR { 
	position: static;
	overflow: visible;
	font-size: 10px;
}

* html>body .IR em  { 
	position: static; 
}
	
/* image replacement specific properties */

.nav { 
	list-style: none;
	margin: 0;
	padding: 0; 
}

.nav li { 
	float: left; 
}
	
.home a, .home em {
	width: 136px;
	height: 36px;
}

.howItWorks a, .howItWorks em {
	width: 157px;
	height: 36px;
}

.nutriAssess a, .nutriAssess em {
	width: 250px;
	height: 36px;
}

.research a, .research em {
	width: 132px;
	height: 36px;
}

.products a, .products em {
	width: 133px;
	height: 36px;
}

.practitioners a, .practitioners em {
	width: 172px;
	height: 36px;
}


/* for ie5.x/mac only */	
* html>body ul.nav li em { 
	margin-bottom: -36px; 
} 

	
.home em, .howItWorks em, .nutriAssess em, .research em, .products em, .practitioners em{ 
	background: url("images/ss_menu.jpg") no-repeat; 
	cursor: pointer;
	/* IE5 requires cursor: hand; however this is not valid CSS2 */
}

.home em { background-position: 0 0; }
.home:hover em { background-position: 0 -36px; }
.howItWorks em { background-position: -136px 0; }
.howItWorks:hover em { background-position: -136px -36px; }
.nutriAssess em { background-position: -293px 0; }
.nutriAssess:hover em { background-position: -293px -36px; }
.research em { background-position: -543px 0; }
.research:hover em { background-position: -543px -36px; }
.products em { background-position: -675px 0; }
.products:hover em { background-position: -675px -36px; }
.practitioners em { background-position: -808px 0; }
.practitioners:hover em { background-position: -808px -36px; }
	
/* suckerfish styles */
.nav a { 
	display: block; font-weight: normal; 
}

* html .nav a { 
	height: 1%; 
}
	
.nav li ul, .nav a ul {
	position: absolute;
	z-index: 10; /* show the dropdowns above the images */
	top: 31px; /* position the dropdowns a set distance from the top of the image */
	left: -999em;
	list-style: none;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 100%;
	text-align: justified;
	text-indent: .7em;
	/*border: 1px solid #7b7b7b;
	border-bottom: 1px solid #7b7b7b;*/
	padding-bottom: 5px;
	padding-top: 0px;
	padding-left: 0px;
	margin-left: 0px;
}

.nav li:hover ul { 
	left: auto; 
}
	
.nav li li {
 	height: auto;
	float: none;
 	padding-bottom: 0; /* reset the height set on the IR list items */
	display: block;
  	/*border-bottom: 1px solid #9f9f9f;*/
}

.nav li ul a {
	height: auto;
  	padding: 0.3em;
  	color: #454544;
  	background: #eeeeee;
	border-bottom: #9f9f9f;
}

.nav li ul a:hover {
 	color: #b50c9b;
  	background: url("images/ss_selected_menuOption.jpg") no-repeat;
}

.nav li ul a:link {
	text-decoration: none;
}

.nav li ul a:visited {
	text-decoration: none;
}

li.home ul a {width: 130px;}
li.howItWorks ul a {width: 150px;}
li.nutriAssess ul a {width: 245px;}
li.research ul a {width: 127px;}
li.products ul a {width: 187px;}
li.practitioners ul a {width: 166px;}

.productsSubMenu li ul {
	display: none;
	position: absolute;
	left:100%;	
	width: 100%; /* width is based on the containing block */
	background: #ffffff;
}
.productsSubMenu li:hover ul {
    display: block;
    position: absolute;
	top: -.1em;
	left:14.7em;
    margin: 0;
    padding: 0; 
}

.howItWorksSubMenu li ul {
	display: none;
	position:absolute;	
	left:100%;	
	width: 100%; /* width is based on the containing block */
	background: #ffffff;
}
.howItWorksSubMenu li:hover ul {
    display: block;
    position: absolute;
	top: -.1em;
	left:12.1em;
    margin: 0;
    padding: 0; 
}