/* An absolutely positioned and hidden DIV (treated as a layer in NS4). */
.menudiv 
{
	position: absolute;
	visibility: hidden;
	z-index: 1000;
	/* Here's a cool effect, try uncommenting this, althought it's non-standard: */
	filter: alpha(opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 25px;
	width:140px;
	padding: 10px 15px 5px 10px;
	background-color: #FFFFFF;
	margin-top: 0px;
	margin-left: 0px;
	color: #000000;
	list-style-type:none;
}

.nodisplay 
{
	width: 0;
	height: 0;
	display: none;
}

.menudiv a 
{
	display: block;
	/* I've specified borders for each side individually so NS4 ignores this setting */
	color: #000000;
	text-decoration: none;
	text-align: left;
	white-space:nowrap;

}

/* I'm using :hover and :active pseudo-classes for link mouse effects. */
.menudiv a:hover 
{
	color: #660000;
	text-decoration: none;
}

.menudiv a:active 
{
	color: #660000;
	text-decoration: none;
}

/*
The script will automatically assign a class of "highlighted" to elements that currently
have an active submenu, so here's a little CSS to format links within a .menudiv element.
*/
.menudiv .highlighted {
	color: #660000;
	text-decoration: none;
}

.trigger 
{
	margin: 0;
	padding: 0;
}

/* The links in the upper-left that pop out 'divMenu' menus. */
.trigger a 
{
	
	font-weight: normal;
	padding-right: 0px;
}

.trigger a.prod 
{
	background:transparent url(../images/nav_products.jpg) no-repeat scroll left top;
	height: 29px;
	width:89px;
	display: block;
	float: left;
}

.trigger a.proj 
{
	background:transparent url(../images/nav_projectpics.jpg) no-repeat scroll left top;
	height: 29px;
	width:104px;
	display: block;
	float: left;
}

.trigger a.sust 
{
	background:transparent url(../images/nav_sustainability.jpg) no-repeat scroll left top;
	width:111px;
	height: 29px;
	display: block;
	float: left;
}

.trigger a.about
{
	background:transparent url(../images/nav_about.jpg) no-repeat scroll left top;
	width:91px;
	height: 29px;
	display: block;
	float: left;
}

.trigger a.serv
{
	background:transparent url(../images/nav_services.jpg) no-repeat scroll left top;
	width:83px;
	height: 29px;
	display: block;
	float: left;
}

/* Likewise, style active trigger links */
.trigger a.prodhighlight 
{
	background:transparent url(../images/nav_products.jpg) no-repeat scroll left top;
	height: 29px;
	width: 89px;
	display: block;
	float: left;
}

.trigger a.projhighlight
{
	background:transparent url(../images/nav_projectpics.jpg) no-repeat scroll left top;
	height: 29px;
	width: 104px;
	display: block;
	float: left;
}

.trigger a.susthighlight
{
	background:transparent url(../images/nav_sustainability.jpg) no-repeat scroll left top;
	height: 29px;
	width: 111px;
	display: block;
	float: left;
}

.trigger a.abouthighlight
{
	background:transparent url(../images/nav_about.jpg) no-repeat scroll left top;
	height: 29px;
	width: 91px;
	display: block;
	float: left;
}

.trigger a.servhighlight
{
	background:transparent url(../images/nav_services.jpg) no-repeat scroll left top;
	height: 29px;
	width: 83px;
	display: block;
	float: left;
}