/* Navigation */
#nav ul ul {
	display: none;
}
#nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#nav {
	position: absolute;
	border-top: 1px solid #9C9C9C;
	top: 100px;
	left: 0;
	background: url(../img/nav/nav_bg.gif) top left no-repeat;
	height: 56px;
	width: 840px;
}
#nav a {
	overflow: hidden;
}
#nav #nav-about a {
	position: absolute;
	margin: 0;
	padding: 0;
	top: 0;
	left: 182px;
	display: block;
	background: url(../img/nav/nav_aboutus.gif) top left no-repeat;
	height: 35px;
	width: 123px;
	text-indent: -999em;
}

#nav #nav-about,
#nav #nav-products,
#nav #nav-portfolio,
#nav #nav-resources,
#nav #nav-contact {
	height: 1px;
	position: absolute;
	top: 0;
	left: 0;
	width: 840px;
}
#nav #nav-about.selected a,
#nav #nav-about.sfHover a, 
#nav #nav-about:hover a,
#nav #nav-about a:hover {
	background-image: url(../img/nav/nav_aboutus_on.gif);
}

#nav #nav-products a {
	position: absolute;
	margin: 0;
	padding: 0;
	top: 0;
	left: 291px;
	display: block;
	background: url(../img/nav/nav_products.gif) top left no-repeat;
	height: 35px;
	width: 132px;
	text-indent: -999em;
}
#nav #nav-products.selected a,
#nav #nav-products.sfHover a, 
#nav #nav-products:hover a,
#nav #nav-products a:hover {
	background-image: url(../img/nav/nav_products_on.gif);
}
#nav #nav-portfolio a {
	position: absolute;
	margin: 0;
	padding: 0;
	top: 0;
	left: 409px;
	display: block;
	background: url(../img/nav/nav_portfolio.gif) top left no-repeat;
	height: 35px;
	width: 124px;
	text-indent: -999em;
}

#nav #nav-portfolio.selected a,
#nav #nav-portfolio.sfHover a, 
#nav #nav-portfolio:hover a,
#nav #nav-portfolio a:hover {
	background-image: url(../img/nav/nav_portfolio_on.gif);
}
#nav #nav-resources a {
	position: absolute;
	margin: 0;
	padding: 0;
	top: 0;
	left: 519px;
	display: block;
	background: url(../img/nav/nav_resources.gif) top left no-repeat;
	height: 35px;
	width: 124px;
	text-indent: -999em;
}

#nav #nav-resources.selected a,
#nav #nav-resources.sfHover a, 
#nav #nav-resources:hover a,
#nav #nav-resources a:hover {
	background-image: url(../img/nav/nav_resources_on.gif);
}
#nav #nav-contact a {
	position: absolute;
	margin: 0;
	padding: 0;
	top: 0;
	left: 628px;
	display: block;
	background: url(../img/nav/nav_contactus.gif) top left no-repeat;
	height: 35px;
	width: 132px;
	text-indent: -999em;
}
#nav #nav-contact.selected a,
#nav #nav-contact.sfHover a, 
#nav #nav-contact:hover a,
#nav #nav-contact a:hover {
	background-image: url(../img/nav/nav_contactus_on.gif);
}
/* Subnav */

#nav #nav-about ul li,
#nav #nav-products ul li,
#nav #nav-portfolio ul li,
#nav #nav-resources ul li,
#nav #nav-contact ul li {
	float: left;
}

#nav #nav-about.selected ul a, 
#nav #nav-about.sfHover ul a,
#nav #nav-about:hover ul a,
#nav #nav-about ul a,
#nav #nav-products.selected ul a,
#nav #nav-products.sfHover ul a,
#nav #nav-products:hover ul a,
#nav #nav-products ul a,
#nav #nav-portfolio.selected ul a,
#nav #nav-portfolio.sfHover ul a,
#nav #nav-portfolio:hover ul a,
#nav #nav-portfolio ul a,
#nav #nav-resources.selected ul a,
#nav #nav-resources.sfHover ul a,
#nav #nav-resources:hover ul a,
#nav #nav-resources ul a,
#nav #nav-contact.selected ul a,
#nav #nav-contact.sfHover ul a,
#nav #nav-contact:hover ul a,
#nav #nav-contact ul a {
	float: left;
	display: block;
	background: url(../img/nav/subnav_bg.gif) top right no-repeat;
	position: relative;
	width: auto;
	height: 20px;
	line-height: 20px;
	border-top: 2px solid #054474;
	text-indent: 0;
	padding: 0 10px;
	margin: 0;
	color: #fff;
	text-decoration: none;
	left: auto;
	top: auto;
}

#nav #nav-about ul a.noBorder,
#nav #nav-about ul li:last-child a,
#nav #nav-products ul a.noBorder,
#nav #nav-products ul li:last-child a,
#nav #nav-portfolio ul a.noBorder,
#nav #nav-portfolio ul li:last-child a,
#nav #nav-resources ul a.noBorder,
#nav #nav-resources ul li:last-child a,
#nav #nav-contact ul a.noBorder, 
#nav #nav-contact ul li:last-child a {
	background-image: none;
}

#nav #nav-about ul li.current a,
#nav #nav-about ul a:hover, 
#nav #nav-products ul li.current a,
#nav #nav-products ul a:hover,
#nav #nav-portfolio ul li.current a,
#nav #nav-portfolio ul a:hover,
#nav #nav-resources ul li.current a,
#nav #nav-resources ul a:hover,
#nav #nav-contact ul li.current a,
#nav #nav-contact ul a:hover {
	background: #fff;
	color: #11609C;
}
	
#nav #nav-about ul,
#nav #nav-products ul,
#nav #nav-portfolio ul,
#nav #nav-resources ul,
#nav #nav-contact ul {
	position: absolute;
	top: 35px;
	left: 194px;
}	
#nav #nav-products ul { left: 303px }
#nav #nav-portfolio ul { left: 420px; }
#nav #nav-resources ul { left: 280px; }
#nav #nav-contact ul { left: 513px; }


#nav #nav-about.sfHover ul,
#nav #nav-about:hover ul,
#nav #nav-products.sfHover ul,
#nav #nav-products:hover ul,
#nav #nav-portfolio.sfHover ul,
#nav #nav-portfolio:hover ul,
#nav #nav-resources.sfHover ul,
#nav #nav-resources:hover ul,
#nav #nav-contact.sfHover ul,
#nav #nav-contact:hover ul 
{
	display: block;
}

#nav li {
}

#nav li.selected ul {
	display: block;
}

#nav .sfHover li.selected ul {
	display: none;
}