/* Start of CMSMS style sheet 'Navigation' */
@charset "utf-8";
/* CSS Document */

/* navigation */
#navigation{ width: 702px; height: 42px; margin: auto; }

#navigation #navi{ margin: 0; padding: 0; padding-left: 1px; padding-right: 1px; }

#navigation #navi li { display: inline; }

#navigation #navi li a { float: left; height: 0; padding-top: 42px; overflow: hidden; }

#navigation #navi li a { background-image: url(../images/navigation.gif); background-repeat: no-repeat;}

/* BUTTON WIDTHS */
#navigation #navi li a { width: 175px;}

/* BUTTONS */
#navigation #navi li#news a { background-position: -0px -42px;}
#navigation #navi li#releases a { background-position: -176px -42px;}
#navigation #navi li#choons a { background-position: -352px -42px;}
#navigation #navi li#events a { background-position: -528px -42px;}

/* OVER STATES */
#navigation #navi li#news a:hover { background-position: -0px -0px;}
#navigation #navi li#releases a:hover { background-position: -176px -0px;}
#navigation #navi li#choons a:hover { background-position: -352px -0px;}
#navigation #navi li#events a:hover { background-position: -528px -0px;}

/* PRESSED STATES */
#navigation #navi li#news a:active { background-position: -0px -42px;}
#navigation #navi li#releases a:active { background-position: -176px -42px;}
#navigation #navi li#choons a:active { background-position: -352px -42px;}
#navigation #navi li#events a:active { background-position: -528px -42px;}

/* ON STATES */
#navigation.home #navi li#news a { background-position: -0px -0px !important;}
#navigation.releases #navi li#releases a { background-position: -176px -0px !important;}
#navigation.choons #navi li#choons a { background-position: -352px -0px !important;}
#navigation.events #navi li#events a { background-position: -528px -0px; !important;}
/* End of 'Navigation' */