@charset "utf-8";
/* CSS Document */

/* ERIC MAYER CSS RESET
--------------------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


/* CSS
--------------------------------------------------------------*/

html,body,#bodyWrap { height:100%; }
body { 
	color: #606060;
	font-family: "Lucida Grande","Lucida Sans",Lucida,Verdana,Arial,sans-serif;
	font-size: 62.5%; /* 10px; */
}
/* #bodyWrap: left body gradient and force #footer down. */
#bodyWrap { 
	/* background: transparent url(../img/gradient01.png) left repeat-y; */ 	
	position: relative;
	float: left;
	border: 0px solid blue;
	z-index: 1;
}
body > #bodyWrap { height: auto; min-height: 100%; }

#image {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 130px;
	z-index: 0;
	display: none;
}

#image.root-4,
#image.root-23,
#image.root-139,
#image.root-173,
#image.root-166,
#image.root-124,
#image.root-199 { 
	background: none; 
}

.floatleft, .alignleft { float: left; }
.floatright, .alignright { float: right; }
.alignleft, .alignright {
	margin-bottom:10px;
	margin-left:10px;
	margin-right:10px;
	margin-top:10px;
}

/* #FrontImage {
	position: fixed;
	top: 0px;
	left: 0px;
	height: 100%;
	-ms-interpolation-mode:bicubic;
} */

body.front {
	background: #fff url(../img/frontpage.jpg) top left no-repeat; 
}

.orange { color: #ff7100; }

.clear {
	clear: both;
  height:0;
  font-size: 1px;
  line-height: 0px;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


/* BASIC CONTENT STYLES. MAINLY FOR EDITABLE CONTENT
--------------------------------------------------------------*/

h1, h2, h3, h4, h5 { clear: both; font-weight: bold; }
h1, h2 {
	font-size: 1.6em;
	line-height: 1.4em;
	margin-bottom: 2em;
	color: #ff7100;
	/* background-color: transparent; */
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.06em;

}
h2 { text-transform: none; margin: 2em 0 1em 0; color: #606060; }
h3 {
	font-size: 1.6em;
	line-height: 1.4em;
	margin: 2em 0 1em 0;
	color: #606060;
	/* background-color: transparent; */
	}
h4 {
	font-size: 1.2em;
	line-height: 1.8em;
	margin: 2em 0 -25px 0;	
	color: #000;
	/* background-color: transparent; */
}
h5 {
	font-size: 1.2em;
	line-height: 1.8em;
	margin: 2em 0 -25px 0;	
	color: #606060;
	/* background-color: transparent; */
}
p,li {
	font-size: 1.2em;
	line-height: 1.8em;
	color: #606060;
	/* background-color: transparent; */
	margin-top: 2em;
}
td,th {
	text-align: left;
	font-size: 1.2em;
	color: #606060;
	/* background-color: transparent; */
}
th { font-weight: bold; }
ul { padding: 0 0 0 1.5em; margin-top: 2em;  }
ol { padding: 0 0 0 2em; margin-top: 2em;  }
li { margin-top: 0; }
input[type="text"], select {
		font: 11px Verdana, Geneva, sans-serif;
		color: #606060;
		background-color: #fff;
		border: 1px solid #cfcfcf;	
}
hr { border: 1px solid #c9c9c9; margin: 2em 0; }
strong,b { font-weight: bold; }
em,i { font-style: italic; }
u { text-decoration: underline; }


/* LINKS
--------------------------------------------------------------*/

a { color: #ff7100; /* background-color: #fff; */ text-decoration: underline; }
a.link2 { /* color: #ff7100; */ color: #606060; /* background-color: transparent; */ text-decoration: none; }
.searchResults a { /* color: #ff7100; */ color: #606060; /* background-color: transparent; */ text-decoration: none; }


/* MAIN NAVIGATION BLOCK
--------------------------------------------------------------*/

#navi { display: none; visibility:hidden; }

/* HEADER BLOCK
--------------------------------------------------------------*/

#header { display: none; visibility:hidden; }

/* PAGE BLOCK
--------------------------------------------------------------*/

#page {
	display:inline; /* ie6 fix */
	float: left;
	margin: 0; 
	width: 100%; 
	height: auto;
	padding: 0 0 70px 0; /* bottom: 50px white space + 20px footer */
	border: 0px solid lime; /* for development */
}
	#page h2 {
		margin-top: 0px;
		text-transform: uppercase;
	}
	
	/* two column content container */
	#page .columnContainer {
		float: left;
		width: 100%;
		height: auto;
		margin-bottom: 40px;
	}
	#page .column {
		position: relative;
		float: left;
	  width: 45%;
		margin-right: 5%;
	}
	#page .columnMedium {
		position: relative;
		float: left;
		width: 350px;
		margin-right: 50px;
		border: 0px solid lime; 
		margin-top: -25px;
	}
	#page .columnPersons {
		position: relative;
		float: left;
		width: 450px;
		margin-right: 10px;
		border: 0px solid lime; 
		margin-top: 0px;
		margin-bottom: 40px;
	}
	#page .columnWide {
		position: relative;
		float: left;
	  width: 450px;
		margin-right: 20px;
		border: 0px solid lime; 
	}
	#page .columnFull {
		float: left;
		width: 100%;
		height: auto;
		margin-bottom: 40px;
	}
	#page .columnWide :first-child { margin-top: 0; }
	#page .columnContainer .fixMargin { margin-top: -25px; } /* alternative solution for columns */


/* PEOPLE PAGES
--------------------------------------------------------------*/

#peopleHeader {
	margin-bottom: 10px;
}

	#peopleHeader div.rightContainer {  
		margin-top: 40px;
		margin-left: 40px;
		float: left;
	}

	#peopleHeader h2 {
		font-size: 1.3em;
		line-height: 1.2em;
		color: #606060;
		margin-bottom: 0px;
		text-transform: uppercase;
	}
	#peopleHeader img {
		float: left;
		margin-top: 40px;
		margin-left: 2px;
	}
	#peopleHeader table { width: 270px; margin: 20px 0px 0px 0px; }
	#peopleHeader table th,
	#peopleHeader table td { padding: 2px; }
	#peopleHeader table th { color: #606060; }
	h1 span.born {
		font-size: 12px;
		text-transform: none;
		letter-spacing: normal; 
	}
	h3.person {
		font-size: 1.2em;
		line-height: 1.8em;
		margin-top: 0em;
		margin-bottom: 0em;
	}
	p.person {
		margin-top: 0em;
		margin-bottom: 2em;
	}
	#box2 select.person {
		width: 125px;
		float: right;
		clear: both;
	}
	#box2 input.person {
		width: 117px;
		margin: 2px 0px 0px 0px;
		padding: 3px;
		float: right;
	}
	#box2 p.personinfo, #box7 p.personinfo {
		float: left;
		clear: left;
		margin-bottom: 1em;
	}
	#box2 p.personsubmit, #box7 p.personsubmit {
		float: right;
		clear: both;
		margin-top: 10px;
	}
	#box7 select.person {
		width: 180px;
		float: right;
		clear: both;
	}
	#box7 input.person {
		width: 172px;
		margin: 2px 0px 0px 0px;
		padding: 3px;
		float: right;
	}

/* FOOTER
--------------------------------------------------------------*/
#footer { display: none; visibility:hidden; }


/* SEARCH BLOCK
--------------------------------------------------------------*/
#search { display: none; visibility:hidden; }


/* PRINT BLOCK
--------------------------------------------------------------*/
#print { display: none; visibility:hidden; }


/* GENERIC BOX WITH DROP SHADOW (Careful when you modify this.)
** 	- Look box id styles below this seqment
** 	- Adjust the width from the first div
** 	- Box background-color can be changed from .content
**	- Drop shadows need #fff background. Can be fixed with png images
**	- Three padding levels for content areas (.noPadding | .tight | default | .loose)
--------------------------------------------------------------*/

div.box { display: none; }
	div.box .bContent { 
		background: #fff url(../img/box_gradient01.png) bottom right no-repeat;  
		/* border: 1px solid #c9c9c9; */ 
		margin-right: 10px;
		margin-left: 10px;
		clear: left;
	}
	div.box .bContent .bArea { 
		border-bottom: 1px solid #c9c9c9; 
		border-left: 1px solid #fff;
		border-right: 1px solid #fff;
		padding: 15px; /* default padding */
	}
	div.box .bContent .noPadding { padding: 0; }
	div.box .bContent .tight { padding: 5px 15px; }
	div.box .bContent .loose { padding: 16px 32px; }
	div.box .bContent .person { padding: 16px 10px 16px 20px; }
	div.box .bContent .person2 { padding: 16px 20px 16px 20px; }
	div.box .bContent .bLast { border-bottom: 0; }
	div.box .bShadow { height: 15px; background: #fff url(../img/box_sha02.gif) bottom repeat-x; }
	div.box .bShadow img { float: right; }
	div.box .bShadow img.left { float: left; }
	div.box .bShadow img.right { float: right; }
	div.box .bTopShadow { height: 15px; background: #fff url(../img/box_sha02_top.gif) bottom repeat-x; }
	div.box .bTopShadow img.left { float: left; }
	div.box .bTopShadow img.right { float: right; }
	/* div.box .bLeftShadow { float: left; width: 10px; height: 50px; background: #fff url(../img/box_sha01_left.gif) left repeat-y; } */
	div.box .nopadding { padding: 0; }
	div.box .nomargin { margin: 0; }
	/* generic .bArea content styles */
	div.box h1, div.box h2, div.box h3 {
		font-size: 1.3em;
		line-height: 1.4em;
		margin: 0 0 1.4em 0;	
		color: #606060;
		/* background-color: transparent; */
	}
	div.box h4  {
		font-size: 1.1em;
		line-height: 1.4em;
		margin: 1em 0 0 0;	
		color: #606060;
		/* background-color: transparent; */
	}
	div.box h5  {
		font-size: 1.1em;
		line-height: 1.4em;
		margin: 1em 0 0 0;	
		color: #606060; 
		/* background-color: transparent; */	
	}	
	div.box p { font-size: 1.1em; line-height: 1.4em; margin: 0 0 1.4em 0;}
	div.box ol { padding-left: 0; margin: 0 2.5em; }
	div.box ul { padding-left: 0; margin: 0 1.5em; }
	div.box li { font-size: 1.1em; line-height: 1.4em; margin: 0; }	
	div.box ul li { list-style-image: url(../img/bullet01.gif); }
	div.box img.contact  { float: left; clear: left; border: 1px solid #c9c9c9; margin: 0 5px 0 0; }


/* RIGHT SIDE CONTEXTUAL NAVIGATION USING BOX (Box id styles)
--------------------------------------------------------------*/

/* Main right col box. Used with #page .columnWide */
#box1 { width: 220px; display: none; float: right; margin-right: 30px; background: #fff url(../img/box_bg_1.gif) left repeat-y; }

/* Wider right col box. Used for example at people Our experts */
#box2 { width: 250px; display:none; float: right; margin-right: 30px; background: #fff url(../img/box_bg_2.gif) left repeat-y; }
	#box2 select, #box7 select { border: 1px solid #bdbdbd; padding: 3px; margin: 2px 0; width: 170px; }
	#box2 .abcNavi a, #box4 .abcNavi a, #box7 .abcNavi a { 
		padding: 1px 2px;
		font-size: 1em;
		line-height: 1.8;
		color: #606060;
		/* background-color: transparent; */
		text-decoration: none;
		border-bottom: 2px solid #d4d4d4;	
	}
	#box2 .abcNavi a:hover,
	#box2 .abcNavi a.selectedm,
	#box4 .abcNavi a:hover,
	#box4 .abcNavi a.selected,
	#box7 .abcNavi a:hover,
	#box7 .abcNavi a.selectedm { color: #ff7100; /* background-color: transparent; */ border-bottom: 2px solid #ff7100; }

/* Bottom four box layout. For example at About us. */
#box3 { width: 180px; float: left; text-align: center; background: #fff url(../img/box_bg_3.gif) left repeat-y; }

/* Google Maps box at Our Offices */
#googleMapBox { display: block; width: 460px; background: #fff url(../img/box_bg_google.gif) left repeat-y; }
#googleMapBox .bTopShadow, #googleMapBox .bShadow { display: none; }
#googleMapBox .bArea { border: 0; margin-top: 20px; }
	/* #googleMapBox .bArea { float:left; display: inline; margin-left: -8px; } /* center map here */

#box4 { width: 355px; display: inline; float: left; margin: 0px 10px 0px 0px; background: #fff url(../img/box_bg_4.gif) left repeat-y; }

#box5 { width: 362px; display: none; float: left; margin: 0px 10px 0px 0px; background: #fff url(../img/box_bg_5.gif) left repeat-y; }
#box5 .bContent img, #box6 .bContent img { margin: 1px 0px 1px 0px; padding: 0; display: block; }

#box6 { width: 241px; display: none; float: left; margin: 0px 5px 0px 0px; background: #fff url(../img/box_bg_6.gif) left repeat-y; }

#box7 { width: 320px; display: none; float: left; margin: 0px 5px 0px 0px; background: #fff url(../img/box_bg_7.gif) left repeat-y; }

/* OTHER CONTENT ELEMENTS
--------------------------------------------------------------*/


/* Expertise frontpage links */
#tblExpertise { clear: both; width: 100%; }
	#tblExpertise td {
		font-size: 1.2em;
		line-height: 1.6em;
		color: #606060;
		/* background-color: #fff; */
		font-weight: bold;
		vertical-align: middle;
	}
	#tblExpertise td a { margin: 0; color: #606060; /* background-color: #fff; */text-decoration: none; } 
	#tblExpertise td a:hover { color: #ff7100; /* text-decoration: underline; */ } 
	#tblExpertise td img { margin: 6px 0 5px 0; }
	#tblExpertise td.bullet { width: 3%; }
	#tblExpertise td.title { width: 47%; }


/* People search table in box */
#peopleSearch {
	display: none;
	clear:both; 
	width: 720px;
	color: #606060;
	margin-bottom: 30px;
	background: #fff url(../img/box_bg_search.gif) left repeat-y;
}
	#peopleSearch table {	border-collapse:collapse; }
	#peopleSearch select { border: 1px solid #bdbdbd; padding: 3px; width: 140px; }
	#peopleSearch th { font-size: 1.3em; padding: 10px 0; color:#606060; }
	#peopleSearch td { border: 0px solid black; padding: 2px; }
	#peopleSearch a {
		padding: 1px 2px;
		font-size: 1em;
		color: #606060;
		/* background-color: transparent; */
		text-decoration: none;
		border-bottom: 2px solid #d4d4d4;
	}
	#peopleSearch a:hover,
	#peopleSearch a.selected { color: #ff7100; /* background-color: transparent; */ border-bottom: 2px solid #ff7100; }


/* People search -> search results table */
.searchResults {
	clear: both;
}
	.searchResults table { margin: 10px 0px;  border-collapse:collapse; }
	.searchResults table th { padding: 2px; font-weight: bold; border-bottom: 1px solid #d4d4d4;  }
	.searchResults table td { padding: 4px 2px; }

/* Offices address head blocks */
#page .address { border-bottom: 2px solid #d4d4d4; margin: 0 0 20px 0; padding: 0 0 20px 0; }
	#page .address h1 { font-size: 1.3em; margin: 1em 0; color: #606060; /* background-color: transparent; */ }
	/* #page .address h2 { font-size: 1.3em; margin: 0; color: #ff7100; background-color: transparent; } */
	#page .address h2 { font-size: 1.3em; margin: 0; color: #606060; /* background-color: transparent; */ }
	#page .address td,
	#page .address th { padding: 3px 0; }
	#page .address th { color: #606060; }
	
#OurStories img {
	/* border: 5px solid #f0f0f0; */
	margin: 0px 0px 10px 30px;
}

div.posts h1 {
	margin: 0em 0em 0.25em 0em;
}

div.posts p {
	margin:  0em 0em 1.5em 0em;
}

div.posts p.heading {
	font-weight: bold;
	margin: 0em 0em 0.5em 0em;
	color: #ff7100;
}

div.posts div.content {
	margin-bottom: 2em;
}

div.posts p.excerpt {
	margin-top: 0.5em;
}

div.posts h2.archive {
	margin-bottom: 1em;
}

select#FrontExpertise { border: 1px solid #bdbdbd; padding: 3px; width: 180px; }

/* Front page news box */
#NewsBoxContainer {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 746px;
	width: 1073px;
}
#newsBox { 
	position: absolute;
	right: -10px;
	z-index: 999;
	width: 253px;
	height: auto;
	/* bottom: 20px; */
	bottom: 0px;
}
#newsBox .main { background: transparent url(../img/navi_dropshadow_right.png) right repeat-y;	 width: 100%; height: 100%; }
#newsBox .main .content {
	background: #fff url(../img/navi_bg_top.gif) top repeat-x;	
	width: 235px;
	height: auto;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	padding: 5px 0 20px 0;
	overflow: hidden;
}
#newsBox .main .content h1 {
	font-size: 14px;
	color: #000000;
	margin: 20px 28px 20px 28px;
}
#newsBox .main .content p.heading {
	color: #ff7100;
	margin: 0px 28px 0px 28px;
}
#newsBox .main .content p.title {
	margin: 0px 28px 10px 28px;
}
#newsBox .main .content p.heading a {
	text-decoration: none;
}
#newsBox .main .content p.title a {
	color: #606060;
	text-decoration: none;
}
#newsBox .main .content2 {
	background: #fff url(../img/news_bg_bottom.gif) top repeat-x;	
	padding-top: 15px;
	padding-bottom: 0px;
}
#newsBox .main .content2 p.archive {
	margin: 0px 0px 0px 28px;
	font-weight: bold;
}
#newsBox .main .content2 p.archive a {
	text-decoration: none;
}

/* Application form stuff */
div.app {
	clear: both;
	width: 720px;
	color: #606060;
	margin-bottom: 0px;
	background: #fff url(../img/box_bg_search.gif) left repeat-y;
}

div.app h3 {
	margin-left: 20px;
}

div.app p, div.app select, div.app .first {
	margin-left: 40px;
}

div.app label {
	font-size: 1.2em;
	line-height: 1.8em;
}

div.app p {
	font-size: 1.2em;
	line-height: 1.8em;
	margin-bottom: 0px;
}

div.app textarea {
	width: 450px;
	margin-left: 40px;
	border: 1px solid #bdbdbd;
}

div.app select {
	margin-bottom: 10px;
}

div.app .required {
	color: #ff7100;	
}

div.app .hideable {
	margin-top: 10px;
	margin-bottom: 10px;
	display: none;
}

div.app .lang {
	width: 260px;
	float: left;
	margin-left: 40px;
	margin-bottom: 20px;
}

div.app .lang div {
	margin-left: 150px;
	width: 160px;
}

div.app .lang input {
	display: block;
	float: left;
}

div.app .lang label {
	display: block;
	clear: right;
}

div.app .lang p {
	margin-left: 0px;
	float: left;
}

#step_1 label {
	margin-left: 40px;
	display: block;
	float: left;
	width: 150px;
	clear: left;
}

#step_1 input {
	width: 300px;
	border: 1px solid #bdbdbd;
	display: block;
	margin-bottom: 4px;
}

#step_4 label, #step_5 label, #step_7 label {
	display: block;
	margin-left: 40px;
}

#step_8 input {
	display: block;
	margin-left: 40px;
	margin-bottom: 4px;
	border: 1px solid #bdbdbd;
}

#PreviewWindow {
	z-index: 999;
	background-color: #ffffff;
	padding: 10px;
}

#PreviewWindow h1 {
	margin-bottom: 20px;
}

#PreviewWindow h2 {
	font-size: 1.3em;
	margin-top: 10px;
	margin-bottom: 0px;
}

#PreviewWindow p {
	margin-top: 0px;
	margin-bottom: 0px;
}

h1.printHeading {
	display: none;
}

#page .contactRight {
	display: none;
}

#page .columnFull {
	display: block;
	clear: both;
}


#PeopleSearch { display: none; }

/* http://en.wikipedia.org/wiki/Flying_Spaghetti_Monster */