/* ------------ HOMEPAGE ONLY MENU RULES ------------ */

#main{width:920px;}
#home-image{float:right;display:inline;margin-top:-35px;}

/* ------------ GLOBAL MENU RULES ------------ */

#topnav {
	font-size: 11px;
	list-style-type:none;
	height:30px;
	width:596px;
	margin-left:18px;
	background-image:url(../images/new/menu-bg.gif);
 }
#topnav ul{margin:0;padding:0;list-style:none;}
#topnav li {
	float: left;
	height: 30px;
 }
#topnav li:hover, #topnav li.hover {
    position: static;
}
#topnav a {
	display:block;
	height:30px;
	text-decoration:none;
}

#topnav li a span {visibility: hidden;}

#topnav li ul li a {
	background: #fff;
	border: 1px solid #666;
	border-bottom: 0;
	color: #390;
	height: auto;
	width:100px;
	_width:110px;
	padding: 3px 0px 3px 8px;
	text-align: left;
}

#topnav li ul li a:hover {
	background: #ebebeb;
	color: #006;
}

#topnav li ul li {height: auto;}

#topnav li ul {
	border-bottom: 1px solid #666;
	position: absolute;
	width:110px;
	left: -999em;
}

#topnav li:hover ul {left: auto;}
#topnav li:hover ul, #topnav li.sfhover ul {left: auto;}
 
/* MAIN MENU ROLLOVER USES A BACKGROUND IMAGE - THIS IS DEFINED BELOW 
#topnav :link:hover,#topnav :visited:hover {background-image:url(../images/topmenu.gif);} */

/*MAIN MENU POSITIONING  */
#about, #about a {width:104px;}
#products, #products a {width:77px;}
#quality, #quality a {width:63px;}
#technology, #technology a {width:85px;}
#news, #news a {width:52px;}
#employment, #employment a {width:158px;}

#about a {background-image: url(../images/new/menu-about.gif);}
#products a {background-image: url(../images/new/menu-products.gif);}
#quality a {background-image: url(../images/new/menu-quality.gif);}
#technology a {background-image: url(../images/new/menu-technology.gif);}
#news a {background-image: url(../images/new/menu-news.gif);}
#employment a {background-image: url(../images/new/menu-employment.gif);}

#about a:hover {background-position:0 -30px;}
#products a:hover {background-position:0 -30px;}
#quality a:hover {background-position:0 -30px;}
#technology a:hover {background-position:0 -30px;}
#news a:hover {background-position:0 -30px;}
#employment a:hover {background-position:0 -30px;}

/* Support for the "iehover-fix.js" */

/** html #topnav ul iframe, * html ul.nav iframe {
	position: absolute;
	 account for the border 
	left: -0.25em;
	top: -0.25em;
	z-index: 0;
	filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0);
}*/

/* this is for IE 5.0
select.hide { visibility: hidden; }

/* End Support for the "iehover-fix.js" */