/*
 * c-css by U4EA Technologies - Allan Jardine
 * Version:       1.2.php.3
 * Browser:        0
 * Browser group: 
 */
html { height: 100%; overflow-y: scroll; }
hr { display: none; }
acronym, abbr { border-bottom: none; cursor: help; }
* { padding: 0; margin: 0; }
h1, h2, h3, h4 { font-weight: normal; }
li { list-style-type: none; }
a { text-decoration: none; color: #fff; }
a:focus { outline: none; }
em { font-style: italic; }
strong { font-weight: bold; }
img { border: none; }
img.inline { display:inline; }
span.hide { display: none; }
.clear { clear: both; }
.clear-block:after { content:".";display:block;height:0px;clear:both;visibility:hidden; }
.clear-block { display:inline-block; }
sup, sub { height: 0; line-height: 1; vertical-align: baseline; position: relative; }
sup { bottom: 1ex; }
sub { top: .5ex; }
.right { float: right; }
.left { float: left; }
::selection { background: #69b541; color: #fff; }
::-moz-selection { background: #69b541; color: #fff; }
body { font-family: Arial, Helvetica, Sans-Serif; color: #fff; font-size: 11px; background: #3E474A; }
p { font-size: 12px; color: #b4bec2; margin: 0 0 15px 0;line-height:16px; }
h1 { }
h2 { font-family: gs-reg; font-size: 24px; }
h3 { }
h4 { font-family: gs-reg, gs-light, gs-bld; font-size: 24px; }
#wrapper { width: 900px; margin: 0 auto; }
#wrapper-colour { background: #000; overflow: auto;}
#header { height: 95px; width: 900px; background: url("/images/film-panel-top.png") bottom no-repeat; position: relative; }
.film-panel { width: 900px; background: url("/images/film-panel-bg.gif") repeat-x bottom #43494D; padding: 20px 0 10px 0; overflow: auto; }
.film-panel-btm { height: 10px; background: url("/images/film-panel-btm.png") no-repeat; margin: 0 0 35px; clear: both; }
#footer { width: 900px; height: 37px; margin: 0 auto; position: relative; color: #a8b3b6; }
#footer-wrap { overflow: auto; border-top: 1px solid #a8b3b6; background: #3e474a; }
.content-wrap { position: relative; }
.logo { display: block; width: 168px; height: 41px; background: url("/images/logo.png") no-repeat; position: absolute; top: 20px; }
.phone { position: absolute; right: 15px; top: 19px; letter-spacing: 2px; font-size: 16px; }
#nav { position: absolute; right: 0px; top: 0px; }
#nav li { float: left; text-align: center;display:block;padding:60px 0px 0px 0px;}
#nav li a { font-family: Arial; padding: 0 14px; color: #a8b3b6; text-transform: uppercase; letter-spacing: 1px; border-left: solid 1px #a8b3b6;background:transparent;}
#nav li:first-child a { border: 0; }
#team #nav li.team, #budgets #nav li.budgets, #reviews #nav li.reviews, #media #nav li.media, #theatre #nav li.theatre, #send #nav li.contact, #contact #nav li.contact, #nav li:hover { background: url("/images/rollover.png") top no-repeat; }
#send #nav li.contact a, #contact #nav li.contact a, #theatre #nav li.theatre a, #team #nav li.team a, #media #nav li.media a, #budgets #nav li.budgets a, #reviews #nav li.reviews a, #nav a:hover { color: #1e95d4; }
.film { background: #fff; width: 720px; margin: 0 auto; padding: 10px; -moz-box-shadow: 1px 4px 5px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 1px 4px 5px rgba(0, 0, 0, 0.5); box-shadow: 1px 4px 5px rgba(0, 0, 0, 0.5); height:405px; }
.film-footer { width: 740px; margin: 0 auto; min-height: 37px; line-height: 37px; background: url(/images/hr.gif) repeat-x bottom; }
.film-footer ul { float: right; }
.film-footer li { float: left; }
#home h1 { font-size: 11px; }
#home h2 { margin: 0 0 15px 0; }
.recent-projects-text { display: block; background: url("/images/text-sprite.png") 0px 0px no-repeat; width: 180px; height: 22px; }
.your-budget-text { display: block; background: url("/images/text-sprite.png") -184px 0px no-repeat; width: 146px; height: 16px; }
.our-team-text { display: block; background: url("/images/text-sprite.png") -334px 0px no-repeat; width: 103px; height: 16px; }
.content { width: 740px; padding: 0 90px 20px 90px; overflow: auto; background: url("/images/123.png") 30px 100px no-repeat; }
.content-left { float: left; width: 362px; }
.content-right { float: right; width: 362px; }
#home h1 { font-size: 11px; }
#home h2 { margin: 0 0 15px 0; }
#home #slide-content h2 { font-size:16px; padding:0px 0px 0px 19px;color:#7e8889;background:url(../images/heading-icon.png) no-repeat left center;}
#home h1.title { font-size: 20px; width: 740px; margin: 0 auto 20px auto; color: #a8b3b6; font-family: gs-reg; }
#toggle { display: block; text-indent: 25px; float: left; color: #a8b3b6; }
#toggle:hover { color: #1e95d4; }
.toggle-collapsed { background: url("/images/toggle.png") 0px 8px no-repeat; }
.toggle-expanded { background: url("/images/toggle-open.png") 0px 8px no-repeat; }
#slide-content { display: none; line-height: 16px; clear: both; min-height: 150px;padding:0px 0px 10px 0px; }
.budget-panel { padding: 10px 15px; width: 329px; height: 83px; background: url("/images/buttons-sprite.png") -431px 0px no-repeat; margin: 0 0 20px 0; }
.budget-panel ul { overflow: auto; margin: 0 0 10px 0; }
.budget-panel p { margin: 0; line-height: 16px; }
.budget-panel li { font-family: gs-reg, arial, sans-serif; text-transform: uppercase; font-size: 14px; float: left; line-height: 25px; color: #a8b3b6; margin: 0 0 0 20px; }
.budget-panel li:first-child{ margin: 0; }
.read-more { display: block; width: 83px; height: 25px; background: url("/images/buttons-sprite.png") -337px 0px no-repeat; }
.read-more:hover { background: url("/images/buttons-sprite.png") -790px 0px no-repeat; }
li.read-more-right { float: right; }
li.dark-grey { color: #656a6c; }
#team .film-panel { padding: 20px 0 30px 0; width: 900px; background: url("/images/blog-panel-bg.gif") repeat-x; }
.team { overflow: auto; margin: 0 0 5px 0; }
.team div { width: 106px; float: left; margin: 0 0 0 20px; }
.team div:first-child { margin: 0; }
.team-img { padding: 3px; display: block; width: 96px; height: 96px; background: #797979; margin: 0 0 3px 0; }
#team .team-img { width:160px;height:90px; }
.team-img:hover { background: #fff; }
.recent-projects a { color: #fff; }
a.team-name { font-family: gs-reg; font-size: 11px; color: #a8b3b6; text-transform: uppercase; }
#team .film { background:#797979;}
.teamdiv { float:left;width:175px;margin:0px 16px 0px 0px; }
.teamBox { margin: 0px 0px 20px 80px;padding: 20px 0px 0px 0px;display:block;width:748px;border-top:1px solid #3e484a; }
.team-link { margin: 0px 0px 10px 0px;display:block; }
.team-link.selected .team-img, .team-link:hover .team-img { background: #fff; }
.team-link h3 { background:url("/images/arrow.png") no-repeat scroll 0 0 transparent;text-transform:uppercase;font-size:12px;font-weight:normal;margin:5px 0px 0px 0px;padding:3px 0px 0px 20px; }
#team h1 { width:101px;height:16px;background: url("/images/ourteam.png") 0px 0px no-repeat;display:block;margin:0px 0px 20px 0px; }
#media h1 { margin: 0px 0px 30px 0px; width:658px; height:31px; background: url("/images/media-training-and-crisis-management.png") 0px 0px no-repeat; display:block; }
#media h2 { font-size: 18px; }
#media h3 { font-family: gs-reg; font-size: 18px; margin: 0 0 5px 0; }
#media h4 { font-size: 16px; margin: 0 0 5px 0; }
#media .film-panel { padding: 30px 25px 35px 25px; width: 850px; margin: 0 0 30px 0; }
#media .panel-left { float: left; width: 370px; }
#media .panel-right { float: right; width: 446px; }
.training-film { border: solid 7px #797979; margin: 0 0 20px 0; }
.training-team { margin: 0px !important; padding: 15px 0 0 0; }
.training-team li { list-style-type: none !important; overflow: auto; margin: 0 45px 30px 0; width: 376px; float: left; }
.training-team h3 { color: #fff; }
.training-team li img { float: left; border: solid 5px #797979; display: block; }
.training-team div { float: right; width: 250px; }
#theatre .film-panel { padding: 30px; width: 840px; background: url("/images/blog-panel-bg.gif") repeat-x; min-height:300px;}
#theatre h1 { width:223px;height:29px;background: url("/images/theatre.png") 0px 0px no-repeat;display:block;margin:0px 0px 40px 0px;}
#theatre h2 { font-size: 20px; margin: 0 0 10px 0; }
.theatreBox { width:410px;float:left;margin:0px 20px 0px 0px;}
.videoBox { padding: 0px 0px 5px 0px;margin:0px 0px 20px 0px;display:block;border-bottom:1px solid #3e484a; }
#theatre .playerBox { background:#797979; padding:7px;width:395px;height:222px;margin:0px 0px 20px 0px; }
#theatre ul.credits { overflow: auto; width:145px;float:left; }
#theatre ul.credits li { clear: both; line-height: 16px; }
#theatre ul.credits li p { float: left; margin: 0 0 0 10px; }
#theatre ul.credits li span { width: 60px; display: block; float: left; color: #6b7073; font-size: 12px; }
.recent-projects { width: 820px; padding: 15px 0 0 80px; margin: 0 auto; overflow: auto; position: relative; }
.projects { overflow: auto; font-weight: normal; }
.projects { width: 50px; float: left; margin: 0 0 0 20px; }
.items div:first-child { margin: 0; }
.project-img { padding: 5px; display: block; width: 160px; height: 90px; background: #fff; margin: 0 0 10px 0; }
.recent-projects a { color: #fff; }
a.film-link { display: block; background: url("/images/arrow.png") 0px 0px no-repeat; text-indent: 20px; font-size: 11px; line-height: 17px; color: #a8b3b6; }
.scrollable { position:relative;overflow:hidden;width: 740px;height:130px;}
.scrollable .items { width:20000em;position:absolute;clear:both;}
.items div { float:left;width:740px;}
.scrollable .project { width: 170px; height: 130px; float: left; margin: 0 0 0 20px; }
.scrollable .active { border:2px solid #000; position:relative; cursor:default; }
a.browse { top: 51px; position: absolute; background: url(/images/buttons-sprite.png) -4px -35px no-repeat; display: block; width: 56px; height: 108px; cursor: pointer; }
a.right { background-position: -60px -35px; right: 20px; }
a.right:hover { background-position: -182px -35px; }
a.left { background-position: -6px -35px; left: 20px; }
a.left:hover { background-position: -128px -35px; }
#send h1, #contact h1 { width:213px;height:28px;background: url("/images/contact.png") 0px 0px no-repeat;display:block;margin:0px 0px 25px 0px;}
#send .film-panel, #contact .film-panel { padding: 30px; width: 840px; background: url("/images/blog-panel-bg.gif") repeat-x; min-height:300px;}
#contact .content-left {float:left;width:410px;}
#contact .content-right {float:right;width:410px;padding:15px 0px 0px 0px;}
#contact .formRow {padding:15px 0px 0px 0px;clear:both;display:block;width:405px;}
#contact .field {padding:0px 0px 0px 0px;font-size:11px;color:#888888;}
#contact input.txtField {width:400px;height:19px;padding:3px 0px 3px 3px;font-size:11px;font-family:Arial,Helvetica,Verdana, Sans-Serif;border:1px solid #c9c9c9;}
#contact textarea {width:400px;height:150px;font-size:11px;padding:3px 0px 3px 3px;font-family:Arial,Helvetica,Verdana, Sans-Serif;border:1px solid #c9c9c9;}
#contact select {width:400px;height:22px;font-size:11px;border:1px solid #c9c9c9;font-family:Arial,Helvetica,Verdana, Sans-Serif;}
#contact .address-text { overflow: auto; }
#contact .content-right p a { color: #b4bec2; }
#contact .content-right p a:hover{ color: #5EAE42; }
#contact input.sendbutton { border:1px solid #3E474A; background:url("/images/submit.png") repeat-x; color:#999b9d; text-transform:uppercase; padding:3px 10px 3px 10px; cursor:pointer; }
#contact input.sendbutton:hover { background:url("/images/submithover.png") repeat-x;border-bottom:1px solid #319ed6;color:#87b5cc; }
#mapBox { background:#797979;padding:7px; width:391px; height:300px;margin:0px 0px 20px 0px; }
#map { width:100%;height:100%; }
div.error { color:red;margin:3px 0px 0px 0px; }
#legal .film-panel { padding: 30px; width: 840px; background: url("/images/blog-panel-bg.gif") repeat-x; min-height:300px; }
#legal h1 { font-family: gs-reg; font-size: 34px;margin:0px 0px 15px 0px; }
#media h2, #legal h2 { margin:0px 0px 10px 0px; }
#media .film-panel ol, #media .film-panel ul, #legal .film-panel ol, #legal .film-panel ul { margin:0px 0px 15px 15px;color:#B4BEC2;font-size:12px; }
#media .film-panel li, #legal .film-panel li { list-style:disc;line-height: 16px; }
#footer ul { overflow: auto; float: left; position: relative; top: 12px; left: 50px; }
#footer li { font-size: 11px; float: left; padding: 0 5px; border-left: solid 1px #a8b3b6; }
#footer li:first-child { border: 0; }
#footer a { color: #a8b3b6; }
#footer a:hover { color: #64B142; }
.itemReview { min-height:300px;background: url(/images/budget-head.gif) repeat-x; width: 900px; }
#reviews .film-panel { padding: 30px 25px 10px 25px; width: 850px; }
#reviews .panel-left { float: left; width: 444px; }
#reviews .panel-right { float: right; width: 380px; }
#reviews h1 { width: 281px; height: 31px; background: url(/images/text-sprite.png) 0px -19px no-repeat; }
#reviews ul.credits { overflow: auto; }
#reviews ul.credits li { clear: both; line-height: 16px; }
#reviews ul.credits li p { float: right; margin: 0 0 0 10px; }
#reviews ul.credits li span { width: 60px; display: block; float: left; color: #6b7073; font-size: 12px; }
#reviews .film-footer { background-position: top; padding: 20px 0 0 0; width: 444px; }
#reviews .film { background: #797979; padding: 5px;width: 432px; height: 243px }
#reviews h1.project-reviews-text { background: url(/images/text-sprite.png) 0px -24px no-repeat; width: 279px; height: 38px; margin: 0 0px 30px 0px; }
#reviews .panel-right h2 { font-size: 18px; margin: 0 0 20px 0; }
#reviews .panel-right p { line-height: 16px; }
#reviews h3.share-this { width: 110px; height: 18px; background: url(/images/text-sprite.png) -437px 0px no-repeat; margin: 0 auto 10px auto; }
#reviews .film-panel-top { height: 10px; width: 900px; background: url("/images/film-panel-top.png") bottom no-repeat; }
#reviews .addthis_button { margin: 0 auto; width: 125px; }
#reviews .share { width: 125px; margin: 0 auto 30px auto; }
#reviews .rating { overflow: auto; }
#reviews .rating li { float: left; width: 20px; height: 20px; margin: 0 0 0 5px; }
#reviews .rating li:first-child { margin: 0; }
#reviews .rating li.star { background: url(/images/star.png) no-repeat; }
#reviews .rating li.star-off{ background: url(/images/star-off.png) no-repeat; }
#reviews .panel-right ol, #reviews .panel-right ul {margin:0px 0px 15px 15px;color:#B4BEC2;font-size:12px;}
#reviews .panel-right li {list-style:disc;line-height: 16px;}
.last {margin: 0px 0px 0px 0px;}
#budgets .film-panel { background: url(/images/budget-head.gif) repeat-x; padding: 30px 30px 50px 30px; width: 840px; }
#budgets h1.film-budgets { width: 224px; height: 29px; background: url(/images/film-budgets-h1.png) no-repeat; margin: 0 0 10px 0; }
#budgets h2 { font-size: 28px; color: #7d8082; width: 575px; margin: 0 0 25px 0; }
#budgets .small, #budgets .medium { width: 261px; float: left; }
#budgets .large { width: 261px; float: right; }
#budgets .medium { margin: 0 0 0 30px; }
#budgets .budget-top { background: url(/images/budget-top.png) no-repeat bottom; height: 160px; width: 261px;position:relative; }
#budgets .budget-film {width: 225px; height: 150px; border: 5px solid #797979;display:block;position:absolute;top:7px;left:13px;}
#budgets .budget-info { background: url(/images/budget-panel-bg.gif) repeat-x bottom #434a4d; min-height: 302px; padding: 10px 15px 10px 15px; }
#budgets .budget-btm { background: url(/images/budget-btm.png) no-repeat; width: 261px; height: 4px; }
#budgets .budget-info h3 { font-family: gs-reg; font-size: 23px; color: #bcc2c5; text-transform:uppercase;margin:8px 0px 0px 0px;-webkit-mask-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));}
#budgets .budget-info h4 { font-family: gs-reg; font-size: 14px; margin: 0 0 15px 0; color: #b4babd; text-transform: uppercase; }
#playerWrapp {min-height:430px;}
.playerBox, #playerBox {position:relative;}
ul.pagination { overflow: auto; padding: 0; margin: 0; font-size: 11px; margin:-20px 0px 10px 0px; }
#theatre ul.pagination { overflow: auto; padding: 0; margin: 0; font-size: 11px; margin:0px 0px 10px 0px; }
.pagination li { float: left; list-style-type: none; margin: 0 0 0 5px; }
.pagination li:first-child { margin: 0; }
.pagination span, .pagination a { color: #424242; display: block; padding: 2px 4px; border: solid 1px #3E474A; }
.pagination a:hover, .pagination span.current {color:#fff;border: solid 1px #fff; }
img.alignright {float:right;margin:0px 0px 10px 15px;}
img.alignleft {float:left;margin:0px 15px 10px 0px;}
h2.googlemap { font-size: 19px; color:#1e95d4; margin:0px 0px 10px 0px; }
p.googlemap { margin:0px 0px 5px 0px;font-size:12px; }
blockquote p { margin:0px; padding:16px; border-radius:6px 6px 6px 0px; -moz-border-radius:6px 6px 6px 0px; -webkit-border-radius:6px 6px 6px 0px; background:#222226 url("/images/budget-panel-bg.gif") repeat-x; font-size:13px; font-style:italic; line-height:20px; }
blockquote + p { padding:16px; font-weight:bold; }
.columns { overflow:auto; }
.columns h2 { color: #797c7d; margin: 30px 0 10px 0!important; font-size: 26px; }
.page.panel-left { width: 552px; float: left; }
.page.panel-right { width: 255px; float: right;}
.panel-gallery { padding:30px 0px 0px 0px; }
.panel-gallery li { width:239px; margin:0px 0px 30px 0px; padding:8px; padding-bottom:5px; list-style-type:none!important; background:#ffffff; }