/* reset */
/* Resetting of element defaults to avoid cross-browser incompatibilities */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp,
sub, sup, tt, var, dd, dl, dt, li, ol, ul, form, fieldset, input, textarea, label, 
table, legend, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	font-family: inherit;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	text-align: left;
}

img, a img, :link img, :visited img {
	border: 0;
}

object {
	outline: none; /* fix for FF3 */
}

/* page layout framework */

html {
	overflow-y: scroll; /* no Opera support */
}

body {
	font-size: 100%;
	line-height: 1.125em;
	text-align: center;
	color: #cad5df;
	background-color: #000;
}

div#header, div#content, div#footer {
	width: 59em;
	margin: 0 auto;
}

/* element defaults */

p, ul, ol, dl, label, input, select, textarea, button, table {
	font-family: "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", "Verdana", "Verdana Ref", sans-serif;
	font-size: 0.7em;
}

p {
	margin: 0 0 1.3em 0;
	line-height: 1.4em;
}

span, cite {
	font-family: "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", "Verdana", "Verdana Ref", sans-serif;
}

blockquote {
	margin-left: 1em;
	padding: 0 1em;
	color: #929eac;
	border-left: 2px solid #20C2F1;
}

/* links */

a {
	font-size: inherit;
}

a:link, a:visited {
	text-decoration: underline;
	color: #0BC2EE;
}

a:hover {
	text-decoration: underline;
	color: #96e7ff;
	text-shadow: 0px 0px 4px #0BC2EE;
}

a:active {
	text-decoration: none;
	color: #fff;
}

/* headings */

h2, h3, h4, h5, h6 {
	font-family: "Bitstream Vera Sans", "DejaVu Sans", "Trebuchet MS", "Verdana", "Verdana Ref", sans-serif;
	line-height: 1em;
	font-weight: normal;
}

h2 {
	margin: 0 0 1.5em 0;
	padding: 0.4em 0.8em;
	font-size: 1em;
	font-weight: normal;
	text-transform: uppercase;
	color: #fff;
	background: transparent url("/img/global/opaque_40.png") 0 0 repeat;
}

h3 {
	margin: 0 0 1em 0;
	font-size: 1.1em;
	font-weight: bold;
	text-transform: uppercase;
	color: #fff;
}

h4 {
	margin: 0 0 1em 0;
	font-size: 1.2em;
	font-weight: normal;
	color: #96e7ff;
}

h4 a, h4 a:visited {
	color: #fff !important;
	text-decoration: none !important;
	outline: none !important;
}

h4 a:hover {
	color: #96e7ff !important;
	text-decoration: none;
}

h5 {
	margin: -0.4em 0 1em 0;
	font-size: 1.1em;
	font-weight: normal;
	line-height: 1.5em;
	color: #fff;
	/*color: #96e7ff;*/
}

h6 {
	margin: 0;
	font-family: "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", "Verdana", "Verdana Ref", sans-serif;
	font-size: 0.7em;
	font-weight: normal;
	line-height: 1.5em;
	color: #fff;
}

h6 a:link, h6 a:visited {
	color: #fff;
	text-decoration: none;
}

h6 a:hover {
	color: #96e7ff;
	text-decoration: none;
}

/* paragraphs */

.emphasis {
	color: #96e7ff;
}

.subtle {
	color: #929eac;
}

.blocked {
	text-transform: uppercase;
	font-size: 0.6em;
}

.quote {
	font-family: "Constantia", "Lucida Bright", "Lucidabright", "Lucida Serif", "Lucida", "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif", "Georgia", serif;
	color: #0a760c;
}

/* forms */

fieldset {
	border: 0;
}

label {
	color: #fff;
}

input, select, textarea {
	color: #0BC2EE;
	background-color: #23282A;
	border: none;
}

input, textarea {
	padding: 0.5em;
}

textarea {
	line-height: 1.3em;
	overflow: auto;
}

.focusField {
	color: #fff;
	background-color: #32373C;
}

.idleField {
	color: #0BC2EE;
	background-color: #23282A;
}

.requiredField {
	color: #be0101;
}

button {
	padding: 0.2em 0.5em;
	font-weight: bold;
}

/* bullet lists */

ul {
	margin-bottom: 0.7em;
}

ul li {
	padding: 0 0 0.8em 2em;
	font-size: inherit;
	list-style-type: none;
}

ol li {
	margin-left: 2em;
	font-size: inherit;
	padding: 0 0 0.8em 0;
}

/* tables */

table th.l, table td.l {
	text-align: left;
}

table th.r, table td.r {
	text-align: right;
}

table th.c, table td.c {
	text-align: center;
}

/* header */

div#headerContainer {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 60px;
	background: transparent url("/img/global/header_bg.png") center 0 no-repeat;
	z-index: 100;
}

div#header {
}

h1 {
	margin: 0 0 0.7em 0;
	font-size: 2em;
	background: transparent url("/img/global/logo.png") 0 0 no-repeat;
	text-indent: -300em;
	overflow: hidden;
	width: 300px;
	height: 81px;
}

h1, h1 a {
	display: block;
	width: 300px;
	height: 81px;
}

/* navigation */

div#navigation {
	width: 32.5em;
	float: right;
}

/* first level > list */
ul.ds {
	z-index: 1000;
	margin: 0;
	padding: 0;
	background: transparent url("/img/global/navSeparator.png") left 0.9em no-repeat;
}

/* first level > list items */
ul.ds li {
	float: left;
	position: relative;
	margin: 0;
	padding: 0;
	z-index: 1001;
	background: transparent url("/img/global/navSeparator.png") right 0.9em no-repeat;
}

/* first level > link style */
ul.ds li a, ul.ds li a:visited {
	position: relative;
	display: block;
	padding: 11px 0.9em 11px 0.9em;
	font-size: 0.8em;
	line-height: 0.9em;
	text-decoration: none;
	text-transform: uppercase;
	color: #fff;
	outline: none;
}

/* first level > link style > hover */
ul.ds li a:hover {
	color: #96e7ff;
	text-shadow: 0px 0px 4px #96e7ff;
	text-decoration: none;
}

/* indicators */
ul.ds li div.indicator {
}

ul.ds li div.indicator a {
	background-image: url("/img/global/indicators.png");
	background-position: right 14px;
	background-repeat: no-repeat;
}

/* clickstream */
ul.ds li.current_page_item a, ul.ds li.current_page_parent a, ul.ds li.current_page_ancestor a {
	color: #0BC2EE;
}

/* open state and hover style */
ul.ds li.open div.indicator a, ul.ds li div.indicator a:hover {
	color: #96e7ff;
	background-position: right -138px;
}

/* second level > list */
ul.ds li ul {
	position: absolute;
	left: 0;
	visibility: hidden;
	z-index: 1001;
	background: transparent url("/img/global/opaque_line.png") 0 bottom repeat-x;
}

/* second level > list items (override first level > list items) */
ul.ds li ul li {
	float: none;
	background: transparent url("/img/global/opaque_line.png") 0 0 repeat-x;
}

/* second level > link style */
ul.ds li ul li a, ul.ds li ul li a:visited {
	padding: 10px 1.1em;
	font-size: 1em;
	color: #fff !important;
	background: transparent url("/img/global/opaque_20.png") 0 0 repeat;
}

/* second level > link style > hover */
ul.ds li ul li a:hover {
	color: #96e7ff !important;
	text-decoration: none;
}

ul.ds li ul li.current_page_item a, ul.ds li ul li.current_page_parent a {
	color: #0BC2EE !important;
}

ul.ds li.current_page_item div.indicator a {
	background-position: right -62px;
}

/* list item widths */
li.page-item-9 a {
	padding-right: 2.6em !important;
}

/* list widths */
li.page-item-9 ul {
	width: 13.5em;
}

li.page-item-9 ul li a {
	padding-right: 0 !important;
}

div.dsClear { /* to clear the floated list items */
	clear: both;
	height: 0;
	font-size: 0;
	line-height: 0;
}

/* tabs */

.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: 0;
	list-style-type: none;
	overflow: auto;
}

.ui-tabs .ui-tabs-nav li {
	float: left;
	display: inline;
	margin: 0;
	padding: 0;
	background-image: none;
}

.ui-tabs .ui-tabs-nav li a {
	display: block;
	margin: 0;
	padding: 0;
	float: left;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {
	cursor: text;
}

.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
	cursor: pointer;
} /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */

.ui-tabs .ui-tabs-panel {
	margin: 0;
	padding: 0;
}

.ui-tabs .ui-tabs-hide {
	display: none !important;
}

/* what we do tabs */

div#tabs {
	min-height: 14em;
}

.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: 0 0 1em 0;
	list-style-type: none;
	overflow: auto;
}

.ui-tabs .ui-tabs-nav li {
	float: left;
	display: block;
	margin: 0;
	padding: 0;
	background-image: none;
}

.ui-tabs .ui-tabs-nav li a, .ui-tabs .ui-tabs-nav li a:visited {
	display: block;
	margin: 0 0.5em 0 0;
	padding: 0 1em;
	font-size: 1.1em;
	line-height: 2.3em;
	text-decoration: none;
	color: #cad5df;
	background: transparent url("/img/global/opaque_20.png") 0 0 repeat;
	outline: none !important;
}

.ui-tabs .ui-tabs-nav li a:hover {
	color: #96e7ff;
	background: transparent url("/img/global/opaque_40.png") 0 0 repeat;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
	color: #0BC2EE !important;
	background-color: #000;
}

/* dialog */

.ui-dialog {
	position: relative;
	-webkit-box-shadow: 0 0 7px rgba(0,0,0,0.6);
	-moz-box-shadow: 0 0 7px rgba(0,0,0,0.6);
	box-shadow: 0 0 7px rgba(0,0,0,0.6);
	padding: 0;
	background-color: #101010;
	border: 1px solid #111;
}

.ui-dialog .ui-dialog-titlebar {
	display: none;
}

.ui-widget-overlay, div#overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: 0;
}

div#overlay {
	z-index: 200;
}

p#overlayClose {
	position: absolute;
	top: 2em;
	right: 2em;
	width: 18px;
	height: 18px;
	overflow: hidden;
	text-indent: -300em;
	outline: none;
	z-index: 300;
}

p#overlayClose a, p#overlayClose a:visited {
	display: block;
	width: 18px;
	height: 18px;
	background: transparent url("/img/global/close.png") 0 0 no-repeat;
}

p#overlayClose a:hover {
	background-position: 0 -62px;
}

/* clickstream */

div#clickstream {
	margin: 0 0 1.5em 0;
	padding: 0.3em 0.8em 0.25em 0.8em;
	background: transparent url("/img/global/opaque_40.png") 0 0 repeat;
}

div#clickstream ul {
	margin: 0;
	padding: 0;
}

div#clickstream ul li {
	margin: 0 1em 0 0;
	padding: 0.1em 1.2em 0.1em 0;
	list-style-type: none;
	display: inline;
	background: transparent url("/img/global/navSeparator.png") right 0 no-repeat;
}

div#clickstream ul li a, div#clickstream ul li a:visited {
	margin: 0;
	padding: 0;
	font-size: 1.5em;
	text-decoration: none;
	text-transform: uppercase;
	outline: none;
}

div#clickstream ul li.first a {
	color: #464b52;
}

div#clickstream ul li.second a {
	color: #84909c;
}

div#clickstream ul li.third a {
	color: #fff;
}

div#clickstream ul li.last {
	background: none;
}

/* content */

div#contentContainer {
	background-color: #030a16;
	background-attachment: fixed;
	background-position: center 0;
	background-repeat: no-repeat;
}

div#contentBackground {
	min-height: 26em;
}

div#content {
	padding: 3em 0 29px 0;
}

div#column1 {
	float: left;
	width: 25em;
	margin-right: 2em;
	padding-left: 0.8em;
}

div#column1.full {
	float: none;
	width: 58em;
	margin: 0;
	padding-left: 0.8em;
}

div#column1.single {
	width: 6em;
}

div#column1.multiple {
	width: 24em;
	margin-right: 0;
}

div#column2 {
	float: left;
	width: 31.2em;
}

/* welcome */

div#contentContainer.welcome h1 {
	margin-bottom: 1.7em;
}

p.artistReels {
	margin: 2em 0 0 0;
	width: 14.5em;
}

p.artistReels a, p.artistReels a:visited {
	display: block;
	padding: 5px 0 0 32px;
	height: 20px;
	background: transparent url("/img/global/play.png") 0 0 no-repeat;
}

p.artistReels a:hover {
	background-position: 0 -55px;
}

/* blog */

div#contentContainer.blog div#column1 {
	width: 39em;
	margin: 0 1em 0 0;
}

div#contentContainer.blog div#column2 {
	float: right;
	width: 17em;
	padding: 0 0 0 1em;
}

/* sidebar */

div#contentContainer.blog div#column2 h3 {
	margin: 1em 0 0.3em 0;
	font-size: 0.9em;
}

div#recentPosts ul, div#recentComments ul {
	margin: 0 0 1.1em 1em;
	padding: 0;
	font-size: 0.7em;
}

div#recentPosts ul li, div#recentComments ul li {
	margin: 0;
	padding: 0 0 1em 1.4em;
	list-style-type: none;
	background: transparent url("/img/global/bullet2.png") 0.2em 0.7em no-repeat;
}

div#blogIntro {
	margin: 0 0 1em 0;
	padding: 1em;
	background: transparent url("/img/global/opaque_20.png") 0 0 repeat;
}

div#blogIntro p {
	margin: 0;
	color: #929eac;
}

div#subscribe ul li {
	padding: 0.1em 0 0.5em 1em;
	background-image: none;
}

div#subscribe ul li a {
	padding-left: 2.2em;
	padding-bottom: 0.3em;
	background: transparent url("/img/social/rss_16.png") 0 0 no-repeat;
}

/* posts */

div.postWrapper {
	margin-bottom: 1em;
	padding-bottom: 0.5em;
	background: transparent url("/img/global/opaque_line.png") 0 bottom repeat-x;
}

div.postMeta {
	float: left;
	width: 9em;
	margin: 0 1em 0 0;
	position: relative;
}

div.postMeta p.date {
	/*padding: 0 0 1em 0;*/
	margin-top: 0.4em;
	font-size: 0.7em;
	/*text-align: right;*/
	color: #929eac;
	/*background: transparent url("/img/global/opaque_line.png") 0 bottom repeat-x;*/
}

div.postMeta p.date a {
	text-decoration: none;
	color: #929eac;
}

div.postMeta p.date a:hover {
	text-decoration: underline;
}

div.postMeta ul {
	margin: 0;
	padding: 0;
}

div.postMeta ul li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

div.postMeta ul li a, div.postMeta ul li a:visited {
	display: block;
	margin: 0 0 0.3em -0.5em;
	padding: 0.3em 0 0.3em 3em;
	font-size: 1em;
	text-decoration: none;
	width: 9em;
}

div.postMeta ul li a:hover {
	text-decoration: none;
}

div.postMeta ul li.commentLink a {
	background: transparent url("/img/global/comments.png") 0 bottom no-repeat;
}

div.postMeta ul li.commentLink a:hover {
	background-position: 0 0;
}

div.postMeta ul li.shareLink a {
	background: transparent url("/img/global/share.png") 0 bottom no-repeat;
}

div.postMeta ul li.shareLink a:hover {
	background-position: 0 0;
}

div.postMeta ul li.subscribeLink a {
	background: transparent url("/img/global/subscribe.png") 0 bottom no-repeat;
}

div.postMeta ul li.subscribeLink a:hover {
	background-position: 0 0;
}

div.postMeta ul li.editLink a {
	background: transparent url("/img/global/edit.png") 0 bottom no-repeat;
}

div.postMeta ul li.editLink a:hover {
	background-position: 0 0;
}

div.postBody {
	width: 29em;
	float: left;
}

div.postBody ul {
	margin: 0 0 1.1em 1em;
	padding: 0;
	font-size: 0.7em;
}

div.postBody h4 {
	margin: 0 0 0.85em 0;
	color: #fff;
}

div.postBody h4 a:link, div.postBody h4 a:visited {
	text-decoration: none;
	color: #fff !important;
}

div.postBody h4 a:hover {
	color: #96e7ff !important;
}

div.postBody ul li {
	margin: 0;
	padding: 0 0 0 1.4em;
	list-style-type: none;
	background: transparent url("/img/global/bullet2.png") 0.2em 0.7em no-repeat;
}

/* sociable */

div.sociable {
	display: none;
	background: transparent url("/img/global/input.png") 0 bottom repeat-x;
}

div.sociable ul {
	margin: 0 0 0.5em 0;
	padding: 0.4em 0.7em 0.7em 0;
	height: 20px;
}

div.sociable ul li {
	display: inline;
	float: left;
	margin: 0 0 0 0.7em;
	padding: 0;
	background-image: none;
	list-style-type: none;
}

div.sociable ul li a {
	display: block;
	width: 16px;
	height: 16px;
	margin: 0 !important;
	padding: 0 !important;
	background-image: none !important;
}

div.sociable ul li a img {
	vertical-align: middle;
	width: 16px;
	height: 16px;
}

/*div.sociable:after {
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
	font-size: 0;
	content: " ";
}*/

/*div.sociable img.sociable-hovers {
}*/

/* comments */

div#comments {
}

div#comments h3 {
	margin: 0.2em 0 0 0;
	font-size: 0.9em;
	/*text-align: right;*/
}

div#commentsWrapper {
	margin-bottom: 1em;
	padding-bottom: 0.5em;
	background: transparent url("/img/global/opaque_line.png") 0 bottom repeat-x;
}

div.commentsMeta {
	float: left;
	width: 9em;
	margin: 0 1em 0 0;
	position: relative;
}

div#commentsList {
	width: 29em;
	float: left;
}

div#commentsWrapper p {
	font-size: 0.7em;
}

div#commentsWrapper p#cancelReply {
	display: inline;
	margin: 0 0 0 1em;
}

div#commentsList ol {
	margin: 0;
	padding: 0;
	font-size: 1em;
}

div#commentsList ol li {
	position: relative;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

div#commentsList ol ul.children {
	font-size: 1em;
}

div#commentsList ol ul.children li.comment {
	padding: 0.5em 0 0 1.5em;
	border-bottom: 0;
}

/*ol#commentsList li div.avatar {
	position: absolute;
	width: 32px;
	margin: 0.2em 0.8em 0 0;
}

ol#commentsList li div.avatar img {
	width: 32px;
	height: 32px;
	vertical-align: middle;
}*/

div#commentsList ol li div.commentBox {
	padding: 0;
}

div.commentBox p.cite {
	margin-bottom: 0.3em;
	color: #929eac;
}

div.commentBox span.author {
	color: #ffeca0;
}

div.commentBox span.date {
}

div.commentBox span.reply {
	margin-left: 1em;
	visibility: hidden;
}

div.commentBox.on span.reply {
	visibility: visible;
}

div.commentBox p.moderation {
	color: #3f3;
}

div#respond {
	clear: both;
}

div#commentsList div#respond {
	margin: 1em 0;
	padding-bottom: 0.7em;
	background: transparent url("/img/global/opaque_line.png") 0 bottom repeat-x;
}

div#respond p {
	font-size: 0.7em;
}

form#commentForm {
	float: left;
	width: 28em;
}

form#commentForm fieldset {
	margin-left: -9.1em;
}

form#commentForm label {
	float: left;
	display: block;
	width: 9em;
	margin: 0 4em 0.7em 0;
	font-size: 0.7em;
	line-height: 2em;
	text-align: right;
}

form#commentForm input, form#commentForm textarea {
	font-size: 0.7em;
	background: transparent url("/img/global/inputOn.png") 0 bottom repeat-x;
}

form#commentForm .focusField {
	background: transparent url("/img/global/input.png") 0 bottom repeat-x;
}

form#commentForm .idleField {
	background: transparent url("/img/global/inputOn.png") 0 bottom repeat-x;
}

form#commentForm input {
	float: left;
	width: 22em;
}

form#commentForm textarea {
	margin: 0.4em 0 0.8em 0;
	width: 35em;
	height: 10em;
}

form#commentForm button {
	margin-left: 12.7em;
	width: 80px;
	height: 35px;
	text-indent: -300em;
	background: transparent url("/img/global/submit.png") 0 0 no-repeat;
	border: none;
	outline: none;
	cursor: pointer;
}

.required {
	float: left;
	margin: 0 0 0 1em;
	font-size: 0.7em;
	line-height: 2em;
	color: #929eac;
}

/* images */
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignright {
	margin: 0 0 2px 10px;
	padding: 4px;
	display: inline;
}

img.alignleft {
	margin: 0 10px 2px 0;
	padding: 4px;
	display: inline;
}

.alignright {
	float: right;
}

.alignleft {
	float: left
}

/* video */

span.yt, span.vimeo {
	display: block;
	margin-bottom: 1em;
}

/* paging */

div#wp_page_numbers ul, div#wp_page_numbers li, div#wp_page_numbers a {
	margin: 0;
	padding: 0;
}

div#wp_page_numbers {
	/*margin: 0 -0.9em;
	background: transparent url("/wordpress/img/global/h3Left.png") 0 0 no-repeat;*/
}

div#wp_page_numbers ul {
	/*margin-left: 0.9em;*/
	padding: 0;
	/*background: transparent url("/wordpress/img/global/h3Right.png") right 0 no-repeat;*/
}

div#wp_page_numbers ul:after {
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
	font-size: 0;
	content: " ";
}

div#wp_page_numbers li {
	display: block;
	float: left;
	font-size: 0.7em;
	background-image: none;
}

div#wp_page_numbers li.page_info {
	padding: 1px 1.5em 1px 0;
}

div#wp_page_numbers a {
	display: block;
	padding: 1px 6px;
	text-decoration: none;
}

div#wp_page_numbers a:hover {
	text-decoration: underline;
}

div#wp_page_numbers li.active_page a, div#wp_page_numbers li.active_page a:hover {
	color: #fff;
}

/* who we are */

div.profile {
	float: left;
	width: 14.5em;
}

div.profile img {
	margin: -0.3em 0 0.5em 0;
	-webkit-box-shadow: 0 0 6px rgba(0,0,0,.7);
	-moz-box-shadow: 0 0 6px rgba(0,0,0,.7);
	box-shadow: 0 0 6px rgba(0,0,0,.7);
}

div#grantProfile {
	margin-right: 1.5em;
}

/* showreels */

div#contentContainer.showreels div#column1 {
	width: 42em;
	margin: 0 1em 0 0;
}

div#contentContainer.showreels div#column2 {
	padding-top: 2.3em;
	width: 15em;
}

div#contentContainer.showreels div#column2 p {
	color: #929eac;
}

div.showreel {
	width: 20em;
	margin: 0 2em 0 0;
	float: left;
}

div.showreel a.thumb, div.showreel a.thumb:visited {
	width: 300px;
	height: 150px;
	margin: -0.5em 0 0.8em 0;
	position: relative;
}

div.showreel a.thumb img {
	position: absolute;
}

div.showreel a.thumb span.play {
	position: absolute;
	display: block;
	top: 50%;
	left: 50%;
	width: 25px;
	height: 25px;
	margin: -12px 0 0 -12px;
	background: transparent url("/img/global/play2.png") 0 0 no-repeat;
	text-indent: -300em;
	overflow: hidden;
}

div.showreel a.thumb:hover span.play {
	background-position: 0 -55px;
}

div#grantLargeReel {
	width: 640px;
	height: 292px;
}

div#grantMediumReel {
	width: 480px;
	height: 228px;
}

div#grantSmallReel {
	width: 320px;
	height: 162px;
}

div#heikoLargeReel {
	width: 640px;
	height: 352px;
}

div#heikoMediumReel {
	width: 480px;
	height: 272px;
}

div#heikoSmallReel {
	width: 320px;
	height: 192px;
}

/* our work */

ul#projectList {
	margin: -0.3em 0 3em 0;
	padding: 0;
}

ul#projectList li {
	display: block;
	float: left;
	margin: 0 0 0 2em;
	padding: 0 0 0 2em;
	font-size: 1em;
	text-transform: uppercase;
	list-style-type: none;
	background: transparent url("/img/global/opaque_line_footer.png") 0 0 no-repeat;
}

ul#projectList li.page-item-11 {
	margin: 0;
	padding: 0;
	background-image: none;
}

ul#projectList li a, ul#projectList li a:visited {
	color: #fff;
	text-decoration: none;
}

ul#projectList li ul {
	margin: 0.6em 0 0 0;
	padding: 0;
}

ul#projectList li ul li {
	margin: 0 0 0.3em 0;
	padding: 0 0 0 1.4em;
	font-size: 1.4em;
	text-transform: none;
	display: block;
	float: none;
	background: transparent url("/img/global/bullet2.png") 0.2em 0.7em no-repeat;
}

ul#projectList li ul li a, ul#projectList li ul li a:visited {
	text-decoration: underline;
	color: #0BC2EE;
}

ul#projectList li ul li a:hover {
	text-shadow: 0px 0px 4px #0BC2EE;
	color: #96e7ff;
}

ul#projectList li ul li a:active {
	text-decoration: none;
	color: #fff;
}

div.catIntro {
	width: 33em;
	margin-top: -0.5em;
}

/*div#contentContainer.our-work div#column1 {
	float: none;
	width: 100%;
	margin: 0;
}*/

div.project {
	float: left;
	width: 7em;
	margin: 0 0.7em 1.2em 0;
}

div.last {
	margin-right: 0;
}

div.project p {
	margin: 0;
}

div.panoramic div.single, div.vfx-for-film div.single {
	width: 19.6em !important;
	margin-right: 1em !important;
}

div.panoramic div.project, div.vfx-for-film div.project {
	width: 19em !important;
}

div.panoramic div.project a.thumb, div.vfx-for-film div.project a.thumb {
	position: relative;
	margin: 0 11px 11px 0;
	width: 300px;
	height: 150px;
}

.launch, .launch:visited {
	padding-left: 1.5em;
	background: transparent url("/img/global/launch.png") 0 4px no-repeat;
}

.launch:hover {
	background: transparent url("/img/global/launch.png") 0 -38px no-repeat;
}

p.launch {
	color: #929eac;
}

/* album thumbs */

div#albumThumbs {
	padding-left: 14px;
}

div#albumThumbs a.thumb, div#albumThumbs a.thumb:hover {
	float: left;
	margin: 0 14px 14px 0;
}

div#albumThumbs a.shadow, div#albumThumbs a.shadow:hover {
	margin: -5px 9px 9px -5px !important;
}

div#albumThumbs a.noMargin {
	margin-right: 0;
}

/* paging */

p#previous {
	width: 20em;
	float: left;
	margin: 0;
	text-align: left;
}

p#next {
	width: 20em;
	float: right;
	margin: 0;
	padding-right: 1.5em;
	text-align: right;
}

p#previous a, p#previous a:visited, p#next a, p#next a:visited {
	text-decoration: none;
}

p#previous a span, p#next a span {
	font-size: 1.3em;
}

/* footer */

div#footerContainer {
	margin-top: -29px;
	padding-top: 29px;
	background: transparent url("/img/global/shadow_top.png") center 0 no-repeat;
	overflow: hidden;
}

div#footer {
	position: relative;
	padding: 0 0 1.5em 0;
	color: #7d8793;
}

div#leftContainer, div#footer div#block1, div#footer div#block2, div#footer div#contact, div#contactFormContainer {
	height: 8.5em;
}

div#leftContainer {
	width: 39.5em;
	float: left;
	margin-top: 1.5em;
	display: block;
}

div#footer div#block1 {
	width: 17.5em;
	float: left;
	margin-right: 1.5em;
	padding-right: 1.5em;
	background: transparent url("/img/global/line_footer.png") right 0 no-repeat;
}

div#footer div#block2 {
	width: 18em;
	float: left;
}

div#footer div#contact {
	width: 17.5em;
	float: right;
	margin-top: 1.5em;
	padding-left: 1.5em;
	background: transparent url("/img/global/line_footer.png") left 0 no-repeat;
}

div#footer h4 {
	margin-bottom: 0.5em;
	font-size: 0.9em;
	font-weight: normal;
	text-transform: uppercase;
	color: #fff;
}

div#footer div#contact p {
	margin: 0 0 0.8em 0;
}

div#footer div#contact ul {
	margin: 0;
}

div#footer div#contact ul li {
	padding: 0 0 0.2em 1.5em;
	background: transparent url("/img/global/bullet.png") 0.2em 0.7em no-repeat;
}

div#feet {
	margin: 1.5em 0 0 0;
	background: transparent url("/img/global/line.png") 0 0 repeat-x;
	position: relative;
}

div#feet a, div#feet a:visited {
	color: #7d8793;
}

div#feet a:hover {
	color: #fff;
}

p#social {
	width: 45%;
	float: left;
	margin: 0;
	padding: 0.5em 0 0.2em 0;
	text-align: left;
	color: #32363b;
}

p#social a {
	padding-left: 2.2em;
	padding-bottom: 0.3em;
	background: transparent url("/img/social/facebook_16.png") 0 0 no-repeat;
}

p#social a:hover {
	background-position: 0 -30px no-repeat;
}

p#copyright {
	width: 45%;
	float: right;
	margin: 0;
	padding: 0.5em 1.5em 0.2em 0;
	text-align: right;
	color: #32363b;
	position: relative;
}

a#switch {
	position: absolute;
	top: 4px;
	right: -4px;
	display: block;
	width: 19px;
	height: 20px;
	text-indent: -300em;
	background: transparent url("/img/global/switch.png") 0 -1px no-repeat;
	overflow: hidden;
	outline: none;
	cursor: help;
}

p#copyright a#switch:hover {
	background-position: 0 -60px;
}

p#admin {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0.5em 0.3em;
	width: 6em;
	text-align: center;
	z-index: 200;
}

p#admin a {
	color: #555;
}

/* contact form */

div#contactFormContainer {
	display: none;
	float: left;
	width: 39.5em;
	margin-top: 1.5em;
}

form#contactForm {
	position: relative;
}

form#contactForm p#contactClose {
	float: right;
	margin: 0;
	width: 18px;
	height: 18px;
	overflow: hidden;
	text-indent: -300em;
	outline: none;
	display: none;
}

form#contactForm p#contactClose a, form#contactForm p#contactClose a:visited {
	display: block;
	width: 18px;
	height: 18px;
	background: transparent url("/img/global/close.png") 0 0 no-repeat;
}

form#contactForm p#contactClose a:hover {
	background-position: 0 -62px;
}

form#contactForm fieldset.detailsSet {
	float: left;
	width: 20em;
}

form#contactForm fieldset.messageSet {
	float: left;
	width: 19em;
	position: relative;
}

form#contactForm label {
	float: left;
	width: 9em;
	margin: 0 1em 1.2em 0;
	padding: 0.1em 0 0 0;
	text-align: right;
}

form#contactForm input {
	float: left;
	width: 17em;
}

form#contactForm textarea {
	width: 25em;
	height: 7em;
}

form#contactForm button {
	position: absolute;
	top: 2.8em;
	right: 0em;
	width: 25px;
	height: 25px;
	text-indent: -300em;
	background: transparent url("/img/global/play.png") 0 0 no-repeat;
	border: none;
	overflow: hidden;
	cursor: pointer;
}

/* images */

a.thumb, a.thumb:visited {
	display: block;
	width: 100px;
	height: 100px;
	margin: 0 0 0.4em 0;
	-webkit-box-shadow: 0 0 6px rgba(0,0,0,.7);
	-moz-box-shadow: 0 0 6px rgba(0,0,0,.7);
	box-shadow: 0 0 6px rgba(0,0,0,.7);
	background-color: #000;
	outline: none;
}

a.thumb:hover {
	-webkit-box-shadow: 0 0 7px rgba(34,194,239,.9);
	-moz-box-shadow: 0 0 7px rgba(34,194,239,.9);
	box-shadow: 0 0 7px rgba(34,194,239,.9);
}

a.thumb img {
	vertical-align: top;
}

/* faux drop shadow fallback */

a.shadow, a.shadow:visited {
	width: 110px;
	height: 110px;
	position: relative;
	margin: -5px 0 5px -5px !important;
	background-color: transparent;
}

a.shadow img {
	position: absolute;
	top: 5px;
	left: 5px;
}

a.shadow div.shadow {
	position: absolute;
	top: 0;
	left: 0;
	width: 110px;
	height: 110px;
	background: transparent url("/img/global/shadow.png") 0 0 no-repeat;
}

a.shadow:hover div.shadow {
	background: transparent url("/img/global/glow.png") 0 0 no-repeat;
}

div.vfx-for-film a.shadow, div.panoramic a.shadow, div.showreels a.shadow {
	width: 310px !important;
	height: 160px !important;
}

div.vfx-for-film a.shadow div.shadow, div.panoramic a.shadow div.shadow, div.showreels a.shadow div.shadow {
	width: 310px;
	height: 160px;
	background: transparent url("/img/global/shadowLarge.png") 0 0 no-repeat;
}

div.vfx-for-film a.shadow:hover div.shadow, div.panoramic a.shadow:hover div.shadow, div.showreels a.shadow:hover div.shadow {
	background: transparent url("/img/global/glowLarge.png") 0 0 no-repeat;
}

/* miscellaneous */

#tooltip {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	padding: 0.4em 0.5em;
	z-index: 3000;
	background: transparent url("/img/global/opaque_60.png") 0 0 repeat;
}

#tooltip h3 {
	margin: 0;
	padding: 0;
	font-family: "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", "Verdana", "Verdana Ref", sans-serif;
	font-size: 0.7em;
	font-weight: normal;
	text-transform: none;
}

span.sep {
	margin: 0 0.7em;
	color: #32363b;
}

p#skip {
	display: none;
}

div.c { /* to clear a float */
	clear: both;
	height: 0;
	font-size: 0;
	line-height: 0;
}

.clearfix:after {
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
	font-size: 0;
	content: " ";
}