/* nav functionality styles: */
	#navbar, #navbar ul{
	padding: 0;
	margin: 0 auto;
	list-style: none;
	line-height: 55px;;
	height:55px;
	position:relative;
	width:851px;
	}
	#navbar a{
	display: block;
	width: 220px;
	}
	#navbar li{
	float: left;
	width: 220px;
	}
	#navbar li ul {
	top:52px;
	line-height:2em;
	position: absolute;
	width: 220px;
	left: -999em;
	} 
	#navbar li:hover ul{
	left: auto;
	}
	#navbar li:hover ul, #navbar li.sfhover ul {
	left: auto;
	}
	
/* Multi Level Styles*/
	/* positions the 2nd level */
	#navbar li ul ul {
	margin: -52px 0 0 220px;
	}
	/* hides the 2nd level - for each additional dropdown level you need to duplicate this style 
	and add a ul at the end of every style reference ie:#navbar li:hover ul ul UL, #navbar li.sfhover ul ul UL { */
	#navbar li:hover ul ul, #navbar li.sfhover ul ul {
	left: -999em;
	}  
	/* shows the second level - for each additional level you need to add an li
	ie:  #navbar li li li:hover ul */
	#navbar li:hover ul, #navbar li li:hover ul, #navbar li.sfhover ul, #navbar li li.sfhover ul {
	left: auto;
	} 
	
/* nav look/feel styles */
	ul#navbar a{
	display:block;
	text-indent:5px;
	width:100%;
	background:#c9e0ff;
	color:black;
	text-decoration:none;
	border-bottom:white solid 1px;
	}
	ul#navbar a.root-a{
	border:none;
	background:#993300;
	}
	ul#navbar a.root-a:hover{
	border:none;
	background:orange;
	}
	ul#navbar a:hover{
	background:white;
	color:#0053F7;
	}
	/**button
	**/
		li#nav0, li#nav0 ul{width:67px}
	li#nav0 a.root-a{ border:none; text-indent:-999em; background:url(/images/images/homeoff.gif) top left no-repeat; width:100%;}
	#homepage li#nav0 a.root-a, li#nav0 a.root-a:hover{ background:url(/images/images/homeon.gif) top left no-repeat;}
	

	li#nav1, li#nav1 ul{width:204px;}
	li#nav1 a.root-a{ border:none; text-indent:-999em; background:url(/images/images/prodservoff.gif) top left no-repeat; width:100%;}
	#productsservicespage li#nav1 a.root-a, li#nav1 a.root-a:hover{ background:url(/images/images/prodservon.gif) top left no-repeat;}
	

	li#nav2, li#nav2 ul{width:200px;}
	li#nav2 a.root-a{ border:none; text-indent:-999em; background:url(/images/images/homebusoff.gif) top left no-repeat; width:100%;}
	#homebusinesspage li#nav2 a.root-a, li#nav2 a.root-a:hover{ background:url(/images/images/homebuson.gif) top left no-repeat;}
	

	li#nav3, li#nav3 ul{width:119px;}
	li#nav3 a.root-a{ border:none; text-indent:-999em; background:url(/images/images/distributorsoff.gif) top left no-repeat; width:100%;}
	#distributorspage li#nav3 a.root-a, li#nav3 a.root-a:hover{ background:url(/images/images/distributorson.gif) top left no-repeat;}
	

	li#nav4, li#nav4 ul{width:163px;}
	li#nav4 a.root-a{ border:none; text-indent:-999em; background:url(/images/images/custservoff.gif) top left no-repeat; width:100%;}
	#customerservicepage li#nav4 a.root-a, li#nav4 a.root-a:hover{ background:url(/images/images/custservon.gif) top left no-repeat;}
	

	li#nav5, li#nav5 ul{width:98px;}
	li#nav5 a.root-a{ border:none; text-indent:-999em; background:url(/images/images/companyoff.gif) top left no-repeat; width:100%;}
	#companypage li#nav5 a.root-a, li#nav5 a.root-a:hover{ background:url(/images/images/companyon.gif) top left no-repeat;}

