/* Stellar Navigation */

/* home page left nav */

#navigation {
	float: left;
	width: 770px;
	height: 37px;
	padding: 0;
	margin: 0;
	background: url(../grfx/nav_bg.jpg) top left repeat-x;
}

#navigation ul {
	font-size: 0.7em;
	margin: 0 0 0 24px;
	padding: 0;
	width: 746px;
	height: 37px;
}

#navigation li {
	float: left;
	list-style: none;
	font-weight: bold; /* font properties added to fool IE */
	margin: 0;
	padding: 0;
}

#navigation li a {
	margin: 0px;
	padding: 0px;
	border: 0px;
	height: 37px;
	display: block;
}

#navigation li a span { 
	display: none;
}

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

#navigation li#home a:hover {
	background: url(../grfx/nav.jpg) -14px -37px no-repeat;
}

#navigation li#aboutus a {
	background: url(../grfx/nav.jpg) -75px 0px no-repeat;
	width: 84px;
}

#navigation li#aboutus a:hover {
	background: url(../grfx/nav.jpg) -75px -37px no-repeat;
}

#navigation li#products a {
	background: url(../grfx/nav.jpg) -159px 0px no-repeat;
	width: 78px;
}

#navigation li#products a:hover {
	background: url(../grfx/nav.jpg) -159px -37px no-repeat;
}

#navigation li#services a {
	background: url(../grfx/nav.jpg) -237px 0px no-repeat;
	width: 78px;
}

#navigation li#services a:hover {
	background: url(../grfx/nav.jpg) -237px -37px no-repeat;
}

#navigation li#clients a {
	background: url(../grfx/nav.jpg) -315px 0px no-repeat;
	width: 68px;
}

#navigation li#clients a:hover {
	background: url(../grfx/nav.jpg) -315px -37px no-repeat;
}

#navigation li#support a {
	background: url(../grfx/nav.jpg) -383px 0px no-repeat;
	width: 73px;
}

#navigation li#support a:hover {
	background: url(../grfx/nav.jpg) -383px -37px no-repeat;
}

#navigation li#newsevents a {
	background: url(../grfx/nav.jpg) -460px 0px no-repeat;
	width: 113px;
}

#navigation li#newsevents a:hover {
	background: url(../grfx/nav.jpg) -460px -37px no-repeat;
}

#navigation li#partners a {
	background: url(../grfx/nav.jpg) -573px 0px no-repeat;
	width: 80px;
}

#navigation li#partners a:hover {
	background: url(../grfx/nav.jpg) -573px -37px no-repeat;
}

#navigation li#contactus a {
	background: url(../grfx/nav.jpg) -657px 0px no-repeat;
	width: 87px;
}

#navigation li#contactus a:hover {
	background: url(../grfx/nav.jpg) -657px -37px no-repeat;
}