* { margin:0; padding:0; border:0; list-style:none; font-family:Arial, Helvetica, sans-serif; color:#fff; }

body { background:#000 url(img/bg.jpg) no-repeat }

#banner { position:absolute; width:728px; height:90px; left:238px; top:50px }

#info { width:980px; height:620px; overflow:hidden; position:absolute; left:0; top:0; }

#link-terra { background:red; -moz-opacity:.0; filter:alpha(opacity=0); opacity:.0; position:absolute; width:131px; height:31px; display:block; top:0; left:0; z-index:2000; }

#link-canal { background:red; -moz-opacity:.0; filter:alpha(opacity=0); opacity:.0; position:absolute; width:215px; height:31px; display:block; top:0; left:131px; z-index:2000; }

#link-capa { background:red; -moz-opacity:.0; filter:alpha(opacity=0); opacity:.0; position:absolute; display:block; text-indent:-5000px; top:56px; left:13px; height:127px; width:259px; z-index:2000; }

#pagina { width:930px; height:338px; background:yellow; left:25px; top:257px; position:absolute }

#menu { position:absolute; top:201px; left:0; width:100%; }

#menu li { float:left; display:inline; margin-left:20px; }

#menu li a { display:block; height:40px; background:url(img/menu.gif) no-repeat; text-indent:-5000px; }

#menu li#lancamento a { background-position:-27px 0; width:97px; }
#menu li#musicas a { background-position:-140px 0; width:130px; }
#menu li#cenarios a { background-position:-286px 0; width:79px; }
#menu li#visual a { background-position:-382px 0; width:134px; }
#menu li#instrumentos a { background-position:-536px 0; width:113px; }
#menu li#rock-band a { background-position:-666px 0; width:126px; }
#menu li#lancamento-eua a { background-position:-812px 0; width:140px; display:none; }

.lancamento #menu li#lancamento a, #menu li#lancamento a:hover { background-position:-27px -40px; width:97px; }
.musicas #menu li#musicas a, #menu li#musicas a:hover { background-position:-140px -40px; width:130px; }
.cenarios #menu li#cenarios a, #menu li#cenarios a:hover { background-position:-286px -40px; width:79px; }
.visual #menu li#visual a, #menu li#visual a:hover { background-position:-382px -40px; width:134px; }
.instrumentos #menu li#instrumentos a, #menu li#instrumentos a:hover { background-position:-536px -40px; width:113px; }
.rock-band #menu li#rock-band a, #menu li#rock-band a:hover { background-position:-666px -40px; width:126px; }
.lancamento-eua #menu li#lancamento-eua a, #menu li#lancamento-eua a:hover { background-position:-812px -40px; width:140px; }

#pagina h1 { display:none; }

#pagina h2 { color:#ebab49; font-size:15px; }

#pagina p { font-size:12px; line-height:21px; }

#pagina p a { color:#EBAB49; font-weight:bold; text-decoration:none; }

#pagina p a:hover { text-decoration:underline; }

#navegacao { width:50px; position:absolute; height:20px; }

#link-anterior { display:block; width:20px; height:20px; background:url(img/anterior.gif); float:left; }

#link-proxima { display:block; width:20px; height:20px; background:url(img/proxima.gif); float:right; }

#link-anterior:hover, #link-proxima:hover { background-position:0 -20px; }

#imagem-gde { position:absolute; width:508px; height:289px; left:393px; top:26px; }

#imagem-gde p { position:absolute; width:353px; left:67px; padding:5px 10px; bottom:10px; background-color:#1a1003; color:#ebab49; border:1px solid #ebab49; -moz-opacity:.80; filter:alpha(opacity=80); opacity:.80; }

/* box 01 */

.box-01 h2 { position:absolute; top:78px; left:36px; }

.box-01 #navegacao { top:78px; left:375px; }

.box-01 #conteudo { position:absolute; top:108px; left:23px; width:411px; height:209px; overflow:auto }

.box-01 #conteudo p { margin:10px 15px; }

.box-01 #link-grande { position:absolute; width:486px; height:338px; top:257px; left:469px; z-index:5000; }

/* box 02 */

.box-02 h2 { position:absolute; top:78px; left:36px; }

.box-02 #navegacao { top:78px; left:545px; }

.box-02 #conteudo { position:absolute; top:108px; left:23px; width:581px; height:209px; overflow:auto; }

.box-02 #conteudo p { margin:10px 15px; }

.box-02 #conteudo p strong { color:#ebab49; font-size:14px; }

.box-02 #conteudo img { margin:17px; float:left; }

.box-02 #link-grande { position:absolute; width:316px; height:338px; top:257px; left:639px; z-index:5000; }

/* box 03 */

.box-03 h2 { position:absolute; top:78px; left:36px; }

.box-03 #navegacao { top:78px; left:315px; }

.box-03 #conteudo { position:absolute; top:108px; left:23px; width:351px; height:209px; }

.box-03 #conteudo p { margin:10px 15px; }

.box-03 #conteudo li { margin:7px -1px 0px 9px; }

.box-03 #conteudo li, .box-03 #conteudo li a { float:left; }

.v01 #conteudo li#visual-01 a img,
.v02 #conteudo li#visual-02 a img,
.v03 #conteudo li#visual-03 a img,
.v04 #conteudo li#visual-04 a img,
.v05 #conteudo li#visual-05 a img,
.v06 #conteudo li#visual-06 a img,
.v07 #conteudo li#visual-07 a img,
.box-03 #conteudo li a:hover img { -moz-opacity:.50; filter:alpha(opacity=50); opacity:.50; }

.box-03 #conteudo li a { background:#ebab49; }

.box-03 #link-grande { position:absolute; width:536px; height:338px; top:257px; left:419px; z-index:5000; background:red; -moz-opacity:.00; filter:alpha(opacity=00); opacity:.00;  }

/* box 04 */

.box-04 h2 { position:absolute; top:78px; left:136px; }

.box-04 #navegacao { top:78px; left:635px; }

.box-04 #conteudo { position:absolute; top:108px; left:123px; width:571px; height:209px; overflow:auto; }

.box-04 #conteudo p { margin:10px 15px; }

.box-04 #conteudo img { margin:17px; float:left; }

/* lancamento */

.lancamento #pagina { background:url(img/lancamento.jpg) no-repeat; }

.lancamento.l02 #pagina { background:url(img/lancamento-02.jpg) no-repeat; }

.lancamento.l03 #pagina { background:url(img/lancamento-03.jpg) no-repeat; }

.lancamento.l04 #pagina { background:url(img/lancamento-04.jpg) no-repeat; }

/* musicas */

.musicas #pagina { background:url(img/musicas.jpg) no-repeat; }

/* cenarios */

.cenarios.c01 #pagina { background:url(img/the-beatles-rock-band-cenario-01.jpg) no-repeat; }
.cenarios.c02 #pagina { background:url(img/the-beatles-rock-band-cenario-02.jpg) no-repeat; }
.cenarios.c03 #pagina { background:url(img/the-beatles-rock-band-cenario-03.jpg) no-repeat; }
.cenarios.c04 #pagina { background:url(img/the-beatles-rock-band-cenario-04.jpg) no-repeat; }
.cenarios.c05 #pagina { background:url(img/the-beatles-rock-band-cenario-05.jpg) no-repeat; }
.cenarios.c06 #pagina { background:url(img/the-beatles-rock-band-cenario-06.jpg) no-repeat; }

/* visual */

.visual #pagina { background:url(img/visual.jpg) no-repeat; }

/* instrumentos */

.instrumentos #pagina { background:url(img/instrumentos.jpg) no-repeat; }
.instrumentos.tabela #pagina { background:url(img/instrumentos-tabela.jpg) no-repeat; }

#menu-instrumentos { width:58px; height:250px; position:absolute; left:23px; top:67px; background:url(img/menu-instrumentos.gif) no-repeat; }

#menu-instrumentos li { margin-bottom:4px; }

#menu-instrumentos li a { width:58px; height:58px; display:block }

.baixo #menu-instrumentos li#baixo a, #menu-instrumentos li#baixo a:hover { background:url(img/menu-instrumentos.gif) no-repeat -58px 0; }
.bateria #menu-instrumentos li#bateria a, #menu-instrumentos li#bateria a:hover { background:url(img/menu-instrumentos.gif) no-repeat -58px -62px; }
.guitarra-01 #menu-instrumentos li#guitarra a, #menu-instrumentos li#guitarra a:hover { background:url(img/menu-instrumentos.gif) no-repeat -58px -124px; }
.guitarra-02 #menu-instrumentos li#microfone a, #menu-instrumentos li#microfone a:hover { background:url(img/menu-instrumentos.gif) no-repeat -58px -186px; }

#seta { width:42px; height:250px; position:absolute; left:81px; top:67px; background:url(img/setas-instrumentos.gif) no-repeat; }
.bateria #seta { background-position: -42px 0; }
.guitarra-01 #seta { background-position: -84px 0; }
.guitarra-02 #seta { background-position: -126px 0; }

/* rock-band */

.rock-band #pagina { background:url(img/rock-band.jpg) no-repeat; }

