/*** ESSENTIAL STYLES ***/
#nav ul, #nav ul * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
#nav ul {
	line-height:	1.0;
}
#nav ul ul {
	position:		absolute;
	top:			-999em;
	width:			150px; /* left offset of submenus need to match (see below) */
}
#nav ul ul li {
	width:			100%;
}
#nav ul li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
#nav ul li {
	float:			left;
	position:		relative;
}
#nav ul a {
	display:		block;
	position:		relative;
}
#nav ul li:hover ul,
#nav ul li.sfHover ul {
	left:			1px;
	top:			39px; /* match top ul list item height */
	z-index:		99;
}
ul#nav ul li:hover li ul,
ul#nav ul li.sfHover li ul {
	top:			-999em;
}
ul#nav ul li li:hover ul,
ul#nav ul li li.sfHover ul {
	left:			150px; /* match ul width */
	top:			0;
}
ul#nav ul li li:hover li ul,
ul#nav ul li li.sfHover li ul {
	top:			-999em;
}
ul#nav ul li li li:hover ul,
ul#nav ul li li li.sfHover ul {
	left:			150px; /* match ul width */
	top:			0;
}
#nav ul li:hover ul ul,
#nav ul li.sfHover ul ul {
	left:			150px;
	top:			0; /* match top ul list item height */
}

/* CSTECH SKIN */
#nav ul {
	margin:0 auto;
	padding:0 0 0 15px;
	width:693px;
}
#nav ul a {
	height:41px;
	background-repeat:no-repeat;
	background-image:url(../_images/layout/bg-nav-sprite.png);
	text-indent:-9999px;
}
#nav ul a span span {
	display:none;
}
#nav ul span.hover {
	position: absolute;
	top:0;
	left:0;
	display:block;
	height:41px;
	background-image:url(../_images/layout/bg-nav-sprite.png);
	cursor:pointer;
	width:100%;
}
#nav ul li ul {
	background:#84989F url(../_images/layout/bg-nav-borders.png) repeat-x;
	padding:0 1px 1px 1px;
}
#nav ul li li {
	background:url(../_images/layout/bg-nav-drop.png) repeat-x;
	width:150px;
}
#nav ul li li a:link, #nav ul li li a:visited {
	padding:4px 10px;
	height:14px;
	line-height:14px;
	color:#EBEBEB;
	background:url(../_images/layout/bg-nav-div.png) no-repeat 0 0;
	background-position:13px bottom !important;
	font-size:80%;
	text-decoration:none;
	width:133px !important;
	text-indent:0px;
}
#nav ul li li a:hover {
	color:#FCB319;
}
#nav ul li li.last a {
	background:none;
}

/*individual items*/
#nav ul #home a {background-position:0 0;width:96px;}
#nav ul #about a  {background-position:-96px 0;width:86px;}
#nav ul #products a {background-position:-182px 0;width:87px;}
#nav ul #services a {background-position:-269px 0;width:83px;}
#nav ul #clients a {background-position:-352px 0;width:72px;}
#nav ul #partners a {background-position:-424px 0;width:81px;}
#nav ul #news a {background-position:-505px 0;width:64px;}
#nav ul #contact a {background-position:-569px 0;width:123px;}
/*hovers -- IE6 needs different positions*/
#nav #home .hover, #nav #home a.active {background-position:0 -41px;}
#nav #about .hover, #nav #about a.active {background-position:-96px -41px;}
#nav #products .hover, #nav #products a.active {background-position:-182px -41px;}
#nav #services .hover, #nav #services a.active {background-position:-269px -41px;}
#nav #clients .hover, #nav #clients a.active {background-position:-352px -41px;}
#nav #partners .hover, #nav #partners a.active {background-position:-424px -41px;}
#nav #news .hover, #nav #news a.active {background-position:-505px -41px;}
#nav #contact .hover, #nav #contact a.active {background-position:-569px -41px;}