body{
	margin:0;
	padding:0;
	background-image:url(../imagens/BGSite.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	background-color:#1b1819;
}
.clear{clear:both}

#areaTopo{height:135px;width:90%}
#areaTopo a#logo{width:248px;height:71px;display:block;margin-left:120px;}
#areaTopo ul{margin:0 0 0 471px;;padding:0;clear:both;position:relative;top:3px;}
#areaTopo ul li{display:inline;list-style-type:none;font:bold 12px Arial, Helvetica, sans-serif; font-weight:lighter; letter-spacing:0.4px; text-transform:uppercase;margin:0 0 0 19px;padding:0}
#areaTopo ul li a{text-decoration:none;color:#999999;}

#areaTopo ul li a.principal {color:#FFFFFF}
#areaTopo ul li a.sobre{color:#00ffff}
#areaTopo ul li a.servicos{color:#ffcc00}			
#areaTopo ul li a.projetos{color:#33ffff}
#areaTopo ul li a.contato{color:#33ff99}


#principal{background-image:url(../imagens/bgPrincipal.gif);background-repeat:repeat-x;background-position:top left;height:485px;margin-bottom:34px; overflow: hidden;}

#about{background-image:url(../imagens/bgAboutContainer.gif);background-repeat:repeat-x;background-position:top left;}
#about #container{background-image:url(../imagens/bgAbout.gif);background-repeat:no-repeat;background-position:top left;height:503px;}
#about #container #boxTexto{font:normal 11px Arial;color:#ffffff;width:470px;height:195px;padding-top:36px;margin-left:370px;line-height:18px; letter-spacing:0.4px; word-spacing:2px}
#about #container #boxTexto p{padding:0 0 0 54px;}

#perfis{margin-left:122px;font:normal 11px arial; font-weight:lighter; line-height:14px; color:#ccc; letter-spacing:0.2px}
.boxPerfis{width:340px;float:left;padding:46px 0 0 28px;}
.left{margin-right:45px;}
.boxPerfis img{float:left;margin:0 19px 0 0;border:1px solid #666666}
.boxPerfis p{clear:both;margin:33px 0 0 0;line-height:18px;word-spacing:2px}
.boxPerfis strong{font-size:12px;}
.boxPerfis span{color:#cccccc}
.boxPerfis a.mail{text-decoration:none;color:#999999;display:block;margin:21px 0 0 0;font-style:italic}

#services{background-image:url(../imagens/bgService.gif);background-repeat:repeat-x;background-position:top left;}
#services #container{background-image:url(../imagens/bgServiceContainer.jpg);background-repeat:no-repeat;background-position:top left;height:397px;}
#services #container #boxTexto{font:normal 12px Arial;color:#ffffff;width:470px;height:195px;padding-top:42px;margin-left:478px;line-height:18px; word-spacing:2px}
#services #container #boxTexto p{padding:0 0 0 54px;}
#services #container ul{float:left;margin:-1px 15px 0 0;padding:0}
#services #container ul li{list-style-type:none;font:normal 12px arial;color:#ffffff;margin:0;padding:0;line-height:16px;height:auto}
#services #container ul li.first{margin-bottom:7px}
#services #container ul.left{margin:-1px 28px 0 480px;}


#projects{}
#projects #container{}
#projects #container #areaRolagem{overflow-x:scroll;height:205px;background: url(../imagens/bgRolagem.gif) no-repeat fixed 0px 128px;background-color:#2d2a2b;padding-top:48px;width:100%}

#projects #container #areaRolagem ul.first{margin-left:19px}
#projects #container #areaRolagem ul{float:left;margin:0 18px 0 0;padding:0}
#projects #container #areaRolagem ul li{list-style-type:none;font:normal 11px arial;color:#fff;}
#projects #container #areaRolagem ul li span{color:#999999}
#projects #container #areaRolagem table{margin-left:19px;}

#projects #container #areaDescricao{background-color:#43feff;background-image:url(../imagens/bgDescricao.gif);background-repeat:repeat-x;background-repeat:repeat-x;height:201px;margin-top:1px}

#projects #container #areaDescricao #descricao{background-image:url(../imagens/bgDescricaoContainer.gif);background-repeat:no-repeat;background-position:top left;height:201px;width:829px;font:normal 11px arial;color:#fff; font-weight:lighter; letter-spacing:0px}
#projects #container #areaDescricao #descricao p{float:left;margin:21px 0 0 0;position:relative; line-height:19px; left:119px;}
#projects #container #areaDescricao #descricao p strong{font-size:12px; letter-spacing:0px; margin:0 0 -7px 0;display:block}
#projects #container #areaDescricao #descricao p span{color:#43feff;}


#internal{}
#internal #container{}
#internal #container #areaRolagem{overflow-x:scroll;height:398px;background: url(../imagens/bgRolagem.gif) no-repeat fixed 0px 128px;background-color:#2d2a2b;width:100%}

#internal #container #areaRolagem ul.first{margin-left:19px}
#internal #container #areaRolagem ul{float:left;margin:0 9px 0 0;padding:0}
#internal #container #areaRolagem ul li{list-style-type:none;font:normal 11px arial;color:#fff;}
#internal #container #areaRolagem ul li span{color:#999999}
#internal #container #areaRolagem table{margin:0;}

#internal #container #areaDescricao{background-color:#17c2c3;height:190px;margin-top:1px}

#internal #container #areaDescricao #descricao{background-image:url(../imagens/bgInternal.gif);background-repeat:no-repeat;background-position:top left;height:190px;width:896px; line-height:18px; font:normal 11px arial;color:#fff}
#internal #container #areaDescricao #descricao a{float:right;position:relative;right:160px;font:normal 11px arial;color:#fff; text-decoration:none;top:25px;}


#internal #container #areaDescricao #descricao p{float:left;margin:21px 0 0 0;position:relative;left:119px;}
#internal #container #areaDescricao #descricao p strong{font-size:12px;margin:0 0 -7px 0;display:block}
#internal #container #areaDescricao #descricao p span{color:#43feff;}

#contact{}
#contact #container{background-image:url(../imagens/bgContact.gif);background-repeat:no-repeat;background-position:top left;height:256px;background-color:#222121}
#contact #container #boxTexto{font:normal 12px Arial;color:#ffffff;width:470px;height:195px;letter-spacing:0.2px; padding-top:36px;margin-left:490px;line-height:16px;word-spacing:2px}
#contact #container #boxTexto h1{font:bold 12px arial;color:#fff;margin:0 0 10px 0 }
#contact #container #boxTexto span{color:#666666}
#contact #container #boxTexto a{color:#fff;text-decoration:none}