/* header */
#topheader { width: 975px; height: 50px; margin: 14px auto; position: relative;}

/* top menu */
#topmenu { width: 975px; height: 41px; margin: 14px auto; position: relative;}
#topmenu #topmenubuttons { margin: 0; padding: 0; }
#topmenu #topmenubuttons li { display: inline; }
#topmenu #topmenubuttons li a { float: left; width: 195px; height: 0; padding-top: 41px; overflow: hidden; }
#topmenu #topmenubuttons li a,
#topmenu #faq { background-image: url(/main/images/top-menu.png); background-repeat: no-repeat; }


/* default */
#topmenu #topmenubuttons li#blog a { background-position: 0 0; }
#topmenu #topmenubuttons li#tactics a { background-position: -195px 0; }
#topmenu #topmenubuttons li#openings a { background-position: -390px 0; }
#topmenu #topmenubuttons li#ratings a { background-position: -585px 0; }
#topmenu #topmenubuttons li#faq a { background-position: -780px 0; }

/* hover */
#topmenu #topmenubuttons li#blog a:hover { background-position: 0 -41px; }
#topmenu #topmenubuttons li#tactics a:hover { background-position: -195px -41px; }
#topmenu #topmenubuttons li#openings a:hover { background-position: -390px -41px; }
#topmenu #topmenubuttons li#ratings a:hover { background-position: -585px -41px; }
#topmenu #topmenubuttons li#faq a:hover { background-position: -780px -41px; }

/* pressed */
#topmenu #topmenubuttons li#blog a:active { background-position: 0 -82px; }
#topmenu #topmenubuttons li#tactics a:active { background-position: -195px -82px; }
#topmenu #topmenubuttons li#openings a:active { background-position: -390px -82px; }
#topmenu #topmenubuttons li#ratings a:active { background-position: -585px -82px; }
#topmenu #topmenubuttons li#faq a:active { background-position: -780px -82px; }

/* on */
#topmenu.blog #topmenubuttons li#blog a { background-position: 0 -123px !important; cursor: default; }
#topmenu.tactics #topmenubuttons li#tactics a { background-position: -195px -123px !important; }
#topmenu.openings #topmenubuttons li#openings a { background-position: -390px -123px !important; }
#topmenu.ratings #topmenubuttons li#ratings a { background-position: -585px -123px !important; }
#topmenu.faq #topmenubuttons li#faq a { background-position: -780px -123px !important; }