body#home #wrapper #header #navBar .menu2 .home a.home_link#home {background-image: url(images/navbar_over_01.jpg); width: 131px;}
body#about #wrapper #header #navBar .menu2 .about a.about_link#about {background-image: url(images/navbar_over_02.jpg); width: 140px;}
body#products #wrapper #header #navBar .menu2 .product a.product_link#product {background-image: url(images/navbar_over_03.jpg); width: 141px;}
body#portfolio #wrapper #header #navBar .menu2 .portfolio a.portfolio_link#portfolio {background-image: url(images/navbar_over_04.jpg); width: 150px;}
body#contact #wrapper #header #navBar .menu2 .contact a.contact_link#contact {background-image: url(images/navbar_over_05.jpg); width: 138px;}


.preload1 {background: url(img/tab.png);}
.preload2 {background: url(img/tabb_on.png);}


.menu2 {padding:0px; margin:0px; list-style:none; height:104px; position:relative; z-index:500; font-family:arial, verdana, sans-serif;}

/* original top row */
.menu2 li.top {display:block; float:left;}
.menu2 li a.top_link {display:block; float:left; height:36px; color:#444; text-decoration:none; }

.menu2 li a.top_link span {display:block; height:36px; float:left; line-height:27px; font-size:11px; font-weight:bold; padding:0 10px; cursor:pointer; background: url(img/tab_off.png) no-repeat;}
.menu2 li a.top_link b {display:block; width:15px; height:36px; float:left; background: url(img/tabb_off.png) no-repeat;}
.menu2 li a.top_link b.down {background: url(img/tabdown_off.png) no-repeat;}

.menu2 li a.top_link:hover span {color:#fff; background: url(img/tab.png) no-repeat; line-height:26px;}
.menu2 li a.top_link:hover b {color:#fff; background: url(img/tabb_on.png) no-repeat;}

.menu2 li:hover > a.top_link span {color:#fff; background: url(img/tab.png) no-repeat; line-height:26px;}
.menu2 li:hover > a.top_link b {color:#fff; background: url(img/tabb_on.png) no-repeat;}
.menu2 li:hover > a.top_link b.down {color:#fff; background: url(img/tabdown_on.png) no-repeat;}

/* new for Home */
.menu2 li.home {display:block; float:left;}
.menu2 li a.home_link {display:block; float:left; height:104px; width:131px; padding:0px; cursor:pointer; background: url(images/navbar_01.jpg) no-repeat; }
.menu2 li a.home_link span {display:block; padding:0px; text-indent: -3000px;}
.menu2 li a.home_link:hover  {color:#fff; background: url(images/navbar_over_01.jpg) no-repeat;}

/*
.menu2 li a.home_link:hover b {color:#fff; background: url(img/tabb_on.png) no-repeat;}
.menu2 li a.home_link b {display:block; width:15px; height:104px; float:left; background: url(img/tabb_off.png) no-repeat;}
.menu2 li a.home_link b.down {background: url(img/tabdown_off.png) no-repeat;}

.menu2 li:hover > a.home_link span {color:#fff; background: url(img/tab.png) no-repeat; line-height:26px;}
.menu2 li:hover > a.home_link b {color:#fff; background: url(img/tabb_on.png) no-repeat;}
.menu2 li:hover > a.home_link b.down {color:#fff; background: url(img/tabdown_on.png) no-repeat;}
*/


/* New for about*/
.menu2 li.about {display:block; float:left;}
.menu2 li a.about_link {display:block; float:left; height:104px; width:140px; padding:0px; cursor:pointer; background: url(images/navbar_02.jpg) no-repeat; }
.menu2 li a.about_link span {display:block; padding:0px; text-indent: -3000px;}
.menu2 li a.about_link:hover  {color:#fff; background: url(images/navbar_over_02.jpg) no-repeat;}
/*
.menu2 li a.about_link b {display:block; width:15px; height:36px; float:left; background: url(img/tabb_off.png) no-repeat;}
.menu2 li a.about_link b.down {background: url(img/tabdown_off.png) no-repeat;}

.menu2 li a.about_link:hover b {color:#fff; background: url(img/tabb_on.png) no-repeat;}

.menu2 li:hover > a.about_link span {color:#fff; background: url(img/tab.png) no-repeat; line-height:26px;}
.menu2 li:hover > a.about_link b {color:#fff; background: url(img/tabb_on.png) no-repeat;}
.menu2 li:hover > a.about_link b.down {color:#fff; background: url(img/tabdown_on.png) no-repeat;}
*/

/* New for product*/
.menu2 li.product {display:block; float:left;}
.menu2 li a.product_link {display:block; float:left; height:104px; width:141px; padding:0px; cursor:pointer; background: url(images/navbar_03.jpg) no-repeat; }
.menu2 li a.product_link span {display:block; padding:0px; text-indent: -3000px;}
.menu2 li a.product_link:hover  {color:#fff; background: url(images/navbar_over_03.jpg) no-repeat;}

/* New for portfolio*/
.menu2 li.portfolio {display:block; float:left;}
.menu2 li a.portfolio_link {display:block; float:left; height:104px; width:150px; padding:0px; cursor:pointer; background: url(images/navbar_04.jpg) no-repeat; }
.menu2 li a.portfolio_link span {display:block; padding:0px; text-indent: -3000px;}
.menu2 li a.portfolio_link:hover  {color:#fff; background: url(images/navbar_over_04.jpg) no-repeat;}

/* New for contact*/
.menu2 li.contact {display:block; float:left;}
.menu2 li a.contact_link {display:block; float:left; height:104px; width:138px; padding:0px; cursor:pointer; background: url(images/navbar_05.jpg) no-repeat; }
.menu2 li a.contact_link span {display:block; padding:0px; text-indent: -3000px;}
.menu2 li a.contact_link:hover  {color:#fff; background: url(images/navbar_over_05.jpg) no-repeat;}







.menu2 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.menu2 a:hover {visibility:visible; position:relative; z-index:200;}
.menu2 li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
.menu2 ul, 
.menu2 :hover ul ul, 
.menu2 :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.menu2 :hover ul.sub {left:0; top:88px; white-space:nowrap; width:200px; height:auto; z-index:300;}
.menu2 :hover ul.sub li {display:block; height:26px; float:left; width:200px; font-weight:bold; background: url(img/submid.png);}
.menu2 :hover ul.sub li.fly {background: url(img/submid_r.png);}

.menu2 :hover ul.sub li a {display:block; position:relative; font-family:Arial, Helvetica, sans-serif; text-align:center; font-size:14px; font-weight:bold;  height:26px; width:200px; line-height:26px; text-indent:0px; color:#111; text-decoration:none;background:url(img/trans.gif);}
.menu2 :hover ul.sub li a:hover {color:#036;}

.menu2 :hover ul.sub :hover > a {color:#036;}

.menu2 :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul :hover ul
{left:165px; top:0; white-space:nowrap; width:200px; z-index:400; height:auto;}

.menu2 :hover ul.sub li.subtop,
.menu2 :hover ul :hover ul li.subtop,
.menu2 :hover ul :hover ul :hover ul li.subtop,
.menu2 :hover ul :hover ul :hover ul :hover ul li.subtop
{background:url(img/subtop.png);  height:26px; padding-top:8px;}

.menu2 :hover ul.sub li.flytop,
.menu2 :hover ul :hover ul li.flytop,
.menu2 :hover ul :hover ul :hover ul li.flytop,
.menu2 :hover ul :hover ul :hover ul :hover ul li.flytop
{background: url(img/subtop_r.png);  height:26px; padding-top:8px;}

.menu2 :hover ul.sub li.subbot,
.menu2 :hover ul :hover ul li.subbot,
.menu2 :hover ul :hover ul :hover ul li.subbot,
.menu2 :hover ul :hover ul :hover ul :hover ul li.subbot
{height:45px; background:url(img/subbottom.png);}

.menu2 :hover ul.sub li.flybot,
.menu2 :hover ul :hover ul li.flybot,
.menu2 :hover ul :hover ul :hover ul li.flybot,
.menu2 :hover ul :hover ul :hover ul :hover ul li.flybot
{height:45px; background: url(img/subbottom_r.png);}