/* CSS Document */
#nav, #nav ul { /* all lists */
	padding: 0;
	margin:0;
	list-style: none;
	line-height: 1;
}

#nav li a {
	display: block;
	width:105px;
	height:16px;
	
	margin:4px 0 0 0;
	
	color:white;
	font-family:trebuchet ms;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	
	cursor:pointer;
}

#nav a:hover{
	text-decoration:underline;
}

#nav li.company,
#nav li.products,
#nav li.support,
#nav li.contactUs{ /* all list items */
	float: left;
	width:105px;
	height:20px;
	display:inline;
	
	margin:0 1px 0 0;
}

#nav li.company{
	background:#820000;
}

#nav li.products{
	background:#000066;
}

#nav li.support{
	background:#003300;
}

#nav li.contactUs{
	background:#AC9A1A;
}

#nav li ul { /* second-level lists */
	position: absolute;
	
	padding:0 0 6px 0;

	width:105px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li.company ul{
	background:#FFCECE;
}

#nav li.products ul{
	background:#C5C5E8;
}

#nav li.support ul{
	background:#BDD3BD;
}

#nav li.contactUs ul{
	background:#F8F2CB;
}

#nav li ul li a{
	width:102px;
	height:auto;

	margin:8px 0 0 0;
	padding:0 0 0 3px;

	color:#333333;
	font-weight:100;
	text-align:left;
	overflow:visible;
}

#nav li ul li a:hover{
	text-decoration:none;
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}