#leftcol { 
float: left; 
display: inline; 
width: 210px; 
margin: 0px 0px 10px 0px;
} 


#twocol { 
float: right; 
display: inline;
width: 644px; 
background: url(../img/panels/text_side_s.gif) repeat-y left;
padding-bottom:40px;
}


#home_mid { 
float: right; 
display: inline;
width: 644px;
height: 258px;
margin-bottom:4px;
margin-left:4px;
}


#twocol-img{ 
background: url(../img/panels/text_side_bb.gif) no-repeat bottom left;
float: right; 
display: inline;
width: 644px;
height: 27px;
margin-bottom: 6px; 
}

#content{ 
float: left; 
display: inline; 
width: 380px;  
margin: 0px 22px 10px 20px;
line-height: 130%;
}

#w_content{ 
float: left; 
display: inline; 
width: 600px;  
margin: 0px 22px 10px 20px;
line-height: 130%;
}

#content-free{ 
float: left; 
display: inline; 
width: 550px;  
margin: 0;
line-height: 130%;
padding:0px 0 10px 18px;
}


#rightcol { 
float: right; 
display: inline; 
width: 212px;
height: 100%;
margin: 0px 0px 10px 0px;
overflow: hidden;
}

#rightcol img {
border: none;
font-size:1px;
margin:0;
padding:0;
vertical-align:bottom;
}


.CM { 
background: url(../img/panels/quote.png) no-repeat bottom;
padding: 10px 10px 30px 10px;
margin-bottom: 10px;
color:#FFFFFF;
font-size: 140%;
line-height: 130%;
font-weight:normal;
overflow: hidden;
}


.CM .quote { 
padding: 10px 0;
font-size: 70%;
line-height: 110%;

}

 .frame {
margin: -130px 0 0 0px;
height: 130px;
width: 170px;
position: relative;
z-index: 20;
background:transparent url(../img/static/frame/top_170x130.png) no-repeat ;
}



/* template 1 --------------------------------------------------------------------- */


#T1 #content{ 
width: 380px;  
margin: 14px 22px 10px 20px;
}


#T1 #rightcol 
{
     
}

#T1 #rightcol .DLM_img {
margin: 0;
width: 212px;
height: 140px;
z-index: 1;
font-size: 0px;
margin-top: 20px;
}

#T1 #rightcol .DLM_img img 
{
width: 212px;
height: 140px;
}

#T1 #rightcol .frame {
margin: -140px 0 0px 0px;
height: 140px;
width: 212px;
background:transparent url(../img/static/frame/top_212x140.png) no-repeat ;
}



/* template 2 --------------------------------------------------------------------- */

#T2 { 
margin: 14px 0 0 0;
}

#T2 #content {  
width: 600px;  
margin: 14px 22px 10px 20px;
position: relative;
}


#T2 #content .base {
float: left; 
display: inline;  
margin: 0 6px 6px 0px;
width: 270px;
height: 170px;
z-index: 1;
font-size: 0px;
}

#T2 #content .base img 
{
width: 270px;
height: 170px;
}

#T2 #content .frame {
margin: -170px 0 0 0px;
height: 170px;
width: 270px;
background:transparent url(../img/static/frame/top_270x170.png) no-repeat ;
}


#T2 #rightcol { 
visibility: hidden;
}



/* template 3 --------------------------------------------------------------------- */

#T3 { 
margin: 14px 0 0 0;
}

#T3 #content {  
width: 600px;  
margin: 14px 22px 10px 20px;
}

#T3 #content img{ 
float: left; 
display: inline;  
margin: 0 6px 6px 0px;
}

#T3 #rightcol { 
visibility: hidden;
}


/* template 4 --------------------------------------------------------------------- */

#T4 { 
margin: 14px 0 0 0;
}

#T4 #content {  
width: 380px; 
}


#T4 #rightcol { 
visibility: visible;
position: relative;
}

#T4 #rightcol .base {
margin: 0;
width: 212px;
height: 295px;
z-index: 1;
font-size: 0px;
}

#T4 #rightcol .base img 
{
width: 212px;
height: 295px;
}

#T4 #rightcol .frame {
margin: -295px 0 0 0px;
height: 295px;
width: 212px;
background:transparent url(../img/static/frame/top_212x295.png) no-repeat ;
}


/* template 5 --------------------------------------------------------------------- */


#T5 #content{  
margin: 14px 22px 10px 20px;
}

#T5 #rightcol { 
}

#T5 #rightcol img{ 
margin: 0px 0px 10px 0px;
}


/* template 6 --------------------------------------------------------------------- */

#T6 { 
margin: 14px 0 0 0;
}

#T6 #content{ 
width: 380px;  
margin: 0px 22px 10px 20px;
position: relative;
}

#T6 #content .base {
float: right; 
display: inline;  
margin: 0 0 6px 6px;
width: 170px;
height: 130px;
z-index: 1;
font-size: 0px;
}

#T6 #content .base img 
{
width: 170px;
height: 130px;
}

#T6 #content .frame {
margin: -130px 0 0 0px;
height: 130px;
width: 170px;
position: relative;
z-index: 20;
}



#T6 #rightcol { 
}

#T6 #rightcol img
{
margin: 0 6px 0 0px;  
}



/* template 7--------------------------------------------------------------------- */

#T7 { 
margin: 14px 0 0 0;
}

#T7 #content {  
width: 380px; 
}


#T7 #rightcol { 
visibility: visible;
}

#T7 #rightcol img { 
margin: 0 0 20px 0;
}

#T7 .frame {
margin: -160px 0 20px 0px;
height: 140px;
width: 212px;
background:transparent url(../img/static/frame/top_212x140.png) no-repeat ;
}


/* template 8 --------------------------------------------------------------------- */


#T8 { 
}


#T8 #content {    
margin: 14px 22px 10px 20px;
position: relative;
}


#T8 #rightcol { 
}


#T8 #content .base {
float: right; 
display: inline;  
margin: 4px 0 6px 6px;
width: 170px;
height: 130px;
z-index: 1;
font-size: 0px;
}


#T8 #content .base img 
{
width: 170px;
height: 130px;
}

#T8 #rightcol img{ 
margin: 0px 0px 10px 0px;
}



/* people --------------------------------------------------------------------- */
#T6_people { 
margin: 14px 0 0 0;
}

.people {
float:left;
width:180px;
margin-right:10px;
margin-bottom: 20px;
font-size: 90%;
line-height: 130%;
background: url(../img/panels/people_180.gif) no-repeat top right;
height: 90px;
}

.people  .panelT6 {
margin: 10px 0px 6px 6px;
}


.people  .panelT6 img {
float: left; 
display: inline;  
margin: 0 6px 0 0;
background: url(../img/panels/img_sh.gif) no-repeat bottom left;
padding: 0 0 5px 5px;
}

.people  .panelT6 .pad6{
float: left; 
display: inline;  
margin: 0 0 0 2px;
width:100px;
}


.people
{
    position: relative;
}

.people  .panelT6 .pad6 img 
{
    position: absolute;
    bottom: 10px;
   right: 0px;  
margin: 4px 6px 0 0px;
background: none;
padding: 0;
}


.people .panelT6 h3 
{
    font-size: 12px;
    color: #e93707;
    font-weight: bold;
    margin: -14px 0px 0px 0px;
    padding: 0;
    }
    
    .bio { 
width: 212px;
}


#T6_people #rightcol .base {
margin: 0;
width: 212px;
height: 274px;
z-index: 1;
font-size: 0px;
margin-bottom: 10px;
}

#T6_people #rightcol .base img 
{
width: 212px;
height: 274px;
}

#T6_people #rightcol .frame {
margin: -274px 0 0 0px;
height: 274px;
width: 212px;
background:transparent url(../img/static/frame/top_212x274.png) no-repeat ;
}


/* case studies --------------------------------------------------------------------- */


#rightcol .case_study 
{
clear: both;
width:212px;
padding-top: 10px;
font-size: 90%;
line-height: 120%;
background: url(../img/static/case.png) no-repeat top left;
height: 100px;
}

#rightcol .case_study  .panelT6 {
margin-left: 10px;
width:190px;
overflow: hidden;
}


#rightcol .case_study  .panelT6 img {
float: left; 
display: inline;  
background: url(../img/panels/img_sh.gif) no-repeat bottom left;
padding: 0 0 5px 5px;
}



/* RIGHTCOL list --------------------------------------------------------------------- */


#rightcol UL LI 
{
    border-bottom: dotted 1px #dadada;
   }

#rightcol UL 
{
    margin-left: 0;	
    padding-left: 17px;
    font-size: 90%;
}

#rightcol li .selected
{
    color: #c93a14;
    font-weight: bold;
}

li.press {
	
	list-style-image:   url(../img/static/arrow_b_s.png);	
}




/* NEWS --------------------------------------------------------------------- */


#T8_news 
{
    margin: 14px 0 0 0; 
}

#T8_news  #content img {
float: right; 
display: inline;  
margin: 0 0 6px 6px;
}

#T8_news  #content {    
}


#T8_news  #rightcol { 
}

#T8_news  #rightcol img{ 
margin: 0px 0px 10px 0px;
}




#T8_press
{
    margin:0; 
}

#T8_press  #content img {  
margin: 0 0 6px 0;
}

#T8_press  #content 
{
   margin-top: 14px;      
}




/* VALUES --------------------------------------------------------------------- */

#value {
}

#value tr
{
  margin-bottom: 10px;
}

#value td 
{
  margin: 0px; 
  text-align: left;
  border-bottom: 10px solid #fff;
}

#value td.img
{
  padding: 0px;
  font-size: 0px;
  width: 100px;
  background: url(../img/static/values/client.jpg) bottom right no-repeat;
   height:71px; 
}



#value td.insp
{
   padding: 0px;
  font-size: 0px;
  width: 100px;
  background: url(../img/static/values/inspiration.jpg) bottom right no-repeat;  
   height:71px; 
}

#value td.innov
{
  padding: 0px;
  font-size: 0px;
  width: 100px;
  background: url(../img/static/values/innovation.jpg) bottom right no-repeat;
   height:71px; 
}

#value td.resp
{
  padding: 0px;
  font-size: 0px;
  width: 100px;
  background: url(../img/static/values/respect.jpg) bottom right no-repeat;
   height:71px; 
}


#value td.integ
{
  padding: 0px;
  font-size: 0px;
  width: 100px;
  background: url(../img/static/values/integrity.jpg) bottom right no-repeat;
   height:71px; 
}


#value td.team
{
  padding: 0px;
  font-size: 0px;
  width: 100px;
  background: url(../img/static/values/teamwork.jpg) bottom right no-repeat;
   height:71px;
}

#value td.img img
{

  height:71px;
}

#value td.red 
{
  background: url(../img/panels/td_grad_red.gif) bottom right no-repeat;
  color: #fff;
  width: 80px;
  font-size: 14px;
  height:50px;
}

#value td.red_t 
{
  color: #e93707;
  width: 170px;
  font-size: 12px;
  background: url(../img/panels/td_grad_2.gif) bottom repeat-x;
  height:71px;
}

#value td.gr
{
  width: 220px;
  background: url(../img/panels/td_grad_r.gif) bottom right no-repeat;
  height:71px;
}

#value h3 {
  color: #ffffff;
  font-size: 11px;
  text-align: left;
  margin: 0;
  padding: 0;
}

#value td {
border-bottom: none;
border-right: none;
}

#value td.toph
{
   background: url(../img/panels/panel_h.png) bottom right no-repeat;
   height:24px; 
    border-left: 1px solid #771a02;
    padding-top:-10px;
}

#value td.top_m_l
{
   background: url(../img/panels/panel_h.png) bottom no-repeat;
   height:24px; 
}

#value td.top_m
{
   background: url(../img/panels/panel_h.png) bottom no-repeat;
   height:24px; 
   border-left: 1px solid #771a02;
}

#value td.top_l
{
   background: url(../img/panels/panel_h.png) bottom left no-repeat;
   height:24px; 
}

/* MAP --------------------------------------------------------------------- */


#T3_map { 
margin: 14px 0 0 0;
}

#T3_map #content {  
width: 620px;  
margin: 0 0 0 20px;
}

#T3_map #content img{   
margin: 0 0 10px 0px;
}

#T3_map #rightcol { 
visibility: hidden;
}


/* methodologies --------------------------------------------------------------------- */

#T3_method { 
margin: 14px 0 0 0;
}

#T3_method  #content {  
width: 600px;  
margin: 14px 22px 10px 20px;
}

#T3_method  #content img{ 
float: right; 
display: inline;  
margin: 0 0px 6px 6px;
}

#T3_method  #rightcol { 
visibility: hidden;
}