/* CSS Document */

/*	Thanks to HTML Dog, Patrick Griffiths and Dan Webb: Son of Suckerfish Dropdowns
	http://www.htmldog.com/articles/suckerfish/dropdowns/
	Modified December 2007 by Martin Vu, Project Navigator, Ltd.
*/

#menu-wrap {
	/*position: relative;*/
	width: 577px;
	margin-right: 20px;
	/*margin-top: 1em;*/
	float: right;
	/*border: 1px solid #cecece;*/
	margin-top: 20px;
	position: relative; /* prevent menu from showing up behind main image */
	z-index: 501; !important /* prevent from showing up behind main image; keep above 500 */
	}

#menu {
	font: normal 1em/1em Verdana, Arial, Helvetica, sans-serif;
	background: url('../images/nav_BG.png') no-repeat;
	}

.first-item span {
	position: absolute;
	left: -9999em;
	}

a.company {
	background: url('../images/company.png') no-repeat 0 0;
	width: 93px;
	height: 50px;
	display: block;
	}

a.company:hover {
	background: url('../images/company_H.png') no-repeat 0 0;
	}

a.news {
	background: url('../images/news.png') no-repeat 0 0;
	width: 65px;
	height: 50px;
	display: block;
	}

a.news:hover {
	background: url('../images/news_H.png') no-repeat 0 0;
	}

a.services {
	background: url('../images/services.png') no-repeat 0 0;
	width: 86px;
	height: 50px;
	display: block;
	}

a.services:hover {
	background: url('../images/services_H.png') no-repeat 0 0;
	}

a.projects {
	background: url('../images/projects.png') no-repeat 0 0;
	width: 84px;
	height: 50px;
	display: block;
	}

a.projects:hover {
	background: url('../images/projects_H.png') no-repeat 0 0;
	}

a.clients {
	background: url('../images/clients.png') no-repeat 0 0;
	width: 76px;
	height: 50px;
	display: block;
	}

a.clients:hover {
	background: url('../images/clients_H.png') no-repeat 0 0;
	}

a.alliances {
	background: url('../images/alliances.png') no-repeat 0 0;
	width: 91px;
	height: 50px;
	display: block;
	}

a.alliances:hover {
	background: url('../images/alliances_H.png') no-repeat 0 0;
	}

a.contact {
	background: url('../images/contact.png') no-repeat 0 0;
	width: 82px;
	height: 50px;
	display: block;
	}

a.contact:hover {
	background: url('../images/contact_H.png') no-repeat 0 0;
	}

#nav, #nav ul { /* all lists */
	list-style: none;
	line-height: 1em;
}

#nav ul a {
	display: block;
	width: 13em;
	text-decoration: none;
	padding: .7em 10px;
	/*background: url('../images/nav_item_bg.gif') no-repeat 0 0;*/
	border-top: 1px solid #bceca5;
	border-bottom: 1px solid #72a067;
}

#nav li { /* all list items */
	float: left;
	/*width: 13em;*/ /* width needed or else Opera goes nuts */
	text-align: center;
}

/* ************************************************************************************************ */

#nav li ul { /* second-level lists */
	position: absolute;
	background: url('../images/nav_sublevel_bg.png') repeat-y 0 0; /* mid-green - #aed58c */
	width: 12.6em; /* this controls the width of 2nd-level and subsequent lists */
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li ul a {
	color: black;
	font-size: .85em; /* this controls the font size of the sublists (2nd level, 3rd level, etc.; not to be confused with the submenu  */
	}

#nav li ul a:hover {
	color: white;
	background: #0db14b; /* needed for the sub-level lists in order to override the default yellow link ('a' tag in base.css) when hovered */
	text-decoration: none;
	}

/* ***** These 2 IE fixes adjust the horizontal placement of 2nd-level lists. ***** */
/* ***** Keep for future if layout changes. *************************************** */

* html #nav li ul { /* second-level left margin fix for IE6 */
	margin-left: -5.3em;
	}

*:first-child+html #nav li ul { /* second-level left margin fix for IE7 */
	/*margin-left: -5.3em;*/
	}

#nav li ul li { /* second-level lists */
	width: 12.6em; /* width of second-level item (dark green hover background) when 3rd-level item is rolled over */
	text-align: left;
	line-height: .9em; /* this controls the overall line-height for all sublists; changing this also changes the position of 2nd-level and 3rd-level lists */
}

/*#nav li ul li a { /* second-level lists */
	/*width: 14em;
}*/

/* ************************************************************************************************ */

#nav li ul ul { /* third-and-above-level lists */
	margin: -2em 0 0 12.6em; /* controls position of 3rd-level lists */
}

* html #nav li ul ul { /* third-level left margin fix for IE6 */
	margin: -2.2em 0 0 12.6em; /* controls position of 3rd-level lists */
	}

*:first-child+html #nav li ul ul { /* third-level left margin fix for IE7 */
	margin: -2.2em 0 0 12.6em; /* controls position of 3rd-level lists */
	}

#nav li ul ul li {
	text-align: left;
	}

#nav li ul ul ul {
	margin-top: -3em; /* controls top alignment of 4th-level lists */
	}

* html #nav li ul ul ul { /* 4th-level fix for IE6 */
	margin-top: -3.1em; /* controls top alignment of 4th-level lists */
	}

*:first-child+html #nav li ul ul ul { /* 4th-level fix for IE7 */
	margin-top: -3.1em; /* controls top alignment of 4th-level lists */
	}

#nav li:hover ul ul, #nav li.sfhover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

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

#nav li:hover, #nav li.sfhover {
	background: none; /* PNL green */ !important /* background attribute must be specified or else IE7 causes hovering issues for some reason */
}

#nav li ul ul ul.projects-level4 {
	margin-top: -2.05em; /* controls top alignment of 4th-level lists */
	}

* html #nav li ul ul ul.projects-level4 { /* IE6 fix for Project level 4 sub menu */
	margin-top: -2.15em; /* controls top alignment of 4th-level lists */
	}

*:first-child+html #nav li ul ul ul.projects-level4 { /* IE7 fix for Project level 4 sub menu */
	margin-top: -2.15em; /* controls top alignment of 4th-level lists */
	}

/*	************************************************************************************************************
	Styling for Submenu
	************************************************************************************************************ */

#submenu {
	font: normal .8em/1em Verdana, Arial, Helvetica, sans-serif;
	padding: .5em 0;
	clear: left;
	border-top: 3px solid #0db14b;
	background: #f4f4f4;
	}

*:first-child+html #submenu { /* IE7 fix for padding of submenu */
	padding-top: .1em;
	padding-bottom: .6em;
	}

#submenu ul {
	text-align: center;
	list-style: none;
	}

#submenu li {
	display: inline;
	padding-right: 3em;
	}

#submenu a {
	color: black;
	text-decoration: none;
	}

#submenu a:hover {
	text-decoration: underline;
	background: yellow;
	}