/* main menu */

#main-menu { width:558px; height:76px; display: inline; float:left;}
	#main-menu ul { width:558px; height: 76px; margin: 0; padding: 0; list-style: none; background: url(../images/navi.gif) no-repeat;}
	#main-menu li { margin: 0; padding: 0; text-indent:-9999px; font-size:0px; float:left;}
	#main-menu li a { display: block; height: 76px; text-decoration: none; }

#home-button { width: 104px;}
#home-button a:hover { width: 104px; background: url(../images/navi.gif) 0px -76px;}
#home-button.on, #home-button.on a:hover{ width: 104px; background: url(../images/navi.gif) 0px -76px;}

#about-button { width: 101px;}
#about-button a:hover { width: 101px; background: url(../images/navi.gif) -104px -76px;}
#about-button.on, #about-button.on a:hover{ width: 101px; background: url(../images/navi.gif) -104px -76px;}

#solutions-button { width: 81px;}
#solutions-button a:hover { width: 81px; background: url(../images/navi.gif) -205px -76px;}
#solutions-button.on, #solutions-button.on a:hover{ width: 81px; background: url(../images/navi.gif) -205px -76px;}

#services-button { width: 77px;}
#services-button a:hover { width: 77px; background: url(../images/navi.gif) -286px -76px;}
#services-button.on, #services-button.on a:hover{ width: 77px; background: url(../images/navi.gif) -286px -76px;}

#blog-button { width: 51px;}
#blog-button a:hover { width: 51px; background: url(../images/navi.gif) -363px -76px;}
#blog-button.on, #blog-button.on a:hover{ width: 51px; background: url(../images/navi.gif) -363px -76px;}

#contact-button { width: 76px;}
#contact-button a:hover { width: 76px; background: url(../images/navi.gif) -414px -76px;}
#contact-button.on, #contact-button.on a:hover{ width: 76px; background: url(../images/navi.gif) -414px -76px;}