* {margin:0;padding:0}

html,body{
	margin:0;
	padding:0;
	overflow:auto;
	}

body{
	height:100%;
	margin:0; 
	background-color: #B2AC9A;
	color:#FFFFFF;
	font-family:   Calibri, Arial, Trebuchet, "Trebuchet MS", Calibri, Arial, sans-serif;
	font-size:16px;
	}

#header{
	position:absolute;
	top:-10px;
	left:0px;
	right:0px;
	height:13px;
	overflow:hidden;
	background:#B2AC9A url('../images/assets/bg_menu.gif') repeat-x top left;
}

#content{

	background:#B2AC9A;
	position:absolute;
	left:0px;
	right:0px;
	top:0px;
	bottom:0px;
	border-top:#D3CFC0 1px solid;
	overflow:hidden;
	
}

#footer{
	position:absolute;
	bottom:0px;
	left:0px;
	right:0px;
	height:100px;
	background:/*#ABA494  #B0A998*/ #B2AC9A url('../images/assets/bg_menu.gif') repeat-x top left;
	overflow:hidden;
	border-top:0px solid #ABA594;
	border-bottom:1px solid #D3CFC0
}



h1 {font-size:32px}
h1, h2,h3 {
	font-family:  Arial, Calibri, Trebuchet, "Trebuchet MS",  GillSans, "Gill Sans", "Gill Sans MT", "Century Gothic", sans-serif;
	font-weight:normal;margin-bottom:18px;}
a, a:active, a:visited {
	text-decoration:none;
	color:#37362E;}
a:hover {
	text-decoration:none;
	color:#FFF;}
img  {
	border:none;}
small {font-size:12px;}
/*__________________________ MENU */
#menu {
	width:100%;
	height:100px;
	font-size:14px;
	font-family:  Calibri, Trebuchet, "Trebuchet MS", GillSans, "Gill Sans", "Gill Sans MT", "Century Gothic", sans-serif;
	}
#logo {
	float:left;	
	width:170px;
	height:60px;}
#inner {
	width:170px;
	height:59px;
	margin-top:27px;
	border-right:0px dotted #D3CFC0;
	display:block;}
#nav {
	float:left;	
	margin-top:48px;
	color:#31302C;
		background-color: #B2AC9A;
	}
#nav ul {
	list-style:none;}
#nav li {
	display:inline;
	
	height:20px;}
#nav li a {
	text-decoration:none;
	color: #FFFFF3;
	padding:5px 10px 3px 10px;
	text-shadow: 0px 0px 1px #37362E;
	border:1px solid #B2AC9A;
	font-weight:bold}
#nav li a:hover {
	text-decoration:none;
	color:#37362E;
	text-shadow: 0px 1px 1px #FFF;}
.thin {color: #BFBEAF;}

body#home a#homenav,
body#projectso a#projectsnav,
body#detailso a#detailsnav,
body#processo a#processnav,
body#clientso a#clientsnav,
body#thingso a#thingsnav,
body#abouto a#aboutnav,
body#diary a#diarynav,
body#contacto a#contactnav {
	color: #31302C /*#37362E*/;
	background-color:#FFF7F9;
	border:1px solid #999;
	text-shadow: 0px 1px 1px rgba(0,0,0,0.2);
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-box-shadow: inset 0 0 1px rgba(0,0,0,0.5);
	-webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0.5);
	}
	

	
#contact {
	margin:120px 0 0 180px;
	text-shadow: 0px 0px 1px #37362E;
	height:300px}
	
#contact a {
	text-shadow: 0px 0px 1px #FFF;
	}
#contact a:hover {
	text-shadow: 0px 0px 1px #37362E;
	}

#contact p {
font-size:19px;
margin-bottom:36px;}

.shadow {
	
	-webkit-box-shadow: 0 0 28px rgba(0,0,0,0.25);
-moz-box-shadow: 0 0 28px rgba(0,0,0,0.25);
box-shadow: 0 0 28px rgba(0,0,0,0.25);
}

.border {
		border-top:1px solid #c6c6c6;
	border-right:1px solid #c6c6c6;
}


.process3d {
	margin:0 0 0 0;
	}
	
/*a.group1 {
	background: url(../images/process/process-01.jpg);
	width:350px;
	height:450px;
	display:block;
	text-indent:-9999px;

}

a.group1:hover {
	background: url(../images/process/process-01-hover.jpg);
	width:350px;
	height:450px;
	display:block
}
*/

