@charset "utf-8";
/* CSS Document */

#container {
	width: 900px; height: 300px/* Width of the container minus the left padding below */
	margin: 0 auto; /* Aligns the container to the centre of the page */
	padding: 20px 0 0 0; /* Add some top and left padding */
}

#header {
	margin: 0 0 0 0;	/* Bottom margin on the header */
	padding: 0 0 0 0;
}

#header h1 a {
		display: block; /* Anchors are inline by default, change it to block... */
		width: 927px; height: 0px; /*...Which then allows us to specify width and height (according to the image) */
		color: #6b5c4e; margin: 0 0 0 0; /* the color can't actually be seen on the text, but it avoids a blue dotted border in Firefox */
		background: url(../images/titulo_principal.png); text-indent: -9999px; /* Add the background image. Image Replacement and*/ 
                                                                               /* shift the text out of the way */
}

#header h2 {
		padding:0 0 0 0;
		width: 927px; height: 0px;
		margin: 0 ;
		/*background: url(../images/titulo_secundario.png); text-indent: -9999px;*/
}

#portfolio {
	margin: 5px 0px 0px 0px;
}

#portfolio h2 {
		width: 300px; height: 31px; 
		padding: 30px 0 30px 0;
		font: 14px Verdana, Helvetica, sans-serif;
		color:#0000FF;
		margin: 0 auto;
		
		
}

#portfolio ul {
		list-style: none; /* Remove the bullet points from the list */
}

#portfolio ul li {
			float: left; /* Float the lists to the left, laying them out side by side */
			padding-left:23px; margin: 10px 6px 5px 5px;
}	

#footer {
	margin: 0 0 200px 0;
}

#footer h2 {
		width: 251px; height: 200px; margin: 0 0 10px 0;
		background: url(../images/titulo_entre_contato.png); text-indent: -9999px;
}		

#footer ul {
		list-style: none; margin: 200px 0 200px 0;
}
		
#footer ul li {
		display: inline;
}

#footer ul li a {
		display: block; float: left; height: 0px; margin: 100px 300px 0 0; padding: 20px 0 0 50px;
		color: #827161; text-decoration: none; font-size: 20px;
		background-image: url(../images/contact-icons.jpg);
		background-repeat: no-repeat;
}

#footer ul li a.email { background-position: 0 0; }

#footer ul li a.twitter { background-position: 0 -50px; }

#footer ul li a.facebook { background-position: 0 -100px; }

#footer ul li a.digg { background-position: 0 -150px; margin: 0; }

#footer ul li a:hover {
		color:#996600;
}