@charset "utf-8";
/* CSS Document */

body 
{
	behavior:url(csshover.htc);
	font-family:Arial, Helvetica, sans-serif;
}

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

body div#listmenu ul ul	{ display:block;} /*--- Hides all drop down menus ---*/ 
body div#listmenu ul li:hover ul ul { display:block; }
body div#listmenu ul ul li:hover ul { display:block;  }/*--- Hides all drop down menus ---*/
body div#listmenu ul li:hover ul	{ display:block; }/*--- Displays appropriate drop down menu ---*/
body div#listmenu ul li:hover ul li:hover ul { display:block; } /*--- Displays appropriate drop down menu ---*/

div#listmenu /*--- Menu List Container ---*/
{
	padding:0px 0px 0px 0px;
	margin:0px;
	height:28px;
/*	background-image:url(../images/undernav.gif);
	background-repeat:no-repeat;
	background-position:bottom;
*/	width:947px;
	float:right;
	z-index:100;
}

div#listmenu ul
{
	padding:0px;
	margin:0px;
}

div#listmenu 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 ---*/
	margin:0px 0px;
	padding:0px;
	z-index:100;
	cursor:pointer;
}

	div#listmenu li.nav-about	{
	background-image:url(../images/nav-off_03.jpg);
	background-repeat:no-repeat;
	width:98px;
	padding-left:2px;
	height:28px;
	}
		div#listmenu li.nav-about:hover	{
		background-image:url(../images/nav-on_03.jpg);
		background-repeat:no-repeat;
		}
		
	div#listmenu li.nav-cleanroomSystems	{
	background-image:url(../images/nav-off_04.jpg);
	background-repeat:no-repeat;
	width:156px;
	height:28px;
	}
		div#listmenu li.nav-cleanroomSystems:hover	{
		background-image:url(../images/nav-on_04.jpg);
		}
		
	div#listmenu li.nav-cleanroomComponents	{
	background-image:url(../images/nav-off_05.jpg);
	background-repeat:no-repeat;
	width:182px;
	height:28px;
	}
		div#listmenu li.nav-cleanroomComponents:hover	{
		background-image:url(../images/nav-on_05.jpg);
		}
		
	div#listmenu li.nav-services	{
	background-image:url(../images/nav-off_06.jpg);
	background-repeat:no-repeat;
	width:95px;
	height:28px;
	}
		div#listmenu li.nav-services:hover	{
		background-image:url(../images/nav-on_06.jpg);
		}
		
	div#listmenu li.nav-industries	{
	background-image:url(../images/nav-off_07.jpg);
	background-repeat:no-repeat;
	width:140px;
	height:28px;
	}
		div#listmenu li.nav-industries:hover	{
		background-image:url(../images/nav-on_07.jpg);
		}

	div#listmenu li.nav-work	{
	background-image:url(../images/nav-off_08.jpg);
	background-repeat:no-repeat;
	width:98px;
	height:28px;
	}
		div#listmenu li.nav-work:hover	{
		background-image:url(../images/nav-on_08.jpg);
		}
		
	div#listmenu li.nav-library	{
	background-image:url(../images/nav-off_09.jpg);
	background-repeat:no-repeat;
	width:99px;
	height:28px;
	}
		div#listmenu li.nav-library:hover	{
		background-image:url(../images/nav-on_09.jpg);
		}
		
	div#listmenu li.nav-contact	{
	background-image:url(../images/nav-off_10.jpg);
	background-repeat:no-repeat;
	width:77px;
	height:28px;
	}
		div#listmenu li.nav-contact:hover	{
		background-image:url(../images/nav-on_10.jpg);
		}

/* DROPDOWNS */

div#listmenu ul li ul
{
	Width:100%;
	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:9px; /*--- Aligns the drop-down exactly under the menu ---*/
	top:28px;
	padding:0px;
	z-index:200;
}

	div#listmenu ul li ul.drop_about	{	width:112px;	}
	div#listmenu ul li ul.drop_systems	{	width:134px;	}
	div#listmenu ul li ul.drop_components	{	width:160px;	}
	div#listmenu ul li ul.drop_industries	{	width:160px;	}
	div#listmenu ul li ul.drop_portfolio	{	width:90px;	}
	div#listmenu ul li ul.drop_library	{	width:125px;	}

div#listmenu ul li ul li
{
	width:100%; /*--- Makes the list items fill the list containers (ul) ---*/
	border-left:1px solid #4e84ab; /*--- Three sides of each drop-down item ---*/
	border-bottom:1px solid #4e84ab;
	border-right:1px solid #4e84ab;
	padding:0px 5px;
	margin:0px;
	background-image:url(../images/nav-dropbg.gif);
	background-color:#e3e6f0;
	background-repeat:repeat-x;
	display:block;
	z-index:100;	
}

div#listmenu ul li ul li.top, #listmenu ul li ul li ul li.top
{
	border-top:1px solid #4e84ab;
}

div#listmenu ul li ul li:hover {
	background-image:none;
	background-color:#c1c7d8;
}

div#listmenu ul li ul li a	{
	display: block;
	font-weight:normal;
	width:100%;
	padding:3px 0px 3px 0px;
	margin:0px;
	color:#012c4c;
	font-size:11px;
	text-decoration:none;
}

div#listmenu ul li ul li a:hover	{
	display: block;
	width:100%;
	font-weight:normal;
	padding:3px 0px 3px 0px;
	margin:0px;
}
/* 2ND TIER FLYOUTS */

div#listmenu ul li.nav-cleanroomSystems ul.drop_systems li ul.flyout_systems
{ 
	left:144px; 
	width:100px; 
}

div#listmenu ul li.nav-cleanroomComponents ul.drop_components li ul.flyout_systems {
	left:161px; 
	width:140px;
}

div#listmenu ul li.nav-library ul.drop_library li ul.flyout_systems {
	left:134px; 
	width:140px;
}



div#listmenu 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 ---*/
	top:-1px;
	padding:0px 0px;
	z-index:100;
}
div#listmenu ul li ul li ul li
{
	width:100%; /*--- Makes the list items fill the list containers (ul) ---*/
	/*border-top:1px solid #ffffff; --- Three sides of each drop-down item ---*/
	
	padding:0px 5px;
	background-image:none;
	margin:0px;
	background-image:url(../images/nav-dropbg.gif);
	background-repeat:repeat-x;
	text-align:left;	
	z-index:100;
}

div#listmenu ul li ul li ul li:hover {
	background-color:#d7dded;
}

div#listmenu ul li ul li ul li a
{
	display: block;
	padding:3px 0px 3px 0px ;
	margin:0px;
	text-decoration:none;
	color:#000000;
	font-size:11px;
	font-weight:normal;
}

div#listmenu ul li ul li ul li a:hover	{
	padding:3px 0px 3px 0px ;
	}

/* 	END TOP NAV */

/* START LEFT NAV */

div#leftNav	{
float:left;
width:175px;
margin:0px;
padding:5px 0px 10px 10px;
background-image:url(../images/leftNav-bg.gif);
background-repeat:repeat-x;
background-color:#B4C4DC;
}

div#leftNav h2 	{
margin:10px 0px 3px 0px;

}

div#leftNav h2 a	{
	text-decoration:none;
	color:#00467F;
	font-size:18px;
	}
	
	div#leftNav h2 a:hover	{
	color:#557893;
	text-decoration:underline;
	}
	
div#leftNav h3 	{
margin:15px 0px 0px 0px;
}

div#leftNav h3 a	{
	text-decoration:none;
	color:#557893;
	font-size:14px;
	}
	
	div#leftNav h3 a:hover	{
	color:#00467F;
	text-decoration:underline;
	}
	

	div#leftNav ul	{
	width:165px;
	padding:5px 0px 0px 0px;
	margin:0px;
	}
	
	div#leftNav ul li	{
	border-bottom:1px solid #6d8daf;
	list-style-type:none;
	padding:3px 4px;
	margin:0px;
	display:block;
	}
				
	div#leftNav ul li a	{
	font-size:12px;
	padding:0px 4px;
	font-weight:normal;
	margin:0px 0px;
	color:#004c82;
	text-decoration:none;
	display:block;
	}
	
	div#leftNav ul li a:hover	{
	font-size:12px;
	color:#ffffff;
	background-color:#6c8caf;
	text-decoration:none;
	}

/* END LEFT NAV */

