body {
  background-color: #000;
  background-image: url(/static/page-bg.png);
  background-position: center 139px;
  background-repeat: repeat-y;
  font-family: Verdana, Helvetica, Arial, sans-serif;
}

div#wrapper {
  width: 980px;
  margin: 0 auto;  
}

div#header-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 139px;
  background: #000 url(/static/header-bg.jpg);
  background-position: center 0;
  background-repeat: no-repeat;
  z-index: -1;
}

div#header {
  height: 139px;
  position: relative;
  background-image: url(/static/header3.jpg);
  background-position: center 0;
  background-repeat: no-repeat;
  /* margin-left: -3px;
  margin-right: -3px;
  padding-left: 3px;
  padding-right: 3px; */
}

div#header h1 {
  display: none; 
}

div#header p {
  position: absolute;
  right: 15px;
  bottom: 44px;
  color: #444;
  font-size: 1.3em;
}

div#content-wrapper {
  /* background-color: #111; tried to soften the page style during slow pageloads */
  background-image: url(/static/content-bg.jpg);
  background-repeat: no-repeat;
}

div#content-trim {
  position: relative; 
}

/**
 * 
 * Navigation
 *
 */
 
div#header ul.navigation {
  position: absolute;
  bottom: 0;
  margin-left: 2px;
  border-left: 1px solid #2f2f2f;
  background: #000;
}

/* Updated 10/07/2010 */
div#header ul.navigation li {
  display: block;
  position: relative;
  float: left;
  width: 163px;
  height: 25px;
  /* TODO: IE6 width bug - replace with background image */
}

div#header ul.navigation li a {
  display: block;
  line-height: 25px;
  text-align: center; 
  text-decoration: none;
  width: 163px;
}

div#header ul.navigation li a:hover {
  
}

div#header ul.navigation li.selected a {
  width: 163px;
  margin-left: 15px;
  margin-right: 15px;
}

div#header ul.navigation li div {
  background-image: url(/static/nav-bg-default.gif);
  background-position: 0 0;
  background-repeat: no-repeat;
}

div#header ul.navigation li.selected div {
  background-position: center 0;
  background-repeat: no-repeat;
  position: absolute;
  opacity: 1;
  margin-left:-15px;
  margin-right:-15px;
}

div#header ul.navigation li ul {
  display: none;
}

div#header ul.navigation li.selected ul {
  position: absolute;
  display: block;
  top: 43px;
  z-index: 200;
  /*updated 26/02/2011 - by raven hide all sub menus*/
  display: none;
}

div#header ul.navigation li.selected ul li {
  height: 1.4em;
  line-height: 1.4em;
}

div#header ul.navigation li.selected ul li a {
  text-align: left !important;
  /*margin-left: 15px;*/
  line-height: 1.4em;
}

div#header ul.navigation li.selected ul li.selected a {
  margin-left: -3em;
  padding-left: 3em;
  
}

div#header ul.navigation li.selected ul li.selected a:before {
  content: ">  "
}

div#header ul.navigation li ul li a {
  white-space: nowrap;
}
 
div#header ul.navigation li ul li div {
  background: none !important;  
}





/**
 * 
 * Content
 *
 */

p.clear {
  line-height: 1px;
  margin: 0;
  padding: 0;
  clear: both;
}

div#content {
  margin: 10px;
  padding-bottom: 0;
  /* background-color: #060606; tried to soften slow page loads as backgrounds come in */
}

div#content.home {
  position: relative;
  margin: 0;
}

div#content-trim {
  padding: 38px;
  padding-top: 37px;
  padding-bottom: 0;
  background-position: 11px 11px;
  background-repeat: no-repeat;
}

div#content div.headline {
  background-position: top right;
  background-repeat: repeat-y;
  height: 41px;
  position: relative;
}

div#content h2.headline {
  font-weight: normal;
  padding-left: 12px;
  font-size: 1.3em;
  margin: 0;
  letter-spacing: 0.1em;
  position: relative;
  height: 41px;
}

div#content h2.headline span {
  position: absolute;
  display: block;
  left: 20px;
  bottom: 10px;
}

div#content h3 {
  margin: 0;  
  font-weight: normal;
  letter-spacing: 0.1em;
}

div#content h4 {
  font-weight: normal;  
  letter-spacing: 0.1em;
  font-size: 1em;
}

div#content-body ul {
  margin-top: 12px;
  padding-left: 20px;  
}

div#content-image {
  padding-top: 4px;
  padding-bottom: 0;
  float: left;
}

div#content-image img {
  margin: 0 auto;
  display: block;
  padding-left: 3px;
}

div#content div#content-body {
  width: 550px;
  /* color: #444; */
  color: #858585;
  margin-left: 332px;
}

div#content div#content-body div.inner {
  padding-right: 30px;  
  padding-left: 20px;
  padding-top: 12px;
}

div#content-body ul.thumbnails {
  list-style: none;
  padding: 0;
  height: 244px;
  margin-bottom: 20px;
  margin-top: 30px;
}

div#content-body ul.thumbnails li {
  float: left;
  margin-right: 10px;
  margin-bottom: 10px !important;
  border-bottom: 0 !important;
}

div#content-body ul.thumbnails li a {
  display: block;
  width: 150px;
  height: 100px;
  overflow: hidden;
}

div#content-body ul.thumbnails li div {
  background-image: url(/static/image-dropshadow-landscape-small.png);
  background-repeat: no-repeat;
  background-position: center center;
  margin: -10px;
  padding: 10px; 
}





div#content-body ul.thumbnails li a img {
  border: 0 !important;
  display: block;
  margin: auto auto;
}

div#footer {
  clear: both;
  padding-top: 5px;
  border-bottom: 50px solid black;
  padding-left: 20px;
  padding-right: 20px;
  background: #000;
  color: #333;
  text-align: center;
  z-index: 200;
  position: relative;
}

div#footer p.footer-cap {
  border-top: 1px solid #1f1f1f;
  padding-top: 6px;
  margin-left: 50px;
  margin-right: 50px;
  text-align: center;
  font-size: 0.96em;
}

div#footer a {
  text-decoration: none; 
  color: #66c;
}

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



div#footer ul.services {
  list-style: none;
  clear: left; 
  margin-top: 16px;
}

div#footer ul.services li {
  display: inline;
}

div#footer ul.services li a {
  padding-left: 35px;
  padding-right: 35px;
  border-right: 1px solid #737373;
  color: #737373;
}  

div#footer ul.services li.last a {
  border-right: 0;  
}



div#footer ul.navigation {
  margin-top: 16px;
  list-style: none; 
  clear: left;
  padding-bottom: 16px;
  border-bottom: 1px solid #1f1f1f;
}

div#footer ul.navigation li,
div#footer ul.navigation li div {
  display: inline;  
}  

div#footer ul.navigation li a {
  padding-left: 22px;
  padding-right: 22px;
  border-right: 1px solid #1f1f1f;
  color: #333;
}

div#footer ul.navigation li div {

}

div#footer ul.navigation li.last a {
  border-right: 0;  
}

div#footer ul.navigation li ul {
  display: none;
}





/**
 * 
 * Section layout, colours
 *
 */
 
/* 1 - Home */

	div#header ul.navigation li.n1 a {
	  color: #600;
	}
	
	div#header ul.navigation li.n1selected a,
	div#header ul.navigation li.n1 a:hover {
	  color: #f00;
	}
	
	div#header ul.navigation li.n1selected div {
	  background-image: url(/static/nav-bg-1.png);
	}
	
	div#content-trim.n1 {
	  background-image: url(/static/content-bgline-1.gif);  
	  padding: 0;
	}
	
	div#content-trim.n1 div.home-services div.headline {
	  background-image: url(/static/content-headerbg-1.png);
	  border-bottom: 1px solid #600;
	  color: #f00;
	}
	
	div#content-trim.n1 h3 {
	  color: #f00;
	}
	
	div#content-trim.n1 h4 {
	  color: #f00;
	}
	
	div#content-trim.n1 div#content {
	  position: relative;
	}
	
	div#content-trim.n1 div#content p.back-link {
	  position: absolute;
	  top: 44px;
	  right: 62px;
	  z-index: 200;
	}
	
	div#content-trim.n1 div#content p.back-link a {
	  letter-spacing: 0.1em;
	  text-decoration: none;
	  color: #999;
	}
	
	div#content-trim.n1 div.home {
	  padding: 56px 
	}
	
	div#content-trim.n1 div.home-services {
	  padding: 48px;
	  padding-top: 47px;
	  padding-bottom: 0;
	  margin: 0;
	}
	
	div#content-trim.n1 > div {
	  padding: 38px;
	  padding-top: 47px;
	}
	
	div#homepage-pull {
	  border: 1px solid #600;
	  width: 705px;
	}
	
	div#content-trim.n1 div.home img {
	  border: 1px solid #600; 
	}
	
	div.n1 > div#content-slideshow-container {
	  padding: 0;
	}


	/* 1 - Home - top header-like region */
	
		div#homepage-pull-content {
		  background-color: #300;
		  background-image: url(/static/homepage-pull-bg.png);
		  color: #7b7979;
		  margin: 1px;
		  padding: 20px;
		  padding-top: 15px;
		  width: 663px; /* iemac */
		}
		
		div#homepage-pull-content h2 {
		  margin-top: 0;
		  font-size: 1.3em;
		  font-weight: normal;
		  background-image: none !important;
		  border-bottom: 0;
		  color: #7b7979 !important;
		}
		
		div#homepage-pull-content p {
		  font-size: 1.0em;
		  margin-bottom: 0;
		}
	
	
	/* 1 - Home - image and text content */
	
		div.home-feature-image {
		  padding-top: 2px;
		  background: #000;
		  width: 299px;
		  height: 665px; 
		  padding-top: 6px;
		  position: absolute;
		}
		
		div.home-feature-image img {
		  margin: 0 auto;
		  display: block;
		  width: 286px;
		  height: 663px;
		  position: absolute;
		  left: 6px;
		}
		
		div.home-feature-image div.watermark {
		  position: absolute;
		  left: 6px;
		  bottom: 0;
		  margin-left: 1px;
		  margin-bottom: 1px;
		  width: 286px;
		  background-color: #000;
		  color: #666;
		  z-index: 220;
		  padding-top: 45px;
		  padding-bottom: 10px;
		  background-image: url('/static/home-watermark.png');
		  background-repeat: no-repeat;
		  background-position: center 15px;
		  filter: alpha(opacity=75);
		  -moz-opacity: 0.75;
		  opacity: 0.75;
		}
		
		div.home-feature-image div.watermark p {
		  text-align: center;
		  color: #999;
		}
		
		div#content-trim.n1 div#content-body.news h3 {
		  color: #f00;
		  border-bottom: 1px solid #600;
		  padding: 0.75em;
		  font-size: 1.2em;
		  font-weight: normal;
		  letter-spacing: 0.1em;
		  background-image: url(/static/content-bg.jpg);
		  background-position: center center;
		}
		
		
		div.n1 div#content-body {
		  border-left: 1px solid #600;
		}
		
		div#content-trim.n1 div#content-body.news {
		  border-left: 1px solid #600;
		  border-right: 1px solid #600;
		  width: 405px;
		  height: 673px;
		  overflow: hidden;
		  position: relative;
		  margin-left: 300px;
		  background-image: url(/static/content-body-bg.png);
		}
		
		div#content-trim.n1 div#content-body.service {
		  border-left: 1px solid #600;
		}
		
		div#content-trim.n1 div#content-body.news div.inner {
			padding: 0 12px;
			height: 592px;
			width: 378px; 
		}
			div#content-trim.n1 div#content-body.news div.inner.scroll-pane{
			}
		
			div#content-trim.n1 div#content-body.news div.inner.scroll-pane table.newslist{
				width: 100%;
				margin: 0 0 20px 0;
			}
		
				div#content-trim.n1 div#content-body.news div.inner.scroll-pane table.newslist{
					width: 100%;
				}
		
					div#content-trim.n1 div#content-body.news div.inner.scroll-pane table.newslist tr td.newslist-pix{
						vertical-align: top;
						width: 83px;
					}
		
						div#content-trim.n1 div#content-body.news div.inner.scroll-pane table.newslist tr td.newslist-pix p{
							padding: 0;
							margin: 10px 0 0 0;
						}
				
					div#content-trim.n1 div#content-body.news div.inner.scroll-pane table.newslist tr td.newslist-content{
						vertical-align: top;
						width: 280px;
						overflow:hidden;
						padding: 0 20px 0 0;
					}
				
						div#content-trim.n1 div#content-body.news div.inner.scroll-pane table.newslist tr td.newslist-content p{
							width: 280px;
							overflow:hidden;
						}
				
						div#content-trim.n1 div#content-body.news div.inner.scroll-pane table.newslist tr td.newslist-content p.newslist-more{
							padding: 0;
							margin: 0;
						}
				
							div#content-trim.n1 div#content-body.news div.inner.scroll-pane table.newslist tr td.newslist-content p.newslist-more a{
								color: #f00;
								text-decoration: none;
							}
				
				
		
		div#content-trim.n1 div#content-body.news .next {
		  position: absolute;
		  bottom: 0;
		  width: 405px;
		}
		
		div#content-trim.n1 div#content-body.news .top-next {
		  float: right;
		  margin-right: 20px; 
		}
		div#content-trim.n1 div#content-body.news .top-next p {
		  margin: 0 !important;
		  line-height: 2em;
		}
		
		div#content-trim.n1 div#content-body.news .top-next a {
		  cursor: pointer;
		}
		
		div#content-trim.n1 div#content-body.news div.inner > p {
		  margin-top: 0;
		  padding-top: 0; 
		}
		
		div#content-trim.n1 div#content-body.news div.inner img {
		  margin-top: 5px; 
		  margin-bottom: 5px;  
		}
		
		div#content-trim.n1 div#content-body.news div.next {
		  border-top: 1px solid #333;
		  border-bottom: 1px solid #660000;
		  background-image: url(/static/home-content-footerbg.png);
		  height: 3em;
		}
		
		div#content-trim.n1 div#content-body.news a#nextNews {
		  float: left;
		  margin-left: 10px;
		  color: #f00;
		  line-height: 3em;
		  text-decoration: none;
		}
		  
		div#content-trim.n1 div#content-body.news a#prevNews {
		  float: left;
		}
		
		div#content-trim.n1 div#content-body.news div.next p {
		  line-height: 2.75em;
		  margin: 0;
		  padding-left: 12px;
		  font-size: 1.05em;
		}
		
		div#content-trim.n1 div#content-body.news div.next a {
		  color: #f00;
		  text-decoration: none; 
		}
	
	
	/* 1 - Home - Services boxes down the right hand side */
	
		div#services-side {
		  width: 147px;
		  background-image: url(/static/services-side-bg.png);
		  background-position: 0 44.8em; 
                  /* background-position: 0 36.8em; old position */
		  background-repeat: repeat-x;
		  height: 900px;
		  position: absolute;
		  right: 57px;
		}
		
		div#services-side ul {
		  text-decoration: none;
		  list-style: none;
		  display: block;
		}
		
		div#services-side li {
		  display: block;
		  margin: 0;
		  margin-bottom: 1em;
		  border: 1px solid #600;
		  height: 5em;
		  width: 145px;
		  padding: 0;
		  border: 1px solid #f00;
		}
		
		div#services-side li:hover {
		  
		}
		
		div#services-side li div {
		  display: block;
		  text-decoration: none;
		  height: 5em;
		  width: 145px;
		  text-align: center;
		  background-image: url(/static/services-side-shadow-alpha.png);
		  background-repeat: no-repeat;
		  background-position: center center;
		  margin: -10px;
		  padding: 10px; 
		}
		
		div#services-side li div:hover {
		  background: url(/static/services-side-alpha.png);
		  background-repeat: no-repeat;
		  background-position: center center;
		  margin-top: -16em;
		  margin-bottom: -16em;
		  margin-left: -75px;
		  margin-right: -75px;
		  padding-top: 16em;
		  padding-bottom: 16em;
		  padding-left: 75px;
		  padding-right: 75px;
		}
		
		div#services-side li div div {
		  background: #300;
		  display: block;
		  width: auto;
		  margin: 0;
		  padding: 0;
		}
		
		div#services-side li div:hover div {
		  background: #1f0000;
		  height: 5em;
		  width: 145px;
		  margin: 0;
		  padding: 0;
		}
		
		div#services-side li a {
		  display: block;
		  text-decoration: none;
		  color: #900;
		}
		
		div#services-side li div:hover a {
		  color: #f00;  
		}
		
		div#services-side li.s1 a,
		div#services-side li.s2 a,
		div#services-side li.s3 a {
		  padding-top: 1.25em;
		  padding-bottom: 1.25em;
		}
		
		div#services-side li.s4 div a,
		div#services-side li.s5 div a,
		div#services-side li.s6 div a {
		  padding-top: 1.8em;
		  padding-bottom: 1.8em;
		} 
		
		div.n1 div#content-body ul.thumbnails li a {
		  border: 1px solid #900;
		}
		
		div.n1 div#content-body ul.thumbnails li a:hover {
		  border: 1px solid #f00;
		}

	/* news content scroll bar*/
		div#content-trim.n1 div#content-body.news div.inner.scroll-pane div.vscroll-bar{
			margin: 3px 0 0 0;
		}
	
			div#content-trim.n1 div#content-body.news div.inner.scroll-pane div.vscroll-bar img{
				margin: 0;
				border: 0;
			}
		
		div#content-trim.n1 div#content-body.news div.inner.scroll-pane .vscroll-line{
			background: #510f0f;
			width: 16px;
		}
		div#content-trim.n1 div#content-body.news div.inner.scroll-pane .vscroll-slider{
			background: url(/static/images/vscroll-slider.gif) no-repeat;
			width: 16px;
			height: 25px;
		}
		div#content-trim.n1 div#content-body.news div.inner.scroll-pane #scrollslider0{ height:25px !important; }
	
/* Showreel - 10/07/2010 */

div#services-side li.l1 {
	height: 36px;
}

div#services-side li.l1 div {
  height: 36px;
  background-image: url(/static/login-side-shadow-alpha.png);
  background-repeat: no-repeat;
  background-position: center center;
}

div#services-side li.l1 div div{
  background:#330000;
}

div#services-side li.l1 div a{
  color:#82817f;
  padding-bottom:12px;
  padding-top:10px;
}

div#services-side li.l1 div:hover {
  background: url(/static/services-side-alpha.png);
  background-repeat: no-repeat;
  background-position: center center;
  margin-top: -16em;
  margin-bottom: -16em;
  margin-left: -75px;
  margin-right: -75px;
  padding-top: 16em;
  padding-bottom: 16em;
  padding-left: 75px;
  padding-right: 75px;
}

div#services-side li.l1 div:hover div {
	background: #1f0000;
	  height: 36px;
	  width: 145px;
	  margin: 0;
	  padding: 0;
}

div#services-side li.l1 div:hover div a{
  color:#ff0000;
}

/* 2 - About Us (was What We Do) */

div#header ul.navigation li.n2 a {
  color: #630;
}

div#header ul.navigation li.n2selected a,
div#header ul.navigation li.n2 a:hover {
  color: #f90;
}

div#header ul.navigation li.n2selected div {
  background-image: url(/static/nav-bg-2.png);
}

div#header ul.navigation li.n2selected ul {
  left: 80px !important;
}

div#content-trim.n2 {
  background-image: url(/static/content-bgline-2.gif);  
}

div#content-trim.n2 div.headline {
	background: none;
	height: 27px;
	border-bottom: 1px solid #630;
	color: #f70;
	padding: 12px 0 2px 0;
	text-align :center;
}
	div#content-trim.n2 div.headline a{
		text-decoration: none;
		color: #630;
	}
	
		div#content-trim.n2 div.headline a:hover{
			color: #960;
		}
		
	div#content-trim.n2 div.headline span,
	div#content-trim.n2 div.headline a{
		font-size: 12px;
		padding: 12px 18px;
		background: url(/static/content-separator-2.png) right center no-repeat;
	}
	div#content-trim.n2 div.headline span.last,
	div#content-trim.n2 div.headline a.last{
		background: none;
	}
	
div#content-trim.n2 h3 {
  color: #f70;
}

div#content-trim.n2 h4 {
  color: #f70;
}

div#content-trim.n2 div#content-body {
  border-left: 1px solid #630; 
}

div.n2 div#content-body ul.thumbnails li a {
  border: 1px solid #630;
}

div.n2 div#content-body ul.thumbnails li a {
  border: 1px solid #f90;
}

*/




/* 3 - About Us */

div#header ul.navigation li.n2 a {
  width: 160px; /* shave 1px off nav */
  color: #630;
}

div#header ul.navigation li.n2selected a,
div#header ul.navigation li.n2 a:hover {
  color: #f90;
}

div#header ul.navigation li.n2selected a {
  width: 160px; /* shave 1px off nav */
  margin-left: 15px;
  margin-right: 15px;
}

div#header ul.navigation li.n2 {
  width: 160px; /* shave 1px off nav */
  background-position: -3px 0;
  
}

div#header ul.navigation li.n2 div {
  background-position: -3px 0; /* shave 1px off nav */
}

div#header ul.navigation li.n2selected div {
  background-image: url(/static/nav-bg-2.png);
  background-position: center;
}

div#content-trim.n2 {
  background-image: url(/static/content-bgline-2.gif);  
}

div#content-trim.n2 h3 {
  color: #f70;
}

div#content-trim.n2 h4 {
  color: #f70;
}

div#content-trim.n2 div#content-body {
  border-left: 1px solid #630; 
}

div#content-trim.n2 div#content-body.people img {
  border: 1px solid #630;
}

div#content-trim.n2 div#content-body.people ul,
div#content-trim.n2 div#content-body.testimonial ul {
  list-style: none;
}

div#content-trim.n2 div#content-body.people ul li,
div#content-trim.n2 div#content-body.testimonial ul li {
  border-bottom: 1px solid #333;
  margin-bottom: 30px;
}

div#content-trim.n2 ul#people {
  padding-left: 0; 
}

div#content-trim.n2 ul#testimonial {
  padding-left: 0; 
}

div.n2 div#content-body ul.thumbnails li a {
  border: 1px solid #630;
}

div.n2 div#content-body ul.thumbnails li a:hover {
  border: 1px solid #fc0;
}


/* 3 - News & Media */
	
	div#header ul.navigation li.n3 a {
	  color: #660;
	}
	
	.n3 ul#news{
	  list-style: none; 
	  padding: 0;
	}
	
	
	.n3 ul#news a {
	  color: #063;
	}
	
	.n3 ul#news a:hover {
	  color: #660;
	}
	
	div#header ul.navigation li.n3selected a,
	div#header ul.navigation li.n3 a:hover {
	  color: #fc0;
	}
	
	div#header ul.navigation li.n3selected div {
	  background-image: url(/static/nav-bg-3.png);
	}

	div#header ul.navigation li.n3selected ul {
  	  left: 80px !important;
	}

	
	div#content-trim.n3 {
	  background-image: url(/static/content-bgline-3.gif);  
	}
	
	div#content-trim.n3 div.headline {
	  background-image: url(/static/content-headerbg-3.png);
	  border-bottom: 1px solid #660;
	  color: #fc0;
	}
	
	div#content-trim.n3 h3 {
	  color: #fc0;
	}
	
	div#content-trim.n3 h4 {
	  color: #fc0;
	}
	
	div#content-trim.n3 div#content-body.news img {
	  border: 1px solid #660;
	}
	
	div#content-trim.n3 div#content-body.news ul,
	div#content-trim.n3 div#content-body.media ul {
	  list-style: none;
	}
	
	div#content-trim.n3 div#content-body.news ul li,
	div#content-trim.n3 div#content-body.media ul li {
	  border-bottom: 1px solid #333;
	  margin-bottom: 30px;
	}
	
	div#content-trim.n3 div#content-body {
	  width: 720px;
	  margin-left: 0;
	  border-right: 1px solid #660;
	}
	
	div#content-trim.n3 div#content-right-panel{
		width: 163px;
		height: 900px;
		float: right;
		background: url(/static/content-rightbg-3.png) top left repeat-x;
	}
	
	div#content-trim.n3 ul#media,
	div#content-trim.n3 ul#news {
	  padding-left: 0; 
	}
	
	div.n3 div#content-body ul.thumbnails li a {
	  border: 1px solid #660;
	}
	
	div.n3 ul.thumbnails li a:hover {
	  border: 1px solid #fc0;
	}
	
	div.n3 div#content-body ul.thumbnails {
	  margin-bottom: 0 !important;
	}
	
	div.n3 p.article_footer{
		padding: 5px 0;
	}

		div.n3 p.article_footer a{
			text-decoration: none;
		}
			
			div.n3 p.article_footer a span{
				color: #FFCC00;
				padding: 0;
			}

/* 4 - Showcase */

	div#header ul.navigation li.n4 a {
	  color: #360;
	}
	
	div#header ul.navigation li.n4selected a,
	div#header ul.navigation li.n4 a:hover {
	  color: #3c3;
	}
	
	div#header ul.navigation li.n4selected div {
	  background-image: url(/static/nav-bg-4.png);
	}
	
	div#content-trim.n4 {
	  background-image: url(/static/content-bgline-4.gif);  
	}
	
	div#content-trim.n4 div#content.showcase-index h2 {
	  display: none;  
	}
	
	div#content-trim.n4 div#content.showcase-index h3 {
	  clear: left;
	  text-align: center;
	  font-size: 1em;
	  margin-left: 1px;
	}
	  
	div#content-trim.n4 h3 {
	  color: #3c3;
	}
	
	div#content-trim.n4 h4 {
	  color: #3c3;
	}
	
	div#content-trim.n4 div#content.showcase-index {
	  background-image: url(/static/showcase-bg-plain.png);
	  background-repeat: no-repeat; 
	}
	
	div#content-trim.n4 div#content {
	  position: relative;  
	}
	
	div#content-trim.n4 div#content p.back-link {
	  position: absolute;
	  top: 9px;
	  right: 14px;
	  z-index: 200;
	  margin: 0;
	}
	
	div#content-trim.n4 div#content p.back-link a {
	  color: rgb(123, 137, 112);
	  letter-spacing: 0.1em;
	  text-decoration: none;
	}
	
	div#content-trim.n4 div.headline {
	  background-image: url(/static/content-headerbg-4.png);
	  border-bottom: 1px solid #360;
	  /* color: #0c0; "case study" colour */
	  color: #666;
	}
	
	div#content-trim.n4 div#content-body {
	  border-left: 1px solid #363;
	}
	
		div#content-trim.n4 div#content-body a#player{
			display:block;
			width:500px; 
			height:300px;
			margin: 0 0 35px 0;
			border: 1px solid #363; 
		}
	
	div#content-trim.n4 div#content-body img {
	  border: 1px solid #363; 
	}
	
	div#content-trim.n4 div#content-body img:hover {
	  border: 1px solid #3c3; 
	  background: transparent;  
	  opacity: 0.99; /* W3C */ 
	  filter: alpha(opacity=99); /* IE */ 
	  -moz-opacity: 0.99; /* Mozilla */ 
	}
	
	div#content.showcase-index div#content-body img {
	  border: 0 !important; 
	  opacity: 0.40; /* W3C */ 
	  filter: alpha(opacity=40); /* IE */ 
	  -moz-opacity: 0.40; /* Mozilla */ 
	}
	
	div#content.showcase-index div#content-body {
	  width: auto !important;
	  margin: 0 !important; 
	  border: 0 !important;
	}
	
	div#content.showcase-index div.inner {
	  margin-bottom: 90px;  
	}
	  
	div.showcase-index div#content-body {
	  border: 0 !important;
	}
	
	div#content.showcase-index div.inner {
	  padding-left: 20px !important;
	  padding-right: 20px !important;
	  padding-top: 0 !important;
	}
	
	div#content.showcase-index div.items div {
	  float: left;
	  display: block;
	  margin-right: 12px;
	  margin-left: 12px;
	}
	
	div#content.showcase-index div.items div a img  {
	  border: 0;
	  display: block;
	}
	
	div#content.showcase-index h3 {
	  margin: 0;
	  padding-top: 17px;
	}
	
	div#content.showcase-index div.caption {
	  clear: left;
	  margin-left: 45px;
	  padding-left: 15px;
	  padding-bottom: 4px;
	  margin-bottom: 5px;
	  white-space: nowrap;
	  overflow: hidden;
		margin-right: 60px;
		text-align: center;
	}
	
	div#content.showcase-index div.caption div.textfade {
	  background-image: url(/static/showcase-fade-alpha.png);
	  background-position: right;
	  background-repeat: repeat-y;
	  position: absolute;
	  right: -9px;
	  z-index: 200;
	  width: 2em;
	  height: 1em;
	  display: none;
	}
	
	div#content.showcase-index div.caption h4 {
	  display: inline;
	  font-size: 1em;
	}
	
	div#content.showcase-index div.caption p {
	  display: inline;
	  font-size: 0.9em;
	}
	div#content.showcase-index div.items div {
	  background-image: url(/static/showcase-index-thumbnail-alpha.png);
	  background-repeat: no-repeat;
	  background-position: center center;
	  margin: -69px;
	  padding: 69px;
	  margin-right: -57px;
	  margin-left: -57px;
	}
	
	/* div#content.showcase-index div.items div:hover { */
	/* now referred to by jquery in electriccanvas.js */
	.showcase-index-hover {
	  background-image: url(/static/showcase-index-alpha-84px.png) !important;
	  background-repeat: no-repeat !important;
	  background-position: center center !important;
	  margin: -69px !important;
	  padding: 69px !important;
	  margin-right: -57px !important;
	  margin-left: -57px !important;
	}
	
	div#content.showcase-index div span img {  
	  display: block;
	  margin: auto auto auto auto;
	  background: transparent;
	  border: 0;
	  opacity: .40; /* W3C */ 
	  filter: alpha(opacity=40); /* IE */ 
	  -moz-opacity: 0.40; /* Mozilla */ 
	}
	 
	/* div#content.showcase-index div.items div:hover img { */
	/* now referred to by jquery in electriccanvas.js */
	.showcase-index-image-hover {  
	  background: transparent;  
	  opacity: 1; /* W3C */ 
	  filter: alpha(opacity=100); /* IE */ 
	  -moz-opacity: 1; /* Mozilla */ 
	}
	
	div#content.showcase-index div.unit {
	  background-image: url(/static/showcase-bg-inset.jpg);
	  background-position: 22px 0;
	  background-repeat: no-repeat;
	  margin-top: -2px;
	  clear: both;
	  height: 201px;
	  position: relative;
	}
	
	div#content.showcase-index div.scrollable {
	  position: relative;
	  overflow: hidden;    
	  width: 760px; 
	  height: 100px; 
	  float: left;
	  maxrgin-bottom: 15px;
	  padding-top: 15px;
	  z-index: 150;
	}
	
	div#content.showcase-index div.scrollable-curtain-left {
	  position: absolute;  
	  left: 25px;
	  width: 87px; 
	  height: 199px; 
	  background-image: url(/static/showcase-index-left-alpha.png);
	  background-position: 0 -3px;
	  background-repeat: no-repeat;
	  z-index: 200;
	}
	
	div#content.showcase-index div.scrollable-curtain-right {
	  position: absolute; 
	  right: 25px;
	  width: 87px; 
	  height: 199px; 
	  background-image: url(/static/showcase-index-right-alpha.png);
	  background-position: 0 -3px;
	  background-repeat: no-repeat;
	  z-index: 200;
	}
	
	div#content.showcase-index div.scrollable div.items {  
	  width: 200em; /* this cannot be too large */
	  position: absolute;
	  z-index: 200;
	}
	
	div#content.showcase-index div.scrollable div.items div span {
	  float: left;
	  text-align: center;
	}
	
	div#content.showcase-index div.scrollable div.items div.active {
	
	}
	
	div#content.showcase-index a.scrollable-prev {
	  display: block;
	  color: #090;
	  font-size: 1.5em;  
	  float: left;
	  position: relative;
	  top: 36px;
	  left: 2px;
	  width: 42px;
	  height: 20px;
	  text-align: left;
	  text-decoration: none;
	}
	
	
	div#content.showcase-index a.scrollable-prev:hover span {
	  background-image: url(/static/showcase-index-arrow-prev-alpha.png);
	  background-repeat: no-repeat;
	  margin: -4px;
	  padding: 4px;
	  background-position: -3px 3px;
	}
	
	div#content.showcase-index a.scrollable-next:hover span {
	  background-image: url(/static/showcase-index-arrow-next-alpha.png);
	  margin: -4px;
	  padding: 4px;
	  background-position: -4px 3px;
	  background-repeat: no-repeat;
	}
	
	div#content.showcase-index a.scrollable-next {
	  display: block;
	  color: #090;
	  font-size: 1.5em;
	  float: left;
	  position: relative;
	  top: 36px;
	  width: 41px;
	  height: 20px;
	  text-align: right;
	  text-decoration: none;
	}
	
	div#content.showcase-index a.scrollable-prev:hover,
	div#content.showcase-index a.scrollable-next:hover {
		
	}
	
	div#content.showcase-index a.disabled {
	  visibility: hidden !important;   
	}
	
	div#content.showcase-index div.navi {
	  margin-left: 395px; 
	  width: 250px;
	  height: 15px;
	  display: block;
	}
	
	div#content.showcase-index div.navi a {
	  width: 6px;
	  height: 6px;
	  margin: 0px;
	  margin-left: 7px;
	  margin-right: 7px;
	  border: 1px solid #333;
	  background: #333;
	  display: block;
	  float: left;
	  font-size: 1px;
	  -moz-border-radius: 4px;
	  -webkit-border-radius: 4px;
	}
	
	div#content.showcase-index div.navi a:hover {
	  background-position: 0 -8px;      
	}
	
	div#content.showcase-index div.navi a.active {
	  background: #333;
	  border: 1px solid #090;    
	}   
	
	div.n4 div#content-body ul.thumbnails li a {
	  border: 1px solid #363;
	}
	
	div.n4 div#content-body ul.thumbnails li a:hover {
	  border: 1px solid #3c3;
	}
	
	div.n4 div#content-body a.slide img {
	  -moz-box-shadow: 0 0 1em #000;
	  -webkit-box-shadow: 0 0 1em #000;
	}
	
	div.n4 div#content-body ul.thumbnails a.slide img {
	  -moz-box-shadow: none;
	  -webkit-box-shadow: none;
	}



/* 5 - Contact us */

	div#header ul.navigation li.n5 a {
	  color: #063;
	}
	
	div#header ul.navigation li.n5selected a,
	div#header ul.navigation li.n5 a:hover {
	  color: #0f9;
	}
	
	div#header ul.navigation li.n5selected div {
	  background-image: url(/static/nav-bg-5.png);
	}
	
	div#content-trim.n5 {
	  background-image: url(/static/content-bgline-5.gif);  
	}
	
	div#content-trim.n5 div.headline {
	  background-image: url(/static/content-headerbg-5.png);
	  border-bottom: 1px solid #063;
	  color: #0f9;
	}
	
	div#content-trim.n5 h3 {
	  color: #0f9;
	}
	
	div#content-trim.n5 h4 {
	  color: #0f9;
	}
	
	div#content-trim.n5 div#content-body {
	  border-left: 1px solid #063;
	}
	
	div.n5 div#content-body ul.thumbnails li a {
	  border: 1px solid #063;
	}
	
	div.n5 div#content-body ul.thumbnails li a:hover {
	  border: 1px solid #0f9;
	}

/* 6 - Chinese */
	div#header ul.navigation li.n6 a {
	  color: #036;
	}
	
	div#header ul.navigation li.n6selected a,
	div#header ul.navigation li.n6 a:hover {
	  color: #39f;
	}
	
	div#header ul.navigation li.n6selected div {
	  background-image: url(/static/nav-bg-6.png);
	  color: #39f;
	}
	
	div#header ul.navigation li.n6selected div {
	  background-image: url(/static/nav-bg-6.png);
	}
	
	div#content-trim.n6 {
	  background-image: url(/static/content-bgline-6.gif);  
	}
	
	div#content-trim.n6 div.headline {
	  background-image: url(/static/content-headerbg-6.png);
	  border-bottom: 1px solid #036;
	  color: #39f;
	}
	
	div#content-trim.n6 div#content-body {
	  border-left: 1px solid #036;
	}

/* 7 - Contact Us 
	div#header ul.navigation li.n7 a {
	  color: #336;
	}
	
	div#header ul.navigation li.n7selected a,
	div#header ul.navigation li.n7 a:hover {
	  color: #66c;
	}
	
	div#header ul.navigation li.n7selected div {
	  background-image: url(/static/nav-bg-7.png);
	  color: #66c;
	}
	
	div#content-trim.n7 {
	  background-image: url(/static/content-bgline-7.gif);  
	}
	
	div#content-trim.n7 div.headline {
	  background-image: url(/static/content-headerbg-7.png);
	  border-bottom: 1px solid #336;
	  color: #66c;
	}
	
	div#content-trim.n7 h3 {
	  color: #66c; 
	}
	
	div#content-trim.n7 div#content-body {
	  border-left: 1px solid #336;
	}
*/	


/* 8 - Chinese 
	div#header ul.navigation li.n8 a {
	  color: #603;
	}
	
	div#header ul.navigation li.n8selected a,
	div#header ul.navigation li.n8 a:hover {
	  color: #f09;
	}
	
	div#header ul.navigation li.n8selected div {
	  background-image: url(/static/nav-bg-7.png);
	  color: #f09;
	}
	
	div#header ul.navigation li.n8selected div {
	  background-image: url(/static/nav-bg-8.png);
	}
	
	div#content-trim.n8 {
	  background-image: url(/static/content-bgline-8.gif);  
	}
	
	div#content-trim.n8 div.headline {
	  background-image: url(/static/content-headerbg-8.png);
	  border-bottom: 1px solid #603;
	  color: #f09;
	}
	
	div#content-trim.n8 div#content-body {
	  border-left: 1px solid #603;
	}
*/


	div#content.slideshow-mask {
	  opacity: 0.1; -moz-opacity: 0.1; filter: alpha(opacity=10);
	}
	
	div#content-slideshow-container {
	  display: none;
	  position: absolute;
	  top: 50px;
	  left: 70px;
	  width: 837px;
	  margin-top: 20px;
	  z-index: 200;
	  text-align: center;
	}
	
	div#content-slideshow {
	  width: auto;
	}
	
	div#content-slideshow p {
	  margin: 0;
	}
	
	div#content-slideshow p a {
	  color: #444;
	  text-decoration: none;
	}
	
	div#content-slideshow p.nav {
	  float: left; 
	  margin-bottom: 5px;
	  padding-left: 3px;
	}
	
	div#content-slideshow p.close-button {
	  float: right;
	  padding-right: 3px;
	  margin-bottom: 5px;
	}
	
	div#content-slideshow p.caption {
	  color: #444;
	  margin-top: 5px;
	  padding-left: 3px;
	}
	
	div#content-slideshow-image {
	  /* background-color: #111; //remove blocking background color */
	  height: 628px;
	  width: auto;
	  clear: both;
	  text-align: center;
	}
	
	div#content-slideshow-image img {
	  margin: 0 auto;
	border: 1px solid #444;
	}
	
	:focus {
	  -moz-outline-style: none;
	}
	
	a[href="/showcase/"] {
	  color: #360;
	}
	
	a[href="/showcase/"]:hover {
	  color: #3c3;
	}
	
	
	a[href="/contact/"] {
	  color: #036;
	}
	
	a[href="/contact/"]:hover {
	  color: #39f;
	}

/* Client Login */
	div#client-pull {
	  border: 1px solid #600;
	  width: 705px;
	}
	
		div#client-pull-content {
		  color: #7b7979;
		  margin: 1px;
		  width: 703px; /* iemac */
		  height: 890px;
		}
		
			div#client-pull-content iframe{
				border: 0;
				width: 100%;
				height: 100%;
			}
			
			div#client-pull-content p {
			  font-size: 1.0em;
			  margin-bottom: 0;
			}
	
/* Showreel */
	div#content-trim.n1 div.home.showreel{
		padding: 46px 48px;
	}

		div#content-trim.n1 div.home.showreel div.headline{
			background-image: url(/static/content-headerbg-1.png);
			color: #f00;
		}
		
		div#showreel-pull {
		  border: 1px solid #600;
		  width: 882px;
		}
		
			div#showreel-pull-content {
			  color: #7b7979;
			  margin: 1px;
			  width: 882px; /* iemac */
			  height: 890px;
			}
			
				div#showreel-pull-content p {
				  font-size: 1.0em;
				  margin-bottom: 0;
				}
		
		    div.showreel img { border: 0 !important; }
		
				div#showreel-pull-content div.showreel_video_categorybox{
					height: 45px;
					background: #111111;
					width: 880px;
				}
			
					div#showreel-pull-content div.showreel_video_categorybox table{
						list-style: none;
						padding: 0; 
						margin: 0 auto;
						width: 100%;
					}
			
						div#showreel-pull-content div.showreel_video_categorybox td{
							text-align: center;
							background: url(images/showreel_video_cat_separator.png) no-repeat center right;
						}

							div#showreel-pull-content div.showreel_video_categorybox td.last-cat{
								background: none;
							}
						
				
							div#showreel-pull-content div.showreel_video_categorybox td a{
								display: block;
								padding: 13px 0;
								text-decoration: none;
								color: #680004;
								width: 100%;
								font-size: 12px;
							}
							
								div#showreel-pull-content div.showreel_video_categorybox td a:hover,
								div#showreel-pull-content div.showreel_video_categorybox td a.selected{
									color: #ff001e;
								}
							
				div#showreel-pull-content div.showreel_video_player{
					width:500px; 
					margin: 0 auto;
					background: #050505;
					padding: 0 0 15px 0;
				}
				
					div#showreel-pull-content div.showreel_video_player a{
						display:block;
						width:500px; 
						height:300px;
						border: 1px solid #600;
						margin: 0 auto 15px auto;
					}
				
					div#showreel-pull-content div.showreel_video_player div{
						margin: 0 auto;
						padding: 0 17px;
						font-size: 15px;
					}
				
				div#showreel-pull-content div.showreel_video_listing{
					display:block;
					width:520px; 
					margin: -25px auto 35px auto;
					padding: 0 0 0 20px;
				}

					div#showreel-pull-content ul.thumbnails {
						list-style: none;
						padding: 0;
						height: 244px;
						margin-bottom: 20px;
						margin-top: 30px;
					}
						
						div#showreel-pull-content ul.thumbnails li {
							float: left;
							margin-right: 10px;
							margin-bottom: 10px !important;
							border-bottom: 0 !important;
						}
						
						div#showreel-pull-content ul.thumbnails li.blockrow{
							margin: 0;
							width: 100%;
							height: 1px;
						}
						
							
							div#showreel-pull-content ul.thumbnails li a {
								display: block;
								width: 158px;
								height: 105px;
								overflow: hidden;
								border: 1px solid #600;
							}
							
							div#showreel-pull-content ul.thumbnails li a.ref{
								border: 0;
								text-decoration: none;
								display: block;
								padding: 3px 0; 
							}
								
								div#showreel-pull-content ul.thumbnails li a.ref div {
									background-image: url(/static/image-dropshadow-landscape-small.png);
									background-repeat: no-repeat;
									background-position: center center;
								}
		
									div#showreel-pull-content ul.thumbnails li a.ref div.jobname,
									div#showreel-pull-content ul.thumbnails li a.ref div.joblocation,
									div#showreel-pull-content ul.thumbnails li a.ref div.jobclient{
										width: 158px;
										background: none;
										color: #600;
										line-height: 1.3em;
									}
									
									div#showreel-pull-content ul.thumbnails li a.ref:hover div.jobname,
									div#showreel-pull-content ul.thumbnails li a.ref:hover div.joblocation,
									div#showreel-pull-content ul.thumbnails li a.ref:hover div.jobclient{
										color: #ff001e;
									}

							div#showreel-pull-content ul.thumbnails li img{
								border: 0;
							}