html, body { height: 98%; padding:0; letter-spacing:0; margin:0 0 10px 0;}
#works_wrapper{ width:100%; min-height:98%; } 
* html #nave_wrapper { height:100% }

#top_wrapper{ width:100%; background-color:#FFF; position:fixed; left:0; top:0; z-index:5; padding:15px 0 10px 0; } 

img#bg {
position:absolute;
top:0;
left:0;
width:100%;
z-index:1
/*height:100%;*/
}

img{border:0;}
a{color:#A2A2A2;text-decoration:underline;}
a:hover{color:#A2A2A2;text-decoration:none;}

#nave_wrapper{
	width:200px;
	float:left;
	position:fixed;
	top: 185px;
	z-index:10;
	background-color:#FFF;
	min-height:150%;
	
}
p{margin:0;padding:0;}
#footer{
width:100%;
float:left;
color:#A2A2A2;
font-size:10px;
font-family:Arial, Helvetica, sans-serif;
position:relative;
top:380px;
height:18px;
background-color:#FFF;
z-index:30;



}

#footer a{

color:#A2A2A2;
font-size:10px;
font-family:Arial, Helvetica, sans-serif;




}

#footer a:hover{
text-decoration:none;
color:#A2A2A2;
font-size:10px;
font-family:Arial, Helvetica, sans-serif;
text-decoration:line-through;




}



.menu a{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#A2A2A2;
text-decoration:none;
padding-bottom:4px;
font-weight:700;
padding:4px;
background-color:#FFF;

}


.menu_active{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#A2A2A2;
text-decoration:line-through;
font-weight:700;
padding:4px;
background-color:#FFF;

}

.menu a:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#A2A2A2;
text-decoration:line-through;
font-weight:700;
background-color:#FFF;

}
#logo{
width:200px;
height:68px;
padding-right:50px;
float:left;
}
.clear{
clear:both;
}
.work_title{
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
float:left;
font-weight:700;
color:#A2A2A2;
width:170px;
overflow:hidden;
padding-right:25px;

}
.text_detail{
font-family:Arial, Helvetica, sans-serif;
width:200px;
overflow:hidden;
font-size:11px;
float:left;
color:#A2A2A2;
padding-right:2px;
padding:1px;

}
#text_detail_atelier{
font-family:Arial, Helvetica, sans-serif;
width:390px;
height:500px;
position:fixed;
font-size:11px;
float:left;
color:#A2A2A2;
left:220px;
top: 110px;
padding:10px;

z-index:15;
background-color:#fff;


}
.white{
background-color:#FFFFFF;
}

#thumbs{
float:right;
border:0;
/*width:277px;
*/
}


.imagem_thumbs{
float:left;
padding:3px;
width:40px;
height:40px;
display:block;



}

.imagem_thumbs a {
display:block;
float:left;


}
.imagem_thumbs a:hover {
float:left;
display:block;

}
#title_nave{
margin-top:20px;
width:150px;
margin-bottom:10px;
padding-top:2px;
padding-left:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#A2A2A2;
cursor:default;
background-color:#FFFFFF;

}

.nave_works a{
/*width:250px;*/
padding:1px 1px 1px 14px;;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#A2A2A2;
text-decoration:none;
background-color:#FFFFFF;
/*text-transform:lowercase;*/

}

.nave_works a:hover{
font-size:11px;
color:#A2A2A2;
text-decoration:line-through;

background-color:#FFF;
padding:1px 1px 1px 14px;
}

.nave_works_active{

padding:1px 1px 1px 14px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#A2A2A2;
text-decoration:line-through;
display:block;
background-color:#FFF;
/*text-transform:lowercase;*/
}

#novos_projectos{
	width:200px;
	float:left;
	margin-top:20px;
	position:fixed;
	top: 90px;
	z-index:10;
	background-color:#FFF;
	
	
}