/* --- main navigation --- */

.mainmenu { height:35px; display: inline; }
	.mainmenu ul { width:384px; height: 35px; margin: 0; padding: 0; list-style: none; background: url(../images/navi.gif) no-repeat; }
	.mainmenu li { margin: 0; padding: 0; text-indent:-9999px; font-size:0px; float:left; cursor: pointer;}
	.mainmenu li a { display: block; height: 35px; text-decoration: none; }

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

#aboutus-button { width: 85px;  }
#aboutus-button a:hover { width: 85px; background: url(../images/navi.gif) -57px -35px; }
#aboutus-button.on, #aboutus-button.on a:hover{ width: 85px; background: url(../images/navi.gif) -57px -35px;}

#services-button { width: 78px;  }
#services-button a:hover { width: 78px; background: url(../images/navi.gif) -142px -35px; }
#services-button.on, #services-button.on a:hover{ width: 78px; background: url(../images/navi.gif) -142px -35px;}

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

#support-button { width: 64px; }
#support-button a:hover { width: 64px; background: url(../images/navi.gif) -301px -35px; }
#support-button.on, #support-button.on a:hover{ width: 64px; background: url(../images/navi.gif) -301px -35px;}