#container
{
  margin: 0 auto;
  text-align: left;
  *width: 987px;
}

a,
img
{
  border: 0;
  outline: 0;
}

body
{
  background: no-repeat rgb(0, 0, 0);
  margin: 10px 0;
  text-align: center;
}

ul
{
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#logo
{
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: 2;
}

#logo a
{
  background: url(../images/bleading-lady.png) no-repeat;
  display: block;
  height: 146px;
  margin: 0 auto;
  text-indent: -9999px;
  width: 488px;
}

#production-companies ul li a span
{
  display: none;
}

#production-companies ul li.new-image a
{
  background: url(../images/new-image.png) no-repeat 50% 50%;
  display: block;
  height: 43px;
  text-indent: -9999px;
  width: 113px;
}

#production-companies ul li.plotdigger-films a
{
  background: url(../images/plotdigger-films.png) no-repeat 50% 50%;
  display: block;
  height: 43px;
  text-indent: -9999px;
  width: 118px;
}

#content-outer,
#footer-outer
{
  font-family: Trebuchet MS, Helvetica, sans-serif;
  overflow: hidden;
  position: absolute;
  text-align: center;
  width: 100%;
}

#content-outer
{
  color: rgb(227, 226, 204);
  font-size: 12px;
  height: 520px;
  line-height: 20px;
  top: 90px;
}

#content-outer #content-inner,
#footer-outer #footer-inner
{
  height: 100%;
  margin: 0 auto;
  overflow: hidden;
  text-align: left;
  width: 987px;
}

#content-outer #content-inner
{
  display: none;
}

#content-outer #content-inner h1,
#content-outer #content-inner h2,
#footer-outer #footer-inner h2
{
  color: rgb(255, 255, 255);
  text-transform: uppercase;
}

#content-outer #content-inner h1
{
  font-size: 20px;
  font-weight: normal;
  margin-top: 50px;
}

#content-outer #content-inner div
{
  margin-top: 4px;
  max-height: 365px;
  overflow: hidden;
}

#content-outer #content-inner h1,
#the-story #content-outer #content-inner div,
#the-filmmakers #content-outer #content-inner div,
#special-thanks #content-outer #content-inner div,
#the-crew #content-outer #content-inner div
{
  background: url(../images/backgrounds/content.png);
  padding: 4px 13px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}

#navigation
{
  background: no-repeat rgb(0, 0, 0);
  font-family: Trebuchet MS, Helvetica, sans-serif;
  font-size: 12px;
  letter-spacing: 1px;
  line-height: 27px;
  position: absolute;
  text-align: center;
  top: 610px;
  width: 100%;
  z-index: 2;
}

#navigation ul
{
  margin: 0 auto;
  text-align: left;
  width: 987px;
  *margin: 0;
}

#navigation ul li
{
  float: left;
  margin-left: 33px;
  z-index: 2;
}

#navigation ul li a
{
  text-decoration: none;
}


#navigation ul li,
#navigation ul li a
{
  color: rgb(108, 156, 188);
  cursor: hand;
  text-transform: uppercase;
}

#navigation ul li:hover,
#navigation ul li a:hover
{
  color: rgb(238, 238, 238);
}

#navigation ul li div
{
  background: url(../images/backgrounds/navigation.png);
  display: none;
  left: 0;
  position: absolute;
  text-align: center;
  top: -24px;
  width: 100%;
}

#footer-outer
{
  color: rgb(57, 56, 54);
  font-size: 11px;
  top: 637px;
  *margin-left: 33px;
}

#footer-outer #footer-inner
{
  width: 921px;
}

#footer-outer #footer-inner h2
{
  color: rgb(57, 56, 54);
  font-size: 100%;
  margin-bottom: 6px;
}

#footer-outer #footer-inner ul
{
  margin-top: 6px;
}

#footer-outer #footer-inner h2
{
  margin
}

#footer-outer #footer-inner #social-bookmarks
{
  float: left;
}

#footer-outer #footer-inner #social-bookmarks ul li
{
  float: left;
  margin-right: 4px;
}

#footer-outer #footer-inner #social-bookmarks ul li a
{
  display: block;
  height: 16px;
  text-indent: -9999px;
  width: 16px;
}

#footer-outer #footer-inner #social-bookmarks ul li.twitter a
{
  background: url(../images/social-bookmarks/twitter.png) no-repeat;
}

#footer-outer #footer-inner #social-bookmarks ul li.delicious a
{
  background: url(../images/social-bookmarks/delicious.png) no-repeat;
}

#footer-outer #footer-inner #social-bookmarks ul li.stumbleupon a
{
  background: url(../images/social-bookmarks/stumbleupon.png) no-repeat;
}

#footer-outer #footer-inner #social-bookmarks ul li.digg a
{
  background: url(../images/social-bookmarks/digg.png) no-repeat;
}

#footer-outer #footer-inner #social-bookmarks ul li.facebook a
{
  background: url(../images/social-bookmarks/facebook.png) no-repeat;
}

#footer-outer #footer-inner #social-bookmarks ul li.google a
{
  background: url(../images/social-bookmarks/google.png) no-repeat;
}

#footer-outer #footer-inner #social-bookmarks ul li.reddit a
{
  background: url(../images/social-bookmarks/reddit.png) no-repeat;
}

#footer-outer #footer-inner #production-companies h2,
#footer-outer #footer-inner #production-companies ul li
{
  text-align: right;
}

#footer-outer #footer-inner #production-companies ul li
{
  float: right;
  margin-left: 40px;
}

#home
{
  background: url(../images/backgrounds/home-0.jpg) no-repeat 50% 0 rgb(0, 0, 0);
}

#the-crew
{
  background: url(../images/backgrounds/the-crew.jpg) no-repeat 50% 90px rgb(0, 0, 0);
}

#the-crew #content-outer #content-inner
{
  padding-left: 287px;
  width: 700px;
}

#the-cast
{
  background: url(../images/backgrounds/the-cast.jpg) no-repeat 50% 90px rgb(0, 0, 0);
}

#the-cast #content-outer #content-inner div #biography h2
{
  margin-top: 0;
}

#the-cast #content-outer #content-inner div #list,
#the-cast #content-outer #content-inner div #biography
{
  overflow: auto;
}

#the-cast #content-outer #content-inner div #biography
{
  max-height: 341px;
}

#the-cast #content-outer #content-inner div #list
{
  float: right;
  height: 341px;
  margin-left: 12px;
  width: 200px;
}

#the-cast #content-outer #content-inner div #list ul li
{
  margin-bottom: 0;
}

#the-cast #content-outer #content-inner div #list img,
#the-cast #content-outer #content-inner div #list div
{
  display: none;
}

#the-cast #content-outer #content-inner div #picture
{
  float: left;
  margin-right: 12px;
  max-width: 200px;
  padding: 14px 13px;
  width: 200px;
}

#the-cast #content-outer #content-inner div #biography div
{
  height: auto;
  max-height: none;
}

#the-cast #content-outer #content-inner div #list ul li a,
#videos #content-outer #content-inner div #list ul li a
{
  color: rgb(108, 156, 188);
}

#the-cast #content-outer #content-inner div #list ul li a:hover,
#videos #content-outer #content-inner div #list ul li a:hover
{
  color: rgb(238, 238, 238);
}

#the-crew #navigation ul li.about div,
#the-cast #navigation ul li.about div,
#the-filmmakers #navigation ul li.about div,
#the-story #navigation ul li.about div,
#gallery #navigation ul li.gallery div
{
  display: block;
}

#the-filmmakers
{
  background: url(../images/backgrounds/the-filmmakers.jpg) no-repeat 60% 90px rgb(0, 0, 0);
}

#the-filmmakers #content-outer #content-inner,
#the-story #content-outer #content-inner
{
  width: 400px;
}

#the-filmmakers #content-outer #content-inner
{
  padding-left: 587px;
}

#the-crew #content-outer #content-inner div dl,
#the-filmmakers #content-outer #content-inner div dl
{
  margin: 10px 0;
}

#the-crew #content-outer #content-inner div dl dt,
#the-filmmakers #content-outer #content-inner div dl dt
{
  color: rgb(255, 255, 255);
  margin-top: 10px;
  text-transform: uppercase;
}

#the-crew #content-outer #content-inner div dl dd,
#the-filmmakers #content-outer #content-inner div dl dd
{
  margin: 0;
}

#the-crew #content-outer #content-inner div dl dt:first-child,
#the-filmmakers #content-outer #content-inner div dl dt:first-child
{
  margin-top: 0;
}

#the-story
{
  background: url(../images/backgrounds/the-story.jpg) no-repeat 50% 90px rgb(0, 0, 0);
}

#the-story #content-outer #content-inner
{
  padding-right: 587px;
}

#the-story #content-outer #content-inner div
{
  overflow: auto;
}

#gallery
{
  background: url(../images/backgrounds/gallery.jpg) no-repeat 50% 90px rgb(0, 0, 0);
}

#gallery #content-outer #content-inner div
{
  overflow: auto;
}

#gallery #content-outer #content-inner div ul
{
  margin-top: 0;
  overflow: auto;
}

#gallery #content-outer #content-inner div ul li
{
  background: url(../images/backgrounds/content.png);
  float: left;
  padding: 10px 10px 6px 10px;
  margin-bottom: 10px;
  margin-right: 10px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

#gallery #content-outer #content-inner div ul li a img
{
  height: 100px;
  width: 100px;
}

#videos
{
  background: url(../images/backgrounds/videos.jpg) no-repeat 50% 90px rgb(0, 0, 0);
}

#videos #content-outer #content-inner
{
  line-height: 16px;
  width: 837px;
}

#videos #content-outer #content-inner div #list,
#videos #content-outer #content-inner div #player-outer,
#the-cast #content-outer #content-inner div #list,
#the-cast #content-outer #content-inner div #picture,
#the-cast #content-outer #content-inner div #biography
{
  background: url(../images/backgrounds/content.png);
  padding: 10px 13px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

#videos #content-outer #content-inner div #list
{
  float: left;
  width: 140px;
}

#videos #content-outer #content-inner div #list ul li
{
  margin-bottom: 10px;
}

#videos #content-outer #content-inner div #player-outer
{
  float: right;
  height: 336px;
  width: 626px;
}

#videos #content-outer #content-inner div #player-outer #player-inner
{
  height: 328px;
}

#special-thanks
{
  background: url(../images/backgrounds/special-thanks.jpg) no-repeat 50% 90px rgb(0, 0, 0);
}

#special-thanks #content-outer #content-inner div
{
  overflow: auto;
}

#special-thanks #content-outer #content-inner div ul
{
  margin-top: 40px;
}

#special-thanks #content-outer #content-inner div ul li
{
  float: left;
  margin-bottom: 20px;
  margin-right: 20px;
  width: 450px;
}

#special-thanks #content-outer #content-inner div ul li h2
{
  font-size: 14px;
  margin-top: 0;
  text-transform: none;
}

#special-thanks #content-outer #content-inner div ul li h2 a
{
  color: rgb(108, 156, 188);
  display: block;
  padding-top: 50px;
}

#special-thanks #content-outer #content-inner div ul li h2 a:hover
{
  color: rgb(238, 238, 238);
}

#special-thanks #content-outer #content-inner div ul li.matrix-professional-video-supplies h2 a
{
  background: url(../images/partners/matrix-professional-video-supplies.png) no-repeat;
}

#special-thanks #content-outer #content-inner div ul li.qube-film h2 a
{
  background: url(../images/partners/qube-film.png) no-repeat;
}

#special-thanks #content-outer #content-inner div ul li.maple-ridge h2 a
{
  background: url(../images/partners/maple-ridge.png) no-repeat;
}

#special-thanks #content-outer #content-inner div ul li.copy-that h2 a
{
  background: url(../images/partners/copy-that.png) no-repeat;
}

#special-thanks #content-outer #content-inner div ul li.william-f-white-international h2 a
{
  background: url(../images/partners/william-f-white-international.png) no-repeat;
}

#special-thanks #content-outer #content-inner div ul li.lorne-lapham-sales-rental h2 a
{
  background: url(../images/partners/lorne-lapham-sales-rental.png) no-repeat;
}

#special-thanks #content-outer #content-inner div ul li.the-tapehouse-media-supplies h2 a
{
  background: url(../images/partners/the-tapehouse-media-supplies.png) no-repeat;
}

#special-thanks #content-outer #content-inner div ul li.grindhouse-video h2
{
  padding-top: 50px;
  background: url(../images/partners/grindhouse-video.png) no-repeat;
}

#special-thanks #content-outer #content-inner div ul li.parallel-rentals h2 a
{
  background: url(../images/partners/parallel-rentals.png) no-repeat;
}