/* Rômulo Lebre 
Interactive Art Director at DMI Comunicação Online 
romulolebre@gmail.com 
+55 xx 71 8891-2256
Salvador/BA - Brazil
12/09/09
*/


/* TAGS */
*{
margin:0px;
}

a{
text-decoration:none;
color:#0080b2;

}

a:hover {
text-decoration : underline;
}

body {
background-color:#fff;
background-image:url(../_imagens/portfolio.jpg);
background-repeat:no-repeat;
background-position:top;
}

h1{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
text-align:center;
color:#5a72c2;
}

img{
border:none;
}

input, textearea, label{
float:left;
}

p{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
text-align:center;
color:#0080b2;
}


/* ID */
#botoesform{
width:1004px;
}

#formulario{
margin:auto;
float:left;
width:1004px;
height:284px;
}

#formulario p{
text-align:left;
}

#form{
margin-top:80px;
margin-right:70px;
float:left;
width:450px;
text-align:left;

}

#menu li{
list-style:none;
float:left;
}

#message{
background-color:#cbdee2;
border:0px;
border-style:none;
width:440px;
color:#6b97a3;
}

#name{
margin-right:40px;
}


#name, #email{
background-color:#cbdee2;
border:0px;
border-style:none;
width:200px;
margin-bottom:20px;
color:#6b97a3;
}

#principal{
margin:auto;
height:auto;
}

#rodape{
background-image:url(../_imagens/background/rodape.jpg);
background-repeat:repeat-x;
background-color:#95bbc4;
height:887px;

}

#topo{
background-image:url(../_imagens/background/background.jpg);
background-repeat:repeat-x;
}

#wrap {
width:1004px;
height:auto; 
margin:auto;
} 


/* CLASS */
.abilities a{
display:block;
background-image:url(../_imagens/abilities1.jpg);
background-repeat:no-repeat;
width:167px;
height:48px;
}

.abilities a:hover{
background-image:url(../_imagens/abilities2.jpg);
background-repeat:no-repeat;
}

.contactform{
float:left;
text-align:right;
margin-top:80px;
}

.contacts a{
display:block;
background-image:url(../_imagens/contacts1.jpg);
background-repeat:no-repeat;
width:194px;
height:48px;
}

.contacts a:hover{
background-image:url(../_imagens/contacts2.jpg);
background-repeat:no-repeat;
}

.ident{
margin-top:320px;
}

.ident2 p{
margin-top:60px;
font-size:10px;
}

.ident2 p a:hover{
margin-top:80px;
font-size:10px;
}

.ident3 {
margin-top:10px;
}

.ident3 p{
font-size:10px;
}

.identMenu{
margin-left:130px;
}

.formulario{
display:block;
margin:auto;
float:left;
}

.generica{
padding:110px 0px 300px 0px;
}

.nav2{
float:left;
margin:314px 0 0 525px;
}

.nav2 li{
list-style:none;
float:left;
}

.nav li{
list-style:none;
float:left;
}

.next a{
display:block;
background-image:url(../_imagens/next1.jpg);
background-repeat:no-repeat;
width:91px;
height:38px;
}

.next a:hover{
background-image:url(../_imagens/next2.jpg);
background-repeat:no-repeat;
}

.previous a{
display:block;
background-image:url(../_imagens/previous1.jpg);
background-repeat:no-repeat;
margin:0 10px 0 10px;
width:146px;
height:38px;
}

.previous2 a{
display:block;
background-image:url(../_imagens/previous1.jpg);
background-repeat:no-repeat;
margin:0 0px 0 10px;
width:146px;
height:38px;
}

.previous a:hover{
background-image:url(../_imagens/previous2.jpg);
background-repeat:no-repeat;
}

.saveScroll{
margin: 120px 0px 20px 0px;
}

.submit{
margin-top:20px;
background-image:url(../_imagens/contact/submit1.gif);
display:block;
width:136px;
height:38px;
}

.tit{
float:left;
width:675px;
text-align:left;
}

.rodapewrap{
display:block;
width:1004px;
height:365px;
margin:auto;
}


.tit3{
float:left;
text-align:left;
margin-top:314px;
}

.topo{
background-image:url(../_imagens/topo.jpg);
background-repeat:no-repeat;
width:1004px;
height:240px;
margin:auto;
}

.top a{
display:block;
background-image:url(../_imagens/top1.jpg);
background-repeat:no-repeat;
width:72px;
height:38px;
}

.top a:hover{
background-image:url(../_imagens/top2.jpg);
background-repeat:no-repeat;
}

.works a{
display:block;
background-image:url(../_imagens/works1.jpg);
background-repeat:no-repeat;
width:139px;
height:48px;
}

.works a:hover{
background-image:url(../_imagens/works2.jpg);
background-repeat:no-repeat;
}