*
	{
	border:0;
	margin:0;
	padding:0;
}

#nav
	{ 
	width:745px; 
	height: 35px;
	background:url(../images/bar_bac.jpg); background-repeat:repeat-x;
	border-bottom:1px solid #cbcbcb;

	}

	
#nav ul 
	{
	list-style:none;
	float:right;
	}

#nav li 
	{

    list-style: none;
	display: inline;
	text-align: center;
	}

#nav li a 
	{
	text-decoration: none;
	display:block;
	float:left;	
	background: url(../images/all_states.png) no-repeat;
	text-indent:-9999px;

	}	
	
	.productname {
	width:299px;
	height:30px;
	position:absolute;
	top: 2px;
	left: 11px;
}
	
li#home a {
	width:134px;
	height:36px;
	 }
li#about a {
	width:118px;
	height:36px;
	 }
li#services a {
	width:115px;
	height:36px;
	 }

	

li#home a:link, li#home a:visited {	
	background-position: -0px -0px;
	}
	
li#home a:hover, li#home a:focus {	
	background-position: -1px -39px;
	}
	
li#about a:link, li#about a:visited {	
	background-position: -135px 0px;
	}
	
li#about a:hover, li#about a:focus {	
	background-position: -103px -114px;
	width: 150px;
	margin-left: -32px;
	}	
	
li#services a:link, li#services a:visited {	
	background-position: -253px 0px;
	}
	
li#services a:hover, li#services a:focus {	
	background-position: -218px -228px;
	width: 150px;
	margin-left: -34px;
	}	
	


/*-----------------------------------------------------------------------------

Set the on states using the body id.

-----------------------------------------------------------------------------*/	

div#home-page li#home a:link, div#home-page li#home a:visited {	
	background-position: -1px -38px;
	}

div#home-page li#about a:hover, div#home-page li#about a:focus {	
	background-position: -102px -76px;
	width: 150px;
	margin-left: -32px;
	}

div#about-page li#about a:link,div#about-page li#about a:visited {	
	background-position: -102px -114px;
	width: 150px;
	margin-left: -32px;
	}

div#about-page li#home a:hover, div#about-page li#home a:focus {	
	background-position: -0px -152px;
	overflow: auto;
	position: relative;

	}

div#about-page li#services a:hover, div#about-page li#services a:focus {	
	background-position: -218px -190px;
	width: 150px;
	margin-left: -34px;

	}
	
div#services-page li#services a:link, div#services-page li#services a:visited {	
	background-position: -218px -228px;
	width: 150px;
	margin-left: -34px;
	}


div#services-page li#about a:hover, div#services-page li#about a:focus {	
	background-position: -102px -266px;
	width: 150px;
	margin-left: -32px;
	overflow: auto;
	position: relative;
	}