body { background: #000; margin: 0 auto; padding: 1px; color: #c0c0c0; font: 80% Arial; }
h1 { font: 80% Arial; font-size: 130%; color: #FFF; margin-bottom:5px; font-weight: bolder; }
h2 { font: 30% Arial; font-size: 130%; color: #FFF; margin-bottom:5px; font-weight: bolder; }
img {  border: 0px; }
#geral {  position: relative; float: left; width: 900px; }
#topo {  position: relative; float: left; width: 720px; height: 160px; background: url(images/topo.jpg); }
#slogan { float:right; margin-right: 80px; text-align:left; }	
#slogan p { float:left; padding-left: 15px; text-align:left; }
#principal {  position: relative; float: left; width: 720px; background: url(images/bg_conteudo.gif) no-repeat; }
#conteudo {  position: relative; float: left; width: 720px;  margin: 0 auto ; padding: 25px 0 0 30px; line-height: 120%; }
#conteudo1 { position: relative; float: left; width: 585px; margin-bottom:20px; line-height: 120%; }
#nprojects { position: relative; float: left; width: 644px; height: 20px; margin-top: 50px; left: -29px; background-color: #ccc; color: #616057; padding-top: 3px; font: 120% Arial;}
#clear { position: relative; width: 680px; height:30px; }
#rodape {  position: relative;  float: left; width: 630px; margin: 0; font-size: 80% ; font-family:Arial ; }
#endereco { font-size: 120%; font-family: Arial; text-align:center;}
#linha { width: 644px; height: 1px; background-color: #ccc; margin-top: 5px; margin-bottom: 1px; }

/*---------- Menu Principal -----------*/
#menu { position: absolute; margin-left: 800px ; left: 0; top: 10px; width: 140px; }
ul { margin: 0; padding: 0; list-style: none; width: 140px; /* Width of Menu Items */ }
ul li { position: relative; }	
li ul { position: absolute; right: 139px; /* Set 1px less than menu width */ top: 0; display: none; }
/* Styles for Menu Items */
ul li a { display: block; text-decoration: none; color: #FFF; margin-bottom: 5px; padding-left: 25px; padding-top: 18px; padding-bottom: 18px;  background: url(images/bg_menu.jpg) no-repeat; font-family: "Trebuchet MS;" }	
.sub ul { width: 120px; }	
.sub ul li a { display: block; float:right; text-decoration: none; text-align:right; color: #FFF; padding-top: 2px; padding-right: 13px;background: none; }
/* Fix IE. Hide from IE Mac \*/
* html ul li { float: right; height: 1%; }
* html ul li a { height: 1%; }
/* End */
ul li a:hover { color: #FFF; background: url(images/bg_menu_houver.gif) no-repeat; } /* Hover Styles */
.sub ul li a:hover { color: #9b3d4b; background: none; } /* Hover Styles */		
li ul li a { padding: 2px 5px; } /* Sub Menu Styles */		
li:hover ul, li.over ul { display: block; } /* The magic */

/*---------- Menu Secundario -----------*/
#menu2 { position: relative; float: left; left: 95px; width: 600px; height: 30px; }
#menu2 ul { margin: 0px; padding: 0px; float: left; width: 480px; }
#menu2 li { float: left; list-style: none ; line-height: 30px; }
#menu2 a { font: 80% Verdana; text-decoration: none; background: none; color: #fff; height: 30px; margin: 15px 0 0 0; padding:0 15px; text-align: center; }
#menu2 a:hover { background: none; text-decoration: underline; }

/*---------- Conteudo Index-----------*/
.thumbhome  { position: relative;  padding-left: 25px; }

/*---------- Conteudo News-----------*/
#news { position: relative; width: 585px;  height: 260px; margin-top: 15px; left: 1px; padding-right: 15px;font-size: 90%; font-family:"Trebuchet MS"; color: #c0c0c0; overflow: auto; /*	scrollbar-arrow-color:#5d5b4f; scrollbar-3dlight-color:#5d5b4f; scrollbar-highlight-color:#5d5b4f; scrollbar-face-color:#2d2c27;scrollbar-track-color:#5d5b4f; scrollbar-shadow-color:#5d5b4f; scrollbar-darkshadow-color:#5d5b4f; */ }
#news p { margin-bottom:20px; }
.news{ height: 72px; }
.news1 { height: 100%; }
.imgEsq { float: left; margin: 0 15px 0 0; }
#archive a{ position: absolute; margin: 0 auto; top: 260px; left: 500px ;  width: 70px; height:20px; padding-top: 5px; background: #5d5b4f; font: 90% Arial; color:#f1eccf; text-align:center;  text-decoration: none; }	


/*---------- Conteudo Portfolio-----------*/
#conteudo2 { position: relative; float: left; margin: 0 auto; width:600px; height:260px; margin-top: 20px; }
#fotog { position: relative; float: left; width:270px; height:260px; margin: 0;}
#thumbs{ position: relative; float: left;  width:75px; height:260px; margin-top: 1px; margin-left: 15px; }
#thumbs img { padding-bottom:0.25em;  }
#tx { position: relative; float: left; width:220px; height:260px; margin-top: 1px; margin-left: 10px; }
#tx p { font-size:120%; font-family:"Trebuchet MS"; font-weight: bold; color: #FFF; }
/*---------- Links Portfolio Secundario -----------*/
ol { margin: 0 auto; margin-left: -60px;  padding-top: 10px; width: 170px; list-style: none; line-height:5px;/* Width of Menu Items */ }
ol li { position: relative; text-align: right; }
/* Styles for Menu Items */
ol li a { display: block; text-decoration: none; color: #FFF; padding: 0; font-size:100%; font-family:"Trebuchet MS"; }
ol li a:hover { color: #9b3d4b;  }