/* CSS Document */
body { font-family: helvetica, arial, sans-serif; font-weight: normal; font-size: 62.5%; background: #000; margin: 0px; padding: 0px; text-align: center; }

img { border: none; margin: 0; padding: 0; }
a { margin: 0 4px 0 0; padding: 0; color: #fff; text-decoration: none; }

#loadingscreen { }
#loadingscreen #p1_line { background: url(panels/images/panel_1/line_loading.png); }

#contentpane { display: none; }

#nav { position: fixed; top: 470px; left: 140px; height: 77px; width: 796px; padding: 0 0 0 8px; z-index: 90;}
#nav a { float: left; height: 62px; width: 62px; margin: 7px 4px 0 0; text-indent: -9999em; overflow: hidden; display: block; background-repeat: no-repeat; }

a.panel1 { background: url(panels/images/panel_01_off.png); }
a.panel2 { background: url(panels/images/panel_02_off.png); }
a.panel3 { background: url(panels/images/panel_03_off.png); }
a.panel4 { background: url(panels/images/panel_04_off.png); }
a.panel5 { background: url(panels/images/panel_05_off.png); }
a.panel6 { background: url(panels/images/panel_06_off.png); }
a.panel7 { background: url(panels/images/panel_07_off.png); }
a.panel8 { background: url(panels/images/panel_08_off.png); }
a.panel9 { background: url(panels/images/panel_09_off.png); }

a.panel1:hover, a.panel1:focus { background: url(panels/images/panel_01.gif); }
a.panel2:hover, a.panel2:focus { background: url(panels/images/panel_02.gif); }
a.panel3:hover, a.panel3:focus { background: url(panels/images/panel_03.gif); }
a.panel4:hover, a.panel4:focus { background: url(panels/images/panel_04.gif); }
a.panel5:hover, a.panel5:focus { background: url(panels/images/panel_05.gif); }
a.panel6:hover, a.panel6:focus { background: url(panels/images/panel_06.gif); }
a.panel7:hover, a.panel7:focus { background: url(panels/images/panel_07.gif); }
a.panel8:hover, a.panel8:focus { background: url(panels/images/panel_08.gif); }
a.panel9:hover, a.panel9:focus { background: url(panels/images/panel_09.gif); }

a.panel1_selected { background: url(panels/images/panel_01.gif); }
a.panel2_selected { background: url(panels/images/panel_02.gif); }
a.panel3_selected { background: url(panels/images/panel_03.gif); }
a.panel4_selected { background: url(panels/images/panel_04.gif); }
a.panel5_selected { background: url(panels/images/panel_05.gif); }
a.panel6_selected { background: url(panels/images/panel_06.gif); }
a.panel7_selected { background: url(panels/images/panel_07.gif); }
a.panel8_selected { background: url(panels/images/panel_08.gif); }
a.panel9_selected { background: url(panels/images/panel_09.gif); }

.overlay { position: absolute; top: 0; left: 0; height: 77px; width: 73px; background: url(panels/images/outline.png); background-repeat: no-repeat; z-index: 99;}

.loading_panel1 { position: absolute; display: block; top: 20px; left: 25px; height: 66px; width: 66px; background: url(images/loading.gif); background-repeat: no-repeat; }
.loading_panel2 { position: absolute; display: block; top: 20px; left: 90px; height: 66px; width: 66px; background: url(images/loading.gif); background-repeat: no-repeat; }
.loading_panel3 { position: absolute; display: block; top: 20px; left: 155px; height: 66px; width: 66px; background: url(images/loading.gif); background-repeat: no-repeat; }
.loading_panel4 { position: absolute; display: block; top: 20px; left: 220px; height: 66px; width: 66px; background: url(images/loading.gif); background-repeat: no-repeat; }
.loading_panel5 { position: absolute; display: block; top: 20px; left: 285px; height: 66px; width: 66px; background: url(images/loading.gif); background-repeat: no-repeat; }
.loading_panel6 { position: absolute; display: block; top: 20px; left: 350px; height: 66px; width: 66px; background: url(images/loading.gif); background-repeat: no-repeat; }
.loading_panel7 { position: absolute; display: block; top: 20px; left: 415px; height: 66px; width: 66px; background: url(images/loading.gif); background-repeat: no-repeat; }
.loading_panel8 { position: absolute; display: block; top: 20px; left: 480px; height: 66px; width: 66px; background: url(images/loading.gif); background-repeat: no-repeat; }
.loading_panel9 { position: absolute; display: block; top: 20px; left: 545px; height: 66px; width: 66px; background: url(images/loading.gif); background-repeat: no-repeat; }

#MusicPlayer { position: absolute; right: 0; top: 5px; width: 196px; height: 67px; background: url(images/bg-nav-music.png) no-repeat; text-align: left; }
#MusicPlayer h3 { position: absolute; left: 7px; top: 9px; width: 21px; height: 46px; text-indent: -9999px; overflow: hidden; }
#MusicPlayer a { float: none; margin: 0; }
#MusicPlayer #MusicOff { position: absolute; left: 29px; top: 9px; width: 155px; height: 50px; overflow: hidden; }
#MusicOff a { width: 155px; height: 50px; background: url(images/music-play.png) no-repeat; text-indent: -9999px; overflow: hidden; z-index: 99; }
#MusicPlayer #MusicOn { display: none; position: absolute; left: 34px; top: 9px; width: 150px; height: 50px; overflow: hidden; }
#MusicOn h4, #MusicOn h5 { margin: 0; padding: 0; color: #FFF; }
#MusicOn h4 { width: 150px; height: 14px; font-size: 11px; line-height: 14px; overflow: hidden; white-space: nowrap; }
#MusicOn h5 { width: 150px; height: 12px; font-size: 10px; line-height: 12px; font-weight: normal; overflow: hidden; white-space: nowrap; }
#MusicOn a#music-prevtrack { position: absolute; left: 0; bottom: 2px; width: 37px; height: 15px; background: url(images/music-prevtrack.png) no-repeat; text-indent: -9999px; overflow: hidden; }
#MusicOn a#music-nexttrack { position: absolute; left: 42px; bottom: 2px; width: 34px; height: 17px; background: url(images/music-nexttrack.png) no-repeat; text-indent: -9999px; overflow: hidden; }
#MusicOn a#music-pause { position: absolute; left: 107px; bottom: 2px; width: 34px; height: 17px; background: url(images/music-pause.png) no-repeat; text-indent: -9999px; overflow: hidden; }

#footer { width: 1000px; position: fixed; top: 555px; left: 0px; color: #fff; height: 13px; }
#footer .copy { position: relative; float: left; width: 225px; text-align: left; padding: 0 0 0 10px; }
#footer .links { position: relative; float: left; width: 500px; }
#footer .design { position: relatrive; float: right; width: 200px; }