/* Generic */
* {
	margin: 0;
	padding: 0;
}
body {
	background: #edeeec url(../images/body.jpg) repeat 50% 0;
	color: #333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	text-align: center;
}
img,
fieldset {
	border: 0;
}
input,
select,
textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
}
h1 {
	padding: 8px 16px;
	width: 683px;
	font-size: 1em;
	line-height: 1em;
	font-weight: normal;
	text-transform: uppercase;
	color: #fff;
	background: url(../images/h1.png) repeat;
}
h1 span {
	color: #bb0009;
}
h2 {
	margin-bottom: 0.5em;
	font-size: 1em;
}
h3 {
	margin-bottom: 0.5em;
	font-size: 1em;
}
h4 {
	margin-bottom: 0.25em;
	font-size: 1em;
}
h5 {
	margin-bottom: 0.25em;
	font-size: 1em;
	text-decoration: underline;
}
h6 {
	font-size: 1em;
}
a {
	color: #b00;
	text-decoration: underline;
}
a:visited {
	color: #666;
}
a:hover {
	color: #600;
}
p,
ul,
ol {
	margin-bottom: 1.35em;
}
ul,
ol {
	padding-left: 1.35em;
}
* html ol {
	padding-left: 2em;
}
*+html ol {
	padding-left: 2em;
}

/* Layout */
#wrapper {
	margin: 36px auto 0;
	width: 888px;
	height: 515px;
	font-size: 0.69em;
	text-align: left;
	line-height: 1.5em;
	position: relative;
}
#header {
	width: 173px;
	float: left;
}
* html #header {
	margin-right: -3px;
}
.p-colour #header {
	margin-top: 51px;
}
.p-design #header {
	margin-top: 102px;
}
.p-vfx #header {
	margin-top: 153px;
}
.p-cut #header {
	margin-top: 204px;
}
.p-features #header {
	margin-top: 255px;
}
.p-s3d #header {
	margin-top: 306px;
}


#logo {
	font-size: 3em;
	text-decoration: none;
	outline: 0;
}
#nav {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 94px;
	line-height: 1em;
	position: absolute;
	top: 23px;
	left: 63px;
}
* html #nav {
	padding: 0;
}
#nav li {
	margin-bottom: 13px;
	height: 38px;
	position: relative;
}
#nav a {
	width: 100%;
	height: 100%;
	display: block;
	text-decoration: none;
	text-indent: -9999px;
	outline: 0;
	overflow: hidden;
	background: url(../images/nav.png) no-repeat;
}
#n-film-and-tv-post a {
	background-position: 0 0;
}
#n-film-and-tv-post a:hover,
#n-film-and-tv-post.active a {
	background-position: -110px 0;
}
#n-colour a {
	background-position: 0 -51px;
}
#n-colour a:hover,
#n-colour.active a {
	background-position: -110px -51px;
}
#n-design a {
	background-position: 0 -102px;
}
#n-design a:hover,
#n-design.active a {
	background-position: -110px -102px;
}
#n-vfx a {
	background-position: 0 -153px;
}
#n-vfx a:hover,
#n-vfx.active a {
	background-position: -110px -153px;
}
#n-cut a {
	background-position: 0 -204px;
}
#n-cut a:hover,
#n-cut.active a {
	background-position: -110px -204px;
}
#n-features a {
	background-position: 0 -255px;
	/*margin-top: -9px;*/
	/*height:47px;*/
}
#n-features a:hover,
#n-features.active a {
	background-position: -110px -255px;
}


#n-s3d a {
	background-position: 0 -295px;
	
	
	height:47px;
	margin:-11px 0 0;
	padding: 2px 6px 0;
}
#n-s3d a:hover,
#n-s3d.active a {
	background-position: -108px -295px;
	height:47px;
	margin:-11px 0 0;
	padding: 2px 6px 0;
}

#n-on-set a {
	background-position: 0 -355px;
	margin: 22px 0 11px;
	padding: 5px;
}
#n-on-set a:hover,
#n-on-set.active a {
	background-position: -108px -355px;
	margin: 22px 0 11px;
	padding: 5px
}


#container {
	margin-top: 23px;
	width: 715px;
	height: 464px;
	float: left;
	background: url(../images/container.png) repeat;
	position: relative;
	overflow: hidden;
}
#footer {
	padding: 16px 0 0 166px;
	clear: both;
}
#footer ul {
	margin: 0;
	padding: 0;
	list-style: none;
	height: 12px;
}
#footer li {
	margin-right: 4px;
	float: left;
}
#footer li#n-client-ftp {
	margin: 0;
	float: right;
	position: relative;
	right: -7px;
}
#footer a {
	height: 100%;
	display: block;
	text-decoration: none;
	text-indent: -9999px;
	outline: 0;
	overflow: hidden;
	background: url(../images/footer.png) no-repeat;
}
#n-about-us a {
	width: 81px;
	background-position: 0 0;
}
#n-about-us a:hover,
#n-about-us.active a,
.p-about-us #n-about-us a {
	background-position: 0 -20px;
}
#n-contact-us a {
	width: 96px;
	background-position: -85px 0;
}
#n-contact-us a:hover,
#n-contact-us.active a,
.p-contact-us #n-contact-us a {
	background-position: -85px -20px;
}
#n-latest-news a {
	width: 105px;
	background-position: -185px 0;
}
#n-latest-news a:hover,
#n-latest-news.active a,
.p-latest-news #n-latest-news a {
	background-position: -185px -20px;
}
#n-technology a {
	width: 104px;
	background-position: -293px 0;
}
#n-technology a:hover,
#n-technology.active a,
.p-technology #n-technology a {
	background-position: -293px -20px;
}
#n-client-ftp a {
	width: 86px;
	background-position: -643px 0;
}
#n-client-ftp a:hover,
#n-client-ftp.active a,
.p-client-ftp #n-client-ftp a {
	background-position: -643px -20px;
}
#dm {
	margin: 0;
	position: absolute;
	bottom: 20px;
	right: 27px;
	font-size: 0.82em;
	color: #666;
}
#dm a {
	border-bottom: 1px dotted #666;
	background: transparent;
	display: inline;
	text-indent: 0;
	color: #666;
	text-decoration: none;
}
#dm a:hover {
	border-bottom: 1px solid #666;
}

/* Home */
.p-home h1 {
	position: absolute;
	left: -9999px;
}
.p-home #content ul {
	display: none;
}
.p-home #content div {
	width: 100%;
	height: 464px;
	position: relative;
}
.p-home h2 {
	margin: 0;
	padding: 8px 16px;
	width: 683px;
	position: absolute;
	bottom: 0;
	text-align: right;
	font-weight: normal;
	color: #fff;
	background: url(../images/credit.png) repeat;
	font-size: 0.91em;
	line-height: 1em;
	text-transform: uppercase;
}
.p-home h2 a {
	color: #fff;
	text-decoration: none;
}
.p-home h2 a:hover {
	text-decoration: underline;
}

/* Thumbnail pages */
.thumbnail-wall {
	margin: 10px 0 0 13px;
	padding: 0;
	list-style: none;
}
.thumbnail-wall li {
	margin: 5px 0 0 5px;
	border: 1px solid #000;
	float: left;
	width: 221px;
	height: 105px;
}
.thumbnail-wall div {
	position: absolute;
	left: -9999px;
	bottom: 7px;
	text-transform: uppercase;
}

.thumbnail-wall2 div {
	position: relative;
}

.thumbnail-wall li:hover div {
	left: auto;
	right: 18px;
}

.thumbnail-wall li:hover div.altProject {
	top:4px;
	right:0px;
	
}



.thumbnail-wall h2,
.thumbnail-wall h3 {
	margin: 0;
	display: inline;
	font-weight: normal;
}
.thumbnail-wall h2 {
	padding-right: 13px;
}
.thumbnail-wall h2 span,
.thumbnail-wall h3 span {
	font-weight: bold;
}
.thumbnail-wall a {
	position: relative;
	display: block;
}
.thumbnail-wall img {
	display: block;
	width: 221px;
	height: 105px;
}
.thumbnail-wall a span {
	width: 42px;
	height: 42px;
	display: block;
	position: absolute;
	top: 31px;
	left: 89px;
	background: url(../images/button-play.png) no-repeat;
}

/* About Us */
#about-us-text {
	margin: 18px;
}
#about-us-text a {
	color: #333;
	text-decoration: none;
	font-weight: bold;
}
#about-us-text a:hover {
	text-decoration: underline;
}

/* Contact Us */
.p-contact #content {
	padding: 16px;
}
.col {
	width: 235px;
	float: left;
}
.col.last {
	width: 175px;
	float: left;
}
.col sup {
	margin-left: 0.35em;
	line-height: 1em;
	font-size: 0.55em;
}
#contact-overlay,
#popup-overlay {
	padding: 15px;
	width: 651px;
	height: 384px;
	position: absolute;
	bottom: 9px;
	left: 17px;
	background: url(../images/contact.png) no-repeat;
	color: #fff;
	font-size: 1.09em;
	z-index: 100;
}

#popup-overlay { background: url(../images/popup-overlay.png); font-size:1em; width: 715px; height: 436px; left:0px; bottom:0px; }


#contact-overlay h1,
#contact-overlay h2,
#contact-overlay h3,
#popup-overlay h1,
#popup-overlay h2,
#popup-overlay h3 {
	margin: 0;
	padding: 0;
	width: auto;
	background: transparent;
	font-weight: bold;
	position: relative;
	left: auto;
	bottom: auto;
	text-align: left;
	text-transform: uppercase;
}
#contact-overlay h1,
#popup-overlay h1{
	margin-bottom: 20px;
	margin-top:20px;
}
#contact-overlay,
#popup-overlay a {
	color: #fff;
}
#contact-close,
#popup-close {
	width: 14px;
	height: 14px;
	display: block;
	cursor: pointer;
	text-indent: -9999px;
	overflow: hidden;
	position: absolute;
	top: 6px;
	right: 6px;
	background: url(../images/contact-close.png) no-repeat;
}

#popup-close { right:40px; top: 10px; }


#popup-50 div { height:386px; width: 330px;  float:left; }
#popup-50 div#right { margin-left:10px; }

#popup-30 div#left { height:386px; width: 230px;  float:left; margin-top:20px; }
#popup-30 div#right { height:386px; width: 430px;  float:left; margin-left:10px; }

#popup-30 div#right div#image img { border: 2px solid black; margin-left:40px; margin-top:20px; }

#popup-rigs img { border: 2px solid black; margin: 10px; }

/* Colour */
#colour-list {
	margin: 13px 0 0 5px;
	padding: 0;
	list-style: none;
}
#colour-list li {
	margin-bottom: 6px;
}
#colour-list #c-heather-hay {
	margin-bottom: 20px;
}
#colour-list a {
	display: block;
	height: 21px;
	text-indent: -9999px;
	overflow: hidden;
}
#c-crash-carlucci a {
	width: 211px;
	background: url(../images/colourists.png) no-repeat 0 0;
}
#c-crash-carlucci a:hover {
	background-position: -400px 0;
}
#c-billy-wychgel a {
	width: 201px;
	background: url(../images/colourists.png) no-repeat 0 -27px;
}
#c-billy-wychgel a:hover {
	background-position: -400px -27px;
}
#c-tristan-la-fontaine a {
	width: 275px;
	background: url(../images/colourists.png) no-repeat 0 -54px;
}
#c-tristan-la-fontaine a:hover {
	background-position: -400px -54px;
}
#c-heather-hay a {
	width: 177px;
	background: url(../images/colourists.png) no-repeat 0 -81px;
}
#c-heather-hay a:hover {
	background-position: -400px -81px;
}
#c-christine-trodd-freelance a {
	width: 388px;
	background: url(../images/colourists.png) no-repeat 0 -122px;
}
#c-christine-trodd-freelance a:hover {
	background-position: -400px -122px;
}
.back-to-colour {
	margin: 12px 18px 0 0;
	width: 161px;
	height: 11px;
	display: block;
	float: right;
	background: url(../images/back-to-colour.png) no-repeat 0 0;
	text-indent: -9999px;
	overflow: hidden;
	outline: 0;
}
.back-to-colour:hover {
	background: url(../images/back-to-colour.png) no-repeat 0 -20px;
}

/* Tabs */
.ui-tabs-hide {
	display: none;
}

/* Technology */
.p-technology #content {
	padding: 2.7em 0 0 1.27em;
	color: #3c3c3c;
}
.tech-col {
	padding-left: 0;
	float: left;
	width: 255px;
	list-style-type: none;
}
.tech-col li {
	margin-bottom: 0.82em;
	padding-left: 12px;
	background: transparent url(../images/list-slash.gif) no-repeat 0 100%;
}
#tech-col-last {
	width: 179px;	
}

/* Latest News */
.p-latest-news #content {
	padding: 24px 7px 0;
}
.p-latest-news .slashes {
	color: #bb0009;
}
#newsletter-subscribe-txt {
	margin: 0 5px 20px;
	padding: 10px 6px 0;
	border-top: 1px solid #838483;
}
.newsletter-subscribe {
	margin: 0 5px;
	border-bottom: 1px solid #838483;
}
.newsletter-subscribe div {
	margin-bottom: 0.81em;
}
.newsletter-subscribe label {
	margin-right: 0.54em;
	padding: 2px 0;
	width: 104px;
	float: left;
	text-align: right;
}
.newsletter-subscribe fieldset input {
	padding: 2px;
}
.newsletter-subscribe fieldset span {
	padding: 0 2px;
	vertical-align: top;
}
.newsletter-subscribe .buttons input {
	padding: 2px 4px;
}
.newsletter-subscribe .buttons {
	margin-left: 110px;
}
.news-wrapper {
	padding: 0;
	height: 240px;
	list-style: none;
	text-transform: uppercase;
	overflow: hidden;
}
.news-wrapper li {
	width: 700px;
	height: 60px;
	position: relative;
}
*+html .news-wrapper li {
	float: left;
	clear: left;
}
* html .news-wrapper li {
	float: left;
	clear: left;
}
.news-wrapper a {
	text-decoration: none;
	color: #3c3c3c;
}
.news-wrapper a:hover {
	font-weight: bold;
}
.news-wrapper li img {
	width: 107px;
	height: 58px;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
}
.news-wrapper li div {
	width: 583px;
	position: absolute;
	bottom: 2px;
	left: 117px;
	line-height: 1em;
}
.subscribe-newsletter {
	font-weight: bold;
}

/* jQuery Carousel */
.jcarousel-container {
	margin-bottom: 22px;
	position: relative;
}
.jcarousel-clip {
	z-index: 2;
	padding: 0;
	margin: 0;
	overflow: hidden;
	position: relative;
	height: 240px;
}
.jcarousel-list {
	z-index: 1;
	position: relative;
	top: 0;
	left: 0;
}
.jcarousel-next {
	z-index: 3;
	display: none;
}
.jcarousel-prev {
	z-index: 3;
	display: none;
}
.jcarousel-next-vertical {
	position: absolute;
	bottom: -17px;
	right: 5px;
	width: 16px;
	height: 12px;
	cursor: pointer;
	background: transparent url(../images/vertical-arrows.gif) no-repeat -20px -20px;
}
.jcarousel-next-vertical:hover {
	background-position: -20px -20px;
}
.jcarousel-next-vertical:active {
	background-position: -20px -20px;
}
.jcarousel-next-disabled-vertical,
.jcarousel-next-disabled-vertical:hover,
.jcarousel-next-disabled-vertical:active {
	cursor: default;
	background-position: 0 -20px;
}
.jcarousel-prev-vertical {
	position: absolute;
	bottom: 3px;
	right: 5px;
	width: 16px;
	height: 12px;
	cursor: pointer;
	background: transparent url(../images/vertical-arrows.gif) no-repeat -20px 0;
}
.jcarousel-prev-vertical:hover {
	background-position: -20px 0;
}
.jcarousel-prev-vertical:active {
	background-position: -20px 0;
}
.jcarousel-prev-disabled-vertical,
.jcarousel-prev-disabled-vertical:hover,
.jcarousel-prev-disabled-vertical:active {
	cursor: default;
	background-position: 0 0;
}

/* Shadowbox */
#sb-wrapper {
	position: relative;
	top: 59px !important;
	margin-left: 87px;
	font-size: 0.69em;
}
#sb-body {
	border: 0 !important;
}
#sb-loading a {
	color: #fff;
}
#sb-title-inner,
#sb-info-inner {
	font-family: Verdana, Arial, Helvetica, sans-serif !important;
	line-height: normal !important;
}
#sb-title {
	height: 27px;
	background: #292929;
	line-height: 1em;
	position: relative;
}
#sb-title-inner {
	padding: 8px 16px 0 !important;
	font-size: 1em !important;
	text-transform: uppercase;
}
#sb-info {
	background: #292929;
}
#sb-info-inner {
	font-size: 1em !important;
}
#sb-nav-close {
	padding: 2px 18px 0 0;
	height: 14px;
	display: block;
	cursor: pointer;
	background-position: 100% 0;
	position: absolute;
	top: 5px;
	right: 5px;
	color: #fff;
	font-size: 0.91em;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
}
#sb-nav-close:hover {
	text-decoration: underline !important;
}
#sb-counter {
	padding: 3px 16px 0 !important;
}

/* Clearing Fix */
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clearfix {
	min-height: 0;
}
/*\*//*/
.clearfix {display: inline-table;}
/* */
* html .clearfix {height: 1%;}