#description {
	float: left;	
	}
	
#left-column {
	float: left;
	width: 244px;
	margin: 0px 22px 0px 38px;
	}	

#description h1 {
	margin-top: 18px;
	font: 14pt/18pt georgia;
	height: 100px;
	}
	
#description h2 {
	margin-top: 18px;
	font: 11pt/16pt arial;	
	color: #666;
	}	
	
.bold {
	color: #000;
	font-weight: bold;
	}	
	
#description h3 {
	margin-top: 14px;
	font: 12pt/16pt georgia;
	}	
	
#nav-container {
	float: left;
	width: 384px;
	margin: 0px 96px 0px 0px;
	}			
	
	
#thumbs {
	
	float: left;
	width: 96px;
	}		
	

	
#dot-line {
	float: left;
	width: 244px;
	}

#spacer {
	height: 40px;
	}	
	
#spacer-small {
	height: 15px;
	}
	
	
/* ------------- web nav styles -------------------------- */	
	
	
#thumb-nav {
	margin: 0;
	padding: 0;
	height: 58px;
	list-style: none;
	display: inline;
	overflow: hidden;
	}

#thumb-nav li {
	margin: 0; 
	padding: 0;
        list-style: none;
	display: inline;
	}

#thumb-nav a {
	float: left;
	padding: 58px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/   :58px; /* for IE5/Win only */ 
	}
	
#thumb-nav a:hover {
	background-position: 0 -58px;
	}

#thumb-nav a:active, #thumb-nav a.selected {
	background-position: 0 -58px;
	}


/* ------------- web nav item styles -------------------------- */

#web-nav-01 a  {
	width: 94px;
	background: url(../images/thumbs/thumb-web_iw.jpg) top left no-repeat;
	margin: 0px 0px 2px 0px;
	}
	
#web-nav-02 a  {
	width: 94px;
	background: url(../images/thumbs/thumb-web_bc.jpg) top left no-repeat;
	margin: 0px 0px 2px 0px;
	}	

#web-nav-03 a  {
	width: 94px;
	background: url(../images/thumbs/thumb-web_lowdown.jpg) top left no-repeat;
	margin: 0px 0px 2px 0px;
	}

#web-nav-04 a  {
	width: 94px;
	background: url(../images/thumbs/thumb-web_panel.jpg) top left no-repeat;
	margin: 0px 0px 2px 0px;
	}
	
#web-nav-05 a  {
	width: 94px;
	background: url(../images/thumbs/thumb-web_police.jpg) top left no-repeat;
	margin: 0px 0px 2px 0px;
	}

#web-nav-06 a  {
	width: 94px;
	background: url(../images/thumbs/thumb-web_ecycle.jpg) top left no-repeat;
	margin: 0px 0px 2px 0px;
	}
	
#web-nav-07 a  {
	width: 94px;
	background: url(../images/thumbs/thumb-web_qtv.jpg) top left no-repeat;
	margin: 0px 0px 2px 0px;
	}
	
#web-nav-08 a  {
	width: 94px;
	background: url(../images/thumbs/thumb-web_barista.jpg) top left no-repeat;
	margin: 0px 0px 2px 0px;
	}
	
#web-nav-09 a  {
	width: 94px;
	background: url(../images/thumbs/thumb-web_tiptop.jpg) top left no-repeat;
	margin: 0px 0px 2px 0px;
	}
	
#web-nav-10 a  {
	width: 94px;
	background: url(../images/thumbs/thumb-web_vodem.jpg) top left no-repeat;
	margin: 0px 0px 2px 0px;
	}
	

	
	
/* ------------- interactive nav styles */	


#interactive-nav-01 a  {
	width: 94px;
	background: url(../images/thumbs/thumb-interactive_awwwsum.jpg) top left no-repeat;
	margin: 0px 0px 2px 0px;
	}
	
#interactive-nav-02 a  {
	width: 94px;
	background: url(../images/thumbs/thumb-interactive_vaka.jpg) top left no-repeat;
	margin: 0px 0px 2px 0px;
	}

#interactive-nav-03 a  {
	width: 94px;
	background: url(../images/thumbs/thumb-interactive_ieat.jpg) top left no-repeat;
	margin: 0px 0px 2px 0px;
	}

#interactive-nav-04 a  {
	width: 94px;
	background: url(../images/thumbs/thumb-interactive_nzbio.jpg) top left no-repeat;
	margin: 0px 0px 2px 0px;
	}


/* ------------- motion nav styles */	

#motion-nav-01 a  {
	width: 94px;
	background: url(../images/thumbs/thumb-motion_reel.jpg) top left no-repeat;
	margin: 0px 0px 2px 0px;
	}

#motion-nav-02 a  {
	width: 94px;
	background: url(../images/thumbs/thumb-motion_invest.jpg) top left no-repeat;
	margin: 0px 0px 2px 0px;
	}


#motion-nav-03 a  {
	width: 94px;
	background: url(../images/thumbs/thumb-motion_airbus.jpg) top left no-repeat;
	margin: 0px 0px 2px 0px;
	}
	
#motion-nav-04 a  {
	width: 94px;
	background: url(../images/thumbs/thumb-motion_v3d.jpg) top left no-repeat;
	margin: 0px 0px 2px 0px;
	}


#motion-nav-05 a  {
	width: 94px;
	background: url(../images/thumbs/thumb-motion_telecom.jpg) top left no-repeat;
	margin: 0px 0px 2px 0px;
	}



/* ------------- brand nav styles -------------*/	

#brand-nav-01 a  {
	width: 94px;
	background: url(../images/thumbs/thumb-brand_logos.jpg) top left no-repeat;
	margin: 0px 0px 2px 0px;
	}
	
#brand-nav-02 a  {
	width: 94px;
	background: url(../images/thumbs/thumb-brand_ecycle.jpg) top left no-repeat;
	margin: 0px 0px 2px 0px;
	}

#brand-nav-03 a  {
	width: 94px;
	background: url(../images/thumbs/thumb-brand_serato.jpg) top left no-repeat;
	margin: 0px 0px 2px 0px;
	}
	
	
	
	
/* ------------- case studies styles -------------*/		

div.case-img
  {
  width:233px;
  height:135px;
  background:url(../images/home/case_lrg-thumb_bc.jpg) no-repeat;
  }
div.transbox
  {
  position: absolute;
  width:233px;
  height:50px;
  margin: 85px 0px 0px 0px;
  background-color:#e2ded5;
  /* for IE */
  filter:alpha(opacity=80);
  /* CSS3 standard */
  opacity:0.8;
  }
div.transbox p
  {
  margin:10px 10px;
  color:#000000;
  }
  
/* ------------- case nav styles -------------------------- */	
	
	
#thumb-case {
	margin: 0;
	padding: 0;
	height: 30px;
	list-style: none;
	display: inline;
	overflow: hidden;
	}

#thumb-case li {
	margin: 0; 
	padding: 0;
    list-style: none;
	display: inline;
	}

#thumb-case a {
	float: left;
	padding: 30px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/   :30px; /* for IE5/Win only */ 
	}
	
#thumb-case a:hover {
	background-position: 0 -50px;
	}

#thumb-case a:active, #thumb-case a.selected {
	background-position: 0 -50px;
	}

  
#case-web-bc a  {
	width: 233px;
	height:30px ;
	background: url(../images/home/case_btn-bc.png) top left no-repeat;
	margin: 0px 0px 2px 0px;
	}