/* CSS Document */

/*grey gradient*/

#company, #commitment, #customers {
	width:229px;
	margin:0;
	padding:0;
}

/*individual boxes*/

#company {
	float:right;	
	margin:0 10px 0 0;
}

/*For 'centered' appearance*/
#company ul {
	margin:0 0 0 16px;
}

/*For 'centered' appearance*/
#commitment ul {
	margin:0 0 0 5px;
}

/*For 'centered' appearance*/
#customers ul {
	margin:0 0 0 2px;
}

#commitment {
	float:left;	
	margin:0 15px 0 0;
}

#customers {
	float:left;
	margin:0 15px 0 0;
}

/*grey gradients headers in the boxes*/

#company h6, #commitment h6, #customers h6 {
	color:#000000;
	background-image: url(../images/global/navbkgd.gif);
	background-repeat:no-repeat;
	position:relative;
	background-color:#FFFFFF;
	padding:2px 0 0 20px;/**moves text away from the arrows**/
	margin:0;
	text-transform:uppercase;
	color:#333333;
	font-size:.8em;
}

/**************************************/
/*       =GLOBAL NAV STYLES
/**************************************/
#topnav {
	padding:0;
	margin:0px 0 0px 12px;/**moves boxes away from edges of header*/	
}

#company ul, #commitment ul, #customers ul {
	width:229px;
	padding:.3em 0 0 0em;
}

#company ul li, #commitment ul li, #customers ul li {
	list-style:none;
	border-right:1px solid #ffffff;
	background-repeat:no-repeat;
	padding:0 7px;
	float:left;/**important so the block element below does not break layout*/ 
	margin:0;
	left:7px;
}

#topnav li{	
	position:inherit;/*IE6 fix style sheet overrides this declaration*/
}

/**global***/
#topnav a {
	display:block;/*moves dropdown menu directly underneath in IE7*/
	margin:0;
	float:none;
	height:auto;
	padding:0 .1em;
}

#topnav a:link, #topnav a:visited {
	color:#FFFFFF;
	text-decoration:none;
	font-size:.7em;
	font-weight:800;
}

#topnav a:hover{
	background-color:#FFFFFF;
	color:#000000;
	width:100%;/*must be declared for IE7*/
}

/**************************************/
/*       =DROPDOWN MENU STYLES
/**************************************/

#topnav li ul {/*menus*/
	display: none;
	position: absolute;
	background-color:#CCCCCC;
	padding:0;	
	margin:0;
	border:1px solid #000000;
	width:8.5em;	
	z-index:98;
}

#topnav li li { 
	display:inline;
	float:none;
	clear:left;		
	top:auto;
	background-image:none;
	margin:0;
	padding:0;
	text-indent:0;
	line-height:1.5em;
	border:0;
	left:0px;
	position:relative;	
}

#topnav li li a {
	display:block;
	height:100%;/*for IE*/
	border-bottom:1px solid #000000;	
	padding:.5em 0em .5em .5em;	/* spacing between list items*/
	margin:0;	
}

#topnav li li a:link, #topnav li li a:visited  {/*level2 links normal*/
	line-height:.7em;
	font-weight:normal;
	color:#000000;	
	line-height:1.1em;
}

/***hovers***/

#topnav li ul a:hover {/*white hover on dropdown*/
	background-color:#FFFFFF;
	color:#000000;
	text-decoration:none;
	width:95%;
	margin:0;	
	text-indent:0;	
}

#topnav ul li:hover ul, #topnav ul li.over ul {
	display: block;
}

/**************************************/
/*   =BACKGROUND COLORS/ NAV CORNERS
/**************************************/

#company, #commitment, #customers {
	background-position:bottom;
	background-repeat:no-repeat;
	padding:0 0 .3em 0;/**padding so color boxes do not end abrubtly at bottom of white text**/
	height:100%;
}

#company {	
	background-color:#333333;/**black**/
	background-image: url(../images/global/blackcorners.gif);
}

#commitment {	
	background-color:#CC0033;/**red**/	
	background-image: url(../images/global/redcorners.gif);
}

#customers {
	background-color:#000099;/**blue**/	
	background-image: url(../images/global/bluecorners.gif);
}