/* PROJETO      : RM AUDIO STUDIO
   AUTOR        : ANTONIELLE WEB SITES
   DATA         : 18/02/2010
*/

*{margin:0; padding:0; list-style:none; border:0;}
body {background:#000000; margin:0 auto; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF;}
#geral {width:800px; margin:0 auto; padding:10px; background:#121212;}

/*HEADER*/
#header {width:800px; padding-bottom:4px;}
#topo {width:800px; height:180px; padding-bottom:4px;}
#menu {width:800px; height:50px;} 

/*CONTAINER*/
#container {width:800px; padding-bottom:4px;}
#coluna-esquerda {width:566px; float:left;}
#coluna-direita {width:231px; float:right;}

#seja-bem-vindo {width:226px; float:left; margin:0px 4px 4px 0px;}
.seja-bem-vindo-img {width:226px; height:50px; background:url(../img/sejam-bem-vindos.jpg) no-repeat;}
.seja-bem-vindo-txt {width:218px; height:184px; border:#666666 1px solid; background:#333333; padding:3px 3px 3px 3px;}

#novidades {width:336px; float:left; margin:0px 0px 4px 0px;}
.novidades-img {width:336px; height:50px; background:url(../img/novidades.jpg) no-repeat;}
.novidades-txt {width:328px; height:184px; border:#666666 1px solid; background:#333333; padding:3px 3px 3px 3px;}

#depoimentos {width:566px; float:left;}
.depoimentos-img {width:566px; height:50px; background:url(../img/depoimento-de-clientes.jpg) no-repeat;}
.depoimentos-txt {width:558px; height:184px; border:#666666 1px solid; background:#333333; padding:3px 3px 3px 3px;}

#conheca-a-rm-studio {width:231px; float:left; padding-bottom:4px;}
.conheca-a-rm-studio-img {width:231px; height:50px; background:url(../img/conheca-a-rm-audio-studio.jpg) no-repeat;}
.conheca-a-rm-studio-txt {width:229px; height:376px; border:#666666 1px solid; background:#333333; padding-top:4px; text-align:center;}
.img-fotos {width:217px; height:113px; padding-bottom:4px;}

#usuarios {width:229px; height:30px; float:left; padding:20px 0px 0px 0px; border:#666666 1px solid; background:#333333; text-align:center;}

/*CONTEÚDO*/
#conteudo {width:558px; background:#333333; padding:4px;}

/*FOOTER*/
#footer {width:800px; height:84px; float:left; margin-top:4px;}

/*FORMATAÇÃO INPUT'S*/
.input-nome {width:250px; height:18px; background:#333333; border:#666666 1px solid;}
.input-cidade {width:250px; height:18px; background:#333333; border:#666666 1px solid;}
.input-recado {width:250px; height:50px; background:#333333; border:#666666 1px solid;}
.input-enviar {width:250px; height:25px; background:#333333; border:#666666 1px solid; font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#FFFFFF;}

/*FORMATAÇÃO DE LINK*/
a:link {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; text-decoration:none;}
a:hover {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFCC00; text-decoration:none;}
a:visited {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; text-decoration:none;}
a:active {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; text-decoration:none;}

/*FORMATAÇÃO DE FONTES*/
h1 {font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#FFFFFF;}
h2 {font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; font-style:italic; color:#FFFFFF;}
h3 {font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; font-style:italic; color:#FFFFCC;}

/*CLEAR*/
#clear {clear:both;}