/*---- things to hide for top and left nav ----*/

#nav li span {
	display: none;
}
	
/*---- top navigation ----*/

#nav {
	background: url(/global-images/top-nav.jpg) no-repeat;
	width: 760px;
	height: 32px;
	padding: 0;
	position: relative;
}

#nav ul{
	list-style: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#nav li, #nav li a{
	position:absolute;
	display:block;
	border-bottom: 0px;
	}	
	
#nav li.l1 {width:99px; height:32px; left: 0;}
#nav li.l1 a{width:99px; height:32px;}
#nav li.l1 a:hover{background: transparent url(/global-images/top-nav.jpg) 0 -32px no-repeat;}

#nav li.l2 {width:99px; height:32px; left:99px;}
#nav li.l2 a{width:99px; height:32px;}
#nav li.l2 a:hover{background: transparent url(/global-images/top-nav.jpg) -99px -32px no-repeat;}

#nav li.l3 {width:203px; height:32px; left:198px;}
#nav li.l3 a{width:203px; height:32px;}
#nav li.l3 a:hover{background: transparent url(/global-images/top-nav.jpg) -198px -32px no-repeat;}

#nav li.l4 {width:92px; height:32px; left:401px;}
#nav li.l4 a{width:92px; height:32px;}
#nav li.l4 a:hover{background: transparent url(/global-images/top-nav.jpg) -401px -32px no-repeat;}

#nav li.l5 {width:151px; height:32px; left:493px;}
#nav li.l5 a{width:151px; height:32px;}
#nav li.l5 a:hover{background: transparent url(/global-images/top-nav.jpg) -493px -32px no-repeat;}

#nav li.l6 {width:116px; height:32px; left:644px;}
#nav li.l6 a{width:116px; height:32px;}
#nav li.l6 a:hover{background: transparent url(/global-images/top-nav.jpg) -644px -32px no-repeat;}



/*----- creates active state of button nav -----*/

.products li.l1 {background: transparent url(/global-images/top-nav.jpg) 0 -64px no-repeat;}
.literature li.l2 {background: transparent url(/global-images/top-nav.jpg) -99px -64px no-repeat;}
.reps li.l3 {background: transparent url(/global-images/top-nav.jpg) -145px -198px no-repeat;}
.training li.l4 {background: transparent url(/global-images/top-nav.jpg) -401px -64px no-repeat;}
.news li.l5 {background: transparent url(/global-images/top-nav.jpg) -493px -64px no-repeat;}
.contact li.l6 {background: transparent url(/global-images/top-nav.jpg) -644px -64px no-repeat;}