/* menu principal */
#menu ul {
list-style: none;
border-width: 1px 0; /* borda tem que ser no ul, para ir ate o final do bloco */
border-color: white;
border-style: solid;
position: absolute; /* tem que ser absolute, para posicionar os submenus com a mesma regra */
left: 0;
margin-left: 394px; /* ie5: usar padding somaria an largura dos li. correcao de -1px para alinhar os picotes */
width: 381px; /* correcao de +1px para alinhar os picotes */
}

/* itens do menu */
#menu ul li {
height: 20px;
width: 126px; /* ie: cuidado para nao afetar a div posicionada absolutamente */
float: left; /* float:right inverteria a ordem dos itens */
background-position: 0px -20px; /* ie5: exibir o estado inicial do fundo over em li, nao em a */
background-repeat: no-repeat;
}

/* posicionamento e dimensoes item do menu principal do contexto atual */
body.produtos li#li-produtos, 
body#wheaton.flash li#li-produtos,
body#domestica.flash li#li-produtos,
body.sobre li#li-sobre, 
body.imprensa li#li-imprensa, 
body.contato li#li-contato,
body#decoracao li#li-produtos {
position: absolute;
top: -1px; /* sobrepor a borda do container (ul) */
left: -394px; /* compensar o posicionamento absoluto do container. correcao de +1px para alinhar os picotes */
float: none; /* anular o efeito dos demais itens da lista */
height: 20px;
width: 394px; /* o ie5.x soma a borda no width. correcao de -1px para alinhar os picotes */
border-width: 1px 1px 1px 0;
border-color: white;
border-style: solid;
voice-family: "\"}\""; 
voice-family: inherit;
width: 393px; /* compensacao do ie5.x. correcao de -1px para alinhar os picotes */
}
#dummy {;} /* bizarro: o ie5.0/win anula a regra seguinte na presença do box model hack */

#menu ul li a {
display: block;
height: 20px;
width: auto; /* o ie5 consideraria width:100% = dimensão do container, excluindo o indent negativo */
text-indent: -9999px; /* substituicao de imagem nos itens do menu principal */
text-decoration: none; /* ff: o sublinhado aparece com o indent negativo */
background: transparent none 0px -1000px no-repeat; /* reposicionar a imagem carregada com :hover */
}

/* exibir o fundo over em a somente nestes estados */
#menu li a:hover, 
#menu li a:active, 
#menu li a:focus {
background-position: 0px 0px !important; 
overflow: hidden;
}

/* submenus */
#menu ul ul {
display: none; /* comportamento inicial dos submenus */
top: 21px; /* definido anteriormente como position absolute */
left: -394px; /* correcao de +1px para alinhar os picotes */
width: 775px;
padding: 0 15px;
margin-left: 0; /* anular efeito do primeiro nivel do menu */ 
border: none; /* anular efeito do primeiro nivel do menu */ 
voice-family: "\"}\""; 
voice-family: inherit;
width: 745px; /* compensacao do ie5.x */
}
#dummy {;} /* bizarro: o ie5.0/win anula a regra seguinte na presença do box model hack */

body.produtos li#li-produtos ul, 
body.sobre li#li-sobre ul, 
body.imprensa li#li-imprensa ul, 
body.contato li#li-contato ul,
body.decoracao li#li-produtos ul,
body#wheaton.flash li#li-produtos ul,
body#domestica.flash li#li-produtos ul,
body#decoracao.flash li#li-produtos ul {
left: 0; /* compensar o posicionamento especial do item do contexto atual do menu principal */
}

#menu ul ul li {
width: auto; /* anular efeito do primeiro nivel do menu */
}

#menu ul ul li a {
display: block;
height: 20px;
line-height: 20px;
padding: 0 10px;
float: left; /* o ie5 consideraria width:auto = 100% do container */
text-indent: 0; /* anular os efeitos nos itens do menu secundario */
background-image: none !important; /* anular os efeitos nos itens do menu secundario */
}