* { margin: 0; padding: 0; }
body { font: 11px Georgia, "Times New Roman", Times, serif; }
body#home { background: #0678B4 url(img/home.jpg) no-repeat; color: #fff; } 
body#eu { background: #609315; color: #fff; }

h1 { font: 11px Georgia, "Times New Roman", Times, serif; margin-top: 25px; margin-bottom: 10px; color:#000; font-weight: bold; }
a:link, a:hover, a:visited { text-decoration: none; color: #fff; }
	a:active { text-decoration: none; color: #000; }

div.outerwrap { width: 658px; position: relative; top: -27px; left: 227px; padding: 0 9px; }
div.wrapper { float: left; width: 219px; }
	div.wrapper ul { list-style: none; position: relative; top: 13px; margin-bottom: -40px; }

body#projectos { background: #025353 url(img/carregar-blue.jpg) no-repeat; color: #fff; }
body#trabalho, body#print, body#web { background: #f00 url(img/carregar-red.jpg) no-repeat; color: #fff; }
body#links { background: #8b5c29; color: #fff; }

#container { width: 903px; }
#headerhome { background: url(img/header.png) no-repeat; width: 725px; height: 175px; margin-top: 67px; behavior: url(iepngfix.htc); }

#menu { position: relative; top: 0; left: 370px; width: 332px; list-style: none; text-align: center; margin-top: 11px; }
	#menu ul li { text-transform: lowercase; float: left; list-style: none; }
	#menu ul li a span, #menu-trabalhos span { text-indent: -9999px; display: block; }
	#menu li { position: relative; }
	#menu ul ul { position: absolute; z-index: 500; width: 80px; }
	#menu ul ul ul { position: absolute; top: 0; left: 100%; }
	div#menu ul ul, div#menu ul li:hover ul ul, div#menu ul ul li:hover ul ul { display: none; }
	div#menu ul li:hover ul, div#menu ul ul li:hover ul, div#menu ul ul ul li:hover ul { display: block; }

	#menu ul li#menu-eu a { background: url(img/menu2.gif) 0 top no-repeat; color: #0678b4; text-decoration: none; width: 82px; height: 30px; display: block; }
		#menu ul li#menu-eu a:hover { background-color: #609315;  color: #fff; background-position: 0 bottom; }
	#menu ul li#menu-projectos a { background: url(img/menu2.gif) -83px top no-repeat; color: #0678b4; text-decoration: none; width: 82px; height: 30px; display: block; }
		#menu ul li#menu-projectos a:hover { background-color: #025353;  color: #fff; background-position: -83px bottom; }
	#menu ul li#menu-trabalhos a { background: url(img/menu2.gif) -166px top no-repeat; color: #0678b4; text-decoration: none; width: 82px; height: 30px; display: block; }
		#menu ul li#menu-trabalhos a:hover { background-color: #f00;  color: #fff; background-position: -166px bottom; }
	#menu ul li#menu-links a { background: url(img/menu2.gif) -249px top no-repeat; color: #0678b4; text-decoration: none; width: 82px; height: 30px; display: block; }
		#menu ul li#menu-links a:hover { background-color: #8b5c29; color: #fff; background-position: -249px bottom; }
		
	#menu ul li#menu-identidade a { background: transparent url(img/submenu.gif) right 0 no-repeat; color: #f00; text-decoration: none; width: 80px; height: 26px; display: block; }
		#menu ul li#menu-identidade a:hover { background-color: inherit; color: #fff; background-position: 0 0; width: 80px; }
	#menu ul li#menu-print a { background: transparent url(img/submenu.gif) right -26px no-repeat; color: #f00; text-decoration: none; width: 80px; height: 26px; display: block; }
		#menu ul li#menu-print a:hover { background-color: inherit; color: #fff; background-position: 0 -26px; width: 80px; }
	#menu ul li#menu-web a { background: transparent url(img/submenu.gif) right -53px no-repeat; color: #f00; text-decoration: none; width: 80px; height: 24px; display: block; }
		#menu ul li#menu-web a:hover { background-color: inherit; color: #fff; background-position: 0 -53px; width: 80px; }

#header { background: url(img/titulo-brancotransp.png) no-repeat; width: 452px; height: 89px; margin-top: 67px; }
#texto { width: 215px; display: block; position: relative; top: -27px; left: 227px; margin-top: 11px; padding: 3px 9px; }
#legenda { width: 202px; min-height: 26px; display: block; position: relative; top: -27px; left: 227px; margin-top: 11px; padding: 3px 9px; line-height: 12px; }
	#legenda a:link, #legenda a:visited, #legenda a:active, #legenda a:hover { font-weight: bold; }
	.linha { height: 26px; }
	.valign { margin-top: 6px; display: block; min-height: 26px; }
	.sembr { margin-top: -13px; }
	.bg-azul{ background: #025353; }
	.bg-red { background: #f00; }
	strong { color: #000; }
	#legenda span.valign span { color: #000; }

span.right { margin-left: auto; text-align: right; display: block; margin-right: 3px; }
	span.right-proj { display: block; margin-right: 3px; margin-left: 58px; }
	span.right-ident { display: block; margin-right: 3px; margin-left: 47px; float: left; }
	span.left-ident { margin-right: 3px; float: right; }
span.left { margin-right: auto; text-align: left; display: block; }
span.center { margin: 0 auto; text-align: center; display: block; }
span.clean { display: block; clear:  both; }

#nav2 { position: relative; top: 380px; }
#nav2sembg { position: relative; top: 257px; left: -26px; }
	#gohome a span, #back a span, #next a span, #gohome-red a span, #back-red a span, #next-red a span { text-indent: -9999px; display: block; }
	div#header, div#gohome a, div#next a, div#back a, div#gohome-red a, div#next-red a, div#back-red a { behavior: url(iepngfix.htc); }
		div#back a { background: url(img/back-blue.png) 0 0 no-repeat; width: 48px; height: 48px; margin: 10px 15px 32px 15px; float: right; display: block; }
		div#next a { background: url(img/next-blue.png) 0 0 no-repeat; width: 49px; height: 48px; margin: 10px 38px 32px 0; float: right; display: block; }
		div#gohome a { background: url(img/gohome-blue.png) 0 0 no-repeat; width: 49px; height: 48px; margin: 10px 17px 32px 0; float: right; display: block; }
	
		div#back-red a { background: url(img/back-red.png) 0 0 no-repeat; width: 48px; height: 48px; margin: 10px 15px 32px 15px; float: right; display: block; }
		div#next-red a { background: url(img/next-red.png) 0 0 no-repeat; width: 49px; height: 48px;  margin: 10px 38px 32px 0; float: right; display: block; }
		div#gohome-red a { background: url(img/gohome-red.png) 0 0 no-repeat; width: 49px; height: 48px; margin: 10px 17px 32px 0; float: right; display: block; }
			div#next-red a:hover, div#next a:hover, div#back-red a:hover, div#back a:hover, div#gohome-red a:hover, div#gohome a:hover { background-position: 0 bottom; }


/* FOTOGRAFIAS */
#projecto01 { background: url(projectos/linha-de-terra-danca.jpg) no-repeat; width: 900px; height: 675px; float: left; }
#identidade01 { background: url(identidade/sumburgh.jpg) no-repeat; width: 900px; height: 675px; float: left; }

/* identidade */
#rm { background: url(identidade/rm.jpg) no-repeat; width: 900px; height: 675px; float: left; }
#morgadio { background: url(identidade/morgadio.jpg) no-repeat; width: 900px; height: 675px; float: left; }
#task { background: url(identidade/task.jpg) no-repeat; width: 900px; height: 675px; float: left; }
#brandcom { background: url(identidade/brandcom.jpg) no-repeat; width: 900px; height: 675px; float: left; }
#sumburgh { background: url(identidade/sumburgh.jpg) no-repeat; width: 900px; height: 675px; float: left; }
#great { background: url(identidade/great.jpg) no-repeat; width: 900px; height: 675px; float: left; }
#garrett { background: url(identidade/garrett.jpg) no-repeat; width: 900px; height: 675px; float: left; }

/* projectos */
#jabuticaba { background: url(projectos/Jabuticaba1.jpg) no-repeat; width: 900px; height: 675px; float: left; }
#jabuticaba2 { background: url(projectos/Jabuticaba2.jpg) no-repeat; width: 900px; height: 675px; float: left; }
#jabuticaba3 { background: url(projectos/Jabuticaba3.jpg) no-repeat; width: 900px; height: 675px; float: left; }
#jabuticaba4 { background: url(projectos/Jabuticaba4.jpg) no-repeat; width: 900px; height: 675px; float: left; }
#bemvinda { background: url(projectos/bemvinda.jpg) no-repeat; width: 900px; height: 675px; float: left; }
#roberto2 { background: url(projectos/roberto.jpg) no-repeat; width: 900px; height: 675px; float: left; }
#roberto { background: url(projectos/roberto_.jpg) no-repeat; width: 900px; height: 675px; float: left; }
#linhadeterra2 { background: url(projectos/linhadeterra_.jpg) no-repeat; width: 900px; height: 675px; float: left; }
#linha-de-terra-danca { background: url(projectos/linha-de-terra-danca.jpg) no-repeat; width: 900px; height: 675px; float: left; }
#firma2 { background: url(projectos/firma2.jpg) no-repeat; width: 900px; height: 675px; float: left; }
#laca2 { background: url(projectos/laca2.jpg) no-repeat; width: 900px; height: 675px; float: left; }

/* web */
#brandcom-web { background: url(web/brandcom.jpg) no-repeat; width: 900px; height: 675px; float: left; }
#cresce { background: url(web/cresce.jpg) no-repeat; width: 900px; height: 675px; float: left; }
#fpf { background: url(web/fpf.jpg) no-repeat; width: 900px; height: 675px; float: left; }
#rmjovem { background: url(web/rmjovem.jpg) no-repeat; width: 900px; height: 675px; float: left; }

/* print */
#angelini01 { background: url(print/angelini/1.jpg) no-repeat; width: 900px; height: 675px; float: left; }
#angelini02 { background: url(print/angelini/2.jpg) no-repeat; width: 900px; height: 675px; float: left; }
#ecociaf01 { background: url(print/ecociaf/1.jpg) no-repeat; width: 900px; height: 675px; float: left; }
#ecociaf02 { background: url(print/ecociaf/2.jpg) no-repeat; width: 900px; height: 675px; float: left; }
#ecociaf03 { background: url(print/ecociaf/3.jpg) no-repeat; width: 900px; height: 675px; float: left; }
#ecociaf04 { background: url(print/ecociaf/4.jpg) no-repeat; width: 900px; height: 675px; float: left; }
#garrett01 { background: url(print/garrett/1.jpg) no-repeat; width: 900px; height: 675px; float: left; }
#garrett02 { background: url(print/garrett/2.jpg) no-repeat; width: 900px; height: 675px; float: left; }
#garrett03 { background: url(print/garrett/3.jpg) no-repeat; width: 900px; height: 675px; float: left; }
#garrett04 { background: url(print/garrett/4.jpg) no-repeat; width: 900px; height: 675px; float: left; }
#garrett05 { background: url(print/garrett/5.jpg) no-repeat; width: 900px; height: 675px; float: left; }
#gad01 { background: url(print/gad/1.jpg) no-repeat; width: 900px; height: 675px; float: left; }
#gad02 { background: url(print/gad/2.jpg) no-repeat; width: 900px; height: 675px; float: left; }
#gad03 { background: url(print/gad/3.jpg) no-repeat; width: 900px; height: 675px; float: left; }
#gad04 { background: url(print/gad/4.jpg) no-repeat; width: 900px; height: 675px; float: left; }
#gad05 { background: url(print/gad/5.jpg) no-repeat; width: 900px; height: 675px; float: left; }
#gad06 { background: url(print/gad/6.jpg) no-repeat; width: 900px; height: 675px; float: left; }
#gad07 { background: url(print/gad/7.jpg) no-repeat; width: 900px; height: 675px; float: left; }
#gad08 { background: url(print/gad/8.jpg) no-repeat; width: 900px; height: 675px; float: left; }
#hp01 { background: url(print/hp/1.jpg) no-repeat; width: 900px; height: 675px; float: left; }
#hp02 { background: url(print/hp/2.jpg) no-repeat; width: 900px; height: 675px; float: left; }
#isla01 { background: url(print/isla/1.jpg) no-repeat; width: 900px; height: 675px; float: left; }
#isla02 { background: url(print/isla/2.jpg) no-repeat; width: 900px; height: 675px; float: left; }
#isla03 { background: url(print/isla/3.jpg) no-repeat; width: 900px; height: 675px; float: left; }
#isla04 { background: url(print/isla/4.jpg) no-repeat; width: 900px; height: 675px; float: left; }
#lexmark01 { background: url(print/lexmark/1.jpg) no-repeat; width: 900px; height: 675px; float: left; }
#lexmark02 { background: url(print/lexmark/2.jpg) no-repeat; width: 900px; height: 675px; float: left; }
#luaazul01 { background: url(print/luaazul/1.jpg) no-repeat; width: 900px; height: 675px; float: left; }
#luaazul02 { background: url(print/luaazul/2.jpg) no-repeat; width: 900px; height: 675px; float: left; }
#morgadio01 { background: url(print/morgadio/1.jpg) no-repeat; width: 900px; height: 675px; float: left; }
#morgadio02 { background: url(print/morgadio/2.jpg) no-repeat; width: 900px; height: 675px; float: left; }
#plazaoeste01 { background: url(print/plazaoeste/1.jpg) no-repeat; width: 900px; height: 675px; float: left; }
#plazaoeste02 { background: url(print/plazaoeste/2.jpg) no-repeat; width: 900px; height: 675px; float: left; }
#plazaoeste03 { background: url(print/plazaoeste/3.jpg) no-repeat; width: 900px; height: 675px; float: left; }
#plazaoeste04 { background: url(print/plazaoeste/4.jpg) no-repeat; width: 900px; height: 675px; float: left; }
#tasquinhas01 { background: url(print/tasquinhas/1.jpg) no-repeat; width: 900px; height: 675px; float: left; }
#tasquinhas02 { background: url(print/tasquinhas/2.jpg) no-repeat; width: 900px; height: 675px; float: left; }
#tasquinhas03 { background: url(print/tasquinhas/3.jpg) no-repeat; width: 900px; height: 675px; float: left; }
#tasquinhas04 { background: url(print/tasquinhas/4.jpg) no-repeat; width: 900px; height: 675px; float: left; }
#tasquinhas05 { background: url(print/tasquinhas/5.jpg) no-repeat; width: 900px; height: 675px; float: left; }
#tasquinhas06 { background: url(print/tasquinhas/6.jpg) no-repeat; width: 900px; height: 675px; float: left; }
#tasquinhas07 { background: url(print/tasquinhas/7.jpg) no-repeat; width: 900px; height: 675px; float: left; }
#tasquinhas08 { background: url(print/tasquinhas/8.jpg) no-repeat; width: 900px; height: 675px; float: left; }
#banif { background: url(print/banif_natal.jpg) no-repeat; width: 900px; height: 675px; float: left; }
#rmjovem-print { background: url(print/rmjovem.jpg) no-repeat; width: 900px; height: 675px; float: left; }
#ui { background: url(print/ui.jpg) no-repeat; width: 900px; height: 675px; float: left; }