/*
	*	Project: Alexandre Rodrigues
	*	Author: Alexandre Rodrigues >> www.lecowd.com.br
	*	Date: 02/12/2008

Link e formulários hover >> vermelho: #e00;
letras >> cinza claro: #b5b5b5;
letras bold e link hover >> branco: #fff;
------------------------------------------- */

/* RE-SETS
------------------------------------------- */
*{margin:0;padding:0;border:none;border-collapse:collapse;list-style:none;text-decoration:none;font:normal 14px Arial, Helvetica, sans-serif;color:#b5b5b5;background:none;}
body {background:url("images/background.gif");}
h1,h2,h3,h4{
	font-size:18px;
	color:#fff;
	margin:8px 0 4px 0;
	text-transform:uppercase;
}
p, li{line-height:150%;}
a{color:#e00;}
a:hover{color:#fff;}

/*
MOLDURA DO SITE
------------------------------------------- */
#geral{
	width:760px;
	margin:0 auto;
}

/*
LOGO
------------------------------------------- */
h1#logo{padding:20px 0 30px 0;}
h1#logo a{
	background:url(images/alexandre-rodrigues.png) 0 0 no-repeat;
	width:514px;
	height:77px;
	display:block;
	text-indent:-999px;
	margin:0 auto;
}

/*
MENU
------------------------------------------- */
#nav{
	margin:0 auto;
	width:700px;
}
#nav li{
	display:inline;
	float:left;
}
#nav li a{
	display:block;
	text-indent:-9999px;
	height:30px;
}
#nav li.portfolio a{
	background:url(images/nav.png) 0 0 no-repeat;
	width:115px;
}
#nav li.alexandre a{
	background:url(images/nav.png) 0 -32px no-repeat;
	width:240px;	margin:0 125px;
}
#nav li.contato a{
	background:url(images/nav.png) 0 -65px no-repeat;
	width:95px;
}
#nav li a:hover,
#nav li.ativo a{
	border-bottom:2px solid #830000;
	height:28px; /* ajusta a altura */
}

/*
INTRODUCAO
------------------------------------------- */
#intro{
	clear:both;
	background:#000;
	padding:10px;
}

/*
CONTEUDO
------------------------------------------- */
#conteudo{padding:10px;}
#conteudo .solucoes{
	height:160px;
	margin-top:39px;
}
#conteudo .solucoes img{
	margin:0 60px 0 20px;
	float:left;
}
/*
RODAPE
------------------------------------------- */
#rodape #dados h2,
#rodape #contato h3{
	text-indent:-999px;
	margin-bottom:10px;
}
#rodape{
	border-top:1px solid #000;
	margin:40px 0;
	padding-top:20px;
}

#rodape #dados{
	width:300px;
	float:left;
	margin-left:20px;
}
#rodape #dados h2{background:url(images/nav.png) 0 -98px no-repeat;}
#rodape #dados li{
	padding-left:25px;
	padding-bottom:3px;
}
#rodape #dados li.alexandre{background:url(images/dados.gif) 0 2px no-repeat;}
#rodape #dados li.atividade{background:url(images/dados.gif) 0 -21px no-repeat;}
#rodape #dados li.local{background:url(images/dados.gif) 0 -47px no-repeat;}
#rodape #dados li.telefone{background:url(images/dados.gif) 0 -71px no-repeat;}
#rodape #dados li.email{background:url(images/dados.gif) 0 -95px no-repeat;}
#rodape #contato{margin-left:363px;}
#rodape #contato h3{background:url(images/nav.png) 0 -128px no-repeat;}
#rodape #contato form textarea{
	width:296px;
	height:73px;
	background:url(images/form.png) 0 0 no-repeat;
	padding:8px;
	float:left;
}
#rodape #contato form input.enviar{
	background:url(images/form.png) -312px 0 no-repeat;
	height:89px; width:61px;
	padding:0 10px;
	cursor:pointer;
}
#rodape #contato form input.nome{
	width:145px;
	background:url(images/form.png) 0 -90px no-repeat;
	padding:6px 3px 6px 30px;
	margin:0 2px 2px 0;
}
#rodape #contato form input.email{
	width:161px;
	background:url(images/form.png) -180px -90px no-repeat;
	padding:6px 3px 6px 30px;
}
#rodape #contato form input:hover,
#rodape #contato form input:focus,
#rodape #contato form textarea:hover,
#rodape #contato form textarea:focus{
	color:#830000;
}