body
{
	margin: 0;
	padding: 0;
	text-align: center;
	background-color: #222;
        color: #aaa; /* all but nav */
        font: normal 100% verdana, Helvetica, sans-serif;
}


body /* box model hack */
{
      font-size: x-small;  /* for IE5/win */
      voice-family: "\"}\"";
      voice-family: inherit;
      font-size: small; /* for compliant browsers */
}
html>body 
{ /* for opera */
      font-size: small;
}


#container
{
	margin: 0 auto;
	width: 800px;
	text-align: left;
	background-color: #000;
	border: 1px solid #000;
}

img
{ 
 behavior: url(iepngfix.htc); 
 }


.start_right
{
clear: right;
}


#header_top
{
        behavior: url(iepngfix.htc);
        width: 100%
        border-bottom: 1px solid #000;
        position: relative;
        padding: 15px 0px 0px 15px;
        padding-top: 15px;
        background: #444 url(images/headfoot_bg.jpg) 0px 0px;
 
}

#header_top img
{
   padding: 0; /* checking nothing so far */
   margin: 0; /* checking nothing so far */
}

#header_top h1
{
       behavior: url(iepngfix.htc);/* nothing for ie6 */
       font: normal 2em/1em verdana, arial, sans-serif;
}

#header_area
{
        behavior: url(iepngfix.htc); /* didn't change ie6 */
	height: 0px;
	width: 100%;
	border-bottom: 1px solid #000;
	position: relative;
	background-color: #cdc;	
}


 
.logo {
     margin: 0;
     padding-top: 56px; width: 365px; /*Size of the image*/
     background: url("images/title.png") top left; /*The image*/
     background-repeat: no-repeat; 
     overflow: hidden; /*Hide the text*/ 
     /* WIN IE5 hack */ 
     height: 56px; voice-family: "\"}\""; voice-family:inherit; height: 0; 
     behavior: url(iepngfix.htc);
}

#synopsis .pgtitle { 
     margin: 0;
     padding-top: 40px; width: 560px; /*Size of the image*/
     background: url("images/syn_title.png") top right; /*The image*/
     background-repeat: no-repeat; 
     overflow: hidden; /*Hide the text*/ 
     /* WIN IE5 hack */ 
     height: 64px; voice-family: "\"}\""; voice-family:inherit; height: 0; 
     behavior: url(iepngfix.htc);
}

#director .pgtitle { 
     margin: 0;
     padding-top: 40px; width: 560px; /*Size of the image*/
     background: url("images/dir_title.png") top right; /*The image*/
     background-repeat: no-repeat; 
     overflow: hidden; /*Hide the text*/ 
     /* WIN IE5 hack */ 
     height: 64px; voice-family: "\"}\""; voice-family:inherit; height: 0; 
     behavior: url(iepngfix.htc);
}

#downloads .pgtitle { 
     margin: 0;
     padding-top: 40px; width: 560px; /*Size of the image*/
     background: url("images/down_title.png") top right; /*The image*/
     background-repeat: no-repeat; 
     overflow: hidden; /*Hide the text*/ 
     /* WIN IE5 hack */ 
     height: 64px; voice-family: "\"}\""; voice-family:inherit; height: 0; 
     behavior: url(iepngfix.htc);
}

#contact .pgtitle { 
     margin: 0;
     padding-top: 40px; width: 560px; /*Size of the image*/
     background: url("images/con_title.png") top right; /*The image*/
     background-repeat: no-repeat; 
     overflow: hidden; /*Hide the text*/ 
     /* WIN IE5 hack */ 
     height: 64px; voice-family: "\"}\""; voice-family:inherit; height: 0; 
     behavior: url(iepngfix.htc);
}

#cast .pgtitle { 
     margin: 0;
     padding-top: 40px; width: 560px; /*Size of the image*/
     background: url("images/cast_title.png") top right; /*The image*/
     background-repeat: no-repeat; 
     overflow: hidden; /*Hide the text*/ 
     /* WIN IE5 hack */ 
     height: 64px; voice-family: "\"}\""; voice-family:inherit; height: 0; 
     behavior: url(iepngfix.htc);
}

#gallery .pgtitle { 
     margin: 0;
     padding-top: 40px; width: 560px; /*Size of the image*/
     background: url("images/gal_title.png") top right; /*The image*/
     background-repeat: no-repeat; 
     overflow: hidden; /*Hide the text*/ 
     /* WIN IE5 hack */ 
     height: 64px; voice-family: "\"}\""; voice-family:inherit; height: 0; 
     behavior: url(iepngfix.htc);
}

#trailer .pgtitle { 
     margin: 0;
     padding-top: 40px; width: 560px; /*Size of the image*/
     background: url("images/trail_title.png") top right; /*The image*/
     background-repeat: no-repeat; 
     overflow: hidden; /*Hide the text*/ 
     /* WIN IE5 hack */ 
     height: 64px; voice-family: "\"}\""; voice-family:inherit; height: 0; 
     behavior: url(iepngfix.htc);
}

#press .pgtitle { 
     margin: 0;
     padding-top: 40px; width: 560px; /*Size of the image*/
     background: url("images/press_title.png") top right; /*The image*/
     background-repeat: no-repeat; 
     overflow: hidden; /*Hide the text*/ 
     /* WIN IE5 hack */ 
     height: 64px; voice-family: "\"}\""; voice-family:inherit; height: 0; 
     behavior: url(iepngfix.htc);
}

#screenings .pgtitle { 
     margin: 0;
     padding-top: 40px; width: 560px; /*Size of the image*/
     background: url("images/screen_title.png") top right; /*The image*/
     background-repeat: no-repeat; 
     overflow: hidden; /*Hide the text*/ 
     /* WIN IE5 hack */ 
     height: 64px; voice-family: "\"}\""; voice-family:inherit; height: 0; 
     behavior: url(iepngfix.htc);
}


#main_area { 
        background-color: #000;
        background: url(images/css_mainbkg.jpg) 0px 0px no-repeat;
        padding: 20px; /* push textbox down */ 
	}

#main_area h1 
{
    float: right;
    margin-bottom: 10px;
    display: block;
}

#main_area .textbox 
{
    behavior: url(iepngfix.htc);
    width: 575px;
    margin: 0px auto;
    font-size: 75%;
    padding: 10px 20px;
    overflow: none;
    border: 1px solid black;
    background: url(images/css_txtbx.png) 0px 0px repeat; 
}

/* #main_area .textbox p
{
   clear: right;
} */

#main_area .textbox .lefttextfixed
{
  width: 320px;
  clear: left;
}

#main_area .textbox .leftimg
{
   float: left;
   clear: both;
   margin-right: 10px;
   margin-bottom: 5px;
   
}

#main_area .textbox .rightimg
{
   float: right;
   clear: both;
   margin-left: 10px;
   margin-bottom: 5px;  
}

#footer_area
{
	clear: both;
	background-color: #222;
	border-top: 1px solid #000;
        height: 50px; width: 617px;
        margin: 0 auto;
        background: #444 url(images/headfoot_bg.jpg) 0px 0px;
}

#footer_area h3
{
    text-align: center;
    font-size: 70%;
    font-weight: normal;
    margin-top: 20px
}


h1 
{
    font-size:130%;
    padding-top:10px;
    margin:0px 10px 0px 10px;
}
	
h3
{
    font-size: 120%;
}


h4 
{
    font-size: 110%;
}
		
#header_area h1 
{
		font-size:130%;
		padding:10px;
}



/* ---------------------------
            contact
   --------------------------- */

input {
    margin: 10px;
    border: 2px solid yellow;
    background: #555;
    }

textarea {
   background: #555;
}

#contact #main_area .textbox
{

    background: #000 url(images/con_textbox.jpg) -170px 0px no-repeat;
    padding-bottom: 300px;
    
}


/* ---------------------------
           navigation
   --------------------------- */
		
#nav ul {
		margin:0px 0px 0px 20px;
		padding:0px;
		list-style: none;
		}

#nav li {
	float: none; /* float wrecks background */
	display: inline;
	margin: 0px;
	padding: 0px;
}

#nav a {
	font: normal 80% verdana, Helvetica, sans-serif;
	text-transform: none;
	color: #999; /* nav fonts */
	text-decoration: none;
	display: inline;
        margin: 0px 0px 0px 15px;

}

#nav a:hover, 
body#synopsis #nav-synopsis a,
body#director #nav-director a,
body#contact #nav-contact a,
body#press #nav-press a,
body#downloads #nav-downloads a,
body#cast #nav-cast a,
body#reviews #nav-reviews a,
body#screenings #nav-screenings a,
body#trailer #nav-trailer a
 {
	color: #ffffff;
        
}

#nav a:active {
	color: #999;
}

/* ---------------------------
             links
   --------------------------- */
a {
   color: #eee;
   text-decoration: none;
   cursor: hand; /* for ie6 */	
}
a:hover {
    color: #fff;
}

a:active {
    color: #999;
}





/* ---------------------------
             lists
   --------------------------- */

ul.unstyledlist li {
      list-style: none;
      margin: 0px;
      padding: 0 0 10px 0px;
}

ul.unstyledlist {
      width: 450px;
      margin: 0px;
      padding: 0px;
}

/* ---------------------------
           cast & crew
   --------------------------- */

.cast
{
float: left;
margin: 10px 0 15px 0px;
}


.person
{
float: left;
width: 550px;
margin: 10px 10px 15px 10px;
line-height: 1.2em;

}

.person h4
{
display: inline;
}

.person img
{
float: left;
margin: 5px 10px 20px 0px;
}

.inline 
{
    display: inline;
}



.trailer
{
   padding: 0;
   margin-top: 15px;

}

.faculty
{
    padding: 0px;
    margin: 25px 0;
}

.faculty p
{
    padding: 0px;
    margin: 5px;
}

strong
{
    font-size: 110%;
}

/* ---------------------------
           downloads images
   --------------------------- */

.dlpackages
{
    margin-left: 52px;  
}


.dlpackages_l
{
    position: relative;
    padding: 0px; margin 0px;
    padding: left: 10px;
    margin-top: 30px;
    width: 210px;
    float: left; 
     
}

.dlpackages_r
{
    position: relative;
    padding: 0px; margin: 10px;
    margin-top: 30px;
    float: left;
 
}

.dlpackages dt
{
    padding: 0; margin: 0;
    
}

.dlpackages dd
{
    padding: 0; margin: 0;
}


.imageset
{
     margin: 0px 0 0 52px; 
     padding: 0 0 0 0px;
     overflow:hidden; /* Clears the floats */
     width:500px; /* IE and older Opera fix for clearing, they need a dimension */
     list-style:none;
     border: 0px solid white;
     clear: left;
}
 
.imageset li
{
    float:left;
    display:inline; /* For IE so it doesn't double the 1% left margin */
    width: 150px;
    margin:0 5px 0px 0; padding-bottom: 10px;
    height:70px; /* 
    position:relative; /* This is the key */
}

.imageset a,
.imageset img
{
    display:block;
    width:100%;
}

a img{ border:none; } /* A small fix */

h4.imageset
{
    padding: 20px 0 0 0 ; 
    margin: 0 0 5px 52px;  
}


.slide_nav 
{
text-align: center;
border-top: solid #555 1px;
padding-top: 20px;
}

.specs
{
    padding-top: 10px;
}

.specs ul
{
    list-style: none;
    padding-left: 0;
}

.credits
{
padding-top: 3em;
}

/* ---------------------------
           text spacing
   --------------------------- */

.pagedown
{
     padding-bottom: 250px;
}