@charset "utf-8";
/* CSS Document */

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

#navigation #navi{ margin: 0; padding: 0;}

#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;}

#navigation #navi ul {padding: 0 auto; text-align:center; height: 0;}
#navigation #navi li { text-align:center; }
/* BUTTON WIDTHS */
#navigation #navi li a { width: 116px; margin: 0px 2px;}

/* BUTTONS */
#navigation #navi li#home_lnk a { background-position: -0px -0px;}
#navigation #navi li#cds_lnk a { background-position: -117px -0px;}
#navigation #navi li#albums_lnk a { background-position: -235px -0px;}
#navigation #navi li#comingsoon_lnk a { background-position: -352px -0px;}
#navigation #navi li#vinyl_lnk a { background-position: -469px -0px;}
#navigation #navi li#sale_lnk a { background-position: -586px -0px;}

/* OVER STATES */
#navigation #navi li#home_lnk a:hover { background-position: -0px -43px;}
#navigation #navi li#cds_lnk a:hover { background-position: -117px -43px;}
#navigation #navi li#albums_lnk a:hover { background-position: -235px -43px;}
#navigation #navi li#comingsoon_lnk a:hover { background-position: -352px -43px;}
#navigation #navi li#vinyl_lnk a:hover { background-position: -469px -43px;}
#navigation #navi li#sale_lnk a:hover { background-position: -586px -43px;}

/* PRESSED STATES */
#navigation #navi li#home_lnk a:active { background-position: -0px -42px;}
#navigation #navi li#cds_lnk a:active { background-position: -117px -42px;}
#navigation #navi li#albums_lnk a:active { background-position: -235px -42px;}
#navigation #navi li#comingsoon_lnk a:active { background-position: -352px -42px;}
#navigation #navi li#vinyl_lnk a:active { background-position: -469px -42px;}
#navigation #navi li#sale_lnk a:active { background-position: -586px -42px;}

/* ON STATES */
#navigation.home #navi li#home_lnk a { background-position: -0px -43px !important;}
#navigation.cdsingles #navi li#cds_lnk a { background-position: -117px -43px !important;}
#navigation.albums #navi li#albums_lnk a { background-position: -235px -43px !important;}
#navigation.vinyl #navi li#comingsoon_lnk a { background-position: -352px -43px !important;}
#navigation.comingsoon #navi li#vinyl_lnk a { background-position: -469px -43px !important;}
#navigation.saleitems #navi li#sale_lnk a { background-position: -586px -43px !important;}