/* CSS Document */

body #nav_container ul li ul
{
	display:none; /*--- Hides all drop down menus ---*/
}

#nav_container /*--- Menu List Container ---*/
{
	float:left; /*--- Makes the div enclose the list ---*/
	height:20px;
	width:550px;
	margin:0px;
	padding:0px;
	padding-top:65px;
}

#nav_container ul
{
	margin:0px;
	padding:0px;
	list-style-type: none;
}

#nav_container li
{
	float:left; /*--- Causes the list to align horizontally instead of stack ---*/
	position:relative; /*--- Positioning context for the absolutely positioned drop-down ---*/
	list-style-type: none; /*--- Removes the bullet off list items ---*/	
	display:block;
	padding:0px;
	margin:0px;
}
#nav_container ul li.space
{
	padding-left:6px;
	padding-right:6px;
	color:white;
}
#nav_container ul li a, #nav_container ul li a:visited
{
	font-size:11.5px;
	color:#ffffff;
	font-weight:bold; 
	text-decoration:none;
}
#nav_container ul li a:hover, #nav_container ul li a:active
{
	font-size:11.5px;
	color:#ffcc00;
	font-weight:bold; 
	text-decoration:none;
}
#nav_container ul li.home
{
	width:38px;
	height:20px;
	display:block;
}

#nav_container ul li.home:hover  {
	text-decoration:none;
	display:block;
}

#nav_container ul li.company
{
	width:60px;
	height:20px;
	display:block;
}

#nav_container ul li.compnay:hover  
{
	text-decoration:none;
	display:block;
}

#nav_container ul li.benefits
{
	width:54px;
	height:20px;
	display:block;
}

#nav_container ul li.benefits:hover  
{
	text-decoration:none;
	display:block;
}

#nav_container ul li.paints
{
	width:110px;
	height:20px;
	display:block;
}

#nav_container ul li.paints:hover  
{
	text-decoration:none;
	display:block;
}

#nav_container ul li.markets
{
	width:105px;
	height:20px;
	display:block;
}

#nav_container ul li.markets:hover  
{
	text-decoration:none;
	display:block;
}

#nav_container ul li.contact
{
	width:50px;
	height:20px;
	display:block;
}

#nav_container ul li.contact:hover  
{
	text-decoration:none;
	display:block;
}
/* DROPDOWNS */
#nav_container ul li:hover ul  
{
	display:block; /*--- Displays appropriate drop down menu ---*/
}

#nav_container ul li ul
{
	margin:0px; /*--- Prevents the temp margin on the ul from inheriting here ---*/
	position:absolute; /*--- Positions the drop-down ul in relation to its relatively positioned li parent ---*/
	left:0px; /*--- Aligns the drop-down exactly under the menu ---*/
	top:20px;
	padding:0px;
	background-color:#900;
	z-index:99;
	width:150px; 
}
#nav_container ul li ul.target
{
	/*--- Sets the width of the menu; in combo with the li's 100% width, makes the menu stack ---*/
	width:150px;
	padding:0px;
	margin-top:0px;
}

#nav_container ul li ul li a.dropDown, #nav_container ul li ul li a.dropDown:visited 
{
	color:white;
	text-decoration:none;
	display:block;
	margin:0px;
	padding: 6px 0 6px 6px; 
	font-size:10.5px;
	font-weight:normal;
	background-color:#900; 

}

#nav_container ul li ul li a.dropDown:hover, #nav_container ul li ul li a.dropDown:active
{
	color:white;
	text-decoration:none;
	display:block;
	margin:0px;
	padding: 6px 0 6px 6px; 
	font-size:10.5px;
	font-weight:normal;
	background-color:#C00;
}

#nav_container ul li ul li
{
	top:0px;
	height:100%; 
	width:100%; /*--- Makes the list items fill the list containers (ul) ---*/
	 /*--- Three sides of each drop-down item ---*/
	border-bottom:1px solid #252525; 
	border-left:1px solid #252525;
	border-right:1px solid #252525;
	padding:0; 
	font-size:10.5px;
	font-weight:normal;
	margin:0px;
	background-color:#900;

}

#nav_container ul li ul li:hover 
{
	background-color:#C00;
	text-decoration:none;
	font-size:10.5px;
	font-weight:normal;
}

/*---------------  FLY OUTS  -----------------*/

	
/*Secondary Flyout*/

#nav_container ul li:hover ul li ul {display:none;}
#nav_container ul li:hover ul li:hover ul {display:block;} /*--- Displays appropriate drop down menu ---*/

#nav_container ul li ul li ul 
{
	margin:0px; /*--- Prevents the temp margin on the ul from inheriting here ---*/
	position:absolute; /*--- Positions the drop-down ul in relation to its relatively positioned li parent ---*/
	left:150px; /*--- Aligns the drop-down exactly under the menu ---*/
	top:0px;
	padding:0;
	width:148px;
}

#nav_container ul li ul li ul li
{
	height:100%; 
	width:100%; /*--- Makes the list items fill the list containers (ul) ---*/
	border-bottom:1px solid #252525; 
	border-right:1px solid #252525;
	margin:0px;
	font-size:10.5px;
	font-weight:normal;
	background-color:#900;
	text-align:left;	
}
#nav_container ul li ul li ul li:hover
{
	background-color:#C00;
	text-decoration:none;
	font-size:10.5px;
	font-weight:normal;
}