/* start main nav */
	#mainnav {position: relative; background-color:#FFFFFF; height: 41px; width:765px; clear: both; z-index:200;}
	#mainnav img {float:left;}	
	#mainnav img.nofloat {float:none;}
	#mainnav ul 	{margin: 0; padding: 0; list-style:none; width: 776px;}
	#mainnav ul li 	{margin: 0; padding: 0; float: left; position: relative; text-align: left;}
	#mainnav ul a   {text-decoration: none; padding:0; }
	#mainnav li ul  {margin: 0; width: 1px; position: absolute; left: 0; top: 0;  display: none; z-index: 100; }
	#mainnav li ul.last {left: -100px;} /* we want the last menu item to be right aligned with the page */
	 /* Fix IE. Hide from IE Mac \*/
	 * html #mainnav ul li   {float: left; height: 1%; }
	 * html #mainnav ul li a {float: left; height: 1%; }
	 	
	 #mainnav li:hover ul, #mainnav li.over ul {display: block; position: absolute; top:0;}



 /* need to reset the padding and the width for the menu images.  They should not have any of the effects of the menu */	
	 #mainnav li ul li.productsimg a		{width:103px; height:37px; padding:0; border:0;}
	 #mainnav li ul li.solutionsimg a		{width:93px; height:37px; padding:0; border:0;}
	 #mainnav li ul li.customersimg a		{width:126px; height:37px; padding:0; border:0;}
	 #mainnav li ul li.partnersimg a		{width:83px; height:37px; padding:0; border:0;}
	 #mainnav li ul li.servicesimg a		{width:150px; height:37px; padding:0; border:0;}
	 #mainnav li ul li.newsimg a		    {width:121px; height:37px; padding:0; border:0;}
	 #mainnav li ul li.aboutimg a		    {width:100px; height:37px; padding:0; border:0;}
	 #mainnav li ul li.aboutimg {position:relative; left:100px; top:0px;} /*must push the image only to the right of 25px to offset ul.last above */
 
 	/* begin styles the drop downs */ 
		#mainnav li ul li a 		{color: #FFF; display: block; background:#8C9E63; width: 184px;  height:17px; padding-top:4px; padding-bottom: 4px; padding-left:11px; font-size: 1em; border-bottom:1px solid #ccc; border-left:2px solid #FFF; border-right:2px solid #FFF; z-index: 100;} 
		#mainnav li ul li a.first	{padding-top:0;} 
		#mainnav li ul li a.last	{border-bottom:0; padding-bottom:0;} 
		#mainnav li ul li a.single  {padding-top:0; border-bottom:0; padding-bottom:0;}
		#mainnav li ul li a:hover 	{color: #CCC;}
	/* ends styles the drop downs */ 
	
	/* begin third level */
	#mainnav li ul li ul.third { position: absolute; left: 197px; display:none;}
	#mainnav li ul li:hover ul.third, #mainnav li.over ul.third {display: block; position: absolute; top:-2px; z-index: 100; border-left:0;}
	
	#mainnav li ul li ul.thirdlast {position: absolute; left: -153px; display:none;}
	#mainnav li ul li:hover ul.thirdlast, #mainnav li.over ul.thirdlast {display: block; position: absolute; top:0; z-index: 100;}
	/* end third level */ 
	
/* end main nav */