/************header start here**************************/

#header form{ float: right; width: 227px;}
#header form input.textfield{ border: solid 1px #C0BEBE; height: 16px; padding:2px; font: normal 11px/16px Arial, Helvetica, sans-serif; color: #999999; float:left; width: 152px;}
#header form input.submit{ float: right; background:url(images/search-button.gif) no-repeat; width: 66px; height: 22px; border: 0; cursor: pointer; text-indent: -9999px;}
#header form input.submit:hover{ background:url(images/search-button.gif) 0 -22px no-repeat;}

#header #topnav{ height: 25px; margin-top: 30px; clear: both;}
#header #topnav ul{ list-style: none;}
#header #topnav ul li{ float: left; display:inline;}
#header #topnav ul li a{ text-indent: -99999px; display: block; height: 25px;}

#header #topnav ul li.about-us a{ background: url(images/top-nav.png) 0 5px no-repeat; width: 71px;}
#header #topnav ul li.about-us a:hover, #header #topnav ul li.about-us a.active{ background: url(images/top-nav.png) 0px -16px no-repeat; width: 71px;}
#header #topnav ul li.products a{ background: url(images/top-nav.png) -71px 5px no-repeat; width: 92px;}
#header #topnav ul li.products a:hover, #header #topnav ul li.products a.active{ background: url(images/top-nav.png) -72px -16px no-repeat; width: 92px;}
#header #topnav ul li.technology a{ background: url(images/top-nav.png) -163px 5px no-repeat; width: 103px;}
#header #topnav ul li.technology a:hover, #header #topnav ul li.technology a.active{ background: url(images/top-nav.png) -164px -16px no-repeat;}
#header #topnav ul li.case-study a{ background: url(images/top-nav.png) -266px 5px no-repeat; width: 114px;}
#header #topnav ul li.case-study a:hover, #header #topnav ul li.case-study a.active{ background: url(images/top-nav.png) -267px -16px no-repeat;}
#header #topnav ul li.environment a{ background: url(images/top-nav.png) -380px 5px no-repeat; width: 105px;}
#header #topnav ul li.environment a:hover, #header #topnav ul li.environment a.active{ background: url(images/top-nav.png) -381px -16px no-repeat;}
#header #topnav ul li.faq a{ background: url(images/top-nav.png) -485px 5px no-repeat; width: 71px;}
#header #topnav ul li.faq a:hover, #header #topnav ul li.faq a.active{ background: url(images/top-nav.png) -486px -16px no-repeat;}
#header #topnav ul li.news a{ background: url(images/top-nav.png) -556px 5px no-repeat; width: 72px;}
#header #topnav ul li.news a:hover, #header #topnav ul li.news a.active{ background: url(images/top-nav.png) -557px -16px no-repeat;}
#header #topnav ul li.join-us a{ background: url(images/top-nav.png) -628px 5px no-repeat; width: 82px;}
#header #topnav ul li.join-us a:hover, #header #topnav ul li.join-us a.active{ background: url(images/top-nav.png) -629px -16px no-repeat;}
#header #topnav ul li.contact{ background: url(images/top-nav.png) -707px 5px no-repeat;  padding-left:47px;}
#header #topnav ul li.contact a{width: 141px;}
#header #topnav ul li.contact a:hover, #header #topnav ul li.contact a.active{ background: url(images/top-nav.png) -754px -15px no-repeat;}
/************header end here**************************/

#home-bot .products .padd .learn{ background: url(images/learn-more.gif) no-repeat; width: 97px; height: 22px; display: block; text-indent: -99999px;} 
#home-bot .products .padd .learn:hover{ background: url(images/learn-more.gif) 0 -22px no-repeat; width: 97px; height: 22px; display: block; text-indent: -99999px;} 

#home-bot .enviroment .padd .learn{ background: url(images/learn-more.gif) no-repeat; width: 97px; height: 22px; display: block; text-indent: -99999px;} 
#home-bot .enviroment .padd .learn:hover{ background: url(images/learn-more.gif) 0 -22px no-repeat; width: 97px; height: 22px; display: block; text-indent: -99999px;}