/*  
Version: 1
Author: Alzira Fragoso
Author URI: http://www.alzirafragoso.com.br/
*/

/* ///////////////////////////////////////////////////////////////////// 
//  Reset
/////////////////////////////////////////////////////////////////////*/

*, html, body, div, span, object,
h1, h2, h3, h4, h5, h6, p,
a, abbr, acronym, address, big, cite,
del, dfn, em, font, img, ins, s, samp,
small, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline:none;
}

h1, h2, h3, h4, h5, h6 {	
	clear: both;
}
ul {
	list-style: none;
}

/* //////////////////////////////////////////////////////////////////////
// General Layout 
//////////////////////////////////////////////////////////////////////*/

html, body {
	color: #363636;
	font-family: Arial,Helvetica,Tahoma,sans-serif;
	font-size:12px;
	font-style: normal;	
}

body{
	background:url(../imgs/site_bg.png) repeat-x top #d7b390;
}

#main{
	margin:30px auto 0;
	padding:0 0 20px 0;
	width: 880px;
}
#header,#content,#footer{ clear:both;}

.center{ text-align:center; overflow:hidden;}

/*////////////////////////////////////////////////////////////////////////
// Header
///////////////////////////////////////////////////////////////////////*/

#header{ background: url(../imgs/menu_bg.png) top repeat-x #000; width:100%; height:45px;}

/*//////////////////////////////////////////////////////////////////// 
// Nav
////////////////////////////////////////////////////////////////////*/

#menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
	font-weight:bold;
	z-index:200;
}
#menu ul li {
    display: block;
    position: relative;
    float: left;
	background: url(../imgs/menu_separator.png) #2a2a2a;
}
#menu ul li a {
    display: block;
    text-decoration: none;
    color: #fff;
    margin-right: 1px;
    white-space: nowrap;
	line-height: 45px;
	padding:0 20px;
	background:url(../imgs/menu_bg.png) top repeat-x #000;
}
#menu ul li a:hover, #menu ul li a.selected  {
	background: url(../imgs/menu_hover.png) top repeat-x #6A4A2A;
}
#menu li ul {
    display: none;
}
#menu li:hover ul {
    display: block;
    position: absolute;
	background:#522d0c;
	z-index:200;
}
#menu li:hover li {
    float: none;
	background: #6a451e;
}
#menu li:hover li:hover{
    background-color: #fee8d1;
	color: #000;
}
#menu li:hover li a{
	margin-right:0;
	margin-top:1px;
	line-height:25px;
	padding:7px 0 7px 25px;
	width:190px;
	background: url(../imgs/li.png)  no-repeat 10px 15px;
}
#menu li:hover li a.first{
	margin-top:0;
}
#menu li:hover li a:hover, #menu li:hover li a.selected  {
    background-color: #fee8d1;
	color: #000;
}
#menu li:hover a { 	background: url(../imgs/menu_hover.png) top repeat-x #6A4A2A; }

/*//////////////////////////////////////////////////////////////////// 
// Content
////////////////////////////////////////////////////////////////////*/
#content{ background:#fff; overflow:hidden; width:100%; margin-top:5px;}
#content.home{
	height:520px;
}
#content.page{
	padding:20px;
	width:840px;
}
#content h1{color:#5E3612; font-size:24px; border-bottom:1px solid #e1e1e1; padding:0 0 10px; margin:0 0 10px 0;}
#content h2{color:#5E3612; font-size:20px; padding:10px 0;}
#content h3{color:#5E3612; font-size:16px; padding:10px 0;}
#content p{padding:5px 0; line-height:1.5em;}
#content a, #content a:hover, #content a:link, #content a:visited{padding:5px 0; line-height:1.5em; color:#5E3612;}

/*//////////////////////////////////////////////////////////////////// 
// Works
////////////////////////////////////////////////////////////////////*/

#content.portfolio{ width:860px; padding:10px;}

#content li.works{
	display:inline;
	float: left;
	margin: 10px;
	width:195px;
	height:148px;
}

#content li.works a{
	margin:0;
	padding:0;
	overflow:hidden;
	line-height:inherit;
	display:block;
}

#content li.works a:hover{
   opacity: .90;
   -moz-opacity: .90;
   filter:alpha(opacity=90);
}

#content li.works a img{
	width:189px;
	height:142px;
	border:3px solid #ccc;
}

#content li.works a:hover img{
}


/*//////////////////////////////////////////////////////////////////// 
// Footer
////////////////////////////////////////////////////////////////////*/

#footer{ width:100%; overflow:hidden;}
#footer a, #footer a:visited, #footer a:link {float:right; color:#5e3612; text-decoration:none; padding:10px 0;}
#footer a:hover {text-decoration:underline;}

/*//////////////////////////////////////////////////////////////////// 
// Contato
////////////////////////////////////////////////////////////////////*/