* {margin:0;padding:0;}
body,
html {height:100%;}
body {background:url(assets/images/bg_page.gif) repeat center top;text-align:center;color:#fff;font-size:12px;font-family: Lucida Grande, Verdana, Arial, sans-serif;}
/**************************
GENERIC ELEMENTS
**************************/
a {color:#3fa9f5;text-decoration:none;}
a:hover {text-decoration:underline;}
a img {border:none;}
h3 {color:#3fa9f5;font-weight:bold;font-size:14px;margin-bottom:10px;}
/**************************
PAGE STRUCTURE
**************************/
#pageWrapper {width:665px;margin:auto;text-align:left;position:relative;left:-3px;overflow:visible;min-height:100%;}
#header {background:url(assets/images/bg_objects.png) -112px 0 no-repeat;float:left;width:100%;height:232px;position:relative;z-index:2;}
#logo a {margin:24px 0 0 25px;width:250px;height:133px;float:left;text-indent:-9999px;overflow:hidden;}
#pageContent {margin:-51px 0 0 0;float:left;padding-bottom:105px;width:640px;display:block;}
#footer {position:relative;bottom:0;left:50%;margin-left:-336px;background:url(assets/images/bg_objects.png) -112px -233px;height:65px;width:625px;padding:30px 25px 0 25px;float:left;clear:both;display:block;margin-top:-95px;}
#objects span {position:absolute;left:50%;top:0;margin-left:-800px;z-index:2;}
#objects .pageobjects {position:absolute;top:0;left:50%;margin-left:-445px;width:112px;height:180px;background:url(assets/images/bg_objects.png) no-repeat;display:block;}
.objcoffee {background:url(assets/images/object_coffee.png) no-repeat;display:block;width:323px;height:343px;}
.objdv {background:url(assets/images/object_dv.png) no-repeat;display:block;width:260px;height:250px;}
.objgreentea {background:url(assets/images/object_greentea.png) no-repeat;display:block;width:349px;height:343px;}
.objbiscuit {background:url(assets/images/object_biscuit.png) no-repeat;display:block;width:223px;height:157px;}
.objvidcamera {background:url(assets/images/object_vidcamera.png) no-repeat;display:block;width:565px;height:592px;}
.objcd {background:url(assets/images/object_cd.png) no-repeat;display:block;width:345px;height:344px;}
.objcamera {background:url(assets/images/object_camera.png) no-repeat;display:block;width:664px;height:623px;}
.objtelephone {background:url(assets/images/object_telephone.png) no-repeat;display:block;width:658px;height:597px;}
.objiphone {background:url(assets/images/object_iphone.png) no-repeat;display:block;width:188px;height:337px;}
.objiphone .time {font-family: Helvetica, Arial, sans-serif;color:#fff;font-size:24px;position:absolute;top:68px;left:16px;width:140px;line-height:42px;display:block;text-align:center;}
.objectadder {position:absolute;bottom:15px;right:15px;color:#333;background:#fff;padding:3px;}
.objectbin.enabled {position:absolute;top:15px;right:15px;width:300px;height:300px;background:#000;}
.objectbin.active {background:red;}
body.news #objects .objbiscuit {margin-left:275px;top:210px;}
body.home #objects .objbiscuit {margin-left:15px;top:410px;}
body.home #objects .objcoffee {margin-left:400px;top:269px;}
body.home #objects .objbiscuit {display:none;}
body.home #objects .objcoffee {display:none;}
body.home .story .objbiscuit {position:absolute;bottom:-120px;left:-22%;z-index:2;}
body.home .story .objcoffee {position:absolute;bottom:-100px;left:600px;margin-left:-150px;z-index:2;}
/* post it note news */
.objpostit {font-size:0.9em;position:absolute;top:0px;left:50%;margin-left:115px;background:url(assets/images/object_postit.png) no-repeat;display:block;width:259px;height:224px;padding:25px 25px 40px 30px;}
.objpostit li {list-style:none;padding-bottom:8px;margin-bottom:8px;border-bottom:1px dotted #000;}
.objpostit .content {overflow:auto;width:259px;height:224px;color:#000;}
.objpostit .thumb {margin:5px 0 5px 0;}
.objpostit .empty {color:#000;}
body.showreel #objects .objvidcamera {margin-left:-900px;top:50px;}
body.showreel #objects .objcd {margin-left:320px;top:280px;}
body.aboutus .objcoffee {position:absolute;bottom:-150px;left:-160px;z-index:2;}
body.aboutus .objgreentea {position:absolute;bottom:-300px;right:-120px;z-index:2;}
body.contactus .objtelephone {position:absolute;top:-32px;left:-528px;z-index:2;}
body.contactus .objiphone {position:absolute;top:32px;right:-60px;z-index:2;}
body.proserv #objects .objbiscuit {margin-left:320px;top:240px;}
body.proserv #objects .objcamera {position:absolute;margin-left:-1000px;top:210px;z-index:0;}
#showreel .mug {position:absolute;top:200px;margin-left:-653px;}
#showreel .tape {position:absolute;top:480px;margin-left:-593px;}
/**************************
NAVIGATION
**************************/
#nav {float:right;margin:0 75px 0 0;}
#nav li {float:left;list-style:none;}
#nav li.production {clear:left;}
#nav li a {float:left;display:block;background:url(assets/images/bg_nav.png);text-indent:-999px;overflow:hidden;}
#nav .news a {width:142px;height:70px;background-position:-15px -29px;}
#nav .showreel a {width:128px;height:70px;background-position:-156px -29px;}
#nav .production a {width:142px;height:55px;background-position:-15px -99px;}
#nav .contactus a {width:128px;height:70px;background-position:-156px -99px;}
#nav .news a.active {background-position:-641px -29px;}
#nav .showreel a.active {background-position:-782px -29px;}
#nav .production a.active {background-position:-641px -99px;}
#nav .contactus a.active {background-position:-782px -99px;}
#nav .news a:hover {background-position:-328px -29px;}
#nav .showreel a:hover {background-position:-469px -29px;}
#nav .production a:hover {background-position:-328px -99px;}
#nav .contactus a:hover {background-position:-469px -99px;}
/**************************
PAGE CONTENT
**************************/
#longtitle {width: 380px;font-size:15px;font-weight:bold;text-transform:uppercase;color:#1b1464;line-height:42px;text-indent:25px;margin-bottom:17px;position:relative;z-index:2;}
.darkcloth {background:url(assets/images/bg_dark_tablecloth.png) left top repeat;}
a.back {background:#fff;padding:5px;clear:left;text-align:center;line-height:22px;}
.paginate {background:#fff;padding:5px;clear:left;text-align:center;line-height:22px;color:#1b1464;}
.intro {padding:16px;line-height:16px;margin-bottom:16px;}
.sectiontitle {line-height:32px;background:#1b1464;color:#FFF;text-indent:16px;margin-bottom:0px;}
.articletitle {line-height:32px;background:#fff;text-indent:16px;margin-bottom:0px;}
.ditto_page, .ditto_currentpage {margin: 0 8px;}
#footer {color:#1b1464;text-align:left;}
#footer p {float:left;}
#footer p a {color:#1b1464;font-weight:bold;}
#social ul {float:right;margin:31px 189px 0 0;}
#social ul li {float:left;list-style:none;}
#social ul a {background:url(assets/images/icons_social.png);width:16px;height:16px;text-indent:-9999px;overflow:hidden;display:block;margin-right:8px;}
#social ul .facebook a {background-position:0 0;}
#social ul .flickr a {background-position:-26px 0;}
#social ul .twitter a {background-position:-32px 0;}
#social ul .vimeo a {background-position:-48px 0;}
.story {width:610px;padding:15px 15px 15px 15px;position:relative;float:left;z-index:2;}
#home .story {padding:15px 210px 65px 15px;width:415px;margin-bottom:130px;}
#aboutus .story {margin-bottom:300px;padding:15px 15px 65px 15px;}
#production .story {padding:0;width:640px;}
#contactus .story {padding:15px 210px 65px 125px;width:305px;margin-bottom:130px;}
.showreelitem {float:left;margin:0 0 32px 0;}
.showreelitem .media {float:left;width:400px;}
.showreelitem .info {float:left;padding:8px 16px;width:192px;height:208px;background:url(assets/images/bg_dark_tablecloth.gif) left top repeat;margin-left:16px;}
.showreelitem h3,
.showreelitem h3 a {font-size:14px;font-weight:bold;color:#fff;margin-bottom:10px;}
.showreelitem .overview {font-size:11px;font-weight:bold;margin-bottom:10px;}
.showreelitem .length {color:#3fa9f5;}
.showreelitem .client {color:#bdccd4;}
.showreelitem .desc {color:#fff;font-size:11px;}
.showreelitemlarge {float:left;}
.showreelitemlarge .media {margin-bottom:21px;}
.showreelitemlarge .info {padding:10px 15px;float:left;width:610px;}
.showreelitemlarge h3 {font-size:14px;font-weight:bold;}
.showreelitemlarge .overview {font-size:11px;font-weight:bold;margin-bottom:10px;}
.showreelitemlarge .length {color:#3fa9f5;}
.showreelitemlarge .client {color:#bdccd4;}
.showreelitemlarge .desc {color:#fff;font-size:11px;width:285px;float:left;}
.showreelitemlarge .credits {color:#fff;font-size:11px;width:292px;float:left;margin-left:30px;}
.showreelitemlarge h4 {color:#3fa9f5;text-transform:uppercase;margin-bottom:5px;}
/* PRODUCTION SERVICING */
.pslistingitem {float:left;margin:0 0 32px 0;position:relative;z-index:2;}
.pslistingitem .info {float:left;padding:16px;width:192px;}
.pslistingitem p {line-height:16px;margin-bottom:8px;}
.pslistingitem h3,
.pslistingitem h3 a {color:#fff;font-size:14px;line-height:16px;margin-bottom:8px;}
.pslistingitem .prititle {color:#3fa9f5;font-weight:bold;font-size:11px;}
.pslistingitem .sectitle {color:#bdccd4;font-weight:bold;font-size:11px;}
.pslistingitem a.more {}
.pslistingitem .media {float:left;margin-left:16px;width:400px;}
.psitem {float:left;position:relative;z-index:2;}
.psitem .media {margin-bottom:21px;}
.psitem .info {float:left;width:608px;padding:16px;}
.psitem h3 {color:#fff;font-size:14px;line-height:24px;margin-bottom:8px;}
.psitem .overview {line-height:16px;}
.psitem .details {width:285px;float:left;line-height:16px;}
.psitem .credits {width:292px;float:left;margin-left:30px;line-height:16px;}
.psitem .credits h4 {color:#3fa9f5;font-weight:bold;text-transform:uppercase;}
.psitem .prititle {color:#3fa9f5;font-weight:bold;font-size:11px;}
.psitem .sectitle {color:#bdccd4;font-weight:bold;font-size:11px;clear:left;display:block;margin-bottom:8px;}
.psitem .divider {display:none;}
.psitem .thumbs {float:left;}
.psitem .thumbs li {float:left;list-style:none;margin:0 16px 16px 0;}
.psitem .thumbs li a {float:left;}
.psitem .enlargetext {line-height:32px;padding:0 5px;background:#fff;color:#808080;float:left;margin:-16px 0 32px 0px;width:182px;text-align:center;}
.home .story {line-height:16px;}
#aboutus .michelle,
#aboutus .barnsey {float:left;width:290px;}
#aboutus .barnsey {margin-left:20px;}
.contactus .story {line-height:16px;}
.contactus .intro {color:#3fa9f5;padding:0;}
.contactus .story p {margin-bottom:16px;}
.contactus .story h4 {color:#3fa9f5;font-weight:normal;}
.contactus .story a {color:#fff;}
/* NEWS LISTING */
.newslisting li {display:block;overflow:hidden;list-style:none;padding:16px;margin-bottom:16px;}
.newslisting .thumb {width:125px;float:left;margin:0 10px 10px 0;}
.newslisting .summary {float:left;width:473px;line-height:16px;}
.newslisting .summary p {line-height:16px;}
.newslisting .readmore,
.newslisting .readmore a {}
/* NEWS ARTICLE */
.newsarticle {padding:16px;line-height:16px;margin-bottom:32px;}
.newsarticle p {margin-bottom:16px;}
.newsarticle ul {margin-bottom:16px;}
.newsarticle ol {margin-bottom:16px;}
.newsarticle li {padding-left:16px;}
.newsarticle li li {padding-left:16px;}
/***************************
LIGHTBOX
***************************/
#jquery-overlay {position:absolute;top:0;left:0;z-index:90;width:100%;height:500px}
#jquery-lightbox {position:absolute;top:0;left:0;width:100%;z-index:100;text-align:center;line-height:0}
#jquery-lightbox a img {border:none}
#lightbox-container-image-box {position:relative;background-color:#fff;width:250px;height:250px;margin:0 auto}
#lightbox-container-image {padding:10px}
#lightbox-loading {position:absolute;top:40%;left:0%;height:25%;width:100%;text-align:center;line-height:0}
#lightbox-nav {position:absolute;top:0;left:0;height:100%;width:100%;z-index:10}
#lightbox-container-image-box >#lightbox-nav {left:0}
#lightbox-nav a {outline:none}
#lightbox-nav-btnPrev,
#lightbox-nav-btnNext {width:49%;height:100%;zoom:1;display:block}
#lightbox-nav-btnPrev {left:0;float:left}
#lightbox-nav-btnNext {right:0;float:right}
#lightbox-container-image-data-box {font:10px Verdana,Helvetica,sans-serif;background-color:#fff;margin:0 auto;line-height:1.4em;overflow:hidden;width:100%;padding:0 10px 0}
#lightbox-container-image-data {padding:0 10px;color:#666}
#lightbox-container-image-data #lightbox-image-details {width:70%;float:left;text-align:left}
#lightbox-image-details-caption {font-weight:bold}
#lightbox-image-details-currentNumber {display:block;clear:left;padding-bottom:1.0em}
#lightbox-secNav-btnClose {width:66px;float:right;padding-bottom:0.7em}
/**************************
IE6 FIXES
**************************/
* html #pageWrapper {height:100%;}
* html .darkcloth {background:url(assets/images/bg_dark_tablecloth.gif) left top repeat;}