#navigation{
	margin: 0;
	padding: 0;
	border-right: 2px solid #9EACB5;
	width: 770px;
	height: 35px;
	background:url(../grfx/nav/navbg.gif) repeat-x;
}

#navigation ul {
	font-size: 10px;
	margin: 0;
	padding: 0;
}

#navigation li{
	float: left;
	height: 35px;
	margin: 0;
	padding: 0;	
	display: block;
}

* html #navigation li {
	font-size: 2px;
}

#navigation li a {
	color: #FFF;
	text-decoration: none;
	height: 35px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	display: block;
	margin: 0;
	padding: 0;
	border: 0;
}

#navigation li a span { 
	display: none;
}

#navigation li#homepage a {
	background: url(../grfx/nav/homepage.gif) left top no-repeat;
	width: 73px;/* needs changing*/
}

#navigation li#homepage a:hover {
	background: url(../grfx/nav/homepage-over.gif) left top no-repeat;
}

#navigation li#equipment a {
	background: url(../grfx/nav/equipment.gif) left top no-repeat;
	width: 80px;/* needs changing*/
}

#navigation li#equipment a:hover {
	background: url(../grfx/nav/equipment-over.gif) left top no-repeat;
}

#navigation li#services {
	background: url(../grfx/nav/services.gif) left top no-repeat;
	width: 65px;/* needs changing*/
}

#navigation li#services a:hover {
	background: url(../grfx/nav/services-over.gif) left top no-repeat;
}

#navigation li#dataexamples a {
	background: url(../grfx/nav/dataexamples.gif) left top no-repeat;
	width: 96px;/* needs changing*/
}

#navigation li#dataexamples a:hover {
	background: url(../grfx/nav/dataexamples-over.gif) left top no-repeat;
}

#navigation li#employmentopportunities a {
	background: url(../grfx/nav/employmentopportunities.gif) left top no-repeat;
	width: 165px;/* needs changing*/
}

#navigation li#employmentopportunities a:hover {
	background: url(../grfx/nav/employmentopportunities-over.gif) left top no-repeat;
}

#navigation li#contact a {
	background: url(../grfx/nav/contact.gif) left top no-repeat;
	width: 75px;/* needs changing*/
}

#navigation li#contact a:hover {
	background: url(../grfx/nav/contact-over.gif) left top no-repeat;
}