#nav { position: relative; background-repeat:no-repeat; }
#nav ul { list-style-type:none; margin:0; padding:0; }
#nav li { width: 136px; margin-bottom: 5px; display:block; }
#nav0 a { height: 24px; width: 136px; background-position: left -207px; background-image: url(nav-buttons.png); background-repeat: no-repeat; color:#FFF; font-size:14px; text-decoration:none; display:block; }
#nav0 a:hover { height: 24px; width: 136px; background-position: -140px -207px; background-image: url(nav-buttons.png); background-repeat: no-repeat; font-size:14px; text-decoration:none; display:block; }
#nav1 a { height: 24px; width: 136px; background-position: left 1px; background-image: url(nav-buttons.png); background-repeat: no-repeat; color:#FFF; font-size:14px; text-decoration:none; display:block; }
#nav1 a:hover { height: 24px; width: 136px; background-position: -140px 1px; background-image: url(nav-buttons.png); background-repeat: no-repeat; font-size:14px; text-decoration:none; display:block; }
#nav2 a { height: 24px; width: 136px; background-position: left -24px; background-image: url(nav-buttons.png); background-repeat: no-repeat; color:#FFF; font-size:14px; text-decoration:none; display:block; }
#nav2 a:hover { height: 24px; width: 136px; background-position: -140px -24px; background-image: url(nav-buttons.png); background-repeat: no-repeat; font-size:14px; text-decoration:none; display:block; }
#nav3 a { height: 24px; width: 136px; background-position: left -48px; background-image: url(nav-buttons.png); background-repeat: no-repeat; color:#FFF; font-size:14px; text-decoration:none; display:block; }
#nav3 a:hover { height: 24px; width: 136px; background-position: -140px -48px; background-image: url(nav-buttons.png); background-repeat: no-repeat; font-size:14px; text-decoration:none; display:block; }
#nav4 a { height: 24px; width: 136px; background-position: left -72px; background-image: url(nav-buttons.png); background-repeat: no-repeat; color:#FFF; font-size:14px; text-decoration:none; display:block; }
#nav4 a:hover { height: 24px; width: 136px; background-position: -140px -72px; background-image: url(nav-buttons.png); background-repeat: no-repeat; font-size:14px; text-decoration:none; display:block; }
#nav5 a { height: 24px; width: 136px; background-position: left -96px; background-image: url(nav-buttons.png); background-repeat: no-repeat; color:#FFF; font-size:14px; text-decoration:none; display:block; }
#nav5 a:hover { height: 24px; width: 136px; background-position: -140px -96px; background-image: url(nav-buttons.png); background-repeat: no-repeat; font-size:14px; text-decoration:none; display:block; }
#nav6 a { height: 24px; width: 136px; background-position: left -120px; background-image: url(nav-buttons.png); background-repeat: no-repeat; color:#FFF; font-size:14px; text-decoration:none; display:block; }
#nav6 a:hover { height: 24px; width: 136px; background-position: -140px -120px; background-image: url(nav-buttons.png); background-repeat: no-repeat; font-size:14px; text-decoration:none; display:block; }

#nav7 a { height: 62px; width: 136px; background-position: left -144px; background-image: url(nav-buttons.png); background-repeat: no-repeat; color:#FFF; font-size:14px; text-decoration:none; display:block; }
#nav7 a:hover { height: 62px; width: 136px; background-position: -140px -144px; background-image: url(nav-buttons.png); background-repeat: no-repeat; font-size:14px; text-decoration:none; display:block; }

#playbutton { width: 160px; position: relative; display: block; margin-left: 230px; margin-bottom: 0px; margin-right: 0px; margin-top: 0px; text-align: center; padding: 0px; }
#playbutton a { text-align: center; background-repeat: no-repeat; display: block; height: 90px; width: 160px; background-position: left top; background-image: url(play-button.png); }
#playbutton a:hover { text-align: center; background-repeat: no-repeat; display: block; height: 90px; width: 160px; background-position: -200px top; background-image: url(play-button.png); }

#playbutton2 { width: 160px; position: relative; display: block; margin-top: -20px; text-align: center; padding: 0px; }
#playbutton2 a { text-align: center; background-repeat: no-repeat; display: block; height: 90px; width: 160px; background-position: -200px top; background-image: url(play-button.png); }
#playbutton2 a:hover { text-align: center; background-repeat: no-repeat; display: block; height: 90px; width: 160px; background-position: left top; background-image: url(play-button.png); }