body,div{
margin:0;
padding:0;
}


ul#navigation {float:left; list-style: none;  height: 21px;}

ul#navigation li {float: left;}

ul#navigation span {display: none;}

li#aboutus a {display: block; height: 21px; width:58px;}
li#products a {display: block; height: 21px; width:56px;}
li#gallery a {display: block; height: 21px; width:48px;}
li#technical a {display: block; height: 21px; width:128px;}
li#environmental a {display: block; height: 21px; width:170px;}
li#faq a {display: block; height: 21px; width:41px;}
li#contactus a {display: block; height: 21px; width:70px;}


.slidetabsmenu{
float:left;
font-size: 12px;
line-height:normal;
}

* html .slidetabsmenu{ /*IE only. Add 1em spacing between menu and rest of content*/
margin-bottom: 1em;
}

.slidetabsmenu ul{
list-style-type: none;
margin:0;
padding:0;
}

.slidetabsmenu li{
display:inline;
margin:0 0 0 8px;
padding:0;
}

a.aboutus {float: left; width: 58px; height: 21px; background:url(aboutus.gif) no-repeat left top;margin-right: 12px; 
}
a.products {float: left; width: 56px; height: 21px; background:url(products.gif) no-repeat left top;margin-right: 12px; 
}
a.gallery  {float: left; width: 48px; height: 21px; background:url(gallery.gif) no-repeat left top;margin-right: 12px; 
}
a.technical {float: left; width: 128px; height: 21px; background:url(technical.gif) no-repeat left top;margin-right: 12px; 
}
a.environmental {float: left; width: 170px; height: 21px; background:url(environmental.gif) no-repeat left top;margin-right: 12px; 
}
a.faq {float: left; width: 41px; height: 21px; background:url(faq.gif) no-repeat left top; margin-right: 12px;
}
a.contactus{float: left; width: 70px; height: 21px; background:url(contactus.gif) no-repeat left top;margin-right: 0px;

}

.homepage span, .aboutus span, .services span, .gallery span, .faq span, .contact span,{display: none;}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
.slidetabsmenu a span {float:none; }
/* End IE5-Mac hack */
.slidetabsmenu a:hover span, .slidetabsmenu li.selected a span{
color: black;
display: none;}

.slidetabsmenu a:hover, .slidetabsmenu li.selected a{
background-position:0 100%;

}

.slidetabsmenu a:hover span, .slidetabsmenu li.selected a span{
background-position:100% 0px;
}

html>/**/body .IEonlybr{ /*None IE browsers hack*/
display: none; /*Hide BR tag in non IE browsers, since it's not needed*/
}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv_a, .dropmenudiv_c, .dropmenudiv_d {
position:absolute;
top: 0;
font-family:Arial, Helvetica, sans-serif;
line-height:15px;
font-size: 11px;
z-index:100;
width: 128px;
visibility: hidden;
}
.dropmenudiv_b {
position:absolute;
top: 0;
line-height:15px;
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
z-index:100;
width: 198px;
visibility: hidden;
}

.dropmenudiv_a a, .dropmenudiv_b a, .dropmenudiv_c a, .dropmenudiv_d a {
width: auto;
display: block;
text-indent: 5px;
padding: 2px 0;
text-decoration: none;
text-align: left;
}

* html .dropmenudiv_a a, * html .dropmenudiv_b a, * html .dropmenudiv_c a, * html .dropmenudiv_d a{ /*IE only hack*/
width: 100%;
}


.dropmenudiv_a a {background-color: #333333; color: #CCCCCC;}
.dropmenudiv_a a:hover { background-color: #cccccc; color: #000;}


.dropmenudiv_b a {background-color: #333333; color: #CCCCCC;}
.dropmenudiv_b a:hover { background-color: #cccccc; color: #000;}


.dropmenudiv_c a {background-color: #333333; color: #CCCCCC;}
.dropmenudiv_c a:hover { background-color: #cccccc; color: #000;}

.dropmenudiv_d a {background-color: #333333; color: #CCCCCC;}
.dropmenudiv_d a:hover { background-color: #cccccc; color: #000;}