﻿* {
	margin: 0;
	border: 0;
	padding: 0;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
}

body {
	width: 800px;
	margin: 0 auto;
	background-color: #fff;
	color: #000;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 100%;
	line-height: 1.5em;
}

a:link,
a:visited {
	color: #369;
	text-decoration: underline;
}

a:hover,
a:active {
	color: #fff;
	background-color: #69c;
	text-decoration: none;
}

h4 {
	font-size: 1.1em;
	font-weight: bold;
}

h4 a:link,
h4 a:visited {
	margin-left: -.25em;
	padding: 0 .25em;
	color: #69c;
	text-decoration: none !important;
}

h4 a:hover,
h4 a:active {
	background-color: #69c;
	color: #fff;
}

blockquote,
blockquote p,
blockquote li {
	margin: .5em 0;
	color: #333;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: .95em;
	font-style: italic;
}

blockquote ul {
  margin: 1em 2em;
}

em {
	font-family: Georgia, Times, "Times New Roman", serif;
	font-style: italic;
}

blockquote em {
  font-style: normal;
}

h4 a,
h4 em {
	font-weight: bold;
}

strong,
strong a {
	font-weight: bold;
}

sup {
	font-size: 8px;
}

p + p {
	margin-top: 1em;
}

p.caption {
	/*width: 500px;
	margin: 0 auto 10px;*/
	padding-bottom: 15px;
	font-size: .85em;
	line-height: 1.25em;
}

p.subtitle {    
  padding: 1em 0;
  font-size: 1.1em;
}

p.supporters {
	clear: both;
	margin: 1.5em 0 0;
	padding: 2em 9em 0;
	background: transparent url(/Images/bg.section.png) 50% 0% no-repeat;
	text-align: left;
}

p.supporters.bottom {
	margin-top: 1em;
	padding-top: 0;
	background-image: none;
}

a.facebook {
	display: block;
	width: 206px;
	height: 40px;
	margin: 25px auto 0;
	padding: 4px 0 0 154px;
	background: transparent url(http://static.ak.fbcdn.net/images/pages/find_us_on_facebook_badge.gif) 0 50% no-repeat;
	font-weight: bold;
	line-height: 1.5em;
	text-align: left;
}

a.facebook:hover {
	color: #369;
}

img.right {
  float: right;
  margin: 0 0 1em 1em;
}

		  .power {
		    margin-top: 25px;
		    padding-top: 26px;
		    background: transparent url(/images/style/bg.section.png) 50% 0 no-repeat;
		    text-align: center;
		  }
		  .power h4,
		  .power p {
		    margin: 0;
		    color: #666;
		    font-size: 24px;
		    font-weight: normal;
		    line-height: 1.25em;
		    text-transform: uppercase;
		  }
		  .power p span { color: #69c }

.RadGrid_Default 
{
    border: 0 !important;
}

/*	--------------------------------------------------
		Navigation
		--------------------------------------------------	*/

.RadMenu {
	margin-bottom: 8px !important;
	margin-left: 5px !important;
}

ul.navigation {
  clear: both;
  height: 30px;
	text-align: center;
	list-style: none;
}

ul.navigation li {
  float: left;
}

ul.navigation li.drop {
  background: transparent url(/Images/bg.nav-menu.png) 90% 50% no-repeat;
}

ul.navigation li a,
ul.navigation li span {
	border-left: 1px solid #ccc;
	padding: .25em 1em;
  text-decoration: none;
}

ul.navigation li span {
  padding-right: 2em;
  color: #369;
	font-weight: bold;
	cursor: default;
}

ul.navigation li.home a {
	border: 0;
}

ul.navigation li ul {
  display: none;
  position: absolute;
  margin-top: -2px;
  border-left: 1px solid #ccc;
  padding-top: 2px;
  background-color: #fff;
  text-align: left;
}

ul.navigation li ul li {
  display: block;
  float: none;
}

ul.navigation li ul li a {
  padding: .5em 1em;
  display: block;
  border: 0;
  line-height: 1em;
}

/* 	--------------------------------------------------
		Thumbnail Navigaton
		--------------------------------------------------	*/

div.thumbnails {
	width: 500px;
	height: 125px;
	margin: 0 auto 20px;
	overflow: auto;
}

div.thumbnails ul {
	list-style: none;
}

div.thumbnails ul.keith {
	width: 660px;
}

div.thumbnails ul li {
	float: left;
	width: 110px;
	height: 110px;
	margin: 0;
	padding: 0;
}

div.thumbnails ul li a {
	display: block;
	float: none;
	width: 90px;
	height: 90px;
	margin: 5px;
	border: 5px solid #fff;
	overflow: hidden;
}

div.thumbnails ul li a:hover {
	border-color: #ccc;
}

div.thumbnails ul li a.active {
	border-color: #69c;
}

div.thumbnails ul li a img {
	width: 90px;
	height: 90px;
	margin: 0;
	border: 0;
	padding: 0;
}

/* 	--------------------------------------------------
		Head
		--------------------------------------------------	*/

div#head {
	width: 800px;
	margin: 50px 0 1px;
	overflow: hidden;
}

div#head h1,
div#head h2 {
	margin-bottom: 25px;
}

div#head h1 {
	float: left;
	width: 500px;
	height: 40px;
}

div#head h1 a {
	display: block;
	width: 500px;
	height: 40px;
	background: transparent url(/Images/bg.logotype.png) 0% 50% no-repeat;
	text-indent: -10000px;
}

div#head h2 {
	float: right;
	width: 300px;
	height: 40px;
	background: transparent url(/Images/bg.top-copy.png) 100% 50% no-repeat;
	text-indent: -10000px;
}

div#head ul.navigation {
	margin-left: 8px;
	font-size: 11.5px;
}

div#head ul.navigation li a {
	font-weight: bold;
}

body.home li.home a,
body.preview li.preview a,
body.media li.media a,
body.store li.store a,
body.purchase-orders li.store a,
body.contact li.contact a,
body.thanks li.thanks a,
body.resources li.resources a,
body.support li.support a {
	background-color: #fff;
	color: #000;
	font-weight: bold;
	cursor: default;
}

body.home li.home a:hover,
body.preview li.preview a:hover,
body.media li.media a:hover,
body.store li.store a:hover,
body.purchase-orders li.store a:hover,
body.contact li.contact a:hover,
body.thanks li.thanks a:hover,
body.resources li.resources a:hover,
body.support li.support a:hover {
	background-color: #fff;
}

li.support a {
	background-color: #69c;
	color: #fff !important;
}

li.support a:hover {
	background-color: #369;
}

/* 	--------------------------------------------------
		Content
		--------------------------------------------------	*/

div#content {
	clear: both;
	background: #fff url(/Images/bg_content.png) 50% 0% no-repeat;
	padding: 20px 25px;
}

div#rescontent {
	clear: both;
	background: #fff url(/Images/bg_content.png) 50% 0% no-repeat;
	padding: 0;
}

div#multcontent {
	clear: both;
	background: #fff url(/Images/bg_content.png) 50% 0% no-repeat;
	padding-top: 0;
}

.section {
	margin: 25px 0 0;
	padding: 0 0 30px;
	background: transparent url(/Images/bg.section.png) 50% 100% no-repeat;
	overflow: hidden;
}

.section img {
	float: left;
}              

.section h3 {
	margin: 0 0 0 265px;
}

.section p,
.section form {
	margin: 0 0 0 275px;
}

.section p {
	margin-bottom: 1em;
}

.section h3 a {
	display: block;
	width: 525px;
	height: 40px;
	background-position: 0% 0%;
	background-repeat: none;
	text-indent: -10000px;
}

.section h3 a:hover {
	background-position: 0% 100%;
}

.screenings h3 a {
	background-image: url(/Images/bg.head.screenings.png);
}

.section.preview h3 a {
	background-image: url(/Images/bg.head.preview.png);
}

.section.media h3 a {
	background-image: url(/Images/bg.head.slideshows.2.png);
}

.section.list h3 a {
	background-image: url(/Images/bg.head.list.png);
}

.section p {
	font-size: .95em;
}

/* 	--------------------------------------------------
		Footer
		--------------------------------------------------	*/

div#footer {
	clear: both;
	margin: 5px 0 0;
    margin-top: 15px;
	padding: 25px 0 75px;
	background: transparent url(/Images/bg.section.png) 50% 0% no-repeat;
	font-size: 75%;
	text-align: center;
}

div#footer ul.navigation {
	margin-left: 8px;
	font-size: 11.5px;
}

div#footer ul.navigation li a {
	font-weight: bold;
}

/* 	--------------------------------------------------
		Forms
		--------------------------------------------------	*/

form {
	/*overflow: hidden;
	margin: 2em auto;
	/*border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 2em 0;*/
}

label {
	display: block;
	float: left;
	clear: left;
	width: 20%;
	margin-bottom: 1em;
	padding-right: 15px;
	color: #444;
	font-size: .9em;
	font-weight: bold;
	line-height: 1.75em;
	text-align: right;
}

input, textarea {
	float: left;
	/*border: 1px solid #bbb;*/
	padding: 3px;
	background-color: #eee;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1em;
}

input:focus,
textarea:focus {
	border-color: #666;
	background-color: #fff;
}

input#submit,
input#reset {
	width: 125px;
	margin-right: 1em;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
	padding: .45em .5em .25em;
	background-color: #666;
	color: #fff;
	font-size: .8em;
	font-weight: bold;
	line-height: 1em;
	text-transform: uppercase;
}

input#submit {
	clear: left;
	margin-left: 165px;
}

textarea {
	margin-bottom: 1em;
}

/* 	--------------------------------------------------
		Media Pages
		--------------------------------------------------	*/
		
.media h3,
.samuel {
	width: 100%;
	height: 20px;
	margin: .25em 0 1em;
	text-indent: -10000px;
}                      

.video 
{
    float: left;
}

.description 
{
    float: left;
    clear: both;
}

.media h3.trailer {
	background: transparent url(/Images/bg.head.three-minute-trailer.png) -10px 50% no-repeat;  
}

.media h3.trailer.extended {
	background: transparent url(/Images/bg.head.extended-trailer.png) -10px 50% no-repeat;  
}

.media h3.multimedia {
	background: transparent url(/Images/bg.head.preview.2.png) -10px 50% no-repeat;
}

.samuel {
	background: transparent url(/Images/bg.head.samuel.clips.png) -10px 50% no-repeat;
}   

.media div.trailer {
  margin-bottom: 35px;  
  border-bottom: 1px solid #eee;
  padding-bottom: 25px;
}                    

.media div.trailer p {
  width: 100%;
  margin: .25em 0 0 0;
}

.media div.section h3 {
	width: 525px;
	height: 40px;
	margin: 0 0 0 265px;
	padding: 0;
	background-position: 0% 50%;
	background-repeat: none;
	text-indent: -10000px;
}

.media #samuel h3 {
	background-image: url(/Images/bg.head.samuel.png);
}

.alana
 {
    width: 100%;
	height: 20px;
	margin: .25em 0 1em;
	text-indent: -10000px;
	background: transparent url(/Images/bg.head.alana.png) -10px 50% no-repeat;
}

.emily 
{
        width: 100%;
	height: 20px;
	margin: .25em 0 1em;
	text-indent: -10000px;
	background: transparent url(/Images/bg.head.emily.png) -10px 50% no-repeat;
}

.nathaniel 
{
            width: 100%;
	height: 20px;
	margin: .25em 0 1em;
	text-indent: -10000px;
	background: transparent url(/Images/bg.head.haggerty.png) -10px 50% no-repeat;
}

.leading {
	background: transparent url(/Images/bg.head.keith.png) -10px 50% no-repeat;  
}

.leading 
{
    	width: 100%;
	height: 20px;
	margin: .25em 0 1em;
	text-indent: -10000px;
}

.media div#keith {
	padding-bottom: 0;
	background-image: none;
}

object.clip {
	float: left;
	width: 250px;
	height: 218px;
	margin-bottom: 5px;
	border: 1px solid #ccc;
}

.samuel object.clip {
	width: 320px;
	height: 265px;
}

.media p {
	margin-bottom: .5em;
}

.media h3 span.count {
	display: block;
	float: right;
	color: #aaa;
}

.media a.previous,
.media a.next {
	clear: right;
	display: block;
	width: 80px;
	height: 300px;
	margin-top: 25px;
	background-color: transparent;
	background-position: 50% 0%;
	background-repeat: none;
	text-indent: -10000px;
}

.media a.previous:hover,
.media a.next:hover {
	background-position: 50% 100%;
}

.media a.previous {
	float: left;
	background-image: url(/Images/bg.link.previous.png);
}

.media a.next {
	float: right;
	background-image: url(/Images/bg.link.next.png);
}

.media img {
	margin: 0 35px;
	padding: 10px;
	background-color: #fff;
}

html.firefox .media img {
	margin: 0 0 0 110px;
}

.media div.section img {
	margin: 0;
	padding: 0;
}

.media img.first {
	margin-left: 115px;
}

.clips li {
	list-style: none;
	overflow: hidden;
}

.clips li {
	float: left;
	margin: 0 25px 25px 25px;
}

body.samuel ul.clips li h4 {
	margin-bottom: .5em;
	font-size: 1em;
}

body.samuel ul.clips li object {
	margin-bottom: 1em;
}

a.download {
	display: block;
	clear: left;
}

/* 	--------------------------------------------------
		Preview Page
		--------------------------------------------------	*/

body.preview h3 {
	width: 100%;
	height: 20px;
	margin: .25em 0 1em;
	background: transparent url(/Images/bg.head.preview.page.png) 0% 50% no-repeat;
	text-indent: -10000px;
}

body.preview p.caption {
	width: 750px;
	margin-top: 10px;
}

/* _______________________________________________________
    IS Effect
_____________________________________________________________ */
#iseffect h3 
{
    width: 100%;
    height: 20px;
    margin: .25em 0 1em;
    text-indent: -10000px;
}

.iseffect
{
    margin-top: .25em;
    height: 50px;
    text-indent: -10000px;
    background: transparent url(/Images/iseffectlarge.png)-2px 50% no-repeat;
}

.sf_postTitle
{
    font-size: 18px !important;
    font-weight: bold;
}

/* 	--------------------------------------------------
		About Page
		--------------------------------------------------	*/

#about h3 {
	width: 100%;
	height: 20px;
	margin-bottom: 1em;
	text-indent: -10000px;
}



#about-project {
	margin-top: .25em;
	height: 25px;
	background: transparent url(/Images/bg_head_film.png) -10px 50% no-repeat;
}

#about-supporters {
	background: transparent url(/Images/bg.head.supporters.png) 0% 50% no-repeat;
}

#about-dan {
	background: transparent url(/Images/bg.head.dan.png) 0% 50% no-repeat;
}

#about ul {
		    margin-top: .5em;
		    color: #999;
		    list-style-position: inside;
}

#about h4 {
		    margin-top: 20px;
		    color: #666;
		    font-size: 14px;
		  }


/* 	--------------------------------------------------
		Screenings Page
		--------------------------------------------------	*/

.screenings a.map {
  	    float: right;
  	    display: block;
  	    width: 200px;
  	    height: 109px;
  	    margin: 0 0 1em 25px;
  	    border: 1px solid #ccc;
  	    padding: 9px;
  	  }


.screenings h3,
body.past-screenings h3 {
	width: 100%;
	height: 20px;
	margin: .25em 0 1em;
	text-indent: -10000px;
}

.screenings h3 {
	background: transparent url(/Images/bg.head.screenings.page.png) 0% 50% no-repeat;
}

.screenings h4#find-a-screening,
.screenings h4#host-a-screening,
.screenings h4#featured-screenings {
  width: 100%;
  height: 40px;
  margin: 25px 0 5px;
  background-color: transparent;
  background-position: -10px 50%;
  background-repeat: no-repeat;
  text-indent: -10000px;
}

.screenings #find-a-screening {
  background-image: url(/Images/bg.head.find-a-screening.png);
}

.screenings #host-a-screening {
  background-image: url(/Images/bg.head.host-a-screening.png);
}

.screenings #featured-screenings {
  background-image: url(/Images/bg.head.featured-screenings.png);
}

.sf_eventsList li 
{
    margin: 0px !important;
}

.event {
	margin-top: 20px;
	padding-bottom: 20px;
	background: transparent url(/Images/bg.section.png) 50% 100% no-repeat;
}

.event h4 {
	font-size: 18px;
	line-height: 18px;
}

.event h4 span {
	font-weight: bold;
}

.event h4 .date {
	color: #369;
}

.screenings div.event h4 span.time {
	color: #999;
}

.event h5 {
	margin: 10px 0;
	font-size: 20px;
	line-height: 20px;
}

.event h5 span {
	font-weight: bold;
}

.event h5 span.venue {
	color: #000;
}

.event h5 span.city {
	color: #369;
}

.screenings div.event p.conference,
.screenings div.event p.download {
	margin: 0;
	font-weight: bold;
	line-height: 1.5em;
}

.showing_details ul
{
    list-style-type:disc;
    margin-left: 25px;
}

.showing_details ul li
{
    padding: 0;
    margin: 0;
}

.screenings div.event p.conference a,
.screenings div.event p.download a {
	font-weight: bold;
}

.screenings div.event p,
.screenings div.event ul {
	font-size: 14px;
	line-height: 21px;
}

.screenings div.event ul {
	margin: 5px 20px;
}

body.past h3 {
	background: transparent url(/Images/bg.head.past-screenings.page.png) -10px 50% no-repeat !important;
}

table {
	width: 100%;
	margin: 1em 0;
	border: 1px solid #888;
	background-color: #fff;
	font-size: .8em;
}

table th,
table td {
	padding: .75em;
	line-height: 1.25em;
	vertical-align: top;
}

table th {
	background-color: #888;
	color: #eee;
	font-weight: bold;
	text-align: left;
}

table td.date {
	width: 15%;
}

body.past table td.date {
  width: 20%;
}

table td.venue {
	width: 25%;
}

body.past table td.venue {
  width: 30%;
}

table td.city {
	width: 15%;
}

body.past table td.city {
  width: 20%;
}

table td.time {
	width: 10%;
}

table tr.even td {
	background-color: #eee;
}

table td ul {
	margin: 0;
	list-style: none;
}

table td ul li + li {
	margin-top: .5em;
}

/* 	--------------------------------------------------
		Screenings Reservation Page
		--------------------------------------------------	*/

.screenings h3 {
	width: 100%;
	height: 20px;
	margin: .25em 0 1em;
	background: transparent url(/Images/bg.head.reservations.png) -10px 50% no-repeat;
	text-indent: -10000px;
}

/* 	--------------------------------------------------
		Thanks Page
		--------------------------------------------------	*/

body.thanks div#content {
	height: 250px
}

body.thanks h3 {
	width: 100%;
	height: 20px;
	margin: .25em 0 1em;
	background: transparent url(/Images/bg.head.thanks.page.png) 0% 50% no-repeat;
	text-indent: -10000px;
}

/*  --------------------------------------------------
    Broadcasts Page
    --------------------------------------------------  */

#television-head {
	width: 100%;
	height: 20px;
	margin: .25em 0 1em;
	background: transparent url(/Images/bg.head.television.png) -10px 50% no-repeat;
	text-indent: -10000px;
}

/* News Page */
.media h3 {
	width: 100%;
	height: 20px;
	margin-bottom: 1em;
	text-indent: -10000px;
}

.media-details {
	margin-top: .25em;
	height: 25px;
	background: transparent url(/Images/inthemedia.png) 0 50% no-repeat;
}


/* FROM THE DIRECTOR */
.director h3 {
	width: 100%;
	height: 20px;
	margin-bottom: 1em;
	text-indent: -10000px;
}

.director-details {
	margin-top: .25em;
	height: 25px;
	background: transparent url(/Images/FromTheDirector.png) 0 50% no-repeat;
}

/*  --------------------------------------------------
    Press Page
    --------------------------------------------------  */

.press h3 {
	width: 100%;
	height: 20px;
	margin: .25em 0 1.5em;
	background: transparent url(/Images/inthemedia.png) 0% 50% no-repeat;
	text-indent: -10000px;
}

.press img {
  float: left;
  margin-bottom: 40px;
}

.press h4 {
  clear: both;
	margin-top: 40px;
	color: #333;
}

.press p {
	margin-top: 1em;
}

.press p.byline {
	margin: 10px 0 2.5em;
	border-top: 1px solid #ddd;
	padding-top: 10px;
	font-size: .9em;
}

.press p.byline span.source {
	color: #333;
}

.press p.byline span.date {
	color: #999;
}

.press {
	margin-top: 20px;
	padding-bottom: 20px;
	background: transparent url(/Images/bg.section.png) 50% 100% no-repeat;
}

/*--------------------------------------------------------
Press Kit
--------------------------------------------------------*/
 .presskit h4 {
        margin: 30px 0 15px 0;
        border-top: 1px solid #ddd;
        padding-top: 30px;
        color: #666;
        font-size: 20px;
        font-weight: bold;
      }
      .presskit h5 {
        font-size: 16px;
        font-weight: bold;
      }
      .presskit ul.kit-nav {
        margin: 1em 0;
        list-style: none;
        overflow: hidden;
      }
      .presskit ul.kit-nav li {
        float: left;
        margin-right: .5em;
        border-right: 1px solid #ccc;
        padding-right: .5em;
      }
      .presskit ul.kit-nav li.last {
        border: 0;
      }
      .presskit ul.kit-nav li a {
        font-size: 1em;
        font-weight: bold;
      }
      .presskit p.info {
       clear: both;
      }
      div.item {
        padding: 10px 0 25px 0;
        overflow: hidden;
      }
      div.item img.thumbnail {
        float: left;
        margin: 0 21px 0 0;
        border: 1px solid #ccc;
        padding: 1px;
        background-color: #eee;
      }
      div.item p {
        margin-left: 100px;
      }
      div.item a.download {
        clear: none;
        display: inline;
        font-weight: bold;
      }
      p.zip a {
        font-weight: bold;
      }
      a.jump {
        clear: both;
      }

/* Home Page */
 .home .promo h4 {
  	    margin-bottom: 25px;
  	  }
  	  .home .promo a.cvs {
  	    margin: 0 50px 0 90px;
  	  }
		  /*.home #content {
		    padding: 0 25px 25px;
		  }*/
		  .home .section {
		    margin-top: 0;
		    padding: 25px 0;
		  }
		  .home .section p {
		    margin-bottom: 0;
		  }
        
          .home #content 
          {
              margin-top: 15px;
          }

  	  .toolkits {
  	    float: left;
  	    width: 380px;
  	    margin-top: 40px;
  	    padding-right: 20px;
  	  }
  	 .toolkit {
  	    float: left;
  	    width: 200px;
  	    margin-top: 40px;
  	  }
  	    .toolkit a.thumb {
  	      display: block;
  	      float: right;
  	      width: 180px;
  	      height: 233px;
  	      margin-bottom: 5px;
  	      border: 1px solid #69c;
  	    }  	    
  	    .toolkit p {
          float: right;
  	      width: 180px;
  	      margin: 0;
  	      font-size: 13px;
  	      line-height: 1.25em;
  	      text-align: center !important;
  	    }
  	      .toolkit p a {
  	        display: block;
  	        margin-bottom: 5px;
  	        font-size: 14px;
  	        font-weight: bold !important;
  	      }
  	    .home .adult a.thumb,
  	    .home .adult p  {
  	      float: left;
  	    }
/* 	--------------------------------------------------
		Online Store Pages
		--------------------------------------------------	*/

#store h3 {
	width: 100%;
	height: 20px;
	margin: .25em 0 0;
	padding-bottom: 20px;
	background-color: transparent;
	background-position: -10px 50%;
	background-repeat: no-repeat;
	text-indent: -10000px;
}

#store-head {
	margin-bottom: 1em;
	background-image: url(/Images/bg.head.store.png);
}

#store-po {
	height: 26px;
	background-image: url(/Images/bg.head.purchase-orders.png);	
}

.store p,
.store quote {
	margin-bottom: .5em;
}

.store quote {
	display: block;
	margin-top: 1em;
	padding: .75em 1em;
	background-color: #eee;
	font-family: Georgia, Times, "Times New Roman", serif;
	font-style: italic;
}

.store p.citation {
	margin: 0 0 0 1em;
	font-size: .9em;
}

div.product {
	clear: both;
	margin: 25px 0 0 0;
	border-top: 1px solid #ddd;
	padding: 40px 0 15px;
	overflow: hidden;
}

div.product h4 {
	margin-bottom: .5em;
}

div.product h4 strong {
	padding: .15em .25em;
	background-color: #69c;
	color: #fff;
	font-weight: normal;
}

div.product img.cover {
	float: left;
	margin-right: 25px;
}

div.product p {
	font-size: .9em;
}

div.product ul {
	margin: 0 0 0 4em !important;
	font-size: .8em;
}

dl.contents {
	float: left;
	width: 225px;
	margin: .5em 0 0 0;
}

dl.contents dt {
	color: #666;
	font-size: 1em;
	font-weight: bold;
}

dl.contents dd {
	margin-bottom: .5em;
	font-size: .75em;
	line-height: 1.5em;
}

div.purchase {
	float: right;
	width: 180px;
	height: 48px;
	margin: .75em 0 0 0;
	border: 1px solid #ccc;
	background-color: #eee;
	overflow: hidden;
}

div.purchase div.price {
	float: left;
	width: 56px;
	margin: 1px;
	padding: 10px;
	background-color: #69c;
	color: #fff;
	font-size: 26px;
	line-height: 26px;
	text-align: right;
}

div.purchase a.submit {
	float: right;
	width: 80px;
	height: 28px;
	margin: 10px 10px 0 10px;
	border: 0;
	padding: 0;
	background: transparent url(/Images/HomeImages/bg.buy.png) 0% 0% no-repeat;
	color: #fff;
	text-indent: -10000px;
}

div.purchase a.submit:hover,
div.purchase a.submit:focus {
	background-position: 50% 50%;
}

div.purchase a.submit:active {
	background-position: 50% 100%;
}

/* 	--------------------------------------------------
		Links Page
		--------------------------------------------------	*/

body.links h3 {
	width: 100%;
	height: 20px;
	margin: .25em 0 1.5em;
	background: transparent url(/Images/bg.head.resources.page.png) -10px 50% no-repeat;
	text-indent: -10000px;
}

.press span.byline {
	display: block;
	margin-bottom: 2.5em;
	font-size: .9em;
}

.press span.byline span.source {
	color: #333;
}

.press span.byline span.date {
	color: #999;
}

/* 	--------------------------------------------------
		Effect
		--------------------------------------------------	*/

#about-effect {
	width: 100%;
	height: 20px;
	margin: .25em 0 1.5em;
  background: transparent url(/Images/bg_head_effect.png) -10px 50% no-repeat;
	text-indent: -10000px;
}

#about-saying {
	width: 100%;
	height: 20px;
  margin: 3em 0 1.5em;
  background: transparent url(/Images/bg.effect.saying.png) -10px 50% no-repeat;
	text-indent: -10000px;
}

.effect p {
  font-size: 1em;
  padding-bottom: 15px;
}

.effect p.citation {
  margin-bottom: 2em;
  border-bottom: 1px solid #eee;
  padding-bottom: 2em;
  font-size: 90%;
  line-height: 1.25em;
}

.effect p.citation span.postscript {
	display: block;
	margin-top: 1em;
	color: #777;
	font-family: Georgia, Times, "Times New Roman", serif;
	font-style: italic;
	line-height: 1.5em;
}

/* 	--------------------------------------------------
		Support
		--------------------------------------------------	*/

body.support h3 {
	width: 100%;
	height: 40px;
	margin: .25em 0 .75em;
	background: transparent url(/Images/bg.head.support.png) -10px 0% no-repeat;
	text-indent: -10000px;
}

body.support p {
	margin-bottom: 1em;
}

body.support h4 {
	margin-bottom: .75em;
}

body.support form {
	margin: 0;
	border: 0;
	padding: 0;
}

body.support img,
body.support input {
	border: 0;
	padding: 0;
	background-color: transparent;
}

/* 	--------------------------------------------------
		Press Kit
		--------------------------------------------------	*/

.presskit h3 {
	width: 100%;
	height: 40px;
	margin: .25em 0 .75em;
	background: transparent url(/Images/bg.head.press-kit.png) -10px 0% no-repeat;
	text-indent: -10000px;
}

/* 	--------------------------------------------------
		Host A Screening
		--------------------------------------------------	*/

.host h3 {
	width: 100%;
	height: 40px;
	margin: .25em 0 .75em;
	background: transparent url(/Images/bg.head.host.png) -10px 0% no-repeat;
	text-indent: -10000px;
}

      .host h4 {
        margin: 30px 0 15px 0;
        border-top: 1px solid #ddd;
        padding-top: 30px;
        color: #666;
        font-size: 20px;
        font-weight: bold;
      }
      .host h5 {
        font-size: 16px;
        font-weight: bold;
      }
      .host ul.kit-nav {
        margin: 1em 0;
        list-style: none;
        overflow: hidden;
      }
      .host ul.kit-nav li {
        float: left;
        margin-right: .5em;
        border-right: 1px solid #ccc;
        padding-right: .5em;
      }
      .host ul.kit-nav li.last {
        border: 0;
      }
      .host ul.kit-nav li a {
        font-size: 1em;
        font-weight: bold;
      }

     .host p.info {
       clear: both;
      }
      .host .item {
        padding: 10px 0 25px 0;
        overflow: hidden;
      }
      .host .item img.thumbnail {
        float: left;
        margin: 0 21px 0 0;
        border: 1px solid #ccc;
        padding: 1px;
        background-color: #eee;
      }
      .host .item p {
        margin-left: 100px;
      }
      .host .item a.download {
        clear: none;
        display: inline;
        font-weight: bold;
      }
      .host p.zip a {
        font-weight: bold;
      }
      .host a.jump {
        clear: both;
      }


/* 	--------------------------------------------------
		Contact
		--------------------------------------------------	*/

.contact h3 {
	width: 100%;
	height: 20px;
	margin: .25em 0 1.5em;
	background: transparent url(/Images/bg.head.contact.png) -10px 50% no-repeat;
	text-indent: -10000px;
}

.contact h4 {
	margin-top: 25px;
}

/* 	--------------------------------------------------
		Promo Box
		--------------------------------------------------	*/
		
.promo {
	padding: 20px 0 40px 0;
}

.promo a.logo {
  float: left;
  margin: 0 25px 0 0;
  padding: 0;
}

.promo a.logo img {
  margin: 0;
}

.promo h3,
.promo h4 {
	font-family: "Gill Sans", Candara, Verdana, "Bitstream Vera Sans", sans-serif;
}

.promo h3 {
	margin: 0 0 10px 0;
	color: #369;
  font-size: 36px;
	font-weight: bold;
	line-height: 36px;
}

.promo h3 a {
  font-weight: bold !important;
  text-decoration: none !important;
}

.promo h4 {
	margin-bottom: 10px;
	color: #666;
	font-size:  24px;
	font-weight: normal;
	line-height: 24px;
}

.promo h5 {
  padding-top: 10px;
  font-size: 24px;
  line-height: 24px;
}

.promo h4 em,
.promo h5 em {
  color: #369;
	font-family: "Gill Sans", Candara, Verdana, "Bitstream Vera Sans", sans-serif;
}

.promo h4 em {
	font-weight: normal;	
}

body.home div.promo p {
	text-align: left;
}

.promo a {
  color: #369 !important;
  font-weight: normal !important;
}

.promo h4 a {
  margin: 0;
  padding: 0;
}

.promo a:hover {
  color: #fff !important;
}

/* 	--------------------------------------------------
		Resources Minisite
		--------------------------------------------------	*/

.resources div#content {
	padding: 0 0 40px 0;
}

ul#resource-nav {
	float: left;
	width: 151px;
	font-size: 13px;
	line-height: 1em;
	list-style: none;
}

ul#resource-nav li {
	margin: 0;
	padding: 0;
}

ul#resource-nav li a {
	display: block;
	border-right: 1px solid #ccc;
	padding: 10px;
	background-color: transparent;
	text-decoration: none;
}

ul#resource-nav li.additional {
  margin-top: 20px;
}

ul#resource-nav li.additional a {
  border-top: 1px solid #cce;
  border-bottom: 1px solid #cce;
  background-color: #ddf;
  color: #258;
}

ul#resource-nav li.nip a {
	height: 43px;
	margin-top: 25px;
	padding-top: 85px;
	background-image: url(/images/logo.nip.small.png);
	background-position: 50% 0%;
	background-repeat: no-repeat;
	font-size:  11px;
	text-align: center;
}

ul#resource-nav li a:hover {
	color: #369;
	text-decoration: underline;
}

.resources ul#resource-nav li a.active {
	background-color: #fff;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-right-color: #fff;
	font-weight: bold;
}

.resources div#copy {
	margin: 0 0 50px 150px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 0 30px 30px;
	background-color: #fff;
}

.resources div#copy h2 {
	margin: 20px 0 15px 0;
	color: #999;
}

.resources div#copy img.logo {
	float: left;
	margin: 0 20px 20px 0;
}

.resources .resource {
	margin-top: 3em;
	overflow: hidden;
}

.resources .resource .document {
	float: left;
	width: 100px;
}

.resources .resource .document img {
	border: 1px solid #ccc;
}

.resources .resource .document a.download {
	display: block;
	width: 75px;
	height: 20px;
	margin-top: 10px;
	background: transparent url(/Images/bg.download.png) 50% 50% no-repeat;
	color:  #fff;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	line-height:  20px;
	text-align: center;
	text-decoration: none;
}

.resources .resource .details {
	float: left;
	width: 400px;
}

.resources .resource .details table {
	margin: 0 0 1em 0;
	border: 0;
	padding: 0;
}

.resources .resource .details table th,
.resources .resource .details table td {
	border-top: 1px solid #ccc;
	padding: .5em 0;
	background-color: #fff;
	color: #333;
}

.resources .resource .details table th {
	padding-right: 1em;
}

.resources .resource .details p.download * {
	font-size: 13px;
	font-weight: bold;
	line-height: 1.1em;
}

/* 	--------------------------------------------------
		Miscellaneous
		--------------------------------------------------	*/

div.mug {
	float: right;
	margin: 0 0 1em 1em;
}

p.credit {
	font-family: Georgia, Times, "Times New Roman", serif;
	font-size: .8em;
	font-style: italic;
	line-height: 1.25em;
	text-align: center;
}

p.credit strong {
	font-style: italic;
}

div.hr {
	clear: both;
}

div.hr hr {
	display: none;
}

/* 	--------------------------------------------------
		Temporary
		--------------------------------------------------	*/

body.TK {
	width: 100%;
	background: transparent url(/Images/TK.png) 50% 50% no-repeat;
}

body.TK * {
	display: none;
}

/* 	--------------------------------------------------
		Home Page Redesign
		--------------------------------------------------	*/

ul#content-nav {
  float: left;
  width: 200px;
  height: 370px;
  margin-bottom: 25px;
  background: transparent url(/images/home/bg.content-nav.png) 50% 0 no-repeat;
  list-style: none;
  overflow: hidden;
}

  ul#content-nav li {
    /*height: 74px;*/
    font-size: 12px;
    text-indent: -9999px;
  }
  
    ul#content-nav li a {
      display: block;
      height: 74px;
      margin: 0;
      border-top: 1px solid #ddd;
      border-bottom: 1px solid #fff;
      background-color: transparent;
      background-position: 0 50%;
      background-repeat: no-repeat;
    }
    
    ul#content-nav li a:hover {
      background-color: transparent;
    }
    
      ul#content-nav li a#buy {
        border: none;
        background-image: url(/images/HomeImages/buy_dvd.png);
      }
      
      ul#content-nav li a#buy:hover 
      {
          border: none;
          background-image: url(/images/HomeImages/mouseover_buy.png);
      }
      
      ul#content-nav li a#e-newsletter 
      {
          border: none;
        background-image: url(/images/HomeImages/newsletter.png);        
      }
      
      ul#content-nav li a#e-newsletter:hover 
      {
          border: none;
        background-image: url(/images/HomeImages/mouseover_enewsletter.png);        
      }
      
      
      ul#content-nav li a#trailer 
      {
          border: none;
        background-image: url(/images/HomeImages/trailer.png);        
      }
      
      ul#content-nav li a#trailer:hover {
        background-image: url(/images/HomeImages/mouseover_trailer.png);        
      }
      
      ul#content-nav li a#facebook {
        border: none;
        background-image: url(/images/HomeImages/facebook.png);        
      }
      ul#content-nav li a#facebook:hover {
        border: none;
        background-image: url(/images/HomeImages/mouseover_facebook.png);        
      }
      
      ul#content-nav li a#support {
        /*margin: 0;
        border: 0;
        background-color: #69c;*/
        border: none;
        background-image: url(/images/HomeImages/bg_support.png);
        /*background-position: 15px 50%;*/
      }

      ul#content-nav li a#support:hover 
      {
        background-image: url(/images/HomeImages/mouseover_support.png);
      }

div#featured-content {
  float: right;
  width: 571px;
  height: 366px;
  margin-bottom: 25px;
  /*border: 2px solid #e6e6e6;*/
}

div#featured-content img {
  display: block;
  border: 0;
}

body.home div#content {
  clear: both;
  width: 800px;
  padding: 0 0 250px;
}

  body.home div#content div {
    float: left;
    width: 33%;
  }
  
    body.home div#content div h3 {
      height: 32px;
      margin: 20px 0 20px 20px;
    }
    
      .home #content h3 a {
        display: block;
        height: 32px;
        background-color: transparent;
        background-position: 0 50%;
        background-repeat: no-repeat;
        text-indent: -9999px;
      }
    
      body.home div#content div h3 a:hover {
        background-color: transparent;
      }
    
     .home #screenings 
     {
           padding-bottom: 20px;
     }
    
     .home #screenings h3 a {
        background-image: url(/images/home/bg.head.screenings.png);        
      }
    
      .home #content #broadcasts h3 a {
        background-image: url(/images/home/iseffect.png);        
      }
    
      .home #content #news h3 a {
        background-image: url(/images/home/inthemedia.png);        
      }
    
    .home #content div ul {
      margin: 0 20px;
      font-size: 13px;
      list-style: none;
    }
    
      .home .sf_eventsList ul li {
        margin-bottom: 20px !important;
      }
      
        .home #content div ul li p {
          margin: 0;
          line-height: 18px;
        }
        
        .home #screenings .sf_eventsList ul li p.date {
          color: #666;
          font-weight: bold;
        }
    
        /* .home .sf_eventsList p.venue,
          p.venue a {
          color: #369 !important;
        }
        
        .home .sf_postListing ul li p a:hover 
        {
            color: White !important;
        }*/
    
        .home #content #broadcasts ul li p.date {
          color: #666;
          font-weight: bold;
        }
        
          body.home div#content div#broadcasts ul li p.date span {
            font-family: Georgia, Times, sans-serif;
            font-style: italic;
            font-weight: bold;
          }
    
        body.home div#content div#broadcasts ul li p.channel,
        body.home div#content div#screenings ul li p.channel a {
          color: #369;
          font-weight: bold;
        }
    
        body.home div#content div#news ul li p.date {
          color: #666;
          font-weight: bold;
        }
        
        body.home div#content div#news ul li p.text,
        body.home div#content div#news ul li p.text a {
          color: #369;
          font-weight: bold;
        }
    
    body.home div#content a.more {
      display: block;
      margin: 0 0 0 20px;
      font-size: 13px;
      font-weight: bold;
    }

/***************** Multimedia Pages *****************************************/
#multisidebar
{
    border-top:1px solid #CCCCCC;
    float: left;
}

.RadPanelBar .rpRootGroup 
{
    border: 0 !important;
}

.RadPanelBar_Default 
{
    background: none !important;
    width: 151px !important;
}

.RadPanelBar .rpLink .rpOut
{
    font-size: 13px;
    color: #336699;
    padding: 10px;
}

.RadPanelBar .rpLink
{
    border-bottom-width: 0 !important;
}

.RadPanelBar .rpFirst .rpSelected
{
    border-top: none !important;
}

.RadPanelBar .rpSelected 
{
    border-top: 2px solid !important;
    border-bottom-width: 2px !important;
}

.RadPanelBar .rpSelected .rpOut .rpText
{
    font-weight: bold !important;
}

.RadPanelBar_Default .rpLink,
.RadPanelBar_Default .rpTemplate 
{
    background: none transparent !important;
}

.RadPanelBar .rpFocused .rpOut,  
.RadPanelBar .rpSelected .rpOut, .RadPanelBar .rpSelected:hover .rpOut {
    padding-bottom: 10px !important;
    background-color: #FFF !important;
    border-bottom-color: #EBEBEB !important;
}

.RadPanelBar .rpLink:hover .rpOut
{
    padding: 10px !important;
    text-decoration: underline !important;
}

.RadPanelBar .rpOut 
{
    border-bottom-style: none !important;
}

.RadPanelBar_Default .rpFocused, 
.RadPanelBar_Default .rpExpanded, 
.RadPanelBar_Default .rpSelected, 
.RadPanelBar_Default .rpSelected:hover {
border-color:#EBEBEB !important;
}

#multicontent 
{
background-color:#FFFFFF;
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
border-top:1px solid #CCCCCC;
margin:0 0 50px 150px;
padding: 10px 0 30px 30px;
}

ol.sf_pager 
{
    float: none !important;
    clear: none !important;
    margin-left: 45px !important;
    margin-bottom: 5px;
}

ol.sf_pager li a
{
    padding-left: 4px;
    padding-right: 4px;
    margin: 1px;
    border: 1px solid #ccc;
}

.sf_singleImage
{
    margin-left: 45px;
    margin-top: 45px;
}

p.sf_singleImageCaption
{
    font-weight: normal !important;
    padding-left: 50px;
    width: 500px;
}


	img{border:none;}
	pre{
		display:block;
		font:12px "Courier New", Courier, monospace;
		padding:10px;
		border:1px solid #bae2f0;
		background:#e3f4f9;	
		margin:.5em 0;
		width:674px;
		}	
			
    /* image replacement */
        .graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */
			
	#container{	
		margin:0 auto;
		position:relative;
		text-align:left;
		height: 370px;
		width:696px;
		background:#fff;		
		margin-bottom:2em;
		}	
			

/* Easy Slider */
    #slider a
    {
        text-decoration:none;
    }
    
	#slider li span {display: block;
	                 width: 571px;
	                height:60px;
			        background: transparent url(../../homeimages/slide.png) repeat 0 0;
			        margin-top: -367px; 
			        position: relative;
			} 

	#slider li a span  
	{
	                color: white;
	                text-align: left;
					text-decoration: none;
					font-size: 1.0em;
					padding-left: 20px;
					padding-top: 8px;
					}

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:571px;
		height:366px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top: -71px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:696px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		top: -70px;
		width:30px;
		height:77px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		position: relative;
		top: -50px;
		left: 10px;
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 5px 0 0; 
		border: none;
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		color: #fff;
		}
	ol#controls li a{
		float:left;
		border: none;
		height:24px;
		line-height:24px;
		background: transparent url(../../homeimages/circle_inactive.png) no-repeat 0 0;
		/*background:#5c88bf;*/
		color:#5c88bf;
		font-weight: bold;
		padding:0 7px;
		text-decoration:none;
		}
	ol#controls li.current a{
		/*background:#5DC9E1;*/
		background: transparent url(../../homeimages/circle.png) no-repeat 0 0;
		color:#fff;
		}
	ol#controls li a:hover{
				background: transparent url(../../homeimages/circle.png) no-repeat 0 0;
				color: #fff;
				}
	
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */