/*--------CSS RESET--------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
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: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
:focus { outline: 0; }
body { line-height: 1; font:13px "Lucida Sans Unicode", "Lucida Grande", sans-serif; }
ol, ul { list-style: none; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after,q:before, q:after {	content: ""; }
blockquote, q {	quotes: "" ""; }
hr{ display:none; }

/*--------GERAL--------*/

body{ background:url(../images/bg.png) repeat;}

#geral{
	width:995px;
}

#bg-logo{ background:url(../images/bg-logo.png) no-repeat; width:397px; height:299px;}

h1 a{
	display:block;
	background:url(../images/logo.png) no-repeat; 
	width:185px; 
	height:109px;
	text-indent: -9999px;
	overflow:hidden;
	margin:-250px 0 100px 25px;
}

/*--------MENU--------*/

#cabecalho ul li a{
	font-size:18px;
	text-transform:uppercase;
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
	font-family:Verdana, Geneva, sans-serif;
}

#cabecalho ul li a:hover{
	color:#392b0b;
	background-position:0px -36px;
}

#navigation li a{display:block;}

#nav{
	width:220px;
	height:180px;
	position:absolute;
	z-index:1000;
}

.home {
	background:url(../images/btn-home.png) no-repeat;
	width:221px;
	height:36px;
	text-indent: -9999px;
	overflow:hidden;
}
.bio {
	background:url(../images/btn-bio.png) no-repeat;
	width:221px;
	height:36px;
	text-indent: -9999px;
	overflow:hidden;
}
.portfolio {
	background:url(../images/btn-portfolio.png) no-repeat;
	width:221px;
	height:36px;
	text-indent: -9999px;
	overflow:hidden;
}
.cases {
	background:url(../images/btn-cases.png) no-repeat;
	width:221px;
	height:36px;
	text-indent: -9999px;
	overflow:hidden;
}
.contato {
	background:url(../images/btn-contato.png) no-repeat;
	width:221px;
	height:36px;
	text-indent: -9999px;
	overflow:hidden;
}

/*--------CONTEUDO--------*/

p.destaque{
	background:url(../images/descricao.png) no-repeat;
	width:636px;
	height:98px;
	text-indent: -9999px;
	overflow:hidden;
	font:50px Arial, Helvetica, sans-serif;
	position:absolute;
	top:130px;
	left:300px;
}

#conheca a{
	display:block;
	background:url(../images/btn_conheca.png) no-repeat;
	width:221px;
	height:36px;
	text-indent: -9999px;
	overflow:hidden;
	position:absolute;
	top:167px;
	left:710px;
}
#conheca a:hover{ background-position:bottom; }

#twitter a{
	display:block;
	background:url(../images/twitter.png) no-repeat bottom;
	width:41px;
	height:42px;
	text-indent: -9999px;
	overflow:hidden;
	position:absolute;
	margin:15px 0 0 650px;
	z-index:998;
}

#twitter a:hover{ background-position:top; }

#deviantart a{
	display:block;
	background:url(../images/deviantart.png) no-repeat bottom;
	width:41px;
	height:42px;
	text-indent: -9999px;
	overflow:hidden;
	position:absolute;
	margin:235px 0 0 115px;
	z-index:997;
}

#deviantart a:hover{ background-position:top; }

#flickr a{
	display:block;
	background:url(../images/flickr.png) no-repeat bottom;
	width:41px;
	height:42px;
	text-indent: -9999px;
	overflow:hidden;
	position:absolute;
	margin:45px 0 0 340px;
	z-index:1001;
}

#flickr a:hover{ background-position:top; }

#facebook a{
	display:block;
	background:url(../images/facebook.png) no-repeat bottom;
	width:41px;
	height:42px;
	text-indent: -9999px;
	overflow:hidden;
	position:absolute;
	margin:445px 0 0 900px;
	z-index:996;
}

#facebook a:hover{ background-position:top; }

#behance a{
	display:block;
	background:url(../images/behance.png) no-repeat bottom;
	width:41px;
	height:42px;
	text-indent: -9999px;
	overflow:hidden;
	position:absolute;
	margin:268px 0 0 747px;
}

#behance a:hover{ background-position:top; }

#slider-bk{
	background:url(../images/background-destaque.png) no-repeat;
	height:460px;
	margin:120px 0 0 -10px;
	z-index:1;
}

#content{
	width:300px;
	height:500px;
	position:absolute;
	z-index:999;
	top:90px;
	left:200px;
}

#conteudo_fix{
	width:860px;
	height:450px;
	position:absolute;
	top:680px;
	left:135px;
	z-index:990;
}

.projeto{
	width:160px;
	float:left;
	margin:0px 30px 0 20px;
}

.projeto a{
	font:14px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#244539;
	font-weight:bold;
	font-style:italic;
	text-decoration:none;
	margin:20px 0;
}

.projeto a:hover{
	text-decoration:underline;
}

#notav{
	background:url(../images/caso-notav.png) no-repeat;
	display:block;
	width:156px;
	height:156px;
	text-indent: -9999px;
	overflow:hidden;
}

#notav:hover{
	background-position:bottom;
}

#be_creative{
	background:url(../images/caso-becreative.png) no-repeat;
	display:block;
	width:156px;
	height:156px;
	text-indent: -9999px;
	overflow:hidden;
}

#be_creative:hover{
	background-position:bottom;
}

#store{
	background:url(../images/caso-storesystem.png) no-repeat;
	display:block;
	width:156px;
	height:156px;
	text-indent: -9999px;
	overflow:hidden;
}

#store:hover{
	background-position:bottom;
}

#yeppie-titulo{
	background:url(../images/caso-yeppie.png) no-repeat;
	display:block;
	width:156px;
	height:156px;
	text-indent: -9999px;
	overflow:hidden;
}

#yeppie-titulo:hover{
	background-position:bottom;
}

.info{
	font:10px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#244539;
	text-decoration:none;
}

.estudos a{
	background:url(../images/estudos.png) no-repeat;
	display:block;
	width:198px;
	height:37px;
	text-indent: -9999px;
	overflow:hidden;
	margin:80px 0 0 15px;
}

.estudos a:hover{
	background-position:bottom;
}
.projeto p{
	font:10px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#161918;
	font-style:italic;
	text-decoration:none;
	margin:5px 0;
}

/*--------RODAPE--------*/

#rodape1{
	background:url(../images/rodape.png) repeat-x;
	height:16px;
	margin-top:430px;
}

#rodape2{
	background:url(../images/rodape.png) repeat-x;
	height:16px;
	margin-top:750px;
}

#rodape3{
	background:url(../images/rodape.png) repeat-x;
	height:16px;
	margin-top:1130px;
}

#rodape4{
	background:url(../images/rodape.png) repeat-x;
	height:16px;
	margin-top:300px;
}

#rodape5{
	background:url(../images/rodape.png) repeat-x;
	height:16px;
	margin-top:450px;
}

#rodape6{
	background:url(../images/rodape.png) repeat-x;
	height:16px;
	margin-top:450px;
}

#rodape7{
	background:url(../images/rodape.png) repeat-x;
	height:16px;
	margin-top:260px;
}

#rodape8{
	background:url(../images/rodape.png) repeat-x;
	height:16px;
	margin-top:1600px;
}

#rodape9{
	background:url(../images/rodape.png) repeat-x;
	height:16px;
	margin-top:140px;
}

#rodape10{
	background:url(../images/rodape.png) repeat-x;
	height:16px;
	margin-top:190px;
}

#rodape11{
	background:url(../images/rodape.png) repeat-x;
	height:16px;
	margin-top:530px;
}

/*--------SLIDER--------*/

.ilustracoes a{
	background:url(../images/ilustracoes.png) no-repeat;
	width:150px;
	height:40px;
	display:block;
	text-indent: -9999px;
	overflow:hidden;
}

.ilustracoes a:hover{
	background-position:bottom;
}

.cross a{
	background:url(../images/cross.png) no-repeat;
	width:150px;
	height:40px;
	display:block;
	text-indent: -9999px;
	overflow:hidden;
}

.cross a:hover{
	background-position:bottom;
}

.logotipos a{
	background:url(../images/logotipos.png) no-repeat;
	width:150px;
	height:40px;
	display:block;
	text-indent: -9999px;
	overflow:hidden;
}

.logotipos a:hover{
	background-position:bottom;
}

.midia a{
	background:url(../images/midia.png) no-repeat;
	width:199px;
	height:40px;
	display:block;
	text-indent: -9999px;
	overflow:hidden;
}

.midia a:hover{
	background-position:bottom;
}

.websites a{
	background:url(../images/websites.png) no-repeat;
	width:150px;
	height:40px;
	display:block;
	text-indent: -9999px;
	overflow:hidden;
}

.websites a:hover{
	background-position:bottom;
}

a.mais{
	background:url(../images/veja_mais.png) no-repeat;
	width:159px;
	height:40px;
	display:block;
	text-indent: -9999px;
	overflow:hidden;
	margin:20px 0 0 0;
}

#content{
	margin:120px 0 0 140px;
}
img{border:none;}
#slider ul, #slider li,
#slider2 ul, #slider2 li{
	margin:0;
	padding:0;
	list-style:none;
	}
#slider2{margin-top:1em;}
#slider li, #slider2 li{ 
	width:630px;
	height:250px;
	overflow:hidden; 
	}	
ol#controls{
	margin:1em 0;
	padding:0;
	height:28px;	
	}
ol#controls li{
	margin:0 10px 0 0; 
	padding:0;
	float:left;
	list-style:none;
	height:28px;
	line-height:28px;
	}
ol#controls li a{
	font:15px Arial, Helvetica, sans-serif;
	font-weight:bold;
	float:left;
	height:26px;
	line-height:26px;
	background:url(../images/bg-slider.png) no-repeat;
	color:#fff;
	padding:0 9px;
	text-decoration:none;
	}
ol#controls li.current a{
	background: url(../images/bg-slider-active.png) no-repeat;
	color:#fff;
	}
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}

.slider-paragrafo{
	font:15px Georgia, Cambria, "“Times New Roman”", Times, serif;
	color:#244539;
	line-height:20px;
	margin:-200px 0 0 260px;
	width:350px;
}

#slider{
	margin:165px 0 0 0;
}

/*--------CONTATO--------*/

element.style {
	display:block;
}

span.tel {
	color:#4F5254;
	display:block;
	font-family:arial,sans-serif;
	font-size:88px;
	font-style:normal;
	font-weight:bold;
	padding-bottom:6px;
	margin:-5px 100px -10px 0;
}

span.tel span {
	color:#BBBBBB;
	font-family:georgia;
	font-size:18px;
	padding:0 4px;
}

#contact-flash p {
	text-align:center;
}

#contact-flash a#close {
	background:transparent url(../images/bg-contact-close.png) no-repeat scroll 0 0;
	display:block;
	height:24px;
	position:absolute;
	right:75px;
	text-indent:-99999px;
	top:0;
	width:24px;
}

#contact-flash {
	font-size:13px;
	font-weight:bold;
	font-style:italic;
	background:transparent url(../images/bg-contato.png) no-repeat scroll 0 0;
	height:150px;
	left:165px;
	padding:20px 20px 18px 56px;
	position:absolute;
	top:372px;
	width:605px;
	z-index:1000;
	display:none;
}

.texto{
	margin:0 0 0 40px;
	color:#5ca588;
}

.texto a{
	text-decoration:none;
	color:#356a55;
}

.texto a:hover{
	text-decoration:underline;
}

/*--------BIO--------*/

#destaque_bio{
	background:url(../images/metamorfose.png) no-repeat;
	height:100px;
	width:456px;
	text-indent: -9999px;
	overflow:hidden;
	font:50px Arial, Helvetica, sans-serif;
	position:absolute;
	top:100px;
	left:280px;
}

#assinatura{
	background:url(../images/raul-seixas.png) no-repeat;
	height:30px;
	width:127px;
	text-indent: -9999px;
	overflow:hidden;
	font:50px Arial, Helvetica, sans-serif;
	position:absolute;
	top:210px;
	left:282px;
}

#raulzito{
	position:absolute;
	top:100px;
	left:760px;
}

/*--------REDES SOCIAIS--------*/

#redes-sociais{
	position:absolute;
	top:25px;
	left:700px;
}
#redes-twitter{
	display:block;
	width:31px;
	height:30px;
	background:url(../images/redes-twitter.png) no-repeat;
	text-indent: -9999px;
	overflow:hidden;
	position:absolute;
	top:10px;
	left:15px;
}
#redes-twitter:hover{ background-position:bottom; }
#redes-flickr{
	display:block;
	width:31px;
	height:30px;
	background:url(../images/redes-flickr.png) no-repeat;
	text-indent: -9999px;
	overflow:hidden;
	position:absolute;
	top:10px;
	left:57px;
}
#redes-flickr:hover{ background-position:bottom; }
#redes-facebook{
	display:block;
	width:31px;
	height:30px;
	background:url(../images/redes-facebook.png) no-repeat;
	text-indent: -9999px;
	overflow:hidden;
	position:absolute;
	top:10px;
	left:102px;
}
#redes-facebook:hover{ background-position:bottom; }
#redes-behance{
	display:block;
	width:31px;
	height:30px;
	background:url(../images/redes-behance.png) no-repeat;
	text-indent: -9999px;
	overflow:hidden;
	position:absolute;
	top:10px;
	left:145px;
}
#redes-behance:hover{ background-position:bottom; }
#redes-deviantart{
	display:block;
	width:31px;
	height:30px;
	background:url(../images/redes-deviantart.png) no-repeat;
	text-indent: -9999px;
	overflow:hidden;
	position:absolute;
	top:10px;
	left:188px;
}
#redes-deviantart:hover{ background-position:bottom; }

/*--------COLUNAS--------*/

#coluna1, #coluna2{
	width:251px;
	padding:8px 100px 8px 8px;
	float:left;
	color:#161918;
}

#colunas_fix{
	position:absolute;
	left:280px;
}

h3{
	text-transform:uppercase;
	font-weight:bold;
	color:#19392d;
	font-size:14px;
	letter-spacing:1px;
	padding:10px 0 0 0;
}

#coluna1 p, #coluna2 p{
	color:#161918;
	padding:10px 0 10px 0;
	line-height:18px;
}

#coluna1 p a, #coluna2 a{
	text-decoration:none;
	color:#19392d;
	font-weight:bold;
}

#frase{
	background:url(../images/engenheiro.png) no-repeat;
	width:320px;
	height:134px;
	text-indent: -9999px;
	overflow:hidden;
	margin:10px 0 0 0;
}

#curriculo{
	display:block;
	background:url(../images/curriculo.png) no-repeat;
	width:260px;
	height:39px;
	text-indent: -9999px;
	overflow:hidden;
	margin:20px 0;
}
#curriculo:hover{ background-position:bottom; }

#outras{
	background:url(../images/bg-outras-infos.png) no-repeat;
	padding:20px;
	width:220px;
	height:300px;
	position:absolute;
	left:20px;
	top:470px;
	color:#3c7961;
	line-height:20px;
	font-style:italic;
	font-size:12px;
}

#outras a{
	display:block;
	text-decoration:none;
	color:#161918;
	font-weight:bold;
	font-style:normal;
}

#outras a:hover{
	color:#096;
	text-decoration:underline;
}


/*--------CURRICULO--------*/

#curriculo_titulo{
	background:url(../images/tt-curriculo.png) no-repeat;
	width:724px;
	height:114px;
	text-indent: -9999px;
	overflow:hidden;
	position:absolute;
	top:100px;
	left:260px;
}

#caiocardoso{
	background:url(../images/caiocardoso.png) no-repeat;
	width:439px;
	height:44px;
	text-indent: -9999px;
	overflow:hidden;
	position:absolute;
	top:250px;
	left:300px;
}

#estudante{
	font:14px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-weight:bold;
	font-style:italic;
	color:#392b0b;
	position:absolute;
	left:520px;
	top:300px;
}

#baixar{
	display:block;
	background:url(../images/baixar.png) no-repeat;
	width:159px;
	height:39px;
	text-indent:-9999px;
	overflow:hidden;
	position:absolute;
	top:240px;
	left:780px;
}
#baixar:hover{ background-position:bottom; }

#email{
	font:14px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-weight:bold;
	text-decoration:none;
	color:#358466;
	position:absolute;
	top:285px;
	left:775px;
}
#email:hover{ text-decoration:underline; }
#telefone{
	font:14px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-weight:bold;
	color:#FFF;
	position:absolute;
	top:305px;
	left:780px;
}

#formacao{
	border-top:solid 1px #78bba2;
	border-bottom:solid 1px #78bba2;
	margin:20px 0 0 0;
	padding:15px 20px 15px 200px;
	width:505px;
	position:absolute;
	top:320px;
	left:260px;
}

#formacao .formacao{
	display:block;
	background:url(../images/formacao.png) no-repeat;
	width:121px;
	height:29px;
	text-indent:-9999px;
	overflow:hidden;
	position:absolute;
	left:5px;
	top:85px;
}

.info3{
	background:url(../images/bg-curriculo.png) no-repeat;
	width:605px;
	height:176px;
	margin:0 0 0 -75px;
}

.info3 p{
	width:540px;
	padding:15px 0 0 40px;
}

.info4{
	background:url(../images/bg-curriculo2.png) no-repeat;
	width:605px;
	height:176px;
	margin:0 0 0 -205px;
}
#habilidades{
	border-top:solid 1px #78bba2;
	border-bottom:solid 1px #78bba2;
	margin:20px 0 0 0;
	padding:15px 20px 15px 200px;
	width:505px;
	position:absolute;
	top:527px;
	left:260px;
}

#habilidades .habilidades{
	display:block;
	background:url(../images/habilidades.png) no-repeat;
	width:140px;
	height:29px;
	text-indent:-9999px;
	overflow:hidden;
	position:absolute;
	left:595px;
	top:90px;
}

.habilidades-coluna{
	width:150px;
	float:left;
	padding:35px 10px 0 25px;
}

.habilidades-coluna h5{
	font:14px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-weight:bold;
	font-style:italic;
	color:#392b0b;
}

.habilidades-coluna p{
	font:13px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	padding:20px 0 20px 0;
}

#tecnico{
	border-top:solid 1px #78bba2;
	border-bottom:solid 1px #78bba2;
	margin:20px 0 0 0;
	padding:15px 20px 15px 200px;
	width:505px;
	position:absolute;
	top:734px;
	left:260px;
}

#tecnico .tecnico{
	display:block;
	background:url(../images/tecnico.png) no-repeat;
	width:140px;
	height:29px;
	text-indent:-9999px;
	overflow:hidden;
	position:absolute;
	left:5px;
	top:85px;
}

.linha{
	border-bottom:solid 1px #cde6dd;
	padding:10px 0 10px 10px;
	margin:0 0 0 50px;
}

.linha span{
	background:#e9f6f1;
	padding:0 20px 0 20px;
	margin:0 6px 0 0;
}

#info-ajuste{
	padding:8px 0 0 0;
}

#experiencia{
	border-top:solid 1px #78bba2;
	border-bottom:solid 1px #78bba2;
	margin:20px 0 0 0;
	padding:15px 20px 15px 200px;
	width:505px;
	position:absolute;
	top:941px;
	left:260px;
}

#experiencia .experiencia{
	display:block;
	background:url(../images/experiencia.png) no-repeat;
	width:140px;
	height:29px;
	text-indent:-9999px;
	overflow:hidden;
	position:absolute;
	left:595px;
	top:90px;
}

.experiencia-coluna{
	width:260px;
	float:left;
	padding:30px 10px 0 25px;
}

.experiencia-coluna h5{
	font:20px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-weight:bold;
	font-style:italic;
	color:#392b0b;
}

.experiencia-coluna span{
	font:10px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-weight:bold;
	font-style:italic;
	color:#392b0b;
}

.experiencia-coluna p{
	font:13px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	padding:20px 0 20px 0;
}

#contato{
	background:url(../images/bg-curriculo-contato.png) no-repeat;
	height:34px;
	padding:10px 0 10px 20px;
	margin:10px 0 0 0;
	width:440px;
	position:absolute;
	top:1180px;
	left:500px;
}

#contato p{
	color:#392b0b;
	font-weight:bold;
	font-style:italic;
}

#contato a{
	color:#392b0b;
	text-decoration:none;
}

#contato a:hover{
	text-decoration:underline;
}

/*--------CASES--------*/

.conteudo_fix2{
	margin:0 0 0 280px;
}

#cases_titulo{
	background:url(../images/tt-cases.png) no-repeat;
	width:678px;
	height:93px;
	text-indent: -9999px;
	overflow:hidden;
	margin:-60px 0 0 30px;
}

#estudos-bg{
	border-bottom:solid 1px #78bba2;
	padding:0 0 20px 0;
	margin:0 0 0 30px;
	width:675px;
}

#estudos{
	width:350px;
	color:#244539;
	font-weight:bold;
	font-style:italic;
	text-align:right;
	margin:20px 0 0 320px;
}

#estudos-de-caso{
	margin:-50px 0 0 20px;
}

.ultimos-estudos a{
	background:url(../images/ultimos-estudos.png) no-repeat;
	display:block;
	width:298px;
	height:37px;
	text-indent: -9999px;
	overflow:hidden;
	margin:80px 0 0 15px;
}

.ultimos-estudos a:hover{
	background-position:bottom;
}

.projeto_fix{
	width:160px;
	float:left;
	margin:0px 4px 0 4px;
}

#ultimo-caso{
	background:url(../images/caso-destaque.png) no-repeat;
	width:680px;
	height:55px;
	clear:both;
	margin:0 0 0 5px;
}

#subtitulo-cases{
	font:16px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-style:italic;
	color:#234438;
	margin:10px 0 0 0;
}

#destaque-cases{
	font:16px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-style:italic;
	font-weight:bold;
	color:#234438;
	width:400px;
	margin:20px 0 20px 0;
}

/*--------CASE NOTAV--------*/

#cases-notav{
	background:url(../images/tt-notav.png) no-repeat;
	width:307px;
	height:67px;
	text-indent: -9999px;
	overflow:hidden;
	margin:-20px 0 0 0;
}

#notav-paragrafo{
	width:350px;
	line-height:18px;
}

#notav-imagem{
	float:left;
	margin:-280px 0 0 400px;
}

.notav{
	padding:20px;
	clear:both;
}

.notav img{
	float:left;
	margin:0 0 20px -20px;
}

.notav p{
	width:330px;
	float:left;
	margin:10px 0 0 40px;
}

#identidade, #website, #pecas, #material{
	display:block;
	width:180px;
	height:30px;
	text-indent:-9999px;
	overflow:hidden;
	float:left;
}
#identidade{ background:url(../images/cases-tt-identidade.png) no-repeat; margin:0 0 0 36px; }
#website{ background:url(../images/cases-tt-website.png) no-repeat; margin:0 0 -5px 36px; }
#pecas{ background:url(../images/cases-tt-pecas.png) no-repeat; margin:0 0 -15px 36px; }
#material{ background:url(../images/cases-tt-material.png) no-repeat; margin:0 0 0 36px; }
#notav-link{
	display:block;
	background:url(../images/notav-link.png) no-repeat;
	width:276px;
	height:38px;
	text-indent:-9999px;
	overflow:hidden;
	position:absolute;
	margin:300px 0 0 330px;
}
#notav-link:hover{ background-position:bottom; }

#linha{
	background:url(../images/linha.png) no-repeat;
	height:6px;
	margin:0 0 30px 0;
}

#desenho{
	background:url(../images/desenho.png) no-repeat;
	width:247px;
	height:926px;
	position:absolute;
	left:30px;
	top:470px;
}

/*--------CASE BE CREATIVE--------*/

#cases-becreative{
	background:url(../images/tt-becreative.png) no-repeat;
	width:360px;
	height:58px;
	text-indent: -9999px;
	overflow:hidden;
	margin:15px 0 0 0;
}

#be_creative-fix{
	margin:-218px 0 0 250px;
}

#linha2{
	background:url(../images/linha2.png) no-repeat;
	height:5px;
	margin:0 0 40px 250px;
}

#coluna3, #coluna4{
	width:320px;
	padding:8px 10px 8px 10px;
	float:left;
	color:#161918;
	line-height:18px;
}

#desafio-tt{
	background:url(../images/cases-tt-desafio.png) no-repeat;
	width:254px;
	height:53px;
	text-indent: -9999px;
	overflow:hidden;
	margin:-20px 0 0 0;
}

#be_creative-image-principal{
	float:left;
	margin:0 0 30px 20px;
}

#desafio-fix{
	width:230px;
	float:left;
}

#desafio-fix p{
	padding:20px 0 0 8px;
	line-height:18px;
}

#inspiracao-tt{
	background:url(../images/cases-tt-inspiracao.png) no-repeat;
	height:53px;
	text-indent: -9999px;
	overflow:hidden;
	margin:0 0 0 480px;
}

.linha3{
	background:url(../images/linha.png) no-repeat;
	height:6px;
	clear:both;
	margin:0 0 20px 0;
}

.be_creative-images{
	padding:10px 0 20px 0;
}

#be_creative-chamada img{
	display:block;
	border:#609682 3px solid;
	margin:-10px 0 0 0;
}

#be_creative-chamada img:hover{
	display:block;
	border:#3a6756 3px solid;
}

/*--------CASE STORE SYSTEM--------*/

#linha5{
	background:url(../images/linha.png) no-repeat;
	height:6px;
	margin:-100px 0 30px 0;
}

#destaque-cases_fix{
	font:16px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-style:italic;
	font-weight:bold;
	color:#234438;
	width:280px;
	margin:20px 0 20px 0;
}

#cases-store{
	background:url(../images/tt-store.png) no-repeat;
	width:483px;
	height:77px;
	text-indent: -9999px;
	overflow:hidden;
	margin:-20px 0 -10px 0;
}

#store-paragrafo{
	width:280px;
	line-height:18px;
	float:left;
	margin:0 0 20px 0;
}

#store-imagem{
	float:left;
	margin:-130px 0 30px 30px;
}

#brainstorming{
	background:url(../images/brainstorming.png) no-repeat;
	width:160px;
	height:20px;
	text-indent: -9999px;
	overflow:hidden;
}

#paragrafo-brainstorming{
	background:url(../images/cases-store6.png) no-repeat;
	width:540px;
	height:60px;
	text-indent: -9999px;
	overflow:hidden;
	margin:15px 0;
}

.store-box img{
	float:left;
	margin:0 10px 0 0;
	border:3px solid #7dc1a7;
}

.store-box img:hover{
	border:3px solid #49836d;
}

.store-box{
	clear:both;
	height:180px;
}

.store-box p{
	line-height:18px;
	width:300px;
	float:left;
	padding:5px 3px;
	margin:0 0 30px 0;
}

.store-box h3{
	width:160px;
	height:20px;
	text-indent: -9999px;
	overflow:hidden;
}
#simbologia{ background:url(../images/simbologia.png) no-repeat; }
#cores{ background:url(../images/cores.png) no-repeat; }
#tipografia{ background:url(../images/tipografia.png) no-repeat; }

#solucao{
	background:url(../images/solucao.png) no-repeat;
	width:160px;
	height:20px;
	text-indent: -9999px;
	overflow:hidden;
}

.solucao-p{
	width:320px;
	line-height:18px;
	float:left;
	padding:20px 20px 0 0;
}

#case-store5{
	background:url(../images/cases-store5.png) no-repeat;
	float:left;
	width:350px;
	height:202px;
	text-indent: -9999px;
	overflow:hidden;
}
#case-store5:hover{ background-position:bottom; }

/*--------CASE YEPPIE--------*/

#imagem-yeppie{
	float:left;
	margin:10px 0px 0 0;
}

#cases-yeppie{
	background:url(../images/tt-yeppie.png) no-repeat;
	width:249px;
	height:69px;
	text-indent: -9999px;
	overflow:hidden;
}

#destaque-cases-yeppie{
	font:16px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-style:italic;
	font-weight:bold;
	color:#234438;
	width:380px;
	margin:20px 0 20px 0;
	float:left;
}

#yeppie-paragrafo{
	width:380px;
	line-height:18px;
	float:left;
	margin:0 0 30px 0;
}

#nome-origem{
	padding:0 20px;
}

#nome-origem h3{
	background:url(../images/bois.png) no-repeat;
	width:231px;
	height:30px;
	text-indent: -9999px;
	overflow:hidden;
}

#nome-origem p{
	width:320px;
	line-height:18px;
	float:left;
	padding:10px 0 30px 0;
}

#nome-origem img{
	padding:140px 20px 0 20px;
	margin:-20px 0 0 0;
}

#coluna5, #coluna6{
	width:325px;
	padding:8px 30px 8px 0px;
	float:left;
	color:#161918;
	line-height:18px;
}

#coluna5 p, #coluna6 p{
	margin:0 0 0 30px;
	padding:15px 0 15px 0;
}

#coluna5 img, #coluna6 img{
	border:3px solid #7dc1a7;
}

#coluna5 img:hover, #coluna6 img:hover{
	border:3px solid #49836d;
}

#cores-tipografia{
	background:url(../images/cores-tipografia.png) no-repeat;
	width:231px;
	height:30px;
	text-indent: -9999px;
	overflow:hidden;
	margin:85px 0 5px 30px;
}

#nome-origem a{
	font-weight:bold;
	color:#265d49;
	text-decoration:none;
}

#nome-origem a:hover{
	text-decoration:underline;
}

#identidade-visual{
	background:url(../images/identidade.png) no-repeat;
	width:231px;
	height:30px;
	text-indent: -9999px;
	overflow:hidden;
	margin:-5px 0 -10px 20px;
}

#yeppie-site{
	display:block;
	background:url(../images/cases-yeppie6.png) no-repeat;
	width:333px;
	height:230px;
	text-indent: -9999px;
	overflow:hidden;
	border:3px solid #7dc1a7;
	margin:40px 15px 15px 15px;
}
#yeppie-site:hover{ background-position:bottom; border:3px solid #49836d;}

#yeppie-twitter{
	display:block;
	background:url(../images/cases-yeppie7.png) no-repeat;
	width:333px;
	height:230px;
	text-indent: -9999px;
	overflow:hidden;
	border:3px solid #7dc1a7;
	margin:15px;
}
#yeppie-twitter:hover{ background-position:bottom; border:3px solid #49836d;}

#coluna6 img{
	margin:60px 0 0 10px;
}

#comunicao{
	background:url(../images/comunicacao.png) no-repeat;
	width:320px;
	height:30px;
	text-indent: -9999px;
	overflow:hidden;
	margin:70px 0 -10px 30px;
}

#yeppie-desenho{
	background:url(../images/cases-yeppie8.png) no-repeat;
	float:left;
	width:280px;
	height:352px;
	text-indent: -9999px;
	overflow:hidden;
	margin:20px 0 0 40px;
}
#yeppie-desenho:hover{ background-position:bottom; }



/*--------MENU WEB--------*/

#menu-web{
	background:url(../images/menu-web.png) no-repeat;
	width:226px;
	height:174px;
	position:absolute;
}
#menu-web:hover{ background-position:bottom;}

#menu-web-active{
	background:url(../images/menu-web.png) no-repeat;
	background-position:bottom;
	width:226px;
	height:174px;
	position:absolute;
}

#menu-web a, #menu-web-active a{
	padding:2px 0 2px 25px;
	display:block;
	color:#392b0b;
	text-decoration:none;
}
#menu-web a:hover, #menu-web-active a:hover{ text-decoration:underline;}

#menu-web h2, #menu-web-active h2{
	display:block;
	background:url(../images/tt-web.png) no-repeat;
	width:184px;
	height:20px;
	float:left;
	text-indent: -9999px;
	overflow:hidden;
	margin:20px;
}
#menu-web h2:hover, #menu-web-active h2:hover{ background-position:bottom;}

/*--------MENU CROSS--------*/

#menu-cross{
	background:url(../images/menu-cross.png) no-repeat;
	width:226px;
	height:119px;
	position:absolute;
	margin:185px 0 0 0;
}
#menu-cross:hover{ background-position:bottom;}

#menu-cross-active{
	background:url(../images/menu-cross.png) no-repeat;
	background-position:bottom;
	width:226px;
	height:119px;
	position:absolute;
	margin:185px 0 0 0;
}

#menu-cross a, #menu-cross-active a{
	padding:2px 0 2px 25px;
	display:block;
	color:#392b0b;
	text-decoration:none;
}
#menu-cross a:hover, #menu-cross-active a:hover{ text-decoration:underline;}

#menu-cross h2, #menu-cross-active h2{
	display:block;
	background:url(../images/tt-cross.png) no-repeat;
	width:184px;
	height:20px;
	float:left;
	text-indent: -9999px;
	overflow:hidden;
	margin:20px;
}
#menu-cross h2:hover, #menu-cross-active h2:hover{ background-position:bottom;}

/*--------MENU ILUSTRACOES--------*/

#menu-ilustracoes{
	background:url(../images/menu-web.png) no-repeat;
	width:226px;
	height:174px;
	float:left;
	position:absolute;
	margin:0 0 0 235px;
}
#menu-ilustracoes:hover{ background-position:bottom;}

#menu-ilustracoes-active{
	background:url(../images/menu-web.png) no-repeat;
	background-position:bottom;
	width:226px;
	height:174px;
	float:left;
	position:absolute;
	margin:0 0 0 235px;
}

#menu-ilustracoes a, #menu-ilustracoes-active a{
	padding:2px 0 2px 25px;
	display:block;
	color:#392b0b;
	text-decoration:none;
}
#menu-ilustracoes a:hover, #menu-ilustracoes-active a:hover{ text-decoration:underline;}

#menu-ilustracoes h2, #menu-ilustracoes-active h2{
	display:block;
	background:url(../images/tt-ilustracoes.png) no-repeat;
	width:220px;
	height:25px;
	float:left;
	text-indent: -9999px;
	overflow:hidden;
	margin:20px;
}
#menu-ilustracoes h2:hover, #menu-ilustracoes-active h2:hover{ background-position:bottom;}

/*--------MENU MIDIA IMPRESSA--------*/

#menu-midia{
	background:url(../images/menu-cross.png) no-repeat;
	width:226px;
	height:119px;
	position:absolute;
	margin:185px 0 0 235px;
}
#menu-midia:hover{ background-position:bottom;}

#menu-midia-active{
	background:url(../images/menu-cross.png) no-repeat;
	background-position:bottom;
	width:226px;
	height:119px;
	position:absolute;
	margin:185px 0 0 235px;
}

#menu-midia a, #menu-midia-active a{
	padding:2px 0 2px 25px;
	display:block;
	color:#392b0b;
	text-decoration:none;
}
#menu-midia a:hover, #menu-midia-active a:hover{ text-decoration:underline;}

#menu-midia h2, #menu-midia-active h2{
	display:block;
	background:url(../images/tt-midia.png) no-repeat;
	width:220px;
	height:25px;
	float:left;
	text-indent: -9999px;
	overflow:hidden;
	margin:20px 0 5px 20px;
}
#menu-midia h2:hover, #menu-midia-active h2:hover{ background-position:bottom;}

/*--------MENU IDENTIDADE VISUAL--------*/

#menu-identidade{
	background:url(../images/menu-identidade.png) no-repeat;
	width:226px;
	height:302px;
	position:absolute;
	margin:0 0 0 470px;
}
#menu-identidade:hover{ background-position:bottom;}

#menu-identidade-active{
	background:url(../images/menu-identidade.png) no-repeat;
	background-position:bottom;
	width:226px;
	height:302px;
	position:absolute;
	margin:0 0 0 470px;
}

#menu-identidade a, #menu-identidade-active a{
	padding:2px 0 2px 25px;
	display:block;
	color:#392b0b;
	text-decoration:none;
}
#menu-identidade a:hover, #menu-identidade-active a:hover{ text-decoration:underline;}

#menu-identidade h2, #menu-identidade-active h2{
	display:block;
	background:url(../images/tt-identidade.png) no-repeat;
	width:184px;
	height:20px;
	float:left;
	text-indent: -9999px;
	overflow:hidden;
	margin:20px 0 5px 20px;
}
#menu-identidade h2:hover, #menu-identidade-active h2:hover{ background-position:bottom;}

/*--------PORTIFOLIO--------*/

#portifolio_titulo{
	background:url(../images/tt-portifolio.png) no-repeat;
	width:699px;
	height:120px;
	text-indent: -9999px;
	overflow:hidden;
	margin:-60px 0 0 0;
}

.linha4{
	background:url(../images/linha.png) no-repeat;
	height:6px;
	clear:both;
	margin:320px 0 20px -10px;
}

.trabalho{
	width:700px;
	padding:10px 0;
}

.trabalho h4{
	font:20px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-weight:bold;
	color:#397d62;
}

.trabalho p{
	width:200px;
	padding:10px 0;
}

.trabalho a{
	color:#225943;
	text-decoration:none;
}
.trabalho a:hover, a:active{ text-decoration:underline;}

.veja{
	display:block;
	background:url(../images/botao-veja.png) no-repeat;
	width:119px;
	height:31px;
	text-indent: -9999px;
	overflow:hidden;
	margin:10px 0;
}
.veja:hover{
	background-position:bottom;
}

.topo{
	text-transform:uppercase;
	font-size:11px;
	color:#397d62;
	font-weight:bold;
	text-decoration:none;
	display:block;
	width:150px;
	margin:20px 5px 30px 0;
}
.topo:hover{ text-decoration:underline;}

.estudodecaso{
	display:block;
	background:url(../images/estudodecaso.png) no-repeat;
	width:152px;
	height:32px;
	text-indent: -9999px;
	overflow:hidden;
	margin:10px 0;
}
.estudodecaso:hover{
	background-position:bottom;
}

/*--------IMAGENS--------*/

/*--------CROSS MEDIA--------*/

#made1{
	background:url(../images/madeinbrazil.png) no-repeat;
	width:400px;
	height:558px;
	text-indent: -9999px;
	overflow:hidden;
	float:right;
	margin:-180px 0 30px 0;
}
#made1:hover{ background-position:bottom;}

#notav-img1{
	background:url(../images/notav1.png) no-repeat;
	width:184px;
	height:260px;
	text-indent: -9999px;
	overflow:hidden;
	float:right;
	margin:-260px 10px 30px 0;
}
#notav-img1:hover{ background-position:bottom;}

#notav-img2{
	background:url(../images/notav2.png) no-repeat;
	width:294px;
	height:337px;
	text-indent: -9999px;
	overflow:hidden;
	float:right;
	border:3px solid #7dc1a7;
	margin:-250px 0 30px 0;
}
#notav-img2:hover{ border:3px solid #49836d;}

/*-------- IDENTIDADE VISUAL --------*/

#blacklist1{
	background:url(../images/id-blacklist.png) no-repeat;
	width:472px;
	height:296px;
	text-indent: -9999px;
	overflow:hidden;
	float:right;
	border:3px solid #7dc1a7;
	margin:-215px 0 30px 0;
}
#blacklist1:hover{ border:3px solid #49836d;}

#design-trends1{
	background:url(../images/id-design-trends1.png) no-repeat;
	width:178px;
	height:255px;
	text-indent: -9999px;
	overflow:hidden;
	float:right;
	border:3px solid #7dc1a7;
	margin:-255px 0 30px 10px;
}
#design-trends1:hover{ border:3px solid #49836d;}

#design-trends2{
	background:url(../images/id-design-trends2.png) no-repeat;
	width:296px;
	height:296px;
	text-indent: -9999px;
	overflow:hidden;
	float:right;
	border:3px solid #7dc1a7;
	margin:-255px 0 30px 0;
}
#design-trends2:hover{ border:3px solid #49836d;}

#gctec1{
	background:url(../images/id-gctec.png) no-repeat;
	width:491px;
	height:299px;
	text-indent: -9999px;
	overflow:hidden;
	float:right;
	border:3px solid #7dc1a7;
	margin:-160px 0 30px 0;
}
#gctec1:hover{ border:3px solid #49836d;}

#lllusion1{
	background:url(../images/id-lllusion1.png) no-repeat;
	width:162px;
	height:265px;
	text-indent: -9999px;
	overflow:hidden;
	float:right;
	margin:-160px 0 30px 10px;
}
#lllusion1:hover{ background-position:bottom;}

#lllusion2{
	background:url(../images/id-lllusion2.png) no-repeat;
	width:326px;
	height:299px;
	text-indent: -9999px;
	overflow:hidden;
	float:right;
	border:3px solid #7dc1a7;
	margin:-160px 0 30px 0;
}
#lllusion2:hover{ border:3px solid #49836d;}

#rosaria1{
	background:url(../images/id-rosaria.png) no-repeat;
	width:450px;
	height:337px;
	text-indent: -9999px;
	overflow:hidden;
	float:right;
	border:3px solid #7dc1a7;
	margin:-140px 0 30px 0;
}
#rosaria1:hover{ border:3px solid #49836d;}

#saibadella1{
	background:url(../images/id-saibadella.png) no-repeat;
	width:450px;
	height:338px;
	text-indent: -9999px;
	overflow:hidden;
	float:right;
	border:3px solid #7dc1a7;
	margin:-170px 0 30px 0;
}
#saibadella1:hover{ border:3px solid #49836d;}

#sapore1{
	background:url(../images/id-sapore.png) no-repeat;
	width:450px;
	height:338px;
	text-indent: -9999px;
	overflow:hidden;
	float:right;
	border:3px solid #7dc1a7;
	margin:-190px 0 30px 0;
}
#sapore1:hover{ border:3px solid #49836d;}

#store-system1{
	background:url(../images/id-store.png) no-repeat;
	width:450px;
	height:318px;
	text-indent: -9999px;
	overflow:hidden;
	float:right;
	border:3px solid #7dc1a7;
	margin:-240px 0 30px 0;
}
#store-system1:hover{ border:3px solid #49836d;}

#yeppie-comunicacao1{
	background:url(../images/id-yeppie.png) no-repeat;
	width:450px;
	height:338px;
	text-indent: -9999px;
	overflow:hidden;
	float:right;
	border:3px solid #7dc1a7;
	margin:-240px 0 30px 0;
}
#yeppie-comunicacao1:hover{ border:3px solid #49836d;}

/*--------ILUSTRACOES--------*/

#be-creative{
	background:url(../images/be-creative.png) no-repeat;
	width:505px;
	height:351px;
	text-indent: -9999px;
	overflow:hidden;
	float:right;
	margin:-240px 0 30px 0;
}
#be-creative:hover{ background-position:bottom;}

#klows-ilustra{
	background:url(../images/klows.png) no-repeat;
	width:470px;
	height:660px;
	text-indent: -9999px;
	overflow:hidden;
	float:right;
	margin:-210px 0 30px 0;
}

#flower-ilustra{
	background:url(../images/flower.png) no-repeat;
	width:470px;
	height:660px;
	text-indent: -9999px;
	overflow:hidden;
	float:right;
	margin:-150px 0 30px 0;
}

#jet-ilustra{
	background:url(../images/mr-jet.png) no-repeat;
	width:480px;
	height:321px;
	text-indent: -9999px;
	overflow:hidden;
	float:right;
	margin:-180px 0 30px 0;
}

/*--------WEB--------*/

#adiv1{
	background:url(../images/adiv.png) no-repeat;
	width:510px;
	height:351px;
	text-indent: -9999px;
	overflow:hidden;
	border:3px solid #7dc1a7;
	float:right;
	margin:-200px 0 30px 0;
}
#adiv1:hover{ border:3px solid #49836d;}

#skullcandy1{
	background:url(../images/skullcandy1.png) no-repeat;
	width:422px;
	height:82px;
	text-indent: -9999px;
	overflow:hidden;
	border:3px solid #7dc1a7;
	float:right;
	margin:-160px 20px 30px 0;
}
#skullcandy2{
	background:url(../images/skullcandy2.png) no-repeat;
	width:422px;
	height:82px;
	text-indent: -9999px;
	overflow:hidden;
	border:3px solid #7dc1a7;
	float:right;
	margin:-50px 20px 30px 0;
}
#skullcandy3{
	background:url(../images/skullcandy3.png) no-repeat;
	width:422px;
	height:82px;
	text-indent: -9999px;
	overflow:hidden;
	border:3px solid #7dc1a7;
	float:right;
	margin:-10px 20px 30px 0;
}
#skullcandy4{
	background:url(../images/skullcandy4.png) no-repeat;
	width:422px;
	height:82px;
	text-indent: -9999px;
	overflow:hidden;
	border:3px solid #7dc1a7;
	float:right;
	margin:-10px 20px 30px 0;
}
#skullcandy1:hover, #skullcandy2:hover, #skullcandy3:hover, #skullcandy4:hover{ border:3px solid #49836d;}

#yeppie1{
	background:url(../images/yeppie.png) no-repeat;
	width:508px;
	height:351px;
	text-indent: -9999px;
	overflow:hidden;
	border:3px solid #7dc1a7;
	float:right;
	margin:-180px 0 30px 0;
}
#yeppie1:hover{ border:3px solid #49836d;}

#lightning1{
	background:url(../images/lightningbolt.png) no-repeat;
	width:508px;
	height:349px;
	text-indent: -9999px;
	overflow:hidden;
	border:3px solid #7dc1a7;
	float:right;
	margin:-220px 0 30px 0;
}
#lightning1:hover{ border:3px solid #49836d;}

#sonia1{
	background:url(../images/soniasantos.png) no-repeat;
	width:508px;
	height:338px;
	text-indent: -9999px;
	overflow:hidden;
	border:3px solid #7dc1a7;
	float:right;
	margin:-180px 0 30px 0;
}
#sonia1:hover{ border:3px solid #49836d;}

/*--------MIDIA IMPRESSA--------*/

#hoven1{
	background:url(../images/hoven1.png) no-repeat;
	width:180px;
	height:258px;
	text-indent: -9999px;
	overflow:hidden;
	float:right;
	margin:-140px 0 30px 0;
}
#hoven1:hover{ background-position:bottom;}

#hoven2{
	background:url(../images/hoven2.png) no-repeat;
	width:306px;
	height:396px;
	text-indent: -9999px;
	overflow:hidden;
	float:right;
	margin:-140px 0 30px 0;
}
#hoven1:hover{ background-position:bottom;}

#skullcandy5{
	background:url(../images/skullcandy5.png) no-repeat;
	width:243px;
	height:183px;
	text-indent: -9999px;
	overflow:hidden;
	float:right;
	margin:-180px 0 30px 0;
}
#skullcandy5:hover{ background-position:bottom;}

#skullcandy6{
	background:url(../images/skullcandy6.png) no-repeat;
	width:243px;
	height:183px;
	text-indent: -9999px;
	overflow:hidden;
	float:right;
	margin:-180px 0 30px 0;
}
#skullcandy6:hover{ background-position:bottom;}

#skullcandy7{
	background:url(../images/skullcandy7.png) no-repeat;
	width:242px;
	height:214px;
	text-indent: -9999px;
	overflow:hidden;
	clear:both;
	margin:0 0 0 455px;
}
#skullcandy7:hover{ background-position:bottom;}

#taruma-ilustra{
	background:url(../images/taruma.png) no-repeat;
	width:495px;
	height:695px;
	text-indent: -9999px;
	overflow:hidden;
	float:right;
	margin:-160px 0 -50px 0;
}