/* Zero all styles to start with a good base display */

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;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

body {
	line-height: 1;
	color: black;
	background: white;
}

ol, ul {
	list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */

table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}


/* Now, the real CSS begins... */


/*=====================================================*/
/*                   @font-face Styles                 */
/*=====================================================*/

@font-face {
	font-family: 'DejaVuSansBook';
	src: url('../fonts/DejaVuSans-webfont.eot');
	src: local('☺'), url('../fonts/DejaVuSans-webfont.woff') format('woff'), url('../fonts/DejaVuSans-webfont.ttf') format('truetype'), url('../fonts/DejaVuSans-webfont.svg#webfontDSbtRiqx') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'DejaVuSansOblique';
	src: url('../fonts/DejaVuSans-Oblique-webfont.eot');
	src: local('☺'), url('../fonts/DejaVuSans-Oblique-webfont.woff') format('woff'), url('../fonts/DejaVuSans-Oblique-webfont.ttf') format('truetype'), url('../fonts/DejaVuSans-Oblique-webfont.svg#webfontSTz989i1') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'DejaVuSansBold';
	src: url('../fonts/DejaVuSans-Bold-webfont.eot');
	src: local('☺'), url('../fonts/DejaVuSans-Bold-webfont.woff') format('woff'), url('../fonts/DejaVuSans-Bold-webfont.ttf') format('truetype'), url('../fonts/DejaVuSans-Bold-webfont.svg#webfontM0CxjJgd') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'DejaVuSansBoldOblique';
	src: url('../fonts/DejaVuSans-BoldOblique-webfont.eot');
	src: local('☺'), url('../fonts/DejaVuSans-BoldOblique-webfont.woff') format('woff'), url('../fonts/DejaVuSans-BoldOblique-webfont.ttf') format('truetype'), url('../fonts/DejaVuSans-BoldOblique-webfont.svg#webfontExxrg6Cg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'MisoRegular';
	src: url('../fonts/miso-webfont.eot');
	src: local('☺'), url('../fonts/miso-webfont.woff') format('woff'), url('../fonts/miso-webfont.ttf') format('truetype'), url('../fonts/miso-webfont.svg#webfontA4ZOCCxS') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'MisoBold';
	src: url('../fonts/miso-bold-webfont.eot');
	src: local('☺'), url('../fonts/miso-bold-webfont.woff') format('woff'), url('../fonts/miso-bold-webfont.ttf') format('truetype'), url('../fonts/miso-bold-webfont.svg#webfontWPKh07R7') format('svg');
	font-weight: normal;
	font-style: normal;
}

/*=====================================================*/
/*                    Base Tag Styles                  */
/*=====================================================*/

body, html {
height: 100%;
}

body {
margin: 0;
padding: 0;
background-color: #AA9A8A;
background-repeat: no-repeat;
background-position: center top;

}

p {
font-family: DejaVuSansBook, Helvetica, sans-serif;
font-size: 12px;
line-height: 20px;
margin: 0 0 10px 0;
padding: 0;
color: #FFFFFF;
}

h1 {
font-family: DejaVuSansBook, Helvetica, sans-serif;
font-size: 24px;
line-height: 28px;
margin: 0 0 14px 0;
padding: 0;
color: #FED44A;
}

h2 {
font-family: DejaVuSansBook, Helvetica, sans-serif;
font-size: 20px;
line-height: 28px;
margin: 0 0 14px 0;
padding: 0;
color: #FED44A;
}

h3 {
font-family: DejaVuSansBold, Helvetica, sans-serif;
font-size: 12px;
line-height: 20px;
margin: 0 0 0 0;
padding: 0;
color: #FED44A;
}

h4 {
font-family: DejaVuSansBold, Helvetica, sans-serif;
font-size: 16px;
line-height: 20px;
margin: 0 0 0 0;
padding: 0;
color: #FED44A;
}

a, a:link {
font-family: DejaVuSansBook, Helvetica, sans-serif;
color: #FED44A;
}

a:visited {
font-family: DejaVuSansBook, Helvetica, sans-serif;
color: #FED44A;
}

a:hover {
font-family: DejaVuSansBook, Helvetica, sans-serif;
color: #A3882F;
}

a:active {
font-family: DejaVuSansBook, Helvetica, sans-serif;
color: #FED44A;
}

b {
font-family: DejaVuSansBold, Helvetica, sans-serif;
font-weight: normal;
}

/*=====================================================*/
/*                 General Page Styles                 */
/*=====================================================*/

#mastheadwrapper {
z-index: 777 !important;
}

#container {
position: relative;
min-height: 100%;
}

/*=====================================================*/
/*                 Page Content Styles                 */
/*=====================================================*/

#homepagetrailer {
width: 928px;
margin: 0 auto 20px auto;
padding: 4px;
background: rgb(0, 0, 0);
background: rgba(0, 0, 0, .75);
}

#homepagetrailer iframe {
display: block;
float: left;
margin: 0;
padding: 0;
}

#newswrapper {
width: 204px;
height: 405px;
margin: 0 0 0 724px;
padding: 0;
background: rgb(0, 0, 0);
background: rgba(0, 0, 0, .75);
overflow: hidden;
}

#newstitle {
width: 184px;
height: 80px;
margin: 0;
padding: 10px;
overflow: hidden;
}

#newswrapper li {
font-family: MisoRegular, Helvetica, sans-serif;
font-size: 15px;
line-height: 17px;
text-transform: uppercase;
color: #FED44A;
width: 184px;
height: 80px;
margin: 0;
padding: 10px;
overflow: hidden;
border-top: 1px solid #736021;
}

#homepagecredits {
width: 928px;
margin: 0 auto;
padding: 4px;
background: rgb(0, 0, 0);
background: rgba(0, 0, 0, .75);
}

#homepagecredits img {
display: block;
}

#pagecontentwrapper {
width: 936px;
margin: 0 auto;
padding: 26px 0 150px 0;
}

#pagecontentnarrow {
width: 672px;
margin: 0 auto;
padding: 32px 32px 22px 32px;
background: rgb(0, 0, 0);
background: rgba(0, 0, 0, .75);
z-index: 100;
overflow: auto;
}

#pagecontentwide {
width: 872px;
margin: 0 auto;
padding: 32px 32px 22px 32px;
background: rgb(0, 0, 0);
background: rgba(0, 0, 0, .75);
z-index: 100;
overflow: auto;
}

/*-------------------Catadores Styles-------------------*/

.catadoresentry {
overflow: auto;
display: block;
padding: 0;
margin: 0 0 16px 0;
width: 100%;
}

.catadoresphoto {
margin: 0;
padding: 0;
float: left;
}

.catadoresphoto img {
display: block;
border: 2px solid #000000;
}

.catadoresdescription {
width: 490px;
margin: 0 0 0 178px;
padding: 6px 0 0 0;
}

.catadoresdescription p {
line-height: 16px;
}

.catadoresfullname {
font-family: DejaVuSansBook, Helvetica, sans-serif;
}

.catadoreslast {
margin-bottom: 0 !important;
}
#fancybox-outer {
background: #FED44A !important;
}

#fancybox-content {
border-color: #FED44A !important;
}

#tiaonow p, #zumbinow p, #suelemnow p, #isisnow p, #magnanow p, #irmanow p {
color: #000000;
line-height: 16px;
}


/*-------------------Vik Muniz Bio Styles-------------------*/

.headshot {
display: block;
float: right;
border: 2px solid #000000;
margin: 0 0 20px 20px;
padding: 0;
}

/*-------------------Production Company Styles-------------------*/

.leftcolumnhalf {
width: 323px;
float: left;
}

.rightcolumnhalf {
width: 323px;
margin: 0 0 0 353px;
}

.productionlogo {
width: 323px;
height: 100px;
text-align: center;
margin: 0 0 10px 0;
}

/*-------------------Filmmakers Styles-------------------*/

.tilemenu ul {
width: 678px;
}

.tilemenu li {
list-style: none;
display: inline;
float: left;
}

.tilemenu a, .tilemenu a:link, .tilemenu a:visited, .tilemenu a:active {
display: block;
width: 184px;
height: 68px;
margin: 0 6px 6px 0;
padding: 6px 30px 6px 6px;
background-color: #000000;
background-image: url('../images/filmmakers-arrow.gif');
background-repeat: no-repeat;
background-position: right top;
font-size: 16px;
line-height: 20px;
text-decoration: none;
}

.tilemenu a:hover {
color: #A3882F;
}

.filmmakertitle {
text-transform: uppercase;
font-size: 12px;
color: #A3882F;
}

.tilemenu a:hover .filmmakertitle {
color: #736021;
}

.filmmakersmenu {
float: right;
margin: 0 0 20px 20px;
}

.filmmakersmenu h2 {
margin-bottom: 4px;
}

.filmmakersmenu li a, .filmmakersmenu li a:link, .filmmakersmenu li a:visited, .filmmakersmenu li a:active {
font-family: DejaVuSansBook, Helvetica, sans-serif;
font-size: 12px;
color: #FED44A;
background-color: #000000;
background-image: url('../images/filmmakers-arrow.gif');
background-repeat: no-repeat;
background-position: right center;
padding: 8px 30px 8px 8px;
margin: 0 0 1px 0;
display: block;
}

.filmmakersmenu li a:hover  {
font-family: DejaVuSansBook, Helvetica, sans-serif;
color: #A3882F;
}

.filmmakersmenu li a.current, .filmmakersmenu li a.current:link, .filmmakersmenu li a.current:visited, .filmmakersmenu li a.current:active {
color: #A3882F;
}

/*-------------------Gallery Styles-------------------*/

#pagecontentgallery {
width: 928px;
margin: 0 auto 20px auto;
padding: 4px;
background: rgb(0, 0, 0);
background: rgba(0, 0, 0, .75);
/* z-index: 20; */
}

#gallery {
height: 602px;
}

/*-------------------Reviews Styles-------------------*/

.reviews h4 {
margin-top: 16px;
}

.reviewlink, .reviewlink a, .reviewlink a:link, .reviewlink a:visited, .reviewlink a:active {
color: #A3882F;
text-transform: uppercase;
}

.reviewlink a:hover {
color: #FED44A;
}

/*-------------------Awards Styles-------------------*/

table.awardstable {
border-collapse: collapse;
}

table.awardstable td {
border-bottom: 1px solid #736021;
}

col.coleventtitle {
width: 260px;
}

col.colawards {

}

col.coldate {
width: 90px;
}

.eventtitle, .awards, .eventdate {
font-family: DejaVuSansBook, Helvetica, sans-serif;
font-size: 12px;
line-height: 20px;
padding: 10px 0;
}

.eventtitle {
color: #FED44A;
}

.awards {
color: #FFFFFF;
padding-right: 20px;
}

.eventdate {
color: #A3882F;
}

/*-------------------Downloads Styles-------------------*/

.downloads img {
border: 2px solid #000000;
}

.leftcolumnthirdnarrow {
float: left;
width: 220px;
}

.middlecolumnthirdnarrow {
float: left;
width: 220px;
margin: 0 0 0 6px;
}

.rightcolumnthirdnarrow {
float: right;
width: 220px;
}

.downloads a, .downloads a h4, .downloads a:link h4, .downloads a:visited h4, .downloads a:hover h4, .downloads a:active h4 {
text-decoration: none;
}

.downloads a:hover h4 {
color: #A3882F;
}


/*-------------------Screenings Styles-------------------*/

.screenings h3 {
margin-top: 20px;
}

.screenings p {
margin-bottom: 0;
}

.greyout h3, .greyout p, .greyout a, .greyout a:link, .greyout a:visited, .greyout a:active  {
color: #A3882F;
}

.greyout a:hover {
color: #FED44A;
}

.leftcolumnthird {
float: left;
width: 286px;
}

.middlecolumnthird {
float: left;
width: 291px;
margin: 0 0 0 5px;
}

.rightcolumnthird {
float: right;
width: 286px;
}

.contact p {
margin-bottom: 20px;
}

.details {
padding: 5px 0 0px 10px;
border-left: 1px solid #A3882F;
}

.details p {
font-size: 11px;
line-height: 18px;
font-family: DejaVuSansOblique, Helvetica, sans-serif;
}

address {
padding: 5px 0 0px 10px;
border-left: 1px solid #A3882F;
font-size: 11px;
line-height: 18px;
font-family: DejaVuSansOblique, Helvetica, sans-serif;
color: #FFFFFF;
font-style: normal;
font-family: DejaVuSansBook, Helvetica, sans-serif;
}

/*-------------------Spread the Word Styles-------------------*/
#sharemethods {
width: 604px;
margin: 0 auto 16px auto;
overflow: auto;
}

.shareleft, .shareright {
background-color: #000000;
width: 284px;
height: 86px;
margin: 0;
padding: 8px;
}

.shareleft {
float: left;
}

.shareright {
margin: 0 0 0 304px;
}

.shareleft img, .shareright img {
float: right;
margin: 0 0 54px 30px;
}

/*-------------------Contribute Styles-------------------*/

#donationdetails {
width: 320px;
float: right;
margin: 0 0 30px 30px;
padding: 10px;
background-color: #000000;
}

.contribute ul {
list-style-type: disc;
margin: 0 0 10px 0;
padding-left: 30px;
text-indent: 0px;
}

.contribute li {
color: #FFFFFF;
font-family: DejaVuSansBook, Helvetica, sans-serif;
font-size: 12px;
line-height: 20px;
margin: 0 0 3px 0;
padding: 0;
}


/*=====================================================*/
/*                     Footer Styles                   */
/*=====================================================*/

#footerwrapper {
position: absolute;
display: block;
width: 100%;
height: 150px;
bottom: 0;
left: 0;
background-color: transparent;
background-image: url(../images/footer-background-trans.png);
background-repeat: repeat-x;
}

#footer {
width: 928px;
margin: 0 auto;
}

#footer p {
font-family: Helvetica, sans-serif;
font-size: 11px;
line-height: 16px;
color: #FED44A;
}

#footer a, #footer a:link, #footer a:visited, #footer a:active {
color: #FED44A;
}

#footer a:hover {
color: #A3882F;
}

#logobar {
display: block;
width: 928px;
height: 106px;
background-color: transparent;
background-image: url(../images/footer-logos-trans.png)
}

#leftlogo, #rightlogo {
display: block;
padding-top: 36px;
width: 450px;
}

#leftlogo {
float: left;
background-color: transparent;
}

#rightlogo {
margin: 0 0 0 478px;
text-align: right;
}

#socialmedialinks {
display: block;
width: 450px;
margin: 0;
padding: 10px 0 0 0;
background-color: transparent;
float: left;
overflow: auto;
}

#socialmedialinks img {
margin: 0 5px 0 0;
padding: 0;
display: inline;
vertical-align: text-bottom;
}

#sitecredits {
display: block;
text-align: right;
width: 450px;
margin: 0 0 0 478px;
padding: 10px 0 0 0;
background-color: transparent;
overflow: hidden;
}