body { background-color:#F5F3F4; margin:10px; font-family:Arial, Helvetica, sans-serif; font-size:82%; }
p { margin-top:0px; padding-top:0px; padding-bottom:0.5em; }
a, a:link, a:visited { font-weight:bold; color:#000000; text-decoration:none; }
a:hover, li a:hover, dt a:hover, dd a:hover { color:#FF0000; }
#container { margin-right:auto; margin-left:auto; padding:10px; border:2px solid #FFFFFF; width:750px; overflow:auto; }
#header { position:relative; height:50px; }
#header h1 { position:absolute; font-size:3em; font-weight:normal; font-family:Arial, Helvetica, sans-serif; top:0px; margin:0px; }
#topnav ul { list-style-image:none; list-style-type:none; display:block; text-align:right; margin:0px; padding:15px 0 0 200px; }
#topnav ul li { display:inline; padding-right:0.8em; }
#topnav a, #topnav a:visited { color:#999999; text-decoration:none; font-weight:bold; font-size:1.1em; letter-spacing:-0.03em; }
#topnav a:hover, #filmlist ul li h3 a:hover, #film-nav a:hover, #film-extra-nav li a:hover, #home h2 a:hover { color:#FF0000; }
#content { border:1px none #CCCCCC; position:relative; width:700px; padding-top:0px; padding-right:20px; padding-bottom:20px; padding-left:20px; }
#home { list-style-type:none; width:400px; position:relative; margin-right:auto; margin-left:auto; background-image:url(../images/film-divider.jpg); background-repeat:repeat-y; background-position:100px top; }
#home img { border-top-style:none; border-right-style:none; border-bottom-style:none; border-left-style:none; height:96px; width:94px; }
#home dt { float:left; clear:left; margin-right:20px; padding:0px; height:96px; width:96px; }
#home dd { height:75px; margin:0px; padding-top:30px; padding-right:0px; padding-bottom:0px; padding-left:0px; letter-spacing:0.2em; font-style:italic; font-size:1.3em; }
.about, .films, .photo, .collaborations { width:150px; padding:0px; margin-top:0px; position:absolute; display:block; height:140px; }
h1.home { text-align:center; }
#home .about { position:absolute; left:0px; top:0px; width:130px; text-align:right; }
.about img, .photo img { height:125px; width:95px; }
.films img, .collaborations img { height:95px; width:125px; }
.films img { position:relative; right:27px; }
#content h2 { position:relative; left:20px; font-size:1.6em; font-weight:bold; color:#333333; }
#filmlist { overflow:hidden; position:relative; width:600px; margin-left:130px; }
#filmlist img { height:75px; width:100px; border-top-style:none; border-right-style:none; border-bottom-style:none; border-left-style:none; position:relative; float:left; }
#filmlist ul { list-style-type:none; margin:0px; padding:0px; position:relative; background-image:url(../images/film-divider.jpg); background-repeat:repeat-y; background-position:108px top; }
#filmlist ul li { float:left; width:100%; margin-top:0.2em; margin-bottom:0.2em; }
#filmlist h3 a { text-decoration:none; font-size:0.8em; color:#000000; padding-left:20px; }
.leftcol, .rightcol { width:260px; float:left; margin:0px; padding:0px; list-style-type:none; }
.imagebox img { border:2px solid #FFFFFF; float:left; width:228px; height:178px; margin-top:2px; margin-right:2px; margin-bottom:2px; margin-left:2px; }
.imagebox { background-image:url(../images/film-page-dropshadow.png); height:208px; width:240px; background-repeat:no-repeat; background-position:left top; float:left; padding-top:2px; padding-right:0px; padding-bottom:0px; padding-left:2px; margin-top:0em; margin-right:1em; margin-bottom:0em; margin-left:0em; }
#film-caption { width:150px; padding-top:0em; padding-right:0em; padding-bottom:0em; padding-left:1em; }
#film-caption p { font-size:0.9em; width:140px; }
.info-box { clear:both; border:1px solid #CCCCCC; padding:1em; overflow:auto; float:left; width:685px; margin:0em; }
.info-box dl { list-style-type:none; margin:0px; padding:0px; font-size:0.9em; color:#333333; width:550px; }
.info-box dt { font-weight:bold; width:150px; float:left; padding-bottom:0.3em; }
.info-box dd { display:block; padding-left:100px; padding-bottom:0.3em; }
#film-nav ul { list-style-type:none; margin-top:0em; margin-right:1em; margin-bottom:0px; margin-left:0px; position:absolute; right:0px; border-left-width:1px; border-left-style:solid; border-left-color:#CCCCCC; padding-top:0px; padding-right:0px; padding-bottom:0px; padding-left:3px; }
#film-nav li { padding-right:0.4em; margin-right:0.3em; font-size:0.8em; color:#999999; padding-left:2px; }
#film-nav a { color:#999999; text-decoration:none; font-weight:normal; }
#film-extra-nav ul { list-style-type:none; clear:both; padding-top:1em; padding-right:0em; padding-bottom:0em; padding-left:0em; margin:0em; }
#film-extra-nav li { color:#CCCCCC; display:block; padding-right:0em; float:left; padding-left:13px; margin:0px; padding-top:0px; }
#film-extra-nav li a { background-image:url(../images/arrow-bullet.gif); background-repeat:no-repeat; background-position:left center; display:block; color:#333333; text-decoration:none; font-weight:bold; padding-left:20px; margin:0px; }
dd img { border-top-style:none; border-right-style:none; border-bottom-style:none; border-left-style:none; padding-right:1em; padding-top:2px; }
.screenings { width:570px; }
.screenings dl { width:550px; list-style-type:none; }
.screenings dt { font-weight:bold; width:70px; float:left; padding-bottom:0.3em; }
.screenings dd { display:block; padding-bottom:0.3em; padding-left:40px; }
.clip-box { width:320px; height:240px; padding-bottom:3em; }
.clip-box object { background-color:transparent; }
#distributors dt, .news dt, #texts dt, #upcoming dt { font-size:1.3em; font-weight:bold; background-image:url(../images/arrow-bullet.gif); background-repeat:no-repeat; background-position:left 0.5em; padding-left:1.5em; display:block; margin-right:2em; clear:both; padding-top:0.3em; }
#distributors dd, .news dd, #texts dd, #upcoming dd { padding-left:25px; display:block; margin:0px; padding-bottom:1em; color:#666666; }
.news img { float:left; }
.caption { width:140px; float:left; color:#333333; margin-right:2em; margin-bottom:2em; padding-top:3px; padding-left:1em; }
.colab-text { float:right; margin:0px; width:250px; }
.colab-screenings { clear:both; }
#photos { width:600px; margin-right:auto; margin-left:auto; background-color:white; padding-top:20px; }
#photos p { padding:0 0 20px 0; }
#photos img { display:block; margin:0 auto; }
#photos .photo-text { color:#999999; display:block; padding-right:20px; text-align:right; }
/* #thumbnails { padding-left:150px; padding-top:30px; }
#thumbnails dt { z-index:1; display:block; position:relative; }
#thumbnails dd { padding-left:200px; position:relative; top:-25px; } */
.thumbnails-col-one { float:left; display:inline-block; width:300px; padding-left:50px; padding-top:30px; }
.thumbnails-col-one dt { z-index:1; display:block; position:relative; width:150px; }
.thumbnails-col-one dd { padding-left:150px; position:relative; top:-50px; }
.thumbnails-col-two { float:left; display:inline-block; width:300px; padding-left:50px; padding-top:30px; }
.thumbnails-col-two dt { z-index:1; display:block; position:relative; width:150px; }
.thumbnails-col-two dd { padding-left:150px; position:relative; top:-50px; }


#contact { font-size:0.8em; color:#AEAEAE; width:750px; margin-right:auto; margin-left:auto; padding-top:1em; text-align:right; padding-right:0px; }
#contact a { color:#666666; font-weight:normal; text-decoration:underline; }
.texts-body { width:490px; float:left; }
#texts-image { width:200px; float:right; display:block; padding-left:10px; }
.footnote { font-size:0.8em; font-weight:bold!important; color:#333333; position:relative; top:-3px; }