/* portions borrowed from http://www.vistacomp.com */

/* MAIN NAVIGATION
----------------------------------------------- */
/* For IE5.x mac only */
* html>body #primary_nav {
	position: static;
	overflow: visible;
	font-size: 1.0em; }
	
* html>body .img-r em  { position: static; }

#primary_nav {
	width: 430px;
	height: 128px;
	list-style: none;
	margin: 0;
	padding: 0;
	display: block;
	}
	
#primary_nav li {
	float: left;
	left: 0;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0; }

* html #primary_nav li { /* this selector recognized by IE only */
		display: inline; /* total width (only for IE5.x/Win) */
		disp\lay: block; /* content width (for other IE) */
		}

li#products,
li#products a,
li#service,
li#service a,
li#forum,
li#forum a,
li#safety,
li#safety a,
li#care,
li#care a,
li#e-news,
li#e-news a{
	background: url(../images/primary-navigation.gif) no-repeat;
	cursor: pointer;
	display: block;
	margin: 0;
	padding: 0;
	overflow: hidden;
	}


li#products  {
	padding: 0;
	width: 195px;
	height: 55px;
	background-position: -45px 0;
	}
li#products a {
	padding: 55px 0 0 0;
	width: 195px;
	height: 55px;
	clip: rect(0, 195px, 55px, 0);	
	height: 0px !important; /* for most browsers */
	height /**/:55px; /* for IE5.5's bad box model */
	background-position: -45px 0;
	}
#primary_nav li#products a:hover,
#primary_nav li#products a.selected {
	background-position: -45px -128px;
	}


li#service  {
	padding: 0;
	width: 240px;
	height: 25px;
	background-position: -45px -55px;
	}
	
li#service a {
	padding: 25px 0 0 0;
	width: 240px;
	height: 25px;
	clip: rect(0, 240px, 25px, 0);	
	height: 0px !important; /* for most browsers */
	height /**/:25px; /* for IE5.5's bad box model */
	background-position: -45px -55px;
	}
#primary_nav li#service a:hover,
#primary_nav li#service a.selected {
	background-position: -45px -183px;
	}


li#forum {
	padding: 0;
	width: 144px;
	height: 25px;
	background-position: -285px -55px;
	}
li#forum a {
	padding: 25px 0 0 0;
	width: 144px;
	height: 25px;
	clip: rect(0, 144px, 25px, 0);	
	height: 0px !important; /* for most browsers */
	height /**/:25px; /* for IE5.5's bad box model */
	background-position: -285px -55px;
	}
#primary_nav li#forum a:hover,
#primary_nav li#forum a.selected {
	background-position: -285px -183px;
	}



li#safety  {
	padding: 0;
	width: 214px;
	height: 41px;
	background-position: 0px -80px;
	}
	
li#safety a {
	padding: 41px 0 0 0;
	width: 214px;
	height: 41px;
	clip: rect(0, 214px, 41px, 0);	
	height: 0px !important; /* for most browsers */
	height /**/:41px; /* for IE5.5's bad box model */
	background-position: 0px -80px;
	}
#primary_nav li#safety a:hover,
#primary_nav li#safety a.selected {
	background-position: -0px -208px;
	}


li#care  {
	padding: 0;
	width: 216px;
	height: 26px;
	background-position: -213px -80px;
	}
	
li#care a {
	padding: 26px 0 0 0;
	width: 216px;
	height: 26px;
	clip: rect(0, 216px, 26px, 0);	
	height: 0px !important; /* for most browsers */
	height /**/:26px; /* for IE5.5's bad box model */
	background-position: -213px -80px;
	}
#primary_nav li#care a:hover,
#primary_nav li#care a.selected {
	background-position: -213px -208px;
	}




li#e-news  {
	padding: 0;
	width: 216px;
	height: 18px;
	background-position: -213px -106px;
	}
	
li#e-news a {
	padding: 18px 0 0 0;
	width: 216px;
	height: 18px;
	clip: rect(0, 216px, 18px, 0);	
	height: 0px !important; /* for most browsers */
	height /**/:18px; /* for IE5.5's bad box model */
	background-position: -213px -106px;
	}
#primary_nav li#e-news a:hover,
#primary_nav li#e-news a.selected {
	background-position: -213px -234px;
	}

