/* CSS Document */

body {
	margin: 35px 0 0 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	background-color: #000;
	color: #999;
	text-align: center;
	}

textarea {
    font-family: Arial, Helvetica, sans-serif;
	}

img {
    border: 0;
}

a {
    color: #757575;
    text-decoration: none;
}

a:hover {
    color: #CBCDCC;
    text-decoration: underline;
}

/* ----- page structure ----- */

#container {
	width: 960px;
	text-align: left;
	margin: 0 auto;
  padding-left: 4px;
	}

/* ----- header ----- */

#header {
	position:relative;
	width: 960px;
	height: 77px;
  border-bottom: solid 14px #000;
  background-color:#616556;
	}
/*#features #header {
	background-color:#3f302b;
	}
#commercials #header {
	background-color:#3b2c32;
	}
#in_production #header {
	background-color:#293448;
	}
#reels #header {
	background-color:#4d3d2d;
	}
#research_and_development #header {
	background-color:#373d47;
	}	
#jobs #header {
	background-color:#494730;
	}
#about #header {
	background-color:#616556;
	}
#contact #header {
	background-color:#444444;
	}*/
#logo {
	position: absolute;
	background-repeat: no-repeat;
	background-position: -12px 0;
	width: 464px;
	height: 91px;
	z-index: 100;
  background-image: url(../img/logo-about.jpg);
	}
#logo a {
	display: block;
	text-indent: -2000px;
	width: 299px;
	height: 91px;
  overflow: hidden;
	}
/*#features #header #logo {
	background-image:url(../img/logo-features.jpg);
	}
#commercials #header #logo {
	background-image: url(../img/logo-commercials.jpg);
	}
#in_production #header #logo {
	background-image: url(../img/logo-in-production.jpg);
		}
#reels #header #logo {
	background-image: url(../img/logo-reels.jpg);
	}
#research_and_development #header #logo {
	background-image: url(../img/logo-randd.jpg);
	}	
#jobs #header #logo {
	background-image: url(../img/logo-jobs.jpg);
	}
#about #header #logo {
	background-image: url(../img/logo-about.jpg);
	}
#contact #header #logo {
	background-image: url(../img/logo-contact.jpg);
	}*/

/* main nav */
#main-nav {
	position:absolute;
	right:10px;
	bottom:0;
  z-index:200;
  font-size: 1.333em;
	font-weight: bold;
  line-height: 1;
	}
#main-nav ul {
	float: left;
  margin: 0;
	padding: 0;
	}
#main-nav ul li {
	float: left;
  margin: 0;
	padding: 0;
	list-style-type: none;
	}
#main-nav ul li a {
	float: left;
  display: block;
  margin: 0;
  padding: 5px 10px;
	color: #b1b1b1;
	text-align: center;
	text-decoration: none;
  overflow: hidden;
	}
#main-nav ul li a:hover {
	color:#fff;
	}
/*#main-nav ul li.features a {
	background-position:0 7px;
	width:89px;
	}
#main-nav ul li.commercials a {
	background-position:-90px 7px;
	width:128px;	
	}
#main-nav ul li.in-production a {
	background-position:-218px 7px;
	width:131px;	
	}
#main-nav ul li.reels a {
	background-position:-349px 7px;
	width:62px;	
	}
#main-nav ul li.randd a {
	background-position:-411px 7px;
	width:53px;	
	}					
#main-nav ul li.jobs a {
	background-position:-464px 7px;
	width:55px;	
	}
#main-nav ul li.about a {
	background-position:-519px 7px;
	width:67px;
	}
#main-nav ul li.contact a {
	background-position:-586px 7px;
	width:85px;	
	} 
#main-nav ul li.features a:hover {
	background-position:0 -16px;
	}
#main-nav ul li.commercials a:hover {
	background-position:-90px -16px;
	}
#main-nav ul li.in-production a:hover {
	background-position:-218px -16px;
	}
#main-nav ul li.reels a:hover {
	background-position:-349px -16px;
	}
#main-nav ul li.randd a:hover {
	background-position:-411px -16px;
	}
#main-nav ul li.jobs a:hover {
	background-position:-464px -16px;
	}
#main-nav ul li.about a:hover {
	background-position:-519px -16px;
	}
#main-nav ul li.contact a:hover {
	background-position:-586px -16px;
	}
#features #main-nav ul li.features a {
	color:#85675a;
	background-position:0 -39px;
	background-color:#000;
	}
#commercials #main-nav ul li.commercials a {
	color:#6b505a;
	background-position:-90px -39px;
	background-color:#000;
	}
#in_production #main-nav ul li.in-production a {
	color:#4c5879;
	background-position:-218px -39px;
	background-color:#000;
		}
#reels #main-nav ul li.reels a {
	color:#725f49;
	background-position:-349px -39px;
	background-color:#000;
	}
#research_and_development #main-nav ul li.randd a {
	color:#516171;
	background-position:-411px -39px;
	background-color:#000;
	}
#jobs #main-nav ul li.jobs a {
	color:#5f5c40;
	background-position:-464px -39px;
	background-color:#000;
	}
#about #main-nav ul li.about a {
	color:#98a088;
	background-position:-519px -39px;
	background-color:#000;
	}
#contact #main-nav ul li.contact a {
	color:#85675a;
	background-position:-586px -39px;
	background-color:#000;
	}*/
#features #main-nav ul li.features a,
#commercials #main-nav ul li.commercials a,
#in_production #main-nav ul li.in-production a,
#reels #main-nav ul li.reels a,
#research_and_development #main-nav ul li.randd a,
#jobs #main-nav ul li.jobs a,
#about #main-nav ul li.about a,
#contact #main-nav ul li.contact a {
	color: #98a088;
	background-color: #000;
	}


/* ----- content area ----- */

#content {
	margin: 26px 0 0 0;
}

#home #content {
	margin: 0 0 0 0;
}

#home h2 {
	font-size: 2em;
}

#home h3 {
	font-size: 1.230769230769231em;
  margin-bottom: 6px;
}

#home p {
  margin-bottom: 6px;
}

#home a {
	color: #cacaca;
}

#home a.more {
	font-size: 1.076923076923077em;
}


/* -- column 1 structure --  */

#content #template1 #column1 { /* page */
	width: 100%;
	margin: 0 0 0 0;
	padding: 0;
	position: relative;
	}

#content #template2 #column1 { /* features section page */
	width: 956px;
	margin: 0 0 20px 0;
	padding: 0;
	float: left;
	}

#content #template3 #column1 { /* about, jobs, in production, contact */
	width: 343px;
	margin: 0 0 20px 0;
	padding: 0;
	float: left;
	}

#content #template4 #column1 { /* features, commercials */
	width: 350px;
	margin: 0 0 20px 0;
	padding: 0;
	float: left;
	}

#content #template5 #column1 { /* reels */
	width: 354px;
	margin: 0 0 20px 0;
	padding: 0;
	float: left;
	}

#content #template6 #column1 { /* jobs - form */
	width: 526px;
	margin: 0 0 20px 0;
	padding: 0;
	float: left;
	}


/* column 2 structure  */

#content #template2 #column2 { /* features section page */
	width: 0;
	margin: 0;
	padding: 0;
	}

#content #template3 #column2 { /* about, jobs, in production, contact  */
	width: 591px;
	margin: 0 0 20px 0;
	padding: 0;
	float: right;
	}

.contact-col {
	width: 280px;
	float: left;
	}

#content #template4 #column2 { /* features, commercials */
	width: 576px;
	margin: 0 0 20px 0;
	padding: 0 0 0 0;
	float: right;
	}

#content #template5 #column2 { /* reels */
	width: 576px;
	margin: 0 0 20px 0;
	padding: 0;
	float: right;
	}

#content #template6 #column2 { /* jobs - form */
	width: 0;
	margin: 0;
	padding: 0;
	}



/* -- headers and text styles -- */

h1 {
	font-size: 1.667em;
	margin: 0 0 13px 0;
	padding: 0;
	font-weight: normal;
  color: #97A186;
	}

h2 {
	font-size: 1.25em;
	font-weight: normal;
	margin: 0 0 1em;
	padding: 0;
  color: #97A186;
	}

h3 {
	font-size: 1.0833em;
	font-weight: normal;
	margin: 0;
	padding: 0;
	}

p.intro {
	font-size: 1.167em;
	line-height: 1.2em;
  color: #787878;
	margin: 0;
	padding: 0 0 10px 0;
	}

p {
	margin: 0 0 10px 0;
	padding: 0;
	line-height: 1.3em;
	}

p.date {
	color: #616161;
	margin: -2px 0 0 0;
	}

p.date span {
	color: #a57647;
	}

p.date img {
	padding: 0 7px 0 0;
	margin: 2px 0 -2px 0;
	}

.subnav-breadcrumbs	{
	margin: -11px 0 19px 0;
	font-size: 1em;
	color: #666;
	}

.subnav-breadcrumbs a:link,
.subnav-breadcrumbs a:visited	{
	text-decoration: none;
	}

.subnav-breadcrumbs a:hover	{
	text-decoration: underline;
	}

.coloured-block {
	background-color: #2C2C2C;
	margin: 0 0 23px 0;
	padding: 16px 16px 6px 16px;
}

.coloured-block h2 {
  margin: 0 !important;
  padding-bottom: 3px;
}

.divider-block {
	border-top: 1px solid #333;
	margin: 16px 0 0 0;
	padding: 16px 0 0 0;
	clear: both;
}


.vid-navigation {
  width: 574px;
  position: relative;
}

span.previous {
  position: absolute;
  left: 0px;
  top: 0;
  width: 250px;
  margin: 0 0 0 0;
  font-size: 1.25em;
	}

span.previous a:link,
span.previous a:visited,
span.previous a:hover {
	background: url(../img/arrow-previous.gif) no-repeat 0 2px;
	padding: 0 0 0 16px;
	}

span.index {
  position: absolute;
  left: 250px;
  top: 0;
  width: 150px;
  margin: 0 0 0 0;
  font-size: 1.25em;
}

span.next {
  position: absolute;
  right: 0px;
  top: 0;
  width: 150px;
  text-align: right;
  margin: 0 0 0 0;
  font-size: 1.25em;
}

span.next a:link,
span.next a:visited,
span.next a:hover {
	background: url(../img/arrow-next.gif) no-repeat 100% 2px;
	padding: 0 16px 0 0;
	}


/* -- header and text colours for different colourways --  */

/* homepage  */

#home h1 {
	position: absolute;
	left: -9999px;
	margin: 0;
}

#home #template1 #column1 {
  background: url(../img/weta.png) right bottom no-repeat;
  float: left;
}

#home #promo {
  float: right;
  width: 244px;
  text-align: right;
  padding-top: 50px;
}

#home #promo .blurb {
  font: 3em/1 'Arial Black', Arial, Helvetica, sans-serif;
  color: #616556;
  padding-bottom: 20px;
}

#home #promo .blurb a {
  color: #fff;
}

#news {
  width: 625px;
  font-size: 1.0833em;
}

#news ul, #news li {
  margin: 0;
  padding: 0;
  list-style: none;
}

#news li {
  margin-bottom: 20px;
}

#news img, #news .content {
  display: inline-block;
  vertical-align: top;
}

#news img {
  margin-right: 30px;
}

#news .content {
  max-width: 357px;
}

/* features  */

#features h1 img {
	padding: 0 9px 3px 9px;
	border: none;
	margin: 0 0 0 0;
	}

#features p.intro {
	color: #999;
	}


/* commercials  */

#commercials h1 img {
	padding: 0 9px 3px 9px;
	border: none;
	margin: 0 0 0 0;
	}

#commercials p.intro {
	color: #999;
	}


/* in production  */

#in_production h3 {
	color: #97A186;
  margin: 0 0 10px 0;
	}


/* reels  */

#reels #subnav {
	color: #757575;
	font-size: 1.333em;
	}

#reels #subnav ul {
	margin: 0;
	padding: 0;
	}

#reels #subnav ul li {
	margin: 0;
	padding: 0 0 12px 0;
	list-style-type: none;
	}

#reels #subnav ul li a:link,
#reels #subnav ul li a:visited {
	margin: 0;
	padding: 4px 0;
	color: #757575;
	text-decoration: none;
	}

#reels #subnav ul li a:hover,
#reels #subnav ul li.current
 {
	margin: 0;
	padding: 4px 0;
	color: #CBCDCC;
	text-decoration: none;
	}

#reels #subnav ul li a.current:link,
#reels #subnav ul li a.current:visited,
#reels #subnav ul li a.current:hover {
	margin: 0;
	padding: 4px 0;
	color: #CBCDCC;
	text-decoration: none;
	}


/* technolgy  */

#research_and_development h3 {
	color: #999;
  font-size: 1em;
  font-weight: bold;
}

#research_and_development li p {
	
}

#research_and_development #column2 li {
	margin: 0 0 20px;
}


/* jobs  */

#jobs #column1 p a.readmore:link,
#jobs #column1 p a.readmore:visited,
#jobs #column1 p a.readmore:hover {
	font-size: 1.167em;
	background:url(../img/arrow-register.gif) no-repeat 100% 5px;
	}

a.document {
	/*
	margin-left: 5px;
	padding-left: 15px;
	background: url(../img/icon-document.gif) no-repeat left 0;
	*/
}

.join-us {
  float: right;
  line-height: 1;
  padding-top: 11px;
}


/* about  */

#about h2 {
  margin: 2em 0 1em 0;
}

#about h2:first-child {
  margin-top: 0;
}

#about .divider-block h2 {
  margin: 0 0 1em;
}

#about h3 {
  color: #97A186;
  margin: 0 0 10px 0;
}

#about p.contact-icon {
  padding: 0;
  margin:  0;
}

#about p.contact-icon img {
  margin: 6px 5px -2px 0;
}


/* contact  */

#contact h2 {
  margin: 0 0 3px;
}

#contact p {
	font-size: 1.167em;
	}

#contact p.contact-icon {
	margin: 0 0 19px 0;
	}

#contact p.contact-icon img {
	margin: 6px 5px -2px 0;
	}

img.contact-graphic {
	margin: 0 0 18px 0;
	}

/* calendar */

#template1 .row {
  float: left;
  width: 100%;
  margin-bottom: 20px;
}

#template1 .row.day {
  padding-bottom: 10px;
  border-bottom: solid 1px #555;
}

.column1 {
  float: left;
  width: 343px;
}

.column2 {
  float: right;
  width: 571px;
  padding: 0 10px;
}

.column1 .date {
  font-size: 1.333em;
  font-weight: bold;
  color: #ccc;
  text-transform: uppercase;
}

.column2 .dates {
  font-size: 1.667em;
  font-weight: bold;
  line-height: 1;
  color: #cfcfcf;
  padding-top: 38px;
}

.column2 h3 {
  font-weight: bold;
  font-size: 1.167em;
  margin: 10px 0 0;
}

.summary {
  margin: 0 -10px 10px;
  padding: 1px 10px 10px;
  background: #3e3e3e;
  color: #c0c0c0;
}

.summary a {
  color: #999;
}

.summary .time-title {
  margin: 0 -9px 10px;
  background: #5d5d5d url(../img/calendar/bg-date.png) 0 0 repeat-y;
  color: #d0d0d0;
  font-weight: bold;
}

.summary .time, .summary .title {
  display: inline-block;
  width: 140px;
  padding: 7px 10px;
  font-size: 1.167em;
  vertical-align: top;
}

.summary .title {
  width: 407px;
  background: transparent;
  font-size: 1.333em;
  text-transform: uppercase;
}


/* ----- elements within specific templates ----- */

#content #template3 #column1 img {
	margin: 0 0 20px 0;
	}

#column2 ul {
	margin: 0 0 10px 0;
	padding: 0;
	}

#column2 ul li {
	margin: 0;
	padding: 0 0 0 10px;
	list-style-type: none;
	background: url(../img/bullet.gif) 0 5px no-repeat;
  line-height: 1.3;
  margin-bottom: 0.5em;
	}

#column2 img.float-left {
	float: left;
	margin: 0 10px 10px 0;
	}

#column2 img.float-right {
	float: right;
	margin: 0 0 10px 10px;
	}

#column1 ul.contact-icon {
  margin: 0 0 15px 0;
  padding: 0 0 15px 0;
  border-bottom: 1px solid #333;
  }

#column1 ul.contact-icon li {
  margin: 0;
  /*padding: 0 0 10px 23px;*/
  padding: 0 0 10px 0;

  list-style-type: none;
  }

/*
#column1 ul.contact-icon li.studio {
	background: url(../img/icon-studio.gif) no-repeat 0 0;
	 }

#column1 ul.contact-icon li.prodco {
	background: url(../img/icon-prodco.gif) no-repeat 0 0;
	 }

#column1 ul.contact-icon li.director {
	background: url(../img/icon-director.gif) no-repeat 0 0;
	 }

#column1 ul.contact-icon li.star {
	background: url(../img/icon-star.gif) no-repeat 0 1px;
	 }

#column1 ul.contact-icon li.shots {
	background: url(../img/icon-shots.gif) no-repeat 0 2px;
	 }

#column1 ul.contact-icon li.website {
	background: url(../img/icon-website.gif) no-repeat 0 0;
	 }

#column1 ul.contact-icon li.trailer {
	background: url(../img/icon-trailer.gif) no-repeat 0 0;
	 }
	 */

#column1 ul.contact-icon li a:link,
#column1 ul.contact-icon li a:visited {
	text-decoration: none;
	}

#column1 ul.contact-icon li a:hover {
	text-decoration: underline;
	}

#template2 #column1 .img-box {
	float: left;
	width: 172px;
	margin: 0 24px 0 0;
}

#template2 #column1 .img-box-last {
	float: left;
	width: 172px;
	margin: 0 0 0 0;
}

#template2 #column1 .img-box a,
#template2 #column1 .img-box-last a {
    display: block;
    position: relative;
    text-decoration: none;
}

#template2 #column1 .img-box .play-btn,
#template2 #column1 .img-box-last .play-btn {
    width: 74px;
    height: 74px;
    position: absolute;
    top: 50%; left: 50%;
    margin-left: -37px;
    margin-top: -37px;
    background:url(/site/img/icon-play.png) no-repeat 0 0;
}
#template2 #column1 .img-box a:hover .play-btn,
#template2 #column1 .img-box-last a:hover .play-btn {
    background-position: 0 -74px;
}


#template2 #column1 .img-box p,
#template2 #column1 .img-box-last p {
	margin: 14px 0 46px 0;
	}

#template2 #column1 .img-box p a:link,
#template2 #column1 .img-box p a:visited,
#template2 #column1 .img-box-last p a:link,
#template2 #column1 .img-box-last p a:visited {
	text-decoration: none;
	display: block;
	}

#template2 #column1 .img-box p a:hover,
#template2 #column1 .img-box-last p a:hover {
	text-decoration: underline;
	display: block;
	}

/* ----- forms ----- */

form {
	margin: 0;
	padding: 0;
	}

form .row {
  margin: 8px 0;
  padding: 0;
  float: left;
  width: 100%;
  font-size: .9167em;
	}

form .inner-row {
	float: left;
	}

/*form label {
	margin: 0;
	padding: 4px 0 4px 0;
	float: left;
	width: 150px;
	}*/

form label.radio {
  float: none;
  font-weight: bold;
  margin: 0 10px 0 5px;
}

form label.radio span {
  margin-left: 1px;
}
form .label-block {
  float: left;
  width: 160px;
  padding: 4px 16px 0 0;
  font-size: 1.2em;
}

form .label-block label {
  padding: 4px 0;
}


form .label-block span {
  color: #666;
}

form .input-block {
  float: left;
  max-width: 600px;
}

form .input-block .row-label {
  clear: both;
  float: left;
  width: 140px;
  display: block;
  padding: 10px 0;
}

form .error-block {
  padding: 4px 8px 0 8px;
  float: left;
}

form .error-block.privacy {
  padding: 2px 8px 0 8px;
  float: left;
}

form fieldset {
	clear: both;
	padding: 0;
	border: none;
	margin-bottom: 18px;
	padding-bottom: 18px;
	border-bottom:1px solid #333333;
}

form legend {
  margin: 10px 0 0 0;
  padding: 0;
  font-size: 1.667em;
  font-weight: normal;
}

form option {
	padding: 2px;
}

form input,
form textarea {
  margin: 0;
  padding: 4px;
}

form select {
	margin: 0;
}

form input.text {
  width: 300px;
  /*font-size: 1.2em;*/
  border: 1px solid #fff;
  background-color: #ddd;
}
form input.small {
  width: 15px;
  border: 1px solid #fff;
  background-color: #ddd;
  margin-right: 12px;
  }

form .row-right {
  float: left;
  padding: 2px 0;
}

form textarea {
  width: 300px;
  font-size: 1em;
  border: 1px solid #fff;
  }

form textarea.large {
	width: 350px;
	height: 150px;
	}

form input.submit {
  margin: 10px 0 0 175px;
  padding: 0 0 2px 0;
  width: 220px;
  height: 30px;
  border: none;
  /*background: url(../img/button-submit.jpg) no-repeat 0 0;*/
  cursor: pointer;
  background-color: #222;
  color: #757575;
  }

form input.submit:hover {
  background-color: #333;
  color: #CBCDCC;
  }

form input.reset {
	margin: 10px 0 0 0;
	padding: 0 0 2px 0;
	width: 66px;
	height: 21px;
	border: none;
	background: url(../img/button-reset.jpg) no-repeat 0 0;
	cursor: pointer;
	}

span.required, span.not_required, span.required_blank {
	color: #f00;
	margin: 0 4px;
	display: block;
	float: left;
	width: 10px;
	}
span.required_blank {
	width: 200px;
	margin-left: 154px;
}

form ul.radio {
	margin: 4px 0 0 0;
	padding: 0;
	}

form ul.radio li {
	list-style-type: none;
	display: inline;
	margin: 0;
	padding: 0;
	}

form ul.radio li label {
	float: none;
	width: auto;
	margin: 0 10px 0 0;
	padding: 0;
	font-weight: normal;
	}

form ul.radio li input {
	float: none;
	width: auto;
	margin: 0;
	padding: 0;
	border: none;
	}

form ul.skills {
	padding: 0;
	margin: 0;
	}

form ul.skills li {
	float: left;
	list-style-type: none;
	width: 180px;
	margin-top: 10px;
	}

form .skills label {
	float: none;
	padding-left: 5px;
	}

form span.form-error, form span.required {
  color: #bd2222;
  }

p.form-error-info {
  border: 1px solid #bd2222;
  color: #bd2222;
  padding: 2px;
  width: 480px;
  margin: 16px 0;
}

p.form-error-info span {
  background-color: #111;
  display: block;
  padding: 8px;
  }

input.error, textarea.error {
  background-color: #fcc8b9 !important;
  border: 1px solid #bd2222 !important;
  }

form.recruitment_form {
  padding-left: 0;
  clear: both;
  }


/* ----- footer ----- */

#footer {
	border-top: 10px solid #616556;
	width: 960px;
	float: left;
	}

#home #footer {
	text-align: right;
	}

#footer ul {
	margin: 0;
	padding: 10px 0;
	}

#footer ul li {
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
	}

#footer ul li.major {
	color: #7d7d7d;
	}

#home #footer ul li.major {
	color: #44577a;
	font-size: .9167em;
	}

#footer ul li.major a:link,
#footer ul li.major a:visited {
	color: #7d7d7d;
	text-decoration: none;
	padding: 0 7px;
	}

#footer ul li.major a:hover {
	color: #7d7d7d;
	text-decoration: underline;
	padding: 0 7px;
	}

#home #footer ul li.major a:link,
#home #footer ul li.major a:visited {
	color: #6b7a98;
	text-decoration: none;
	padding: 0 7px;
	}

#home #footer ul li.major a:hover {
	color: #6b7a98;
	text-decoration: underline;
	padding: 0 7px;
	}

#footer ul li.minor {
	color: #464646;
	font-size: .833em;
	}

#home #footer ul li.minor {
	color: #929292;
	font-size: .9167em;
	}

#footer ul li.minor a:link,
#footer ul li.minor a:visited {
	color: #464646;
	text-decoration: none;
	padding: 0 7px;
	}

#footer ul li.minor a:hover {
	color: #464646;
	text-decoration: underline;
	padding: 0 7px;
	}

#home #footer ul li.minor a:link,
#home #footer ul li.minor a:visited {
	color: #929292;
	text-decoration: none;
	padding: 0 7px;
	}

#home #footer ul li.minor a:hover {
	color: #929292;
	text-decoration: underline;
	padding: 0 7px;
	}

/* ---------- skip link ---------- */

.hiddenStructure {
  display: block;
  background: transparent;
  background-image: none;
  border: none;
  height: 1px;
  overflow: hidden;
  padding: 0;
  margin: -1px 0 0 -1px;
  margin: 0 0 0 0;
  width: 1px;
  }

/* ---------- clearing div ---------- */

.clear {
  clear: both;
  height: 0;
  font-size: 0.1px;
  border: none;
  margin: 0;
  padding: 0;
  background: transparent;
  }


/* ROYAL SLIDER */
.royalSlider {
  width: 960px;
  height: 519px;
  margin: 26px 0 40px;
}

.royalSlider .rsOverflow {
  height: 450px !important;
}

.rsDefault .rsThumbsHor {
  height: 59px;
  padding: 4px 0;
}

.rsDefault .rsThumb {
  width: 125px;
  height: 55px;
  border: 2px solid #cecfcc;
}

.rsDefault .rsThumb.rsNavSelected {
  background: rgba(255,255,255,.3);
  border-color: #fff;
}

.rsImg, .rsVideoContainer {
  margin-top: 0 !important;
}

@media only screen and (max-width: 768px) {
  body { margin-top: 0; }
  #container { width: 100%; padding-left: 0; }
  #header { width: 100%; height: 56px; border-bottom: 0; }
  #logo { position: relative; width: 320px; height: 66px; background: url(../img/logo.jpg) 0 0 no-repeat; background-size: 100% 100%; }
  #logo a { width: 100%; height: 100%; }
  #main-nav { position: relative; right: 0; font-size: 1em; padding: 0 3px; }
  #main-nav ul li a { padding: 5px 7px; }
  #features #main-nav ul li.features a, #commercials #main-nav ul li.commercials a, #in_production #main-nav ul li.in-production a, #reels #main-nav ul li.reels a, #research_and_development #main-nav ul li.randd a, #jobs #main-nav ul li.jobs a, #about #main-nav ul li.about a, #contact #main-nav ul li.contact a { color: #fff; }

  #content { clear: both; margin: 0; padding: 10px 10px 0; }
  #content #column1, #content #column2 { float: none !important; width: auto !important; margin-bottom: 10px !important; }

  #research_and_development #content #template3 #column1 img { width: 240px; height: 133px; margin-bottom: 10px; }

  #content #template2 #column1 { width: 100%; }
  #content #template2 #column1 .clear { clear: none; }
  #template2 #column1 .img-box, #template2 #column1 .img-box-last { margin-right: 10px; }
  #template2 #column1 .img-box p, #template2 #column1 .img-box-last p { margin: 2px 0 10px; }
  #features #template2 img { width: 172px; height: 255px; }
  #commercials #template2 img { width: 172px; height: 98px; }
  #commercials #template2 #column1 .img-box p, #commercials #template2 #column1 .img-box-last p { min-height: 2.6em; }

  .coloured-block { margin: 0 -10px 10px; padding: 10px 10px 1px; }
  img.contact-graphic { width: 100%; }
  .contact-col { width: 50%; }
  #contact p { font-size: 1em; }

  #flashcontent { display: none; }
  .vid-navigation { width: auto; }
  span.previous { position: relative; width: auto; margin-right: 20px; }
  span.index { position: relative; left: 0; width: auto; }
  span.next { position: relative; width: auto; margin-left: 20px; }

  #template1 .row, .column1, .column2 { float: none; width: auto; }

  #home #template1 #column1 { background: none; }
  #home #promo { float: none; width: auto; padding-top: 0; }
  #home #promo .blurb { font-size: 1.5em; padding-bottom: 10px; }
  
  #news { width: auto; font-size: 1em; }
  #news li { margin-bottom: 10px; }
  #news img { margin: 0 10px 5px 0; }
  #home h2 { margin-bottom: 5px; font-size: 1.5em; }
  #home h3, #home a.more { font-size: 1em; }
  #news h3, #news p { margin-bottom: 2px; }
  

  #footer { clear: both; float: none; width: 100%; border-top-width: 2px; }
  #footer ul { padding: 5px 0; }
  #footer ul li {  }
  #footer ul li.minor { display: block; padding: 0 10px; }
  #footer ul li.minor a { padding: 0 !important; }
  #footer ul li.major a { padding: 0 10px !important; }
}

@media only screen and (max-width: 320px) {
  .royalSlider { width: 320px; height: 187px; } /* 150+33+4 */
}

@media only screen and (min-width: 321px) and (max-width: 767px) {
  .royalSlider { width: 480px; height: 266px; margin: 0 -10px; } /* 225+33+4 */
}

@media only screen and (min-width: 481px) and (max-width: 768px) {
  .royalSlider { width: 768px; height: 397px; margin: 0 -10px; } /* 360+33+4 */
}

@media only screen and (max-width: 768px) {
  /*.rsNav { display: none; z-index: -1; }
  .royalSlider { margin: 0 -10px -63px; z-index: 10; }
  #promo { z-index: 11; }*/
  .royalSlider { margin: 0 -10px; }
  .rsDefault .rsThumbsHor { height: 37px; }
  .rsDefault .rsThumb { width: 75px; height: 33px; }
}

@media only screen and (max-width: 640px) {
  .summary .time-title { background-image: none; }
  .summary .title { width: auto; }
  .summary .time { width: auto; padding-bottom: 0; }
}