/* @group Nav Base */

#nav{
	z-index: 3;
	position: relative;
	width: 960px;
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size: 12px;
	cursor: pointer !important;
	cursor: pointer;
	margin: 0;
	padding: 0;
}

#nav_content{
	margin: 0;
	padding: 0;
}

#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}
#nav a,
#nav a span{
	display: block;
	padding: 0;
	margin: 0;
}
#nav a{
	white-space: nowrap;	
}
* html #nav a,
* html #nav a span{
	float: left;
}
#nav_content ul li a {
	cursor: pointer;
}

#nav li { /* all list items */
	float: left;
	display: block;
	position: relative;
	list-style-image: none;
	list-style: none;
	margin: 0;
	padding: 0;
}
#nav li .sub_nav { /* second-level lists */
	position: absolute;
	width: 200px;
	 left: -999em; /*using left instead of display to hide menus because display: none isn't read by screen readers */
}
#nav li ul li{
	clear: both;
	height: auto;
	float: none;
}
#nav li ul a,
#nav li ul a span{
	line-height: 18px;
	padding: 0;
	margin: 0;
	cursor: pointer;
}

* html #nav li ul a,
* html #nav li ul a span{
	float: none;
}


#nav li ul ul { /* third-and-above-level lists */
	display: none;
}
#nav li:hover{
}
#nav li:hover .sub_nav .sub_nav, 
#nav li.hover .sub_nav .sub_nav {
	left: -999em;
}
#nav li:hover .sub_nav, 
#nav li li:hover .sub_nav, 
#nav li.hover .sub_nav, 
#nav li li.hover .sub_nav,
#nav li li.hover .sub_nav iframe { /* lists nested under hovered list items */
	left: auto;
}

/* @end */

/* @group Nav */

#nav{
	min-height: 30px;
	margin: 0;
	padding: 0;
}
#nav_content{
	height: 100%;
	margin: 0;
	padding: 0;
}
#nav li{
	height: 40px;
	margin: 0;
	padding: 0;
	position: relative;
}

#nav a{
	color: #BBB;
	text-decoration: none;
	background: url(../images/nav/navDivider.png) 0 bottom no-repeat !important;
}

* html #nav a, * html #nav a:hover, * html #nav a.hover, * html #nav li.hover a {
	margin-top: 8px;
}

#nav a span{
	height: 20px;
	padding-top: 20px;
	padding-left: 15px;
	padding-right: 15px;
	min-height: 1%;	
}

* html #nav a span{
	height: 18px;
	padding-top: 14px;
	padding-left: 10px;
	padding-right: 10px;
	min-height: 1%;	
}

#nav li:hover{
	margin: 0;
	padding: 0;
	background: url(../images/nav/hover_bg.png) 0 bottom repeat-x !important;
}
#nav li:hover a{
	/* adjusts the spacing for dropdown */
	margin: 0;
	padding: 0;
	background: url(../images/nav/navDivider.png) 0 bottom no-repeat !important;
	color: white;
}
#nav li.hover a{
	margin: 0;
	padding: 0;
	color:white;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true' src='../images/nav/hover_bg.png', sizingMethod='scale');
}

#nav li li{
	margin: 0;
	padding: 0;
	background: none !important;
}
#nav li li a span{
	margin: 0;
	padding: 0;
	height: auto;
	background: none !important;
}

/* @group Current Tabs */
#nav li.current,
body.services #nav li.nav_services,
body.company #nav li.nav_company,
body.products #nav li.nav_products,
body.partners #nav li.nav_partners,
body.support #nav li.nav_support,
body.contact #nav li.nav_contact,
body.careers #nav li.nav_careers{
	background: url(../images/nav/current_bg.png) 0 0 repeat-x;
}
#nav li.current a span,
body.services #nav li.nav_services a span,
body.company #nav li.nav_company a span,
body.products #nav li.nav_products a span,
body.partners #nav li.nav_partners a span,
body.support #nav li.nav_support a span,
body.contact #nav li.nav_contact a span,
body.careers #nav li.nav_careers a span{
	background: url(../images/nav/navDivider.png) 0 bottom no-repeat;
	color: white;
}


* html #nav li.current a,
* html body.services #nav li.nav_services,
* html body.company #nav li.nav_company,
* html body.products #nav li.nav_products,
* html body.partners #nav li.nav_partners,
* html body.support #nav li.nav_support,
* html body.contact #nav li.nav_contact,
* html body.careers #nav li.nav_careers{
	background: none;
}
* html #nav li.current a,
* html body.services #nav li.nav_services a,
* html body.company #nav li.nav_company a,
* html body.products #nav li.nav_products a,
* html body.partners #nav li.nav_partners a,
* html body.support #nav li.nav_support a,
* html body.contact #nav li.nav_contact a,
* html body.careers #nav li.nav_careers a{
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true' src='../images/nav/current_bg.png', sizingMethod='repeat-x');
	background: none;
	background-repeat: repeat-y;
}
/*
* html #nav li.current a,
* html body.services #nav li.nav_services a span,
* html body.company #nav li.nav_company a span,
* html body.products #nav li.nav_products a span,
* html body.partners #nav li.nav_partners a span,
* html body.support #nav li.nav_support a span,
* html body.contact #nav li.nav_contact a span,
* html body.careers #nav li.nav_careers a span{
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true' src='../images/nav/navDivider.png', sizingMethod='image');
}
*/
* html body.services #nav li.hover a,
* html body.company #nav li.hover a,
* html body.products #nav li.hover a,
* html body.partners #nav li.hover a,
* html body.support #nav li.hover a,
* html body.contact #nav li.hover a,
* html body.careers #nav li.hover a{
	/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true' src='../images/nav/navDivider.png', sizingMethod='image');*/
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true' src='../images/nav/hover_bg.png', sizingMethod='repeat-x');
} 

/* @end */


#nav li:hover a span{
	background: none;
}

* html #nav li.hover a{
	float: left;
}
#nav li{
	margin-left: 0;
	margin-right: 0;
	text-align: left;
}
#nav .sub_nav a{
	padding: 0;
	margin: 0;
}
#nav li:hover .sub_nav a,
#nav li.hover .sub_nav a{
	color: #CCC !important;
	background: none !important;
}
* html #nav li.hover .sub_nav a{
	float: none;	
}
#nav .sub_nav li{
	display: block;
	float: none;
	margin: 3px;
	background: url(../images/nav/subnav_item_sep.png) 0 bottom no-repeat !important;
}

* html #nav .sub_nav li{
	display: block;
	float: none;
	margin: 3px;
	background: url(../images/nav/subnav_item_sep.png) 0 bottom no-repeat !important;
}

#nav .sub_nav ul{
	padding-top: 5px;
	width: 190px;
	padding: 5px 10px 10px 0;
}
#nav .sub_nav{
	width: 200px;	
	z-index: 9999;
	clear: both;
	background: url(../images/nav/sub_nav_bg.png) 0 0 repeat-y;
	border-bottom: 1px solid #111;
	margin-left: 1px;
}

#nav li:hover .sub_nav li,
#nav li.hover .sub_nav li{
	margin: 0 10px;
	padding: 0.3em;
}

* html #nav li:hover .sub_nav li,
* html #nav li.hover .sub_nav li{
	margin: 0 0 0 10px;
	padding: 0.3em;
}

#nav li:hover .sub_nav a,
#nav li.hover .sub_nav a{
	background: none;
}
#nav li:hover .sub_nav a:hover,
#nav li.hover .sub_nav a:hover{
	color: white !important;
}
/* @end */

/* @group IE6 Crap */

* html .sub_nav{
	position: relative;
}
/** html .sub_nav li{
	display: block;
	float: none;
	margin: 3px;
	background: url(../images/nav/subnav_item_sep.png) 0 bottom no-repeat !important;
}*/
* html #nav .sub_nav ul,
* html #nav .sub_nav{
	background: #112C7D;
}


/* this hack allows the nav stay activated over text areas */
* html #nav .sub_nav{
	background: url(/theme/style) 0 0 no-repeat;
}

* html #nav .sub_nav .deco_middle{
	background-image: url(../images/nav/sub_nav_bg.png);
	background-repeat: repeat-y;
	width: 199px;
	height: 100%	
}

/*
* html #nav .sub_nav .deco_bottom{
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/style/images/nav/sub_nav_bottom.png', sizingMethod='image');		
	width:expression(this.parentNode.clientWidth + "px");
	height: 15px;
	position: absolute;
	bottom: 0;
	left: -2px;
}
*/

/* @end */