/* CSS Document */
#nav1 {padding:0; margin:0; list-style:none; height:30px; position:relative; z-index:200; font-family:arial, verdana, sans-serif; width:60px;}
#nav1 li.top {display:block; float:left;}
#nav1 li a {display:block; float:left; height:30px; width:60px;  text-decoration:none; padding:0; cursor:pointer;}
#nav1 li a b {margin-left:-999px;}

#nav1 li a.home { background:url(../imgs_menus/home.png);}

#nav1 li:hover a,
#nav1 a:hover
{background-position: 0 30px;}

/*Second Menu*/

#nav2 {padding:0; margin:0; list-style:none; height:30px; position:relative; z-index:200; font-family:arial, verdana, sans-serif; width:125px;}
#nav2 li.top {display:block; float:left;}
#nav2 li a {display:block; float:left; height:30px; width:125px;  text-decoration:none; padding:0; cursor:pointer;}
#nav2 li a b {margin-left:-999px;}

#nav2 li a.products {background:url(../imgs_menus/products.png);}

#nav2 li:hover a,
#nav2 a:hover
{background-position: 0 30px;}

#nav2 table {position:absolute; top:0; left:0; border-collapse:collapse; padding:0; width:0; height:0; margin:-1px;}

#nav2 .sub {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav2 li:hover {position:relative; z-index:200;}
#nav2 a:hover {position:relative; white-space:normal; z-index:200;}

#nav2 :hover ul.sub
{left:0; top:30px; width:125px; height:auto; z-index:300;}
#nav2 :hover ul.sub li
{display:block; height:30px; position:relative; float:left; width:125px; font-weight:normal;}
#nav2 :hover ul.sub li a
{display:block; height:30px; width:125px; border-bottom:1px solid #888; border-color:#ddd #888 #000 #ccc; text-decoration:none; padding:0; cursor:pointer;}
#nav2 :hover ul.sub li a b {position:absolute; left:-9999px; margin:0;}

#nav2 :hover ul li a.inds { background:url(../imgs_menus/industrial.png);}
#nav2 :hover ul li a.food { background:url(../imgs_menus/food.png);}


#nav2 :hover ul.sub li a:hover 
{background-position: 0 30px; position:relative;}
#nav2 :hover ul.sub li a:hover b {left:100px; top:15px; background:#fff; color:#000; border:1px solid #888; display:block; width:100px; height:20px; text-align:center; font-size:12px; line-height:18px;}


/*Third Menu*/

#nav3 {padding:0; margin:0; list-style:none; height:30px; position:relative; z-index:200; font-family:arial, verdana, sans-serif; width:87px;}
#nav3 li.top {display:block; float:left;}
#nav3 li a {display:block; float:left; height:30px; width:87px;  text-decoration:none; padding:0; cursor:pointer;}
#nav3 li a b {margin-left:-999px;}

#nav3 li a.process { background:url(../imgs_menus/process.png);}

#nav3 li:hover a,
#nav3 a:hover
{background-position: 0 30px;}

/*Forth Menu*/

#nav4 {padding:0; margin:0; list-style:none; height:30px; position:relative; z-index:200; font-family:arial, verdana, sans-serif; width:99px;}
#nav4 li.top {display:block; float:left;}
#nav4 li a {display:block; float:left; height:30px; width:99px;  text-decoration:none; padding:0; cursor:pointer;}
#nav4 li a b {margin-left:-999px;}

#nav4 li a.about { background:url(../imgs_menus/about_us.png);}

#nav4 li:hover a,
#nav4 a:hover
{background-position: 0 30px;}

/*Fifth Menu*/

#nav5 {padding:0; margin:0; list-style:none; height:30px; position:relative; z-index:200; font-family:arial, verdana, sans-serif; width:119px;}
#nav5 li.top {display:block; float:left;}
#nav5 li a {display:block; float:left; height:30px; width:119px;  text-decoration:none; padding:0; cursor:pointer;}
#nav5 li a b {margin-left:-999px;}

#nav5 li a.contact { background:url(../imgs_menus/contact_us.png);}

#nav5 li:hover a,
#nav5 a:hover
{background-position: 0 30px;}