/* Portfolio only css */
#main_right {
  margin-left:6px;
  height:454px;
  width:639px;
}

  #main_right a { color:black; }

#bot_bar {
  margin:1px 0 0 0;
  width:100%;
  background:url('../images/portfolio/bot_back.jpg') repeat-x bottom left;
}

#port_prev {
  background:url('../images/portfolio/previous.jpg') no-repeat;
  background-position:0 0;
  height:39px;
  width:96px;
  float:left;
}

  #port_prev span { display:none; }
  
  #port_prev:hover { background-position:0 -39px; }
  
#port_next {
  background:url('../images/portfolio/next.jpg') no-repeat;
  background-position:0 0;
  height:39px;
  width:67px;
  float:right;
}

  #port_next span { display:none; }
  
  #port_next:hover { background-position:0 -39px; }  
  
.port_menu {
  background:url('../images/portfolio/menu.jpg') no-repeat top left;
  float:left;
  width:88px;  
}

  .port_menu span { display:none; }

#logos { background-position: 0 0px; height:22px; } 
#logos:hover { background-position: 0 -102px; height:22px; } 
#logos_on { background-position: 0 -204px; height:22px; } 

#brochures { background-position: 0 -22px; height:22px; } 
#brochures:hover { background-position: 0 -124px; height:22px; } 
#brochures_on { background-position: 0 -226px; height:22px; } 

#advertising { background-position: 0 -44px; height:22px; } 
#advertising:hover { background-position: 0 -146px; height:22px; } 
#advertising_on { background-position: 0 -248px; height:22px; } 

#exhibitions { background-position: 0 -66px; height:15px; } 
#exhibitions:hover { background-position: 0 -168px; height:15px; } 
#exhibitions_on { background-position: 0 -270px; height:15px; } 

#websites { background-position: 0 -80px; height:22px; } 
#websites:hover { background-position: 0 -182px; height:22px; } 
#websites_on { background-position: 0 -284px; height:22px; } 

/* IE6 hack area */
* html #main_right { margin-left:-22px; }
* html #content_thin_div { margin:15px 13px 0 15px; }
/* 3 px here makes all the difference! (IE is 3px too far to the right) */