* { margin:0;
padding:0;
list-style:none;
border:0
}
img { border: 0; }
html, body { text-align: center; } 

body {
background: #fff url(imagens/fd-geral.jpg) repeat-x 0 0;
font: 11px arial, tahoma, verdana, sans-serif;
}

a { text-decoration: none; }

#geral {
display: block;
margin-right: auto;
margin-left: auto;
text-align: left;
width: 912px;
} 


/* Cabeçalho da página */
#geral #cabecalho {
display: block;
float: left;
height: 113px;
width: 912px;
}
#geral #cabecalho .logomarca {
display: block;
float: left;
padding-top: 42px;
padding-left: 9px;
}


/* Menu Principal */
#geral #cabecalho #menu {
display: block;
float: right;
height: 84px;
width: 480px;
}
#geral #cabecalho #menu li {
display: block;
float: left;
height: 84px;
}
#geral #cabecalho #menu li a {
color: #6f6f6f;
display: block;
float: left;
height: 84px;
overflow: hidden;
text-indent: -9999px;
}
/* a link */
#geral #cabecalho #menu li a.m1 { background: url(imagens/m-servicos.jpg) no-repeat 0 0; width: 115px; }
#geral #cabecalho #menu li a.m2 { background: url(imagens/m-clientes.jpg) no-repeat 0 0; width: 115px; }
#geral #cabecalho #menu li a.m3 { background: url(imagens/m-portfolio.jpg) no-repeat 0 0; width: 132px; }
#geral #cabecalho #menu li a.m4 { background: url(imagens/m-contato.jpg) no-repeat 0 0; width: 115px; }
/* a visited */
#geral #cabecalho #menu li a:visited.m1 { background: url(imagens/m-servicos.jpg) no-repeat 0 0; width: 115px; }
#geral #cabecalho #menu li a:visited.m2 { background: url(imagens/m-clientes.jpg) no-repeat 0 0; width: 115px; }
#geral #cabecalho #menu li a:visited.m3 { background: url(imagens/m-portfolio.jpg) no-repeat 0 0; width: 132px; }
#geral #cabecalho #menu li a:visited.m4 { background: url(imagens/m-contato.jpg) no-repeat 0 0; width: 115px; }
/* a hover */
#geral #cabecalho #menu li a:hover.m1 { background: url(imagens/m-servicos.jpg) no-repeat 0 -84px; width: 115px; }
#geral #cabecalho #menu li a:hover.m2 { background: url(imagens/m-clientes.jpg) no-repeat 0 -84px; width: 115px; }
#geral #cabecalho #menu li a:hover.m3 { background: url(imagens/m-portfolio.jpg) no-repeat 0 -84px; width: 132px; }
#geral #cabecalho #menu li a:hover.m4 { background: url(imagens/m-contato.jpg) no-repeat 0 -84px; width: 115px; }

/* item menu ativado em sua página */
div.servicos #cabecalho #menu li a.m1 { background: url(imagens/m-servicos.jpg) no-repeat 0 -168px !important; width: 115px; }
div.clientes #cabecalho #menu li a.m2 { background: url(imagens/m-clientes.jpg) no-repeat 0 -168px !important; width: 115px; }
div.portfolio #cabecalho #menu li a.m3 { background: url(imagens/m-portfolio.jpg) no-repeat 0 -168px !important; width: 132px; }
div.contato #cabecalho #menu li a.m4 { background: url(imagens/m-contato.jpg) no-repeat 0 -168px !important; width: 115px; }
/* item menu ativado:hover em sua página */
div.servicos #cabecalho #menu li a:hover.m1 { background: url(imagens/m-servicos.jpg) no-repeat 0 0 !important; width: 115px; }
div.clientes #cabecalho #menu li a:hover.m2 { background: url(imagens/m-clientes.jpg) no-repeat 0 0 !important; width: 115px; }
div.portfolio #cabecalho #menu li a:hover.m3 { background: url(imagens/m-portfolio.jpg) no-repeat 0 0 !important; width: 132px; }
div.contato #cabecalho #menu li a:hover.m4 { background: url(imagens/m-contato.jpg) no-repeat 0 0 !important; width: 115px; }

/* Rodapé da página */
#rodape {
border-top: #d8d8d8 1px solid;
color: #aaa;
display: block;
float: left;
font-size: 0.9em;
height: 40px;
margin-right: auto;
margin-left: auto;
padding-top: 7px;
text-align: center;
width: 100%;
} 
#rodape p a {
color: #aaa;
text-decoration: underline;
}
#rodape p a:hover { text-decoration: none; }