/* complete navigation 
#mainmenu { height:45px; display: inline; }
#mainmenu ul { width:685px; height: 45px; margin: 0 0 0 115px; padding: 0; list-style: none; background: url(../img/navi.png) no-repeat; }
#mainmenu li { margin: 0; padding: 0; text-indent:-9999px; font-size:0px; float:left; cursor: pointer;}
#mainmenu li a { display: block; height: 45px; text-decoration: none; }

#home-button { width: 61px; }
#home-button a:hover { width: 61px; background: url(../img/navi.png) 0px -45px; }
#home-button.on, #home-button.on a:hover{ width: 61px; background: url(../img/navi.png) 0px -45px;}

#about-button { width: 63px; }
#about-button a:hover { width: 63px; background: url(../img/navi.png) -61px -45px; }
#about-button.on, #about-button.on a:hover{ width: 63px; background: url(../img/navi.png) -61px -45px;}

#productdemo-button { width: 112px; }
#productdemo-button a:hover { width: 112px; background: url(../img/navi.png) -124px -45px; }
#productdemo-button.on, #productdemo-button.on a:hover{ width: 112px; background: url(../img/navi.png) -124px -45px;}

#benefit-button { width: 70px; }
#benefit-button a:hover { width: 70px; background: url(../img/navi.png) -236px -45px; }
#benefit-button.on, #benefit-button.on a:hover{ width: 70px; background: url(../img/navi.png) -236px -45px;}

#registration-button { width: 102px; }
#registration-button a:hover { width: 102px; background: url(../img/navi.png) -306px -45px; }
#registration-button.on, #registration-button.on a:hover{ width: 102px; background: url(../img/navi.png) -306px -45px;}

#newsinfo-button { width: 100px; }
#newsinfo-button a:hover { width: 100px; background: url(../img/navi.png) -408px -45px; }
#newsinfo-button.on, #newsinfo-button.on a:hover{ width: 100px; background: url(../img/navi.png) -408px -45px;}

#member-button { width: 76px; }
#member-button a:hover { width: 76px; background: url(../img/navi.png) -508px -45px; }
#member-button.on, #member-button.on a:hover{ width: 76px; background: url(../img/navi.png) -508px -45px;}

#advertiser-button { width: 88px; }
#advertiser-button a:hover { width: 88px; background: url(../img/navi.png) -584px -45px; }
#advertiser-button.on, #advertiser-button.on a:hover{ width: 88px; background: url(../img/navi.png) -584px -45px;}

*/

#mainmenu { height:45px; display: inline; }
#mainmenu ul { width:685px; height: 45px; margin: 0 0 0 185px; padding: 0; list-style: none; background: url(../img/navi2.png) no-repeat; }
#mainmenu li { margin: 0; padding: 0; text-indent:-9999px; font-size:0px; float:left; cursor: pointer;}
#mainmenu li a { display: block; height: 45px; text-decoration: none; }
#registration-button { width: 0px; }

#home-button { width: 61px; }
#home-button a:hover { width: 61px; background: url(../img/navi2.png) 0px -45px; }
#home-button.on, #home-button.on a:hover{ width: 61px; background: url(../img/navi2.png) 0px -45px;}

#about-button { width: 63px; }
#about-button a:hover { width: 63px; background: url(../img/navi2.png) -61px -45px; }
#about-button.on, #about-button.on a:hover{ width: 63px; background: url(../img/navi2.png) -61px -45px;}

#productdemo-button { width: 112px; }
#productdemo-button a:hover { width: 112px; background: url(../img/navi2.png) -124px -45px; }
#productdemo-button.on, #productdemo-button.on a:hover{ width: 112px; background: url(../img/navi2.png) -124px -45px;}

#benefit-button { width: 70px; }
#benefit-button a:hover { width: 70px; background: url(../img/navi2.png) -236px -45px; }
#benefit-button.on, #benefit-button.on a:hover{ width: 70px; background: url(../img/navi2.png) -236px -45px;}

#registration-button { width: 102px; }
#registration-button a:hover { width: 102px; background: url(../img/navi2.png) -306px -45px; }
#registration-button.on, #registration-button.on a:hover{ width: 102px; background: url(../img/navi2.png) -306px -45px;}

#member-button { width: 76px; }
#member-button a:hover { width: 76px; background: url(../img/navi2.png) -408px -45px; }
#member-button.on, #member-button.on a:hover{ width: 76px; background: url(../img/navi2.png) -408px -45px;}

#advertiser-button { width: 88px; }
#advertiser-button a:hover { width: 88px; background: url(../img/navi2.png) -484px -45px; }
#advertiser-button.on, #advertiser-button.on a:hover{ width: 88px; background: url(../img/navi2.png) -484px -45px;}