/* CSS Document */

#navholder {
	position: relative;
	width: 678px;
	background: url(images/nav/navholder-bg.gif) top left no-repeat;
}

/* CSS Rollovers! Awesome! */

#solutions, #services, #products, #news, #contact, #about {
	width: 113px;
	height: 25px;
	background-color: transparent;
}

#solutions {
	background: url(images/nav/nav-solutions.gif) top left no-repeat;
}

#services {
	background: url(images/nav/nav-services.gif) top left no-repeat;
}

#products {
	background: url(images/nav/nav-products.gif) top left no-repeat;
}

#news {
	background: url(images/nav/nav-news.gif) top left no-repeat;
}

#contact {
	background: url(images/nav/nav-contact.gif) top left no-repeat;
}

#about {
	background: url(images/nav/nav-about.gif) top left no-repeat;
}


#solutions:hover, #services:hover, #products:hover, #news:hover, #contact:hover, #about:hover {
	background-position: bottom left;
}

#solutions span, #services span, #products span, #news span, #contact span, #about span {
	visibility: hidden;
}

/* Dropdown actions */

#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1em;
}

#nav a {
	display: block;
	padding: 0;
	text-decoration: none;
	color: #000000;
}

#nav a:hover { /* link on hover properties */
	text-decoration: none;
}

#nav li {
	float: left;
	margin: 0;
	padding: 0;
	background: none; /* background color of top level nav */
}

#nav li li {
	background: #e5e6e7; /* background color of all dropdowns */
	overflow: hidden;
}

#nav li.noborder {
	border-right: none;
}

#nav li ul {
	padding: 0;
	margin: 0 0 0 5px; /* Horizontal alignment of dropdown in reference to parent button */
	position: absolute;
	width: 145px;
	left: -999em;
}

#nav li ul a { /* properties of dropdown link items */
	padding: 5px 10px; /* padding around list items, affects space between list items */
	width: 130px;
	text-decoration: none;
	font-weight: normal;
}

#nav li ul li {
	width: 145px; /* width of dropdown columns */
	padding: 0;
	border-bottom: solid 2px #FFFFFF;
}

#nav li ul ul { /*For 2 levels of dropdown */
	margin: -18px 0 0 145px;
}

#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}

#nav li:hover ul ul, #nav li.sfhover ul ul { /*For 2 levels of dropdown */
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {
	left: auto;
}

#nav li:hover, #nav li.sfhover {
	text-decoration: none;
	background: none; /* on hover top level li background color */
}

#nav li:hover a, #nav li.sfhover a { /* CSS Rollover Image State */
	background-position: bottom left;
}

#nav li li:hover, #nav li li.sfhover {
	background: #d65d2a; /* on hover dropdowns li background color */
}

#nav li li a:hover {
	color: #FFFFFF;
}