/* http://meyerweb.com/eric/tools/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, b, u, i, center, 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-size: 100%; 	vertical-align: baseline; 	background: transparent; } body { 	line-height: 1; } ol, ul { 	list-style: none; } blockquote, q { 	quotes: none; } blockquote:before, blockquote:after, q:before, q:after { 	content: ''; 	content: none; }  /* remember to define focus styles! */ :focus { 	outline: 0; }  /* remember to highlight inserts somehow! */ ins { 	text-decoration: none; } del { 	text-decoration: line-through; }  /* tables still need 'cellspacing="0"' in the markup */ table { 	border-collapse: collapse; 	border-spacing: 0; } 

html, body {
	margin: 0 0 1px;
	
}	

body {
	//background: #f2f2f2 url('../images/12_col.gif') repeat-y;
	//background: #000 url('../images/bck_ind_001.jpg') no-repeat;
	//background-position: -20px 0px;
	padding: 0px 0 40px;
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
	background-color:#000;
	color:#fff;
	background-repeat:no-repeat;
}

#hdr {
	height:100px;
	width:800px;
	margin-left:80px;
	margin-top:10px;
	background-image:url('../images/miguelpinheiro-logo.png');
	background-repeat: no-repeat;
	text-indent:-9009px;
}


.footer {
	height:160px;
	padding-left:20px;
	margin: 50px 0 20px 0;
}


#pageContainer {
	width:960px;
	overflow:hidden;
}

#Resume {
	background: #000 url('../images/bck_home.jpg') no-repeat;
}

#Resume, #Reels, #Gallery, #Contact {
	background-repeat:no-repeat;
	display:block;
	float:left;
	width:960px;
	line-height:18px;
	font-size:14px;
	font-weight:normal;
	padding-top:180px;
}

#reelsContainer, #galleryContainer {
	margin-left:80px;
}


#Gallery {
	background-repeat:repeat;
}

#Contact {
/* following height needs to be enough to cover background of reels div */
	height:360px;
	background-color:#000;
}

#menu {
	margin-left:80px;
	border-top:1px solid #222;
	border-bottom:1px solid #222;
	padding:18px 0px 0px 0px;
}

ul li.navigation, ul li.subNav {
    display: inline;
	float:left;
}

/*   Main Nav  */

ul li.navigation a  {
	float:left;
	height:39px;
	margin-right:40px;
	font-size:20px;
	text-decoration:none;
}

ul li.navigation a:hover {
	border-bottom:1px solid #fff;
}


/*   proflinks Nav */
.profLinks li {
	float:left;
	display:block;
}



/*   baseNav Nav */
#baseNav a  {
	float:left;
	width:600px;
	height:20px;
	/*background:transparent url('../images/baseNav.png') no-repeat 0 0;
	text-indent:-9009px;
	background-position: 0px 0;*/
	text-decoration:none;
}
#footer{width:960px;}
#footer ul li {display:inline;float:left;}
#footer ul {display:inline;}

#baseNav a:hover {
	/*background-position: 0px -20px;*/
}


/*   TEXT  */
a {
	color:#6495ed;
}

a:hover {
	color:#ffffff;
}

h1 {
	font-size: 25px;
	margin: 0 0 10px 10px;
}

h2 {
	font-size: 21px;
	padding-bottom:20px;
}


h3 {
	font-size: 19px;
}

P {
	margin-bottom:14px;
	line-height:22px;
}

.introCopy {
	font-size:18px;
	line-height:28px;
	font-family: Georgia, Times, serif;
	font-style:italic;
}

.hdrCopy {
	font-size:26px;
	line-height:32px;
	font-style:italic;
	padding-bottom:5px;
}



.listText {
	line-height:22px;	
	color:#bbb;
}



/* CONTACT FORM */

label {
	width:150px;
	float:left;
	text-align:left;
	margin-right:0.5em;
	display:block;
	padding-top:3px;
}

.inputBox {
	height:20px;
	width:295px;
	color:#000;
	border:0;
	padding-top:5px;
	margin-bottom:2px;
	padding-left:5px;
}

.inputRequired {
	color:#9b212a;
}


.frmButton {
	cursor:pointer;
	margin-left:150px;
	border:0;
	font-size:24px;
	font-style:italic;	
	font-weight:bold;
	text-align:left;
	background-color:transparent;
	color:#6495ed;
	font-family: Garamond, Georgia, Times, serif;
	
}

textarea {
	border:0;
	width:300px;
	height:120px;
}




/*   Gallery */

UL.thumbs li {
	display:inline;
	float:left;
	margin-top:0px; 
	margin-bottom:15px;
	margin-right:20px; 
}




/*   Tables */

.resumeTbl {
	text-align:left;
	font-size:14px;
}

.resumeTbl td {
	padding:5px;
	color:#bbb;
}

thead tr {
	height:40px;
}

thead tr th{
	text-align:left;
}

tr.odd {
	background-color:#111;
}

.desc {
	font-style:italic;
}


th {
	line-height:18px;
	font-size:22px;
}

tr {
	width:880px;
}

.resPiece, .resProduction, .resDirector {
	width:220px;
	margin-right:20px;
}

.resRole {
	width:140px;
	margin-right:20px;
}




.break {
		margin:10px 0 20px 0;
		height:20px;
}

.gallery {
		/*background:transparent url('../images/800.gif') no-repeat 0 0;
		background-position: 80px 10px;*/
		margin-left:80px;
		height:20px;
		width:800px;
		border-top:1px solid #222;
}

.resumeBR {
		/*background:transparent url('../images/800.gif') no-repeat 0 0;
		background-position: 80px 10px;*/
		margin-left:80px;
		height:20px;
		width:780px;
		border-top:1px solid #222;
}

.resumeHdr {
	width:460px;
}

.lo {
	color:#aaaaaa;
}

.flags {
	position:absolute;
	top:15px;
	left:940px;
	z-index:99;	
	width:32px;
	height:32px;
}

#globalHdr {
	position:absolute;
	top:0px;left:0px;
}

.nunocarvalho {
	position:relative;
	right:-55px;
	bottom:-55px;
	
}