body {
	color:      #333;
	background:	url("../images/black-bar.gif") repeat-x #fff;
	font:       11px/13px Arial,Helvetica,sans-serif;
}

h1 {
	font-size: 	14px;
	color: 			#000;
	padding:		0 0 6px 0;
}

.rule {
		border-top: solid 1px #e8e8e8;
		padding: 20px 0 0 0;
	}

h2 {
	font-weight:bold;
}

h3 {
	font-weight:		bold;
	font-size:			12px;
	line-height:		16px;
	text-transform:	uppercase;
}

h4 {
	font-size:		12px;
	line-height:	14px;
	font-weight:	bold;
}

a {
	text-decoration:	none;
	color:						#000;
	background-color:	#d6f5ff;
	margin:						0;
	padding:					0;
}

a:hover {
	text-decoration:	none;
	color:						#000;
	background-color:	#ffff66;
	margin:						0;
	padding:					0;
}

em {
	font-style: italic;
}

p {
	margin: 0 0 10px 0;
}

	.container {
		margin: 	0 auto 50px auto;
		width:		940px;
	}
	
		.head {
			padding: 20px 0 20px 0;
		}
		
			.swap {
				float:		right;
				padding:	15px 0 0 0;
			}
		
		.nav {
			margin: 15px 0 0 0;
			padding: 0 0 30px 0;
		}
		
			.nav ul {
				padding: 0px 0 0px 0;        
			}
			
			.nav li {
				padding: 	0px 3px 0px 0;
				margin: 	0;
        display:	inline;
				float:		left;
			}
			
	  .clear {
	    clear:      both;
	    font-size:  1px;
	    margin:     0;
	    padding:    0;
	  }
			
		.columns {
			width: 	940px;
			margin: 30px 0 0 0;
		}
			
			.row {
				padding: 0 0 30px 0;
			}
			
			.column {
				width:			300px;
				background: #f2f2f2;
				float:			left;
				margin:			0 20px 0 0;
			}

			.columnright {
				width:			300px;
				background: #fff;
				float:			right;
				margin:			0 0 0 20px;
			}

			.columnsleft {
				width:			620px;
				float:			left;
				margin:			0 0 0 0;
			}

				.description {
					padding:	8px 10px;
				}

				.play {
					float:		right;
					padding: 	10px;
				}
			
			.last {
				margin:	0px;
			}

			.height280 {
				height:		267px;
			}

			.height293 {
				height:		293px;
			}
			
			.topmargin30 {
				margin: 30px 0 0 0;
			}

			.height280 {
				height:		280px;
			}

			.height340 {
				height:		340px;
			}

			.height310 {
				height:		310px;
			}

			.height320 {
				height:		320px;
			}

				.contact {
					padding:20px;
					line-height:16px;
				}
		

	.footer {
		width:			940px;
		margin: 		30px 0 50px 0;
		border-top: solid 1px #c0c0c0;
		padding: 		5px 0 0 0;
		color:			#666;
	}
	
		.credit {
			float:	right;
			color:	#999;
		}
		
			.credit a {
				background:	transparent;
				color:			#999;
			}

			.credit a:hover {
				background:	#ffff66;
			}
			
	
/*------------DIRECTOR PAGES------------*/

	.header {
		padding: 0 0 20px 0;
	}
	
	.navcol {
		width:		220px;
		float:		left;
		margin: 	0 20px 0 0;
	}
	
		.navcol p {
			padding: 	0 0 5px 0;
			margin:		0;
		}		
		
			
	.textcol {
		width:		460px;
		float:		left;
		margin: 	0 20px 40px 0;
	}
	
		.textcol p {
			font-size:		12px;
			line-height:	15px;
			margin: 			0 0 15px 0;
		}
		
		.textcol ul {
			font-size:				12px;
			line-height:			15px;
			list-style:				inside;
			list-style-image:	url("../images/bullet.gif");
		}
		
			.textcol li {
				padding: 2px 0 0 0;
			}
			
			.textcol .headshot {
				padding: 1px 8px 0 0;
			}

	.rightcol {
		width:		220px;
		float:		left;
		padding: 	0 0 0 0;
	}
	
	.caption {
		padding:			4px 0 20px 0;
		color:				#ff9999;
		font-size:		10px;
		line-height:	12px;
	}

		.caption a {
			color: 						#ff7474;
			background-color:	transparent;
		}
	
			
/*------------NAV ITEMS------------*/
			
#nav-narrative {
  display: block;
  width: 134px;
  height: 20px;
  background: url("../images/nav/narrative.gif") no-repeat 0 0;
}

#nav-narrative:hover { 
  background-position: 0 -20px;
}

#nav-narrative:active { 
  background-position: 0 -40px;
}

#nav-narrative span {
  display: none;
}

#nav-documentary {
  display: block;
  width: 174px;
  height: 20px;
  background: url("../images/nav/documentary.gif") no-repeat 0 0;
}

#nav-documentary:hover { 
  background-position: 0 -20px;
}

#nav-documentary:active { 
  background-position: 0 -40px;
}

#nav-documentary span {
  display: none;
}

#nav-commercial {
  display: block;
  width: 153px;
  height: 20px;
  background: url("../images/nav/commercial.gif") no-repeat 0 0;
}

#nav-commercial:hover { 
  background-position: 0 -20px;
}

#nav-commercial:active { 
  background-position: 0 -40px;
}

#nav-commercial span {
  display: none;
}

#nav-press {
  display: block;
  width: 83px;
  height: 20px;
  background: url("../images/nav/press.gif") no-repeat 0 0;
}

#nav-press:hover { 
  background-position: 0 -20px;
}

#nav-press:active { 
  background-position: 0 -40px;
}

#nav-press span {
  display: none;
}

#nav-resume {
  display: block;
  width: 101px;
  height: 20px;
  background: url("../images/nav/resume.gif") no-repeat 0 0;
}

#nav-resume:hover { 
  background-position: 0 -20px;
}

#nav-resume:active { 
  background-position: 0 -40px;
}

#nav-resume span {
  display: none;
}

#nav-home {
  display: block;
  width: 78px;
  height: 20px;
  background: url("../images/nav/home.gif") no-repeat 0 0;
}

#nav-home:hover { 
  background-position: 0 -20px;
}

#nav-home:active { 
  background-position: 0 -40px;
}

#nav-home span {
  display: none;
}

#nav-films {
  display: block;
  width: 76px;
  height: 20px;
  background: url("../images/nav/films.gif") no-repeat 0 0;
}

#nav-films:hover { 
  background-position: 0 -20px;
}

#nav-films:active { 
  background-position: 0 -40px;
}

#nav-films span {
  display: none;
}

#nav-films-on {
  display: block;
  width: 76px;
  height: 20px;
  background: url("../images/nav/films-on.gif") no-repeat 0 0;
}

#nav-films-on:hover { 
  background-position: 0 -20px;
}

#nav-films-on:active { 
  background-position: 0 -40px;
}

#nav-films-on span {
  display: none;
}

#nav-about {
  display: block;
  width: 220px;
  height: 20px;
  background: url("../images/nav/about.gif") no-repeat 0 0;
}

#nav-about:hover { 
  background-position: 0 -20px;
}

#nav-about:active { 
  background-position: 0 -40px;
}

#nav-about span {
  display: none;
}

#nav-the-story {
  display: block;
  width: 220px;
  height: 20px;
  background: url("../images/nav/the-story.gif") no-repeat 0 0;
	margin:						0;
	padding:					0;

}

#nav-the-story:hover { 
  background-position: 0 -20px;
}

#nav-the-story:active { 
  background-position: 0 -40px;
}

#nav-the-story span {
  display: none;
}

#nav-directors-statement {
  display: block;
  width: 220px;
  height: 20px;
  background: url("../images/nav/directors-statement.gif") no-repeat 0 0;
	margin:						0;
	padding:					0;
}

#nav-directors-statement:hover { 
  background-position: 0 -20px;
}

#nav-directors-statement:active { 
  background-position: 0 -40px;
}

#nav-directors-statement span {
  display: 	none;
	margin:		0;
	padding:	0;
}

#nav-potters-field {
  display: 		block;
  width: 			220px;
  height: 		20px;
  background: url("../images/nav/potters-field.gif") no-repeat 0 0;
}

#nav-potters-field:hover { 
  background-position: 0 -20px;
}

#nav-potters-field:active { 
  background-position: 0 -40px;
}

#nav-potters-field span {
  display: none;
}

#nav-team {
  display: block;
  width: 220px;
  height: 20px;
  background: url("../images/nav/team.gif") no-repeat 0 0;
}

#nav-team:hover { 
  background-position: 0 -20px;
}

#nav-team:active { 
  background-position: 0 -40px;
}

#nav-team span {
  display: none;
}

#nav-links {
  display: block;
  width: 220px;
  height: 20px;
  background: url("../images/nav/links.gif") no-repeat 0 0;
}

#nav-links:hover { 
  background-position: 0 -20px;
}

#nav-links:active { 
  background-position: 0 -40px;
}

#nav-links span {
  display: none;
}

#nav-view-trailer {
  display: block;
  width: 220px;
  height: 20px;
  background: url("../images/nav/view-trailer.gif") no-repeat 0 0;
}

#nav-view-trailer:hover { 
  background-position: 0 -20px;
}

#nav-view-trailer:active { 
  background-position: 0 -40px;
}

#nav-view-trailer span {
  display: none;
}


#btn-play {
  display: 		block;
  width: 			62px;
  height: 		21px;
  background: url("../images/btn-play.gif") no-repeat 0 0;
}

#btn-play:hover { 
  background-position: 0 -21px;
}

#btn-play:active { 
  background-position: 0 -42px;
}

#btn-play span {
  display: none;
}

#btn-trailer {
  display: 		block;
  width: 			62px;
  height: 		21px;
  background: url("../images/btn-trailer.gif") no-repeat 0 0;
}

#btn-trailer:hover { 
  background-position: 0 -21px;
}

#btn-trailer:active { 
  background-position: 0 -42px;
}

#btn-trailer span {
  display: none;
}

#btn-montage {
  display: 		block;
  width: 			62px;
  height: 		21px;
  background: url("../images/btn-montage.gif") no-repeat 0 0;
}

#btn-montage:hover { 
  background-position: 0 -21px;
}

#btn-montage:active { 
  background-position: 0 -42px;
}

#btn-montage span {
  display: none;
}

#btn-info {
  display: 		block;
  width: 			61px;
  height: 		21px;
  background: url("../images/btn-info.gif") no-repeat 0 0;
}

#btn-info:hover { 
  background-position: 0 -21px;
}

#btn-info:active { 
  background-position: 0 -42px;
}

#btn-info span {
  display: none;
}

#nav-director-site {
  display: 		block;
  width: 			149px;
  height: 		12px;
  background: url("../images/nav/director-site.gif") no-repeat 0 0;
}

#nav-director-site:hover { 
  background-position: 0 -12px;
}

#nav-director-site:active { 
  background-position: 0 -24px;
}

#nav-director-site span {
  display: none;
}

#nav-dp-site {
  display: 		block;
  width: 			234px;
  height: 		12px;
  background: url("../images/nav/cinematographer-site.gif") no-repeat 0 0;
}

#nav-dp-site:hover { 
  background-position: 0 -12px;
}

#nav-dp-site:active { 
  background-position: 0 -24px;
}

#nav-dp-site span {
  display: none;
}


#nav-press-fog {
  display: 		block;
  width: 			220px;
  height: 		20px;
  background: url("../images/nav/fog.gif") no-repeat 0 0;
}

#nav-press-fog:hover { 
  background-position: 0 -20px;
}

#nav-press-fog:active { 
  background-position: 0 -40px;
}

#nav-press-fog span {
  display: none;
}


#nav-press-girl {
  display: 		block;
  width: 			220px;
  height: 		20px;
  background: url("../images/nav/the-exploding-girl.gif") no-repeat 0 0;
}

#nav-press-girl:hover { 
  background-position: 0 -20px;
}

#nav-press-girl:active { 
  background-position: 0 -40px;
}

#nav-press-girl span {
  display: none;
}