* {
  margin: 0 0 0 0;
  padding: 0;
  font-size: 100%;
  border: 0 solid;
}


body {
  margin: 0;
  padding: 0;
  font: 11px/1.5em Arial, Helvetica, sans-serif;
  color: black;
  background: #FFF url(/images_site/black.gif) repeat-y center center;
}

a:link img,
a:visited img {
  border: none;
  padding: 0 0;
}


/* basic site typography */

a:link,
a:visited {
  text-decoration: none;
  outline: none;
  color: #000;
}

a:hover {
  color: #808080;
}

em, cite {
  font-style: italic;
}

strong {
    font: 9px arial;
  text-transform: uppercase;
  letter-spacing: 1px;
}

p {
  margin: 0 0 15px 0;
}

ul,
ol {
  list-style: none;
}

h3 {
  height: 40px;
  text-indent: -1000em;
  background-color: transparent;
  background-position: bottom left;   
  background-repeat: no-repeat;
  margin-bottom: 15px;
  margin-top: 26px;
}

/* layout */

#header {
  width: 930px;
  height: 210px;
  margin: 0 auto;
  position: relative;
  border-right: 1px solid #000;
border-bottom: 2px solid #000;
overflow: hidden;
  background: white;
}

#content {
  margin: 0 auto 0 auto;
  padding: 70px 0 0 0px;
  width: 875px;
  border-right: 1px solid #000;
  overflow: hidden;
  position: relative;
  min-height: 560px;
  border-left: 55px solid black;
  background: #FFF;
  color: #808080;
}

#footer {
  width: 779px;
  border-right: 1px solid #000;
  height: 10px;
  margin: 0 auto;
  background: #000;
  color: #313131;
  padding: 30px 0 20px 151px;
  font-size: 9px;
}

#section-nav {
  width: 130px;
  float: left;
  text-align: right;
  margin: 8px -70px 0 40px;
}

#main {
  width: 280px;
  float: left;
  margin: -40px 0 50px 95px;
}

#main ol {
  margin-bottom: 30px;
}



/* header */

h1 a:link,
h1 a:visited {
  text-indent: -1000em;
  width: 55px;
 background-color: white;
 background-image: url(/images_site/trilogy_tabs.gif);
  background-position: top 0px;
  overflow: hidden;
  height: 210px;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
}

h1 a:hover {
    background-position: top right !important;
}

#header h2 {
  text-indent: -1000em;
  width: 670px;
  background: white;
  overflow: hidden;
  height: 72px;
  overflow: hidden;
  position: absolute;
  bottom: -2px;
  left: 150px;
}


/* navigation */

ul#nav {
  width: 20em;
  line-height: 1.3em;
  color: #666;
  margin: 20px 0 0 150px;
}

ul#nav li{
  width: 9em;
  float: left;
  color: #808080;
  xtext-decoration: line-through;
}

ul#nav a {
    color: #808080;
}

ul#nav a:hover {
    color: #000;
}

#section-nav ul {
  margin-bottom: 20px;
}


/* splash */

body#splash {
  background: black;
}

body#splash h1 {
  position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	margin-top: -250px;
   text-align: center;
	min-width: 400px; 

}

body#splash h1 a {
  background: black url(../images_site/splash.jpg) no-repeat top left;
  width: 400px;
  height: 500px;
  margin: 0 auto;
  text-indent: -1000em;
  overflow: hidden;
  position: relative;
  display: block;
}

body#splash p {
  display: none;
}


/* news */

#news h1 a {
  background-position: 110px top;
}

#news #content {
  background: white url(/images_site/phone.jpg) repeat-y top left;
  border-left-color: #36B232;
  color: #FFF;
}

#news #content a {
   color: #36B232;
}

#news #content a:hover {
    color: #FFF;
}

#news #content #main {
  margin-top: 30px;
}

#news #content #main #play-trailer {
  height: 14px;
  width: 108px;
  text-indent: -1000em;
  display: block;
  position: absolute;
  background: transparent url(../images_site/txt_playtrailer.png) no-repeat left bottom;
  top: 150px;
  right: 186px;
}

/* cast and crew */

#castandcrew #main {
  margin-left: 300px;
}

#castandcrew #main img {
  position: absolute;
  top: 50px;
  left: 190px;
  border: 1px solid #ccc;
}

#castandcrew .current a {
  color: #66CCCC !important;
}

#castandcrew h1 a {
  background-position: 165px top;
}

#castandcrew #content {
  border-left-color: #66CCCC;
}

#castandcrew h3 {
  height: 55px;
  margin-bottom: 10px;
}


/* synopses */

#synopses .current a {
  color: #66CCCC !important;
}

#synopses h1 a {
  background-position: 165px top;
}

#synopses #content {
  background: white url(/images_site/bath.jpg) repeat-y top left;
  border-left-color: #66CCCC;
    color: #FFF;
}

#synopses #main {
  margin-top: -85px;
}


/* q and a */

#directors-q-and-a .current a {
  color: #66CCCC !important;
}

#directors-q-and-a h1 a {
  background-position: 165px top;
}

#directors-q-and-a #content {
  background: white url(/images_site/airplanes.jpg) repeat-y top left;
  border-left-color: #66CCCC;
}

#directors-q-and-a #content #main {
  color: #FFF;
width: 400px;

}


/* stills */

#stills #main {
  width: 525px;
  margin-top: -20px;
}

#stills #main p {
  margin: 10px 0 0 0;
}

.stills span {
  font: 9px arial;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.stills span em {
  font: 11px arial;
  text-transform: none;
  letter-spacing: 0px;
  font-style: italic;
  }

.stills .image-nav {
  margin: 10px 10px 0 0;
  font: 9px arial;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding-left: 0px;
  display: block;
}

.stills .dida {
  width: 450px;
}

.image-nav a {
  margin: 10px 10px 0 0;
  font: 9px arial;
  text-transform: uppercase;
  letter-spacing: 1px;
}

#stills .current a {
  color: #36B232 !important;
}

#stills h1 a {
  background-position: 110px top;
}

#stills #content {
  border-left-color: #36B232;
}

#stills #section-nav li {
  line-height: 1.2em;
  margin-bottom: .3em;
}


/* trailers */

#trailers .current a {
  color: #FF9900 !important;
}

.trailers h1 a {
  background-position: top 0px;
}


#trailers #content {
  border-left-color: #FF9900;
}

#trailers #main {
  margin-top: -20px;
}

/* press */

#press dl dd {
  margin-bottom: 10px;
}

#press .current a {
  color: #FF9900;
}

#press #section-nav {
    margin-top: 15px;
}

#press #section-nav a {
  color: #FFF;
}

#press #section-nav .current a {
  color: #000;
}

#press #section-nav a:hover {
  color: #000;
}

#press #content {
  background: white url(/images_site/peephole.jpg) repeat-y top left;
  border-left-color: #FF9900;
    color: #FFF;
}


/* reviews */

ul.review-info {
  margin: -5px 0 30px 0;
  font: 10px/1.4em arial, sans-serif;
}


ul.review-info .review-src {
  font-size: 9px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

ul.review-info .review-author {
  font-style: italic;
}


/* technical specs */

#main.technical-specifications h3 {
  display: none;
}


/* contact */

#contact .current a {
  color: #36B232 !important;
}

#contact h1 a {
  background-position:  110px top;
}

#contact #content {
  background: white url(/images_site/spazz.jpg) repeat-y top left;
  border-left-color: #36B232;
}

#contact #main a,
#contact #content #main {
  color: #FFF;
}

#contact #main a:hover {
  color: #36B232;
}

/* footer */

#footer a {
  color: #555;
}

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

/* h2 txt replacement */

#castandcrew h2{
  background: white url(../images_site/txt_castandcrew.gif) no-repeat left bottom;
}

#stills h2 {
  background: white url(../images_site/txt_stills.gif) no-repeat left bottom;
}

#press h2 {
  background: white url(../images_site/txt_press.gif) no-repeat left bottom; 
}

#synopses h2 {
  background: white url(../images_site/txt_synopses.gif) no-repeat left bottom;
}

#contact h2 {
  background: white url(../images_site/txt_contact.gif) no-repeat left bottom;  
}

#trailers h2 {
  background: white url(../images_site/txt_trailers.gif) no-repeat left bottom;  
}

#directors-q-and-a h2 {
  background: white url(../images_site/txt_q-and-a.gif) no-repeat left bottom;  
}

#news h2 {
  background: white url(../images_site/txt_trilogy.gif) no-repeat left bottom;  
}

/* h3 text replacement */

h3#jamie-travis {
   background-image: url(../images_site/txt_travis.gif);   
}

h3#courtenay-webber {
   background-image: url(../images_site/txt_c_webber.gif);   
}

h3#christopher-redman {
   background-image: url(../images_site/txt_redman.gif);   
}

h3#aj-bond {
   background-image: url(../images_site/txt_bond.gif);   
}

h3#catherine-lutes {
   background-image: url(../images_site/txt_lutes.gif);   
}

h3#dave-webber {
   background-image: url(../images_site/txt_d_webber.gif);   
}

h3#alfredo-santa-ana {
   background-image: url(../images_site/txt_santaanna.gif);   
}

h3#kevin-hamilton {
   background-image: url(../images_site/txt_hamilton.gif);   
}

h3#tristan-orchard {
   background-image: url(../images_site/txt_orchard.gif);   
}

h3#jeff-khonsary {
   background-image: url(../images_site/txt_khonsary.gif);   
}

h3#jeff-khonsary {
   background-image: url(../images_site/txt_khonsary.gif);   
}

h3#leanne-mackay {
   background-image: url(../images_site/txt_mackay.gif);
   xheight: 60px;
}

h3#sarah-keenlyside {
   background-image: url(../images_site/txt_keenlyside.gif);   
}

h3#screenings1,
h3#screenings2,
h3#screenings3 {
   background-image: url(../images_site/txt_screenings.png);  
  width: 113px;
   height: 14px;
}

h3#awards1,
h3#awards2,
h3#awards3 {
   background-image: url(../images_site/txt_awards.png);
   width: 73px;
   height: 14px;
}

h3#awards {
   background-image: url(../images_site/txt_awards.png);
  height: 14px;
 width: 73px;
}

h3#credits1,
h3#credits2,
h3#credits3 {
   background-image: url(../images_site/txt_credits.png);
   width: 167px;
   height: 14px;
}

h3#technical-specifications {
   display: none;   
}

h3#patterns {
   background-image: url(../images_site/txt_patterns.png);
  width: 81px;
   height: 14px;
}

h3#patterns2 {
   background-image: url(../images_site/txt_patterns2.png);
      width: 98px;
   height: 14px;
}

h3#patterns3 {
   background-image: url(../images_site/txt_patterns3.png);
  width: 98px;
   height: 14px;
}

h3#trilogy {
   background-image: url(../images_site/txt_trilogy.png);
   width: 202px;
   height: 14px;
}

h3#question1,
h3#question2,
h3#question3 {
  width: 500px;
}


h3#question1 {
   background-image: url(../images_site/txt_question1.png);
   width: 390px;
   height: 14px;
}

h3#question2 {
   background-image: url(../images_site/txt_question2.png);
  width: 409px;
   height: 14px;
}

h3#question3 {
   background-image: url(../images_site/txt_question3.png);
      width: 355px;
   height: 14px;
}

.reviews h3 {
   background-image: url(../images_site/txt_reviews.png);
   width: 74px;
   height: 14px; 
}

#news h3 {
     background-image: url(../images_site/txt_news.png);
     width: 52px;
     height: 14px;
}

/* ie hacks */

* html body #section-nav {
  margin: 8px -70px 0 20px;
}

* html body ul#nav {
  padding-top: 20px;
}

* html body#castandcrew #main {
  margin: 0 0 0 200px;
}

* html body #main {
 padding-bottom: 50px;
 display: block; 
}

* html body {
	padding-bottom: 25px;
}