/* primary navigation */
#main {position: relative; margin: 0 auto; padding: 0; width: 126px; height: 120px;}
#main li {position: absolute; top: 0; background: url(../images/global/nav.gif) 0 0 no-repeat; display: block; list-style: none;}
#main a {display: block; border: 0;}
#main a:hover {border: 0;}
#main #mainbox1 {top: 24px; background-position: 0 0; width: 126px; height: 24px;}
#main #mainbox2 {top: 48px; background-position: 0 -24px; width: 126px; height: 24px;}
#main #mainbox3 {top: 72px; background-position: 0 -48px; width: 126px; height: 24px;}
#main #mainbox4 {top: 72px; background-position: 0 -72px; width: 126px; height: 24px;}
#main #mainbox5 {top: 96px; background-position: 0 -96px; width: 126px; height: 24px;}
#main #mainbox1 a:hover {background: url(../images/global/nav.gif) -252px 0 no-repeat;}
#main #mainbox2 a:hover {background: url(../images/global/nav.gif) -252px -24px no-repeat;}
#main #mainbox3 a:hover {background: url(../images/global/nav.gif) -252px -48px no-repeat;}
#main #mainbox4 a:hover {background: url(../images/global/nav.gif) -252px -72px no-repeat;}
#main #mainbox5 a:hover {background: url(../images/global/nav.gif) -252px -96px no-repeat;}
#main #mainbox1on {top: 24px; background-position: -126px 0; width: 126px; height: 24px;}
#main #mainbox2on {top: 48px; background-position: -126px -24px; width: 126px; height: 24px;}
#main #mainbox3on {top: 72px; background-position: -126px -48px; width: 126px; height: 24px;}
#main #mainbox4on {top: 72px; background-position: -126px -72px; width: 126px; height: 24px;}
#main #mainbox5on {top: 96px; background-position: -126px -96px; width: 126px; height: 24px;}