body {
	background : black;
	text-align: center;
	padding: 0;
	margin: 0;
	font: 80%/1.4 verdana, arial, helvetica, sans-serif;
	color: #999;
}

a img {
	border: 0;
}

a {
	color : #FFF;
}

/* hax */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {
  zoom: 1;
}

#page {
	width: 760px;
	margin: 0 auto 3em auto;
	padding: 0 45px;
	text-align: left;
}

/* == Header == */

#header {
	width: 445px;
}

#utils {
	margin: 0;
	font-size: 0.8em;
	padding: 0.5em 0;
	color: #333;
}

#utils a {
	color: #333;
}

#utils a:hover {
	color: #999;
}

h1#banner, div#banner {
	margin: 55px 0 15px 0;
	font-size: 2.3em;
	letter-spacing: -1px;
}


#banner strong {
	color: #FFF;
	font-weight : normal;
}

.navigation {
	margin: 0;
	padding: 0 0 10px 0;
	list-style : none;
	background: url(/images/dotted_bg.gif) repeat-x bottom;
}

.navigation li {
	float : left;
	margin-right: 0.7em;
	padding-right: 0.7em;
	border-right: 1px solid #666;
	font-size: 0.85em;
	line-height: 1.2;
}

.navigation li a {
	text-decoration : none;
	color: #666;
}

.navigation li a:hover {
	text-decoration : underline;
	color: #999;
}

#contact, #work_for, #documentary, #misc, #for_you {
	float : none;
	border-right: 0;
}

.home #home a, .about #about a, .automotive #auto a, .commercials #com a, 
.contact #contact a, .films #films a {
	color: #CCC;
	font-weight : bold;
}

#breadcrumb {
	margin: 0 0 3em 0;
	padding: 0 0 5px 0;
	background: url(/images/dotted_bg.gif) repeat-x bottom;
	clear: left;
	font-size: 0.8em;
	color: #333;
}

#breadcrumb a {
	color: #333;
}

#breadcrumb a:hover {
	color: #999;
}

/* == Footer == */

#footer {
	margin: 2em 0;
	background: url(/images/dotted_bg.gif) repeat-x top;
	padding-top: 1.5em;
	clear: both;
}

#footer p {
	text-align: center;
	margin: 0;
}

#footer .credit {
  font-size: 0.85em;
  color: #333;
  text-align: center;
}

#footer img {
  vertical-align: top;
}

#footer .credit a {
  color: #333;
}

/* == Backgrounds == */

.b1 {
	background : url(/images/bg/bg_1.jpg) no-repeat top right;
}

.b2 {
	background : url(/images/bg/bg_2.jpg) no-repeat top right;
}

/* == Generic content == */

#content h1 {
	margin: 1em 0 0.2em 0;
	font-size: 2em;
}

.movie {
	background: url(/images/dotted_bg.gif) repeat-x bottom;
	margin: 1em 0 4em 0;
}

.movie .asset {
	float: left;
	padding-top: 1px;
}

.movie .asset-detail ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.movie .asset-detail {
	background: url(/images/dotted_bg.gif) repeat-x top;
	padding: 1px 0 0 455px;
	font-size: 0.85em;
}

.movie .selected {
  background : url(/images/grad_bg.jpg) repeat-y right;
}

.movie .asset-title {
  background: url(/images/dotted_bg.gif) repeat-x bottom;
  padding-bottom: 1px;
}

.movie .asset-title h2 {
  margin: 0;
	padding: 10px 10px 0 0;
	color: #FFF;
	font-size: 1em;
}

.movie .asset-title p {
  margin: 0;
	padding: 0 10px 10px 0;
	font-size: 0.9em;
}

p.standout {
  font-weight: bold;
  color: #FFF;
  font-size: 1.6em;
  margin: 2em 0 0 0;
}

#main-blurb, #more-blurb {
  padding-top: 1em;
  width: 260px;
  position: relative;
  font-size: 0.9em;
}

.automotive #main-blurb, .commercials #main-blurb, .shorts #main-blurb {
  width: auto;
}

#main-blurb h3, #more-blurb h3 {
  font-size: 1em;
  color: #FFF;
}

/* == Home == */

#home_showcase {
	text-align: center;
  margin: 0;
}

.home #breadcrumb {
  margin-bottom: 0;
}

.home #footer {
  margin-top: 0;
}

/* == Showreel == */
.showreel .movie {
	background: none;
	margin: 1em 0 0 0;
}

.showreel #footer {
  margin-top: 0;
}

/* == About us == */

.who #who a, .how #how a, .where #where a, .work_for #work_for a {
  color: #CCC;
	font-weight : bold;
}

.about .vcard {
  float: right;
  width: 230px;
  text-align: center;
  padding-top: 320px;
  margin-top: 0;
}

.about .vcard .email a {
  color: #666;
}

.about .vcard .jobtitle {
  color: #999;
}

.about #janey {
  background: url('/images/janey_neck.jpg') no-repeat top center;
}

.about #richard {
  background: url('/images/richard_neck.jpg') no-repeat top center;
}

.about .vcard span {
  display: block;
}

.about .vcard .fn {
  font-weight: bold;
  color: #FFF;
}

.how p.standout, .wwd p.standout {
  position: absolute;
  left: 300px;
  width: 400px;
  margin-top: 1em;
}

.wwd #main-blurb {
  padding-bottom: 10em;
}

.for_you #main-blurb {
  margin-bottom: 0;
}

#map {
  margin-top: 2em;
  font-size: 0.9em;
}

#map img {
  float: left;
  margin-right: 2em;
}

.work_for p.standout {
  margin-top: 200px;
}

/* == What we do == */

.shorts #shorts a, .features #features a, .documentary #documentary a {
  color: #CCC;
	font-weight : bold;
}

.whome #content {
  padding-bottom: 2em;
  background: url('/images/work_bg.jpg') no-repeat bottom right;
}

.whome #main-blurb {
  padding-bottom: 2em;
  width: 200px;
}

.whome #footer {
  margin-top: 0;
}

.past #main-blurb, .present #main-blurb, .future #main-blurb, .private_screening #main-blurb {
  width: 430px;
}

.past p.standout {
  position: absolute;
  left: 490px;
  width: 240px;
  margin-top: 1em;
}

.past #recent-work {
  margin: 3em 0;
  font-size: 1em;
  color: #FFF;
}

.category {
  background: url('/images/dotted_bg.gif') repeat-x top;
  padding: 1px 0 1em 0;
  position: relative;
}

.category p.private {
  clear: left;
  font-size: 0.85em;
}

.category p.other_categories {
  position: absolute;
  z-index: 100;
  top: 0.8em;
  right: 0;
  text-align: right;
  font-size: 0.85em;
}

.category p.other_categories a {
  color : #666;
}

.category h2 {
  margin-top: 1em;
  font-size: 1.5em;
  color: #FFF;
}

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

.category li {
  float: left;
  margin: 0 15px 15px 0;
  width: 137px;
}

span.exp {
  display: block;
  font-size: 0.85em;
}

.category li a {
  color: #666;
}

.present .movie {
  margin-top: 0;
  margin-bottom: 0;
}

.present .movie .asset-detail {
  padding-top: 0;
  background: 0;
}

.present h2 {
  font-size: 2em;
  margin-bottom: 0;
}

#cs-detail {
  background: url('/images/dotted_bg.gif') repeat-x bottom;
  margin-top: 0;
  padding-bottom: 1em;
  font-size: 0.85em;
}

#shots {
  float: right;
  margin-bottom: 2em;
  width: 200px;
}

.for_you #extra-blurb {
  float: right;
  width: 200px;
  margin-top: 0.5em;
  margin-right: 50px;
  color: #656565;
  font-size: 0.9em;
  margin-bottom: 2em;
}

.for_you #extra-blurb p.standout {
  width: 200px;
  position: static;
}

.for_you #main-blurb {
  width: auto;
  margin-right: 300px;
}

.present .exp {
  font-size: 0.8em;
  color: #FFF;
}

.future #main-blurb {
  margin-top: 2em;
}

.future #shots {
  margin-top: 2em;
}

#more-blurb {
  background: url('/images/dotted_bg.gif') repeat-x top;
  padding-right: 300px;
  width: auto;
  margin: 4em 0;
  padding-top: 2em;
}

#screen {
  margin: 2em 0;
  text-align: center;
}

#screen div {
  margin-top: 0;
  font-size: 0.85em;
}

/* == Forms == */

input, textarea {
  border: 1px solid #333;
  background: #000;
  color: white;
  padding: 0.5em;
  font-family: verdana, helvetica, arial, sans-serif;
  font-size: 1em;
}

select {
  border: 1px solid #333;
  background: #000;
  color: white;
  padding: 0.5em;
  font-family: verdana, helvetica, arial, sans-serif;
  font-size: 1em;
  width: 240px;
}

input.del {
  font-weight: bold;
  color: red;
}

fieldset {
  border: 0;
  background: #222;
  padding: 1em 0.5em;
}

form p {
  clear: left;
}

form label {
  width: 150px;
  display: block;
  float: left;
  padding: 0.5em;
  font-size: 0.85em;
}

p.submit {
  padding: 0 1em;
}

.screen_request #main-blurb, .dvd_request #main-blurb {
  width: 500px;
  font-size: 0.9em;
}

/* == Private Screening == */
#versions {
  float: right;
  margin-bottom: 2em;
  width: 305px;
}

.private_screening .movie {
  margin-bottom: 0;
}

#versions h2 {
  font-size: 0.9em;
  padding-bottom: 0.7em;
  background: url('/images/dotted_bg.gif') repeat-x bottom;
}

#versions ul {
  padding: 0.2em 0 1em 0;
  list-style-type: none;
  font-size: 0.9em;
}

.private_screening fieldset {
  background: none;
  padding: 0;
  margin: 0;
}

.private_screening form p {
  margin: 0 0 0.5em 0;
}

.private_screening label {
  padding: 0.2em 0 0.2em 0.2em;
}

.private_screening textarea {
  width: 400px;
}

.wwd #content {
  background: url('/images/film_bg.jpg') no-repeat bottom right;
  padding-bottom: 12em;
}

.wwd #footer {
  margin-top: 0;
}

#map p {
  padding-top: 20px;
  clear: left;
}

#screen #addt-text {
  text-align: left;
  background: url('/images/dotted_bg.gif') repeat-x top;
  margin-top: 25px;
  padding-top: 15px;
}

.features #main-blurb {
  width: 450px;
}