/*
////////// MAIN CONTENT AREA - HOME PAGE //////////
*/



#home-content {position:relative;}

#home-content h2 {padding-bottom:0.5em;}

/* ------- TOP LEFT --------- */

#home-top-left {
	position:relative;
	background:#222;
	width:362px;
	height:300px;
	overflow:hidden;
	float:left;
}
#home-top-left h2 {color:#f72;}
#home-top-left p,
#home-top-left span.la {color:#ccc;}

#home-top-left a {color:#f72; border-color:#555;}

#home-top-left a:hover {
	color: #348;
	border-bottom: 1px solid #348;
}

#home-top-left div.tl {background: transparent url(../imgs/generic/cr_dark_tl.png) no-repeat left top;}
#home-top-left div.bl {background: transparent url(../imgs/generic/cr_dark_bl.png) no-repeat left bottom; height:300px;}

#popup-txt {
	position:absolute;
	left:0px;
	top:160px;
	padding:15px 20px;
	padding-top:12px;
	background:#222;
	width:322px;
	height:300px;
}

#home-top-left div.pop-crn {
	position:absolute;
	left:0;
	top:295px;
	width:5px;
	height:5px;
	background: transparent url(../imgs/generic/cr_dark_bl.png) no-repeat left bottom;
}



/* ------- TOP RIGHT --------- */

#home-top-right {
	position:relative;
	width:300px;
	height:300px;
	overflow:hidden;
	margin-left:362px;
	background: transparent url(../imgs/generic/home_grad_corner.png) no-repeat left bottom;
}

/* IE6 3 pixel jog fix */
* html #home-top-left {margin-right:-3px;}
* html #home-top-right {margin-left:359px;}



#chair-image {
	position:absolute;
	top:0px;
	right:0px;
	width:320px;
	height:466px;
}

#home-quote {
	margin:15px 0 0 30px;
	width:300px;
	z-index:999;
}

#home-quote-sublink {width:200px;}

#home-quote span.quote-start {
	font: normal normal 2.8em/1.1 arial, verdana, sans-serif;
	display:block;
	margin:0;
	padding:0;
	margin-bottom:-8px;
	margin-top:3px;
}

#home-quote blockquote span.new-js-open {
	display:block;
	float:left;
	width:17px;
	height:14px;
	margin-left:-20px;
	margin-right:4px;
}

#home-quote blockquote span.new-js-close {
	display:block;
	float:right;
	width:17px;
	height:14px;
	margin:0;
	padding:0;
	margin-left:20px;
}

#home-quote blockquote span.quote-start {color:#348;}
#home-quote blockquote span.new-js-open {background: transparent url(../imgs/generic/quote_light_open.png) 0 0 no-repeat;}
#home-quote blockquote span.new-js-close {background: transparent url(../imgs/generic/quote_light_close.png) 0 0 no-repeat;}

/* ------- BOTTOM LEFT --------- */

#home-bottom-left {
	float:left;
	width:362px;
	padding:15px 0;
}

#home-bottom-left .bd .c {
 padding:10px 20px;
}

#home-about {
	margin-bottom:15px;
}

/* ------- BOTTOM RIGHT --------- */

#home-bottom-right {
	margin-left:362px;
	padding: 30px 0 0 30px;
	margin-bottom:20px;
	width:528px;
}

#home-news {
	width:166px;
}

#home-grey-panel {
}

#int-lang {
	width:166px;
	border-top:1px solid #dee;
	padding-top:0.5em;
	margin-top:0.25em;
}

#int-lang ul {
	margin-top:5px;
}

#int-lang ul li span.lang-info {
	display:block;
	margin-bottom:15px;
}

/* IE6 3 pixel jog fix */
* html #bottom-top-left {margin-right:-3px;}
* html #bottom-top-right {margin-left:359px;}



/*
////////// MAIN CONTENT AREA - SUB PAGE TYPES //////////
*/

/* ------- TOP SECTION --------- */


#top-section {
	position:relative;
	overflow:hidden;
	margin-bottom:20px;
}

#top-section div.col1-double {
	float:left;
	padding-top:15px;
	padding-left:20px;
	width:311px;
}

#top-section div.col1-triple {
	float:left;
	padding:0;
	width:548px;
}

#top-section div.col2-single {
	float:left;
	margin-left:20px;
}

#top-section div.col3-single,
#top-section div.col2-double {float:left;}

#top-section blockquote {padding:0; margin-bottom:0.75em;}


/* ------- BOTTOM SECTION --------- */

#bottom-section {
	margin-bottom:30px;
}

#bottom-section div.col1-double {
	float:left;
	margin-left:20px;
	width:311px;
}

#bottom-section div.col1-triple {
	float:left;
	margin-left:20px;
	margin-right:50px;
	width:458px;
}

#bottom-section div.col2-single {
	float:left;
	margin-left:20px;
	padding-left:10px;
	padding-top:15px;
	width:166px;
	border-left:1px solid #dee;
}

#bottom-section div.col2-double {
	float:left;
	margin-left:20px;
	width:383px;
}

#bottom-section div.col3-single {
	float:left;
	margin-left:20px;
	width:186px;
}

/* ------- SPECIFIC PAGE TYPES --------- */

/* ------- PAGE TYPE ONE - ENGINEERING --------- */


div.type-one {background-color:#222; height:200px;}
div.type-one p {color:#ccc;}
div.type-one h3 {color:#f72; padding:4px 0;}

div.type-one div.col2-single {
	padding-top:15px;
	padding-left:10px;
	width:166px;
	border-left:1px solid #333;
	height:185px;
}

div.type-one div.col3-single {
	margin-left:19px;
	width:186px;
	border-left:1px solid #333;
	height:200px;
}

div.type-one div.col2-double {
	margin-left:20px;
	width:382px;
	border-left:1px solid #333;
	height:200px;
}



div.type-one h2,
div.type-one h3,
div.type-one h4 {color:#f72;}

div.type-one blockquote {color:#ccc;}

div.type-one div.tl {background: transparent url(../imgs/generic/cr_dark_tl.png) no-repeat left top;}
div.type-one div.tr {background: transparent url(../imgs/generic/cr_dark_tr.png) no-repeat right top;}
div.type-one div.bl {background: transparent url(../imgs/generic/cr_dark_bl.png) no-repeat left bottom;}
div.type-one div.br {background: transparent url(../imgs/generic/cr_dark_br.png) no-repeat right bottom; height:200px;}

/* ------- PAGE TYPE TWO - BENEFITS --------- */

div.type-two {background-color:#222;  height:200px;}
div.type-two p {color:#ccc;}
div.type-two h2 {color:#f72; padding:0; padding-bottom:4px;}

div.type-two div.col2-double {
	margin-left:20px;
	width:382px;
	border-left:1px solid #333;
	height:200px;
}

div.type-two div.tl {background: transparent url(../imgs/generic/cr_dark_tl.png) no-repeat left top;}
div.type-two div.tr {background: transparent url(../imgs/generic/cr_dark_tr.png) no-repeat right top;}
div.type-two div.bl {background: transparent url(../imgs/generic/cr_dark_bl.png) no-repeat left bottom;}
div.type-two div.br {background: transparent url(../imgs/generic/cr_dark_br.png) no-repeat right bottom;}


.grad-title {font-size:1.6em;}

/* ------- PAGE TYPE THREE - MINI CHAIR --------- */


div.type-three {background: transparent url(../imgs/generic/hero_grad.gif) repeat-y 0 0; margin-bottom:20px; height:200px;}
div.type-three p {color:#555;}
div.type-three h3 {color:#348; padding:4px 0;}

div.type-three div.col2-single {
	width:197px;
}

div.type-three div.col3-single {
	position:relative;
	width:186px;
	height:200px;
	background-color:#222;
}

div.type-three div.col3-single p {
	color:#ccc;
}

div.type-three div.col3-single a {
	color:#f72;
	border-bottom-color:#555;
}

div.type-three div.col3-single a:hover {
	color:#348;
	border-bottom-color:#348;
}

div.type-three div.col3-single h3 {color:#f72;}

div.type-three div.tl {background: transparent url(../imgs/generic/cr_grey2_tl.png) no-repeat left top;}
div.type-three div.bl {background: transparent url(../imgs/generic/cr_grey2_bl.png) no-repeat left bottom;}

div.type-three div.col3-single div.tl {background-image:none;}
div.type-three div.col3-single div.tr {background: transparent url(../imgs/generic/cr_dark_tr.png) no-repeat right top;}
div.type-three div.col3-single div.bl {background-image:none;}
div.type-three div.col3-single div.br {background: transparent url(../imgs/generic/cr_dark_br.png) no-repeat right bottom; height:200px;}

/* --- VALUES --- */

.drk-call-to {
	padding:20px 15px 0 20px;
}

#val-intro h3 {margin: 0 0 5px 20px;}

#val-intro div.col2-double {
	padding-left:10px;
	border-left:1px solid #dee;
	width:302px;
}



/* ------- PAGE TYPE FOUR - NETWORK MAP --------- */

div.type-four {background: transparent url(../imgs/generic/hero_grad.gif) repeat-y 0 0; margin-bottom:20px; height:275px;}
div.type-four p {color:#555;}
div.type-four h3 {color:#348; padding:4px 0;}


div.type-four div.col1-triple {
	position:relative;
	width:548px;
	height:275px;
}

div.type-four div.col3-single {
	position:relative;
	width:186px;
	height:275px;
	background-color:#222;
}



div.type-four div.col3-single p {color:#ccc;}
div.type-four div.col3-single a {color:#fff; border-color:#444;}
div.type-four div.col3-single a:hover {color:#f72; border-bottom:1px solid #f72;}
div.type-four div.col3-single h3 {color:#f72;}

div.type-four div.tl {background: transparent url(../imgs/generic/cr_grey2_tl.png) no-repeat left top;}
div.type-four div.bl {background: transparent url(../imgs/generic/cr_grey2_bl.png) no-repeat left bottom;}

div.type-four div.col3-single div.tl {background-image:none;}
div.type-four div.col3-single div.tr {background: transparent url(../imgs/generic/cr_dark_tr.png) no-repeat right top;}
div.type-four div.col3-single div.bl {background-image:none;}
div.type-four div.col3-single div.br {background: transparent url(../imgs/generic/cr_dark_br.png) no-repeat right bottom; height:275px;}


/* ------- PAGE TYPE FIVE - CASE STUDY --------- */

div.type-five {background-color:#e6e9f2;}

div.type-five h2 {padding:10px 20px; color:#000;}
/*div.type-five h2 {padding:10px 20px; color:#f72;}*/

div.type-five div.tl {background: transparent url(../imgs/generic/cr_grey2_tl.png) no-repeat left top;}
div.type-five div.tr {background: transparent url(../imgs/generic/cr_grey_tr.png) no-repeat right top;}
/*div.type-five div.bl {background: transparent url(../imgs/generic/cr_dark_bl.png) no-repeat left bottom;}
div.type-five div.br {background: transparent url(../imgs/generic/cr_dark_br.png) no-repeat right bottom;}*/


#case-image,
#case-quote {
	margin-bottom:15px;
}

#case-quote blockquote {font: normal normal 0.8125em/1.3 arial, verdana, sans-serif;} /* 16x .75 = 12px */

#case-quote blockquote span.new-js-open {
	display:block;
	float:left;
	width:17px;
	height:14px;
	margin-left:-2px;
	margin-right:4px;
}

#case-quote blockquote span.new-js-close {
	display:block;
	float:right;
	width:17px;
	height:14px;
	margin:0;
	padding:0;
	margin-left:20px;
}

#case-quote blockquote span.new-js-open {background: transparent url(../imgs/generic/quote_light_open.png) 0 0 no-repeat;}
#case-quote blockquote span.new-js-close {background: transparent url(../imgs/generic/quote_light_close.png) 0 0 no-repeat;}


/* ------- Expert Quotes --------- */

#top-section blockquote span.quote-start {
	font: normal normal 1.416em/1 arial, verdana, sans-serif;
	display:block;
	margin:0;
	padding:0;
	margin-bottom:-8px;
	margin-top:3px;
}

#top-section blockquote span.new-js-open {
	display:block;
	float:left;
	width:17px;
	height:14px;
	margin-left:-2px;
	margin-right:4px;
}

#top-section blockquote span.new-js-close {
	display:block;
	float:right;
	width:17px;
	height:14px;
	margin:0;
	padding:0;
	margin-left:20px;
}


div.type-one blockquote span.quote-start {color:#f72;}
div.type-one blockquote span.new-js-open {background: #222 url(../imgs/generic/quote_dark_open.png) 0 0 no-repeat;}
div.type-one blockquote span.new-js-close {background: #222 url(../imgs/generic/quote_dark_close.png) 0 0 no-repeat;}


div.type-three blockquote span.quote-start {color:#348;}
div.type-three blockquote span.new-js-open {background: transparent url(../imgs/generic/quote_light_open.png) 0 0 no-repeat;}
div.type-three blockquote span.new-js-close {background: transparent url(../imgs/generic/quote_light_close.png) 0 0 no-repeat;}






/*
////////// BLOCKS //////////
*/

/* ----------- CASE STUDY BLOCK -----------*/

div.case-block-img {
	float:left;
	width:150px;
	padding-top:4px;
}

div.case-block-desc {
	margin-left:165px;
	width:175px;
}

/* ----------- CALL TO ACTION BLOCK -----------*/

#call-to {
	margin-bottom:15px;
}

/* ----------- NETWORK BLOCKS -----------*/

/* ---- IN OUR NETWORK ---*/

.network-panel {
	position:relative;
	padding:10px 15px 0 20px;
	height:190px;
	overflow:hidden;
}

.network-panel p.prev-next {
	position:absolute;
	top:170px;
	left:20px;
}

.network-panel span.prev,
.network-panel span.next {
	font-size:1.2727em; /* 11x 1.1818 = 13px */
	line-height:1;
	color:#f72;
	cursor:pointer;
}

.network-panel span.hidden {color:#444;}


.network-text-div p {display:none;}
.network-text-div p#net-1 {display:block;}

/* ---- NETWORK MAP ---*/

#network-map {
	margin-bottom:0.75em;
}

.region-panel {
	padding:10px 15px 0 20px;
	height:190px;
}

#map-panel {
	position:relative;
	height:275px;
	width:548px;
	background: transparent url(../imgs/networkmap/networkmap_large.gif) 0 0 no-repeat;
}

#flash-panel {
	position:relative;
	height:275px;
	width:548px;
}

#map-info {position:relative;}

#map-info div {display:none;}

#map-info div h3,
#map-info div p {padding:0; margin:0;}


#europe-rollover {
	position:absolute;
	left:243px;
	top:35px;
	width:79px;
	height:83px;
}

#tooltip {
	position: absolute;
	z-index: 3000;
	color:#000;
	border: 1px solid #ADB8D2;
	background-color: #fff;
	padding:10px 15px 5px 15px;
	width:165px;
	text-align:left;
	opacity: 0.9;
}
	
#tooltip h3, #tooltip div { margin: 0; padding:0; }
#tooltip h3 {padding-bottom:5px;}

.SearchHighlight{
   background: #ffff00;
}
