body 								{ font-family:American Typewriter, Arial, Helvetica, Georgia, sans-serif; font-size:0.9em; margin:0; padding:0; color:#999; background:#e7e8e9 url(/images/assets/backgrounds/bg-page-wood.gif) repeat-x top left; }
img									{ border:0; }
a									{ color:#999; text-decoration:none; outline:0 }
a:hover								{ color:#000; }
p									{ padding:28px 4px 0 4px; margin:0; }

h1									{ margin:0 0 6px 0; padding:0 15px 0 9px; text-align:left; }
h2									{ font-size:2em; font-weight:400; margin:0 0 5px 0; height:95px; padding:40px 0 0 0; }
h2 span								{ float:left; margin-top:-50px; margin-right:10px; height:135px; background:#999; }
h2 span.textreplace					{ float:none; margin:0; height:auto; background:transparent!important; }

div#header							{ position:absolute; top:0; left:0; width:100%; height:100px; background:transparent url(/images/assets/backgrounds/bg-column-divider-x.png) repeat-x bottom right; z-index:40; }
div#header h1						{ display:inline; float:left; margin-top:23px; margin-left:23px; }
div#header div#headerinner			{ background:#fff; height:86px;}
div#header div div					{ float:left; margin-top:30px; }
div#strapline						{ margin-left:12px; padding-left:32px; border-left:1px solid #e4e4e4; }
div#tabs							{ margin-left:60px; }

div#pagecontainer					{ float:left; width:900px; }
div#soundcontainer					{ position:fixed; top:0; left:0; }

div#mainnavigation					{ position:fixed; top:86px; left:0; float:left; width:198px; z-index:30; padding:0 16px 0 0; background:transparent url(/images/assets/backgrounds/bg-column-divider-y.png) repeat-y top right; }
ul.contentmenutriggers				{ float:left; width:170px; margin:0; padding:28px 10px 28px 18px; list-style-type:none; background:#fff; }
ul.contentmenutriggers li			{ float:left; width:47px; height:35px; text-align:center; margin:0 8px 17px 0; background:#999; }
ul.contentmenutriggers li a			{ color:#fff; }

div#contentmenu						{ position:fixed; overflow:hidden; top:86px; left:198px; width:206px; z-index:20; padding:0 16px 0 0; background:transparent url(/images/assets/backgrounds/bg-column-divider-y.png) repeat-y top right; }
div#contentmenuinner				{ padding:28px 16px 20px 36px; background:#fff; }
div.contentmenu						{ position:absolute; float:left; width:170px; padding:0 0 28px 0; }
ul.contentpaneltriggers				{ float:left; width:162px; margin:0; padding:0; list-style-type:none; }
ul.contentpaneltriggers li			{ float:left; width:144px; padding:0 26px 0 0; }

div#contenttodisplay							{ position:fixed; top:86px; left:404px; width:505px; z-index:10; padding:0 16px 0 0; background:transparent url(/images/assets/backgrounds/bg-column-divider-y.png) repeat-y top right; }
div#contenttodisplayinner						{ padding:28px 16px 20px 36px; background:#fff; }
div.contentpanel								{ position:absolute; width:435px; }
div.contentpanel div.scrollcontrol				{ text-align:right; padding:0 0 5px 0; }
div.contentpanel div.scrollcontrol span.label	{ position:absolute; right:33px; padding-top:2px; font-weight:bold; }
div.contentpanel div.scrollcontrol span.message	{ position:absolute; width:1px; height:1px; visibility:hidden; }
div.contentpanel div.scrollcontrol span.upmsg	{ visibility:visible; width:149px; height:75px; margin-top:-71px; margin-left:-138px; background:transparent url(/images/assets/pop-scrollup.png) no-repeat top left; }
div.contentpanel div.scrollcontrol span.downmsg	{ visibility:visible; width:149px; height:75px; margin-top:-71px; margin-left:-138px; background:transparent url(/images/assets/pop-scrolldown.png) no-repeat top left; }
div.contentpanel div.scrollcontrol span.up		{ background:#999; line-height:11px; padding:0; margin:0; }
div.contentpanel div.scrollcontrol span.down	{ background:#999; line-height:11px; padding:0; margin:0; }
div.contentpanel div.scrollcontrol img			{ cursor:pointer; margin:0 0 -4px 0; padding:0; }
div.contentpanel div.divider					{ height:1px; line-height:1px; font-size:1px; margin:0; padding:0; border-top:1px solid #e4e4e4; }
div.contentpanel div.scrollinner				{ overflow:hidden; padding:0 0 18px 0; }
div.contentpanel p.imgasset						{ text-align:center; padding:28px 0 0 0; margin:0; }
div.contentpanel p.videoasset					{ text-align:center; padding:28px 0 0 0; margin:0; }
div.videocontainer								{ background:transparent url(/images/assets/backgrounds/play-video.gif) no-repeat center center; width:425px; height:325px}

.accesstext							{ display:none; }

/* Tabs at the end of the navigation */

div#tabs a { display:block; float:left; padding:0px; margin:0px; text-decoration:none; width:88px; height:23px; }

div#tabs a#aboutustab { background:#999999 url(/images/assets/buttons/tab-about.png) no-repeat center center; }
div#tabs a#worktab { background:#999999 url(/images/assets/buttons/tab-work.png) no-repeat center center; }
div#tabs a#contacttab { background:#999999 url(/images/assets/buttons/tab-contact.png) no-repeat center center; }
div#tabs a#newstab { background:#999999 url(/images/assets/buttons/tab-news.png) no-repeat center center; }

/* Colourisation Setup */
/* Classes to control the colours of the sections [matches JS Array in toolshed.js] */

div#container.a-colour div.contentpanel div.scrollcontrol span.hover,
div#container.a-colour h1 img,
div#container.a-colour h2 span,
div#container.a-colour div#tabs a:hover	{ background-color:#ff4343; }
div#container.a-colour a		{ color:#ff4343; }
div#container.a-colour ul.contentpaneltriggers a	{ color:#999; }
div#container.a-colour a.hover	{ color:#ff4343!important; text-decoration:none; }
div#container.a-colour a:hover	{ color:#ff4343; text-decoration:underline; }

div#container.b-colour div.contentpanel div.scrollcontrol span.hover,
div#container.b-colour h1 img,
div#container.b-colour h2 span,
div#container.b-colour div#tabs a:hover	{ background-color:#ff6e42; }
div#container.b-colour a		{ color:#ff6e42; }
div#container.b-colour ul.contentpaneltriggers a	{ color:#999; }
div#container.b-colour a.hover	{ color:#ff6e42!important; text-decoration:none; }
div#container.b-colour a:hover	{ color:#ff6e42; text-decoration:underline; }

div#container.c-colour div.contentpanel div.scrollcontrol span.hover,
div#container.c-colour h1 img,
div#container.c-colour h2 span,
div#container.c-colour div#tabs a:hover	{ background-color:#ff861c; }
div#container.c-colour a		{ color:#ff861c; }
div#container.c-colour ul.contentpaneltriggers a	{ color:#999; }
div#container.c-colour a.hover	{ color:#ff861c!important; text-decoration:none; }
div#container.c-colour a:hover	{ color:#ff861c; text-decoration:underline; }

div#container.d-colour div.contentpanel div.scrollcontrol span.hover,
div#container.d-colour h1 img,
div#container.d-colour h2 span,
div#container.d-colour div#tabs a:hover	{ background-color:#ffb200; }
div#container.d-colour a		{ color:#ffb200; }
div#container.d-colour ul.contentpaneltriggers a	{ color:#999; }
div#container.d-colour a.hover	{ color:#ffb200!important; text-decoration:none; }
div#container.d-colour a:hover	{ color:#ffb200; text-decoration:underline; }

div#container.e-colour div.contentpanel div.scrollcontrol span.hover,
div#container.e-colour h1 img,
div#container.e-colour h2 span,
div#container.e-colour div#tabs a:hover	{ background-color:#f9e800; }
div#container.e-colour a		{ color:#f9e800; }
div#container.e-colour ul.contentpaneltriggers a	{ color:#999; }
div#container.e-colour a.hover	{ color:#f9e800!important; text-decoration:none; }
div#container.e-colour a:hover	{ color:#f9e800; text-decoration:underline; }

div#container.f-colour div.contentpanel div.scrollcontrol span.hover,
div#container.f-colour h1 img,
div#container.f-colour h2 span,
div#container.f-colour div#tabs a:hover	{ background-color:#cdf600; }
div#container.f-colour a		{ color:#cdf600; }
div#container.f-colour ul.contentpaneltriggers a	{ color:#999; }
div#container.f-colour a.hover	{ color:#cdf600!important; text-decoration:none; }
div#container.f-colour a:hover	{ color:#cdf600; text-decoration:underline; }

div#container.g-colour div.contentpanel div.scrollcontrol span.hover,
div#container.g-colour h1 img,
div#container.g-colour h2 span,
div#container.g-colour div#tabs a:hover	{ background-color:#a3ff1a; }
div#container.g-colour a		{ color:#a3ff1a; }
div#container.g-colour ul.contentpaneltriggers a	{ color:#999; }
div#container.g-colour a.hover	{ color:#a3ff1a!important; text-decoration:none; }
div#container.g-colour a:hover	{ color:#a3ff1a; text-decoration:underline; }

div#container.h-colour div.contentpanel div.scrollcontrol span.hover,
div#container.h-colour h1 img,
div#container.h-colour h2 span,
div#container.h-colour div#tabs a:hover	{ background-color:#87ff42; }
div#container.h-colour a		{ color:#87ff42; }
div#container.h-colour ul.contentpaneltriggers a	{ color:#999; }
div#container.h-colour a.hover	{ color:#87ff42!important; text-decoration:none; }
div#container.h-colour a:hover	{ color:#87ff42; text-decoration:underline; }

div#container.i-colour div.contentpanel div.scrollcontrol span.hover,
div#container.i-colour h1 img,
div#container.i-colour h2 span,
div#container.i-colour div#tabs a:hover	{ background-color:#5bff42; }
div#container.i-colour a		{ color:#5bff42; }
div#container.i-colour ul.contentpaneltriggers a	{ color:#999; }
div#container.i-colour a.hover	{ color:#5bff42!important; text-decoration:none; }
div#container.i-colour a:hover	{ color:#5bff42; text-decoration:underline; }

div#container.j-colour div.contentpanel div.scrollcontrol span.hover,
div#container.j-colour h1 img,
div#container.j-colour h2 span,
div#container.j-colour div#tabs a:hover	{ background-color:#42ff55; }
div#container.j-colour a		{ color:#42ff55; }
div#container.j-colour ul.contentpaneltriggers a	{ color:#999; }
div#container.j-colour a.hover	{ color:#42ff55!important; text-decoration:none; }
div#container.j-colour a:hover	{ color:#42ff55; text-decoration:underline; }

div#container.k-colour div.contentpanel div.scrollcontrol span.hover,
div#container.k-colour h1 img,
div#container.k-colour h2 span,
div#container.k-colour div#tabs a:hover	{ background-color:#42ff81; }
div#container.k-colour a		{ color:#42ff81; }
div#container.k-colour ul.contentpaneltriggers a	{ color:#999; }
div#container.k-colour a.hover	{ color:#42ff81!important; text-decoration:none; }
div#container.k-colour a:hover	{ color:#42ff81; text-decoration:underline; }

div#container.l-colour div.contentpanel div.scrollcontrol span.hover,
div#container.l-colour h1 img,
div#container.l-colour h2 span,
div#container.l-colour div#tabs a:hover	{ background-color:#42ffad; }
div#container.l-colour a		{ color:#42ffad; }
div#container.l-colour ul.contentpaneltriggers a	{ color:#999; }
div#container.l-colour a.hover	{ color:#42ffad!important; text-decoration:none; }
div#container.l-colour a:hover	{ color:#42ffad; text-decoration:underline; }

div#container.m-colour div.contentpanel div.scrollcontrol span.hover,
div#container.m-colour h1 img,
div#container.m-colour h2 span,
div#container.m-colour div#tabs a:hover	{ background-color:#42ffd9; }
div#container.m-colour a		{ color:#42ffd9; }
div#container.m-colour ul.contentpaneltriggers a	{ color:#999; }
div#container.m-colour a.hover	{ color:#42ffd9!important; text-decoration:none; }
div#container.m-colour a:hover	{ color:#42ffd9; text-decoration:underline; }

div#container.n-colour div.contentpanel div.scrollcontrol span.hover,
div#container.n-colour h1 img,
div#container.n-colour h2 span,
div#container.n-colour div#tabs a:hover	{ background-color:#42f9ff; }
div#container.n-colour a		{ color:#42f9ff; }
div#container.n-colour ul.contentpaneltriggers a	{ color:#999; }
div#container.n-colour a.hover	{ color:#42f9ff!important; text-decoration:none; }
div#container.n-colour a:hover	{ color:#42f9ff; text-decoration:underline; }

div#container.o-colour div.contentpanel div.scrollcontrol span.hover,
div#container.o-colour h1 img,
div#container.o-colour h2 span,
div#container.o-colour div#tabs a:hover	{ background-color:#42cdff; }
div#container.o-colour a		{ color:#42cdff; }
div#container.o-colour ul.contentpaneltriggers a	{ color:#999; }
div#container.o-colour a.hover	{ color:#42cdff!important; text-decoration:none; }
div#container.o-colour a:hover	{ color:#42cdff; text-decoration:underline; }

div#container.p-colour div.contentpanel div.scrollcontrol span.hover,
div#container.p-colour h1 img,
div#container.p-colour h2 span,
div#container.p-colour div#tabs a:hover	{ background-color:#42a1ff; }
div#container.p-colour a		{ color:#42a1ff; }
div#container.p-colour ul.contentpaneltriggers a	{ color:#999; }
div#container.p-colour a.hover	{ color:#42a1ff!important; text-decoration:none; }
div#container.p-colour a:hover	{ color:#42a1ff; text-decoration:underline; }

div#container.q-colour div.contentpanel div.scrollcontrol span.hover,
div#container.q-colour h1 img,
div#container.q-colour h2 span,
div#container.q-colour div#tabs a:hover	{ background-color:#4275ff; }
div#container.q-colour a		{ color:#4275ff; }
div#container.q-colour ul.contentpaneltriggers a	{ color:#999; }
div#container.q-colour a.hover	{ color:#4275ff!important; text-decoration:none; }
div#container.q-colour a:hover	{ color:#4275ff; text-decoration:underline; }

div#container.r-colour div.contentpanel div.scrollcontrol span.hover,
div#container.r-colour h1 img,
div#container.r-colour h2 span,
div#container.r-colour div#tabs a:hover	{ background-color:#4249ff; }
div#container.r-colour a		{ color:#4249ff; }
div#container.r-colour ul.contentpaneltriggers a	{ color:#999; }
div#container.r-colour a.hover	{ color:#4249ff!important; text-decoration:none; }
div#container.r-colour a:hover	{ color:#4249ff; text-decoration:underline; }

div#container.s-colour div.contentpanel div.scrollcontrol span.hover,
div#container.s-colour h1 img,
div#container.s-colour h2 span,
div#container.s-colour div#tabs a:hover	{ background-color:#6842ff; }
div#container.s-colour a		{ color:#6842ff; }
div#container.s-colour ul.contentpaneltriggers a	{ color:#999; }
div#container.s-colour a.hover	{ color:#6842ff!important; text-decoration:none; }
div#container.s-colour a:hover	{ color:#6842ff; text-decoration:underline; }

div#container.t-colour div.contentpanel div.scrollcontrol span.hover,
div#container.t-colour h1 img,
div#container.t-colour h2 span,
div#container.t-colour div#tabs a:hover	{ background-color:#9442ff; }
div#container.t-colour a		{ color:#9442ff; }
div#container.t-colour ul.contentpaneltriggers a	{ color:#999; }
div#container.t-colour a.hover	{ color:#9442ff!important; text-decoration:none; }
div#container.t-colour a:hover	{ color:#9442ff; text-decoration:underline; }

div#container.u-colour div.contentpanel div.scrollcontrol span.hover,
div#container.u-colour h1 img,
div#container.u-colour h2 span,
div#container.u-colour div#tabs a:hover	{ background-color:#c042ff; }
div#container.u-colour a		{ color:#c042ff; }
div#container.u-colour ul.contentpaneltriggers a	{ color:#999; }
div#container.u-colour a.hover	{ color:#c042ff!important; text-decoration:none; }
div#container.u-colour a:hover	{ color:#c042ff; text-decoration:underline; }

div#container.v-colour div.contentpanel div.scrollcontrol span.hover,
div#container.v-colour h1 img,
div#container.v-colour h2 span,
div#container.v-colour div#tabs a:hover	{ background-color:#ec42ff; }
div#container.v-colour a		{ color:#ec42ff; }
div#container.v-colour ul.contentpaneltriggers a	{ color:#999; }
div#container.v-colour a.hover	{ color:#c042ff!important; text-decoration:none; }
div#container.v-colour a:hover	{ color:#ec42ff; text-decoration:underline; }

div#container.w-colour div.contentpanel div.scrollcontrol span.hover,
div#container.w-colour h1 img,
div#container.w-colour h2 span,
div#container.w-colour div#tabs a:hover	{ background-color:#ff42e6; }
div#container.w-colour a		{ color:#ff42e6; }
div#container.w-colour ul.contentpaneltriggers a	{ color:#999; }
div#container.w-colour a.hover	{ color:#ff42e6!important; text-decoration:none; }
div#container.w-colour a:hover	{ color:#ff42e6; text-decoration:underline; }

div#container.x-colour div.contentpanel div.scrollcontrol span.hover,
div#container.x-colour h1 img,
div#container.x-colour h2 span,
div#container.x-colour div#tabs a:hover	{ background-color:#ff42ba; }
div#container.x-colour a		{ color:#ff42ba; }
div#container.x-colour ul.contentpaneltriggers a	{ color:#999; }
div#container.x-colour a.hover	{ color:#ff42ba!important; text-decoration:none; }
div#container.x-colour a:hover	{ color:#ff42ba; text-decoration:underline; }

div#container.y-colour div.contentpanel div.scrollcontrol span.hover,
div#container.y-colour h1 img,
div#container.y-colour h2 span,
div#container.y-colour div#tabs a:hover	{ background-color:#ff428e; }
div#container.y-colour a		{ color:#ff428e; }
div#container.y-colour ul.contentpaneltriggers a	{ color:#999; }
div#container.y-colour a.hover	{ color:#ff428e!important; text-decoration:none; }
div#container.y-colour a:hover	{ color:#ff428e; text-decoration:underline; }

div#container.z-colour div.contentpanel div.scrollcontrol span.hover,
div#container.z-colour h1 img,
div#container.z-colour h2 span,
div#container.z-colour div#tabs a:hover	{ background-color:#ff4262; }
div#container.z-colour a		{ color:#ff4262; }
div#container.z-colour ul.contentpaneltriggers a	{ color:#999; }
div#container.z-colour a.hover	{ color:#ff4262!important; text-decoration:none; }
div#container.z-colour a:hover	{ color:#ff4262; text-decoration:underline; }

/* Without JavaScript / CMS mode */
.withoutjs div#pagecontainer											{ float:none; padding:0 20px; background:#fff; }
.withoutjs div#mainnavigation											{ position:relative; width:auto; background:none; margin:0; padding:0; }
.withoutjs div#mainnavigation a											{ float:left; width:47px; height:35px; }
.withoutjs div#mainnavigation a:hover									{ background:#000; }
.withoutjs h1															{ text-align:left; }
.withoutjs div.contentmenu												{ position:relative; width:100%; display:block; padding:0 0 28px 18px; }
.withoutjs ul.contentmenutriggers										{ float:none; width:100%; }
.withoutjs ul.contentmenutriggers li									{ float:left; width:47px; height:35px; }
.withoutjs div.contentpanel												{ position:relative; clear:left; }
.withoutjs ul.contentpaneltriggers										{ float:none; display:block; margin:0; padding:0; }
.withoutjs ul.contentpaneltriggers li									{ float:none; padding:0 20px 0 0; width:auto; }
.withoutjs div.scrollcontrol											{ visibility:hidden; }
.withoutjs h2.accesstext												{ display:block; float:none; height:auto; }

/* CMS mode */
/* Needs to be changed to inCMS(?) */
.withoutjs div.contentmenu												{ border:1px dashed #999; margin:0 0 5px 0; }
.withoutjs div.contentpanel												{ border:1px dashed #999; margin:0 0 5px 0; }

/* Credit Box */
div.creditbox		{ position:fixed; bottom:0; right:0; }
div.creditbox img	{ margin-bottom:-3px; }