/* RESET */
* {
	margin:0px;
	padding:0px;
	}

blockquote {
	margin-left:2em;
	}
:focus {
	outline: 0;
}	

/* STRUCTURE */
html, body{
	height:100%;
	margin:0;
	padding:0;
}

body{
	background-color:#fff;
	text-align:center;
	min-width:960px;
	min-height:600px;
}

#vertical{
	float:left;
	height:50%;
	margin-top:-300px;/* half vertical height*/
	width:100%;
}

#main {
	width:960px;
	margin-left:auto;
	margin-right:auto;
	height:600px;
	text-align:left;
	clear:both;
	border:1px solid #ccc;
	background-color:#fff;
}

#main_demoreel {
	width:960px;
	margin-left:auto;
	margin-right:auto;
	height:660px;
	text-align:left;
	clear:both;
	border:1px solid #ccc;
	background-color:#fff;
}


.main {
	background: url('../images/birdsinflight.gif');
}

.mainfilm {
	background: url('../images/birdsinflight_smalltree.gif');
}

.mainfilmtrailer {
	background: url('../images/tree_small.gif') no-repeat bottom right;
}

ul#nav {
	width:121px;
}

#bodycopy {
	width:325px;
	height:188px;
	padding:0 25px 0 0;
	}

#bodycopynews {
	width:325px;
	height:72px;
	}

#bodycopyfilm {
	width:275px;
	height:90px;
	padding:0 25px 0 0;
	}

ul#nav li {
	list-style-type:none;
	border-top:1px solid #ccc;
	margin:0 0 14px 0;
	}

ul#nav li.on {
	border-top:2px solid #2c2c2c;
}

#content {
	width:433px;
	float:left;
	margin:118px 0 0 36px;
	}

#navcolumn{
	width:191px;
	margin:42px 0 0 12px;
	float:left;
	}

img#wordmark {
	margin:0 0 55px 0;
	}

img#logo {
	margin:259px 0 0 12px;
	}


#stills {
	width:433px;
	margin:0 0 18px 0;
	}

ul#subnav {
	border-left:1px solid #ccc;
	margin:20px 0 0 0;
	}

ul#subnav li, ul#subnavfilms li {
	list-style-image: url('../images/bullet.gif');
	margin:0 0 0 20px;
	}

ul#subnavfilms {
	width:200px;
	margin:115px 0 0 10px;
	float:left;
	}

#subnavstills {
	list-style-type:none;
	width:115px;
	float:right;
	}

img.arrowleft {
	padding:0 10px 0 10px;
	}

#stillrollovers {
width:360px;
height:120px;
padding:0 0 25px 0;
	}

#stillrollovers img {
	float:left;
	width:120px;
}

#stillrollovers img.mothersimg {
	background: url('../images/frontpage/mothers.jpg');
}

#stillrollovers img.motherstext {
	background: url('../images/frontpage/mothers.gif');
}

#stillrollovers img.unnaturalimg {
	background: url('../images/frontpage/unnatural.jpg');
}

#stillrollovers img.unnaturaltext {
	background: url('../images/frontpage/unnatural.gif');
}

#stillrollovers img.lolaimg {
	background: url('../images/frontpage/lola.jpg');
}

#stillrollovers img.lolatext {
	background: url('../images/frontpage/lola.gif');
}

#stillrollovers img.emileimg {
	background: url('../images/frontpage/emile.jpg');
}

#stillrollovers img.emiletext {
	background: url('../images/frontpage/emile.gif');
}

#stillrollovers img.severedimg {
	background: url('../images/frontpage/severed.jpg');
}

#stillrollovers img.severedtext {
	background: url('../images/frontpage/severed.gif');
}

#stillrollovers img.normalimg {
	background: url('../images/frontpage/normal.jpg');
}

#stillrollovers img.normaltext {
	background: url('../images/frontpage/normal.gif');
}


/* TYPOGRAPHY */
body {
	font-size:76.1%;
	line-height:1.5em;
	font-family:helvetica, arial, sans-serif;				
	color:#828284;
	}

#main {
	font-size:.95em;
	line-height:1.5em;
	}
h1.heading {
	margin:0 0 15px 0;
	}

h1.film {
	margin:0 0 10px 0;
	}

p {
	margin:0 0 1.5em 0;
	}


a, #subnavstills li a.link {
	color:#828284;
	text-decoration:none;
	border-bottom:1px dotted #828284;
	}

#subnavstills li a, #nav li a {
	text-decoration:none;
	padding-bottom:0px;
	border-bottom:0px;
	}

ul#subnavfilms li {
	line-height:1.6em;
}