/* CSS Document */

#navigation {
	width: 750px;
	height: 33px;
	background: url(../grfx/nav_bg.gif) top left no-repeat;
}

#navigation ul {
	font-size: 0.8em;
	width: 568px;
	height: 33px;
	margin: 0 0 0 182px;
}

#navigation li {
	float: left;
	list-style: none;
	font-weight: bold;
}

*html #navigation li {
	font-size: 2px;
}

#navigation li a {
	border: 0;
	height: 33px;
	display: block;
}

#navigation li a span {
	display: none;
}

#navigation li#home a {
	background: url(../grfx/nav.gif) 0 0 no-repeat;
	width: 67px;
}

#navigation li#home a:hover {
	background: url(../grfx/nav.gif) 0 -33px no-repeat;
}

#navigation li#about a {
	background: url(../grfx/nav.gif) -67px 0 no-repeat;
	width: 86px;
}

#navigation li#about a:hover {
	background: url(../grfx/nav.gif) -67px -33px no-repeat;
}

#navigation li#products a {
	background: url(../grfx/nav.gif) -153px 0 no-repeat;
	width: 85px;
}

#navigation li#products a:hover {
	background: url(../grfx/nav.gif) -153px -33px no-repeat;
}

#navigation li#qa a {
	background: url(../grfx/nav.gif) -238px 0 no-repeat;
	width: 66px;
}

#navigation li#qa a:hover {
	background: url(../grfx/nav.gif) -238px -33px no-repeat;
}

#navigation li#contact a {
	background: url(../grfx/nav.gif) -304px 0 no-repeat;
	width: 97px;
}

#navigation li#contact a:hover {
	background: url(../grfx/nav.gif) -304px -33px no-repeat;
}