
/* general definitions */

*{
  padding: 0;
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 12px;
  text-decoration: none;
}

#content_body li {
	margin-left:30px;
}
body{
  text-align: center;
}

img{
  border: 0;
}

a{
  font-size: 11px;
  color: #867866;
}

a:hover{
  color: #FF0000;
}

a:active{
  color: #FF0000;
}

.active{
  color: #FF0000;
}

strong{
  font-weight:bold;
}

/* containing table */

#grid{
  width: 784px;
  margin: 14px auto;
  text-align: left;
}

#landing_grid{
  margin: 0px auto;
  text-align: left;
}

/* page header */

#header td{
  padding-top: 0px;
  padding-bottom: 14px;
  width: 784px;
}

#logo{
  margin-left: 0px;
}

#logo_area{
	padding: 14px 0px 308px 14px;
}

/* navigation */

#navrow{
  margin-top: 14px;
  margin-bottom: 14px;
  background-color: #d0c7bb;
  width: 812px;
  height: 14px;
}

#navrow_home{
  margin-bottom: 14px;
  background-color: #d0c7bb;
  width: 784px;
  height: 14px;
}

.nav_image{
  float: left;
  margin-left: 14px;
  margin-top: 2px;
}

#nav_projects       { background: url("/common/images/navigation/projects_nav.gif"); background-repeat: no-repeat; }
#nav_projects:hover { background: url("/common/images/navigation/projects_nav_ovr.gif"); background-repeat: no-repeat; }
#nav_projects:active { background: url("/common/images/navigation/projects_nav_down.gif"); background-repeat: no-repeat; }
#nav_ideas        { background: url("/common/images/navigation/ideas_nav.gif"); background-repeat: no-repeat; }
#nav_ideas:hover  { background: url("/common/images/navigation/ideas_nav_ovr.gif"); background-repeat: no-repeat; }
#nav_ideas:active  { background: url("/common/images/navigation/ideas_nav_down.gif"); background-repeat: no-repeat; }
#nav_people           { background: url("/common/images/navigation/people_nav.gif"); background-repeat: no-repeat; }
#nav_people:hover     { background: url("/common/images/navigation/people_nav_ovr.gif"); background-repeat: no-repeat; }
#nav_people:active     { background: url("/common/images/navigation/people_nav_down.gif"); background-repeat: no-repeat; }
#nav_contact          { background: url("/common/images/navigation/contact_nav.gif"); background-repeat: no-repeat; }
#nav_contact:hover    { background: url("/common/images/navigation/contact_nav_ovr.gif"); background-repeat: no-repeat; }
#nav_contact:active    { background: url("/common/images/navigation/contact_nav_down.gif"); background-repeat: no-repeat; }
#nav_disciplines         { background: url("/common/images/navigation/disciplines_nav.gif"); background-repeat: no-repeat; }
#nav_disciplines:hover    { background: url("/common/images/navigation/disciplines_nav_ovr.gif"); background-repeat: no-repeat; }
#nav_disciplines:active    { background: url("/common/images/navigation/disciplines_nav_down.gif"); background-repeat: no-repeat; }

#global_nav{
  background-color: #d0c7bb;
  width: 784px;
  height: 14px;
  margin-bottom: 14px;
}

#global_nav p{
	color: #867866;
	font-size: 11px;
	padding-left: 14px;
}

#global_nav a{
	color: #ffffff;
}

#global_nav img {
	margin-right: 14px;
}

#global_nav_img {
float: right;
margin-top: -14px;
}

/* content area */

#main_head{
  color: #000000;
  font-size: 60px;
  line-height: 48px;
}

.hidden{
  display: none;
}
#content{
  margin: 0px 14px 0px 14px;
}

#content_vertical{
  width: 308px;
  margin: 0px 14px 0px 14px;
}

#content_horizontal {
  width: 448px;
  margin: 14px 14px 0px 14px;
}
#content_rectangle table #portal{
  margin-top: 14px;
}

#content_rectangle {
  margin-left: 14px;
}

#content_heading{
}

#content_heading p{
  font-size: 20px;
  color: #7D7D7D;
  line-height: 26px;
}

.content_gray {
  font-size: 20px;
  color: #7D7D7D;
  line-height: 26px;
  margin-bottom: 14px;
}

#content_heading p#headline
{
  font-size: 40px;
  color: #000000;
  margin-top: -4px;
  margin-bottom: 5px;
  padding-top: 0px;
  line-height: 40px;
}

#content_body{
	margin-bottom: 0px;
}

#content_body p{
  margin: 8px 0px 0px 0px;
  font-size: 12px;
  line-height: 18px;
}

#content_body p#subhead{
  margin-top: 14px;
  margin-bottom: -5px;
  font-size: 11pt;
  line-height: 11pt;
  color: #231F20;
}

/* middle spacer area */

#spacer{
  width: 14px;
}

/* portal area */

#portal{
  width: 154px;
}

#portal p{
  clear: left;
  margin: 10px 14px 10px 14px;
  font-size: 11px;
  color: #867866;
}

#portal a{
  line-height: 12px;
  font-size: 11px;
}

#portal_contents{
  margin: 14px 0px 14px 0px;
}

.portlet{
  margin-bottom: 14px;
  border: solid 1px #b6ab9b;
}

.portlet_head{
  color: #FFFFFF;
  background: #b6ab9b;
  font-size: 11px;
  padding-left: 14px;
}

.portlet_head img{
  margin: 1px 0px 2px 0px;
}

#portlet_column{
  font-size: 8pt;
  text-align:right;
  width: 306px;
  background-color: #d0c7bb;
  height: 14px;
  color: #FFFFFF;
  clear: left;
  padding-top: 1px;
}

#portlet_column a{
  padding-right: 14px;
  color: #FFFFFF;
}

p#more{
  clear: left;
}

p#more span{
  color: #FF0000;
  font-size: 10px;
}

#links{
  width: 154px;
  margin: 14px 0px 0px 0px;
  background: #EEEFEF;
  padding-bottom: 14px;
}

#links p{
  line-height: 18px;
  margin: 0px 14px 0px 14px;
  padding-top: 14px;
}

.link_title {
color: #FF0000;
  font-size: 12px;
}

/* page footer */

#footer{
  height: 14px;
  background-color: #d0c7bb;
  margin: 14px 0px 14px 0px;
  width: 784px;
}

/* splash page styles */

#main_img1 {
	width: 812px;
	height: 525px;
	background-image:url(/common/images/splash/kitt_peak.jpg);
	background-repeat: no-repeat;
}

#main_img2 {
	width: 812px;
	height: 525px;
	background-repeat: no-repeat;
	background-image:url(/common/images/splash/ga_polidori.jpg);
}

#main_img3 {
	width: 812px;
	height: 525px;
	background-image: url(/common/images/splash/jianianhua.jpg);
	background-repeat: no-repeat;
}

#main_img4 {
	width: 812px;
	height: 525px;
	background-image: url(/common/images/splash/lotte.jpg);
	background-repeat: no-repeat;
}

#main_img5 {
	width: 812px;
	height: 525px;
	background-image: url(/common/images/splash/North-Bund.jpg);
	background-repeat: no-repeat;
}

#main_img6 {
	width: 812px;
	height: 525px;
	background-image: url(/common/images/splash/bahrain_bay.jpg);
	background-repeat: no-repeat;
}

#splash_logo_area {
	padding: 14px 0px 0px 14px;
}

#splash_logo_area a{
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	opacity:1;
}

#splash_logo_area p{
	margin-top: 14px;
}

#splash_logo_area span{
	font-size: 11px;
	font-weight: bold;
	-moz-opacity:.5;
	opacity:.5;
	filter:alpha(style=0,opacity=50);
	color: #FFFFFF;
	width: 100%;
}

#splash_caption{
  	text-align: right;
  	background-color: #d0c7bb;
  	width: 812px;
	margin: 7px 0px 7px 0px;
}

#splash_caption p{
	font-size: 11px;
	color: #867866;
	margin-right: 14px;
}

#copyright {
float: right;
}

#copyright a{
	font-size: 8px;
}

/* landing page styles */

#landing_title {
	position: absolute;
	top: 416px;
	margin-left: 14px;
}

#landing_title_short {
	position: absolute;
	top: 450px;
	margin-left: 14px;
	float: right;
}

#landing_caption {
	color: #867866;
	font-size: 11px;
	float: right;
	margin-right: 14px;
}

/* home/complex project styles */

#main_wide{
  width: 462px;
}

.hero_title {
	position: absolute;
	top: 103px;
	margin-left: 14px;
}

/* portal styles */

#portal_wide{
  width: 308px;
}

#feature {
	margin-left: 14px;
}

#showcase_feature{
  float: left;
  margin: 10px 13px 10px 0px;
  width: 84px;
}

#showcase_feature img{
	margin-bottom: 8px;
}

#showcase_feature p{
  margin: 0px 0px 5px 0px;
}

#portal_wide p{
  margin: 1px 0px 0px 0px;
}

#portal_row{
	margin: 7px 14px 8px 14px;
}

.portal_description {
margin: 0px;
font-size: 11px;
color: #867866;
}

#portal_title p{
color: #000000;
font-weight: bold;
font-size: 12px;
margin-top: -7;
}

.hero_title2 {
	position: absolute;
	top: 131px;
	margin-left: 14px;
}

/* gallery styles */

#gallery img{
  margin: 14px 0px 12px 0px;
}

#gallery p{
  margin-top: 0px;
  width: 154px;
}

#gallery_main{
  margin: auto;
}

#gallery_image{
  padding: 14px 14px 14px 14px;
  height: 476px;
}

#gallery_navigation{
  background: #d0c7bb;
  width: 100%;
}

#next_prev{
  margin: 42px 14px 14px 0px;
  float: right;
}

#som_logo{
  float:left;
  margin: 14px 0px 14px 14px;
}

.img_gallery {
	background-color: #867866;
}

/* partner styles */

.partner_img {
	margin: 0px 14px 0px 0px;
}

#partner_title p{
margin-bottom: -4px;
}

#partner_body{
	margin-bottom: 0px;
	margin-top: 0px;
}

#partner_body p{
  margin: 8px 0px 0px 0px;
  font-size: 12px;
  line-height: 18px;
}

/* ideas styles */

#ideas_bg {
	width: 812px;
	height: 525px;
	background-image:url(/common/images/landing/ideas.jpg);
	background-repeat: no-repeat;
}

/* project styles */

#project_landing_bg {
	width: 812px;
	height: 525px;
	background-image:url(/common/images/landing/projects.jpg);
	background-repeat: no-repeat;
}

.fact_title {
font-size: 12px;
color: #867866;
}

.project_facts {
font-size: 12px;
color: #000000;
}

.project_facts sup {
font-size: 8px;
}

/* project search styles */

.project{
  width: 210px;
  text-align: right;
  padding-right: 14px;
}

.project_narrow{
  width: 98px;
  text-align: right;
  padding-right: 14px;
}

.project img{
margin: 14px 0px 14px 0px;
}

.project_narrow img{
margin: 14px 0px 14px 0px;
}

/* project region pages */

.map_regions {
float:left;
margin-right: 14px;
}

#regions{
border-left: solid 1px #b6ab9b;
height:241px;
padding-left: 14px;
float:left;
width: 275px;
}

.region {
font-size: 12px;
font-weight:bold;
color:#000000;
margin-top: 14px;
}

#region_col{
width: 116px;
float:left;
margin-right: 14px;
}

#region_col p{
margin-top: 14px;
color: #867866;
}

#region_col a{
font-size: 12px;
}


/* office/contact styles */

#offices_bg {
	width: 812px;
	height: 525px;
	background-image:url(/common/images/landing/offices.jpg);
	background-repeat: no-repeat;
}

#ny_bg {
	width: 812px;
	height: 525px;
	background-image:url(/common/images/landing/ny.jpg);
	background-repeat: no-repeat;
}

#chicago_bg {
	width: 812px;
	height: 525px;
	background-image:url(/common/images/landing/chicago.jpg);
	background-repeat: no-repeat;
	color: #FFFFFF;
}

#sf_bg {
	width: 812px;
	height: 525px;
	background-image:url(/common/images/landing/sfia.jpg);
	background-repeat: no-repeat;
	color: #FFFFFF;
}

#london_bg {
	width: 812px;
	height: 525px;
	background-image:url(/common/images/landing/broadgate_exchange.jpg);
	background-repeat: no-repeat;
	color: #FFFFFF;
}

#people_bg1 {
	width: 812px;
	height: 525px;
	background-image:url(/common/images/landing/people1.jpg);
	background-repeat: no-repeat;
}

#office_info p{
	color: #FFFFFF;
	font-size: 10px;
	font-weight: bold;
}

#office_info a{
	color: #FFFFFF;
}

#office_info_chicago {
	position: absolute;
	top: 436px;
	padding-left: 620px;
}

#office_info_ny {
	position: absolute;
	top: 436px;
	padding-left: 670px;
}

#office_info_sf {
	position: absolute;
	top: 436px;
	padding-left: 645px;
}

#office_info_london {
	position: absolute;
	top: 436px;
	padding-left: 670px;
}

#office_contacts{
margin: 14px 0px 14px 0px;
}

#title {
float: left;
width: 140px;
margin-right: 14px;
font-size: 11px;
color:#FF0000;
}

#title h2{
color:#000000;
}

#address {
float: left;
width: 140px;
margin-right: 14px;
font-size: 11px;
}

#phone {
float: left;
width: 140px;
margin-right: 14px;
font-size: 11px;
}

#email {
float: left;
width: 140px;
margin-right: 14px;
font-size: 11px;
}

#email a{
font-size: 11px;
}

h1 {
font-weight: bold;
font-size: 16px;
margin: 0px;
}

h2 {
font-weight: bold;
font-size: 16px;
margin: 0px;
}

#title a {
font-weight: bold;
color:#FF0000;
}

#contact_bg {
	width: 812px;
	height: 525px;
	background-image:url(/common/images/landing/offices.jpg);
	background-repeat: no-repeat;
}

#careers {
width: 448px;
margin: 0px 14px 0px 14px;
}

#careers h1 {
color: #FF0000;
font-weight: normal;
margin-top: 14px;
}

/* search styles */

#search {
text-align: right;
margin-top: -45px;
}

input, select{
border: #000000 solid 1px;
padding: 1px;
font-size: 11px;
color: #867866;
margin: 0px 0px 7px 0px;
}

option{
font-size: 11px;
padding-left: 2px;
}

input#project_submit{
  width: 25px;
  margin-top: 0px;
  background-color: #d0c7bb;
  color: #FFFFFF;
  font-size: 11px;
  font-weight: bold;
}

#search_results_bar {
	background-color: #ede9e4;
	height: 14px;
	margin: 14px 0px 0px 0px;
	font-size: 11px;
	padding-left: 14px;
	clear: right;
}

#search_results_footer {
	padding-left: 14px;
	background-color: #867866;
	height: 14px;
	font-size: 11px;
	color: #FFFFFF;
}

#search_results_footer a{
	color: #FFFFFF;
}

#map_img {
border: 1px #b6ab9b solid;
margin-right: 14px;
}

/* general styles */

.float_right {
	float:right;
	padding-right: 14px;
	margin-top: -15px;
}

.padBottom {
	padding-bottom: 11px;
}

.padBottomSmall {
	padding-bottom: 4px;
}

.marTop {
	margin-top: 14px;
}

.noMarTop {
	margin-top: 0px;
}

.noMarBottom{
	margin-bottom: 0px;
}

.MarBottom{
	margin-bottom: 14px;
}

.marRight{
	margin-right: 10px;
}

.clear {
	clear: both;
}

.redquote {
	margin-top: 14px;
	font-size: 18px;
	text-align: left;
	color:#FF0000;
	width: 154px;
}

.greyquote {
	margin-top: 14px;
	font-size: 18px;
	text-align: left;
	color:#7D7D7D;
	line-height: 22px;
}

.redtext {
	margin-top: 14px;
	font-size: 18px;
	text-align: left;
	color:#FF0000;
}

.greytext {
  font-size: 11px;
  color: #867866;
}

.noBorder {
border-left: 0px;
}

#to_top_bar {
	background-color: #d0c7bb;
	height: 14px;
	font-size: 11px;
	padding-left: 168px;
	clear: right;
	margin-top: 14px;
}

#to_top_bar a{
color: #FFFFFF;
}

#to_top_bar p{
	margin-top: -14px;
	font-size: 11px;
	color: #FFFFFF;
	padding-right: 14px;
	float: right;
}

