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;
}

div#header ul.navigation li {
  display: block;
  position: relative;
  float: left;
  width: 122px;
  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: 122px;
}

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

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

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

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

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

div#header ul.navigation li.selected ul {
  position: absolute;
  display: block;
  top: 43px;
  z-index: 200;
}

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: 76px;
  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: 76px;
}

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: 112px;
  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: 793px;
  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-left: 12px; 
  padding-right: 12px;  
  height: 703px;
  overflow: auto;
  position: absolute;
  left: 0;
  top: 40px;
  width: 380px; 
}

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;
  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 36.8em;
  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;
}





/* 2 - 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#content-trim.n2 {
  background-image: url(/static/content-bgline-2.gif);  
}

div#content-trim.n2 div.headline {
  background-image: url(/static/content-headerbg-2.png);
  border-bottom: 1px solid #630;
  color: #f70;
}

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.n3 a {
  width: 121px; /* shave 1px off nav */
  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 a {
  width: 121px; /* shave 1px off nav */
  margin-left: 15px;
  margin-right: 15px;
}

div#header ul.navigation li.n3 {
  width: 121px; /* shave 1px off nav */
  background-position: -20px 0;
  
}

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

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

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 {
  border-left: 1px solid #660; 
}

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

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

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

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

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

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

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





/* 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 img {
  border: 1px solid #363; 
}

div#content-trim.n4 div#content-body img:hover {
  border: 1px solid #3c3; 
}

div#content.showcase-index div#content-body img {
  border: 0 !important; 
}

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;
}

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 - News & Media */

div#header ul.navigation li.n5 a {
  color: #063;
}

.n5 ul#news a {
  color: #063;
}

.n5 ul#news a:hover {
  color: #0f9;
}

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.news img {
  border: 1px solid #660;
}

div#content-trim.n5 div#content-body.news ul,
div#content-trim.n5 div#content-body.media ul {
  list-style: none;
}

div#content-trim.n5 div#content-body.news ul li,
div#content-trim.n5 div#content-body.media ul li {
  border-bottom: 1px solid #333;
  margin-bottom: 30px;
}

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

div#content-trim.n5 ul#media,
div#content-trim.n5 ul#news {
  padding-left: 0; 
}

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 - Work For Us */

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);
}

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;
}

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

div.n6 div#content-body ul.thumbnails li a:hover {
  border: 1px solid #39f;
}




/* 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;
}