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

a { outline: none; }
body,td,th {
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12px;
	color: #FFF;
	height:100%;
	width:100%;
}
        h1 {
	font-size: 36px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
        h2 {
	font-size: 24px;
	ont-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
#greystripe{
	height:408px;
	width: 100%; position: absolute; margin-top: -204px; margin-left: -50%; left: 50%; top: 50%;
	background-image: url(../img/ribbon_bg90.png); 
}
.projgreystripe {
	height:208px;
	width:100%;
	z-index:0;
	background-image: url(../img/ribbon_bg90.png);
}
#projects {
	width:960px;
	height: 408px;
	left:50%;
	margin-left: -480px;
	position: fixed;
	margin-top: auto;
	margin-bottom: auto;
	bottom:0px;
	top:1px;
	z-index: 20;
}
#projects a {
	margin-left: 12px;
}
#row1 {
	position: absolute;
	left: 0px;
	top: 12px;
	width:960px;
}
#row2 {
	position: absolute;
	left: 0px;
	top: 144px;
	width:960px;
}
#row3 {
	position: absolute;
	left: 0px;
	top: 276px;
	width:960px;
}
#contact {
	width:960px;
	height: 408px;
	left:50%;
	margin-left: -480px;
	position: fixed;
	margin-top: auto;
	margin-bottom: auto;
	bottom:0px;
	top:1px;
	z-index: 20;
}
#careers {
	width:960px;
	height: 408px;
	left:50%;
	margin-left: -480px;
	position: fixed;
	margin-top: auto;
	margin-bottom: auto;
	bottom:0px;
	top:1px;
	z-index: 20;
	background-image: url(../images/careers_map_new70.png);
	background-repeat: no-repeat;
	background-position: 0px 15px;
}
#logocorner {
	position: fixed;
	height: 45px;
	width: 333px;
	top: 0px;
	right: 0px;
}
#homegreenstripe {
	background-color: #9bb500;
	position: absolute;
	height: 30px;
	width: 100%;
	top: 50%;
}
#topgreenstripe {
	background-color: #9bb500;
	position: absolute;
	height: 30px;
	width: 100%;
	top: -30px;
}
#bottomgreenstripe {
	background-color: #9bb500;
	position: absolute;
	height: 30px;
	width: 100%;
	top: 408px;
	
}
    .ClassOut { background-color:#9bb500; }
    .ClassOver { background-color:#819f03; }
a:link {
	color: #FFF;
	text-decoration: none;
}
a:visited {
	color: #FFF;
	text-decoration: none;
}
a:hover {
	color: #FFF;
	text-decoration: none;
}
a:active {
	color: #FFF;
	text-decoration: none;
}
#navcenter{
	height: 30px;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	top: 0px;
}
#homenav {
	width:120px;
	height: 30px;
	padding-top: 0px;
	left: 9px;
	position: absolute;
	text-align:center;
}
#firmnav {
	width:120px;
	height: 30px;
	padding-top: 0px;
	left: 129px;
	position: absolute;
	text-align:center;
}
#princnav {
	width:130px;
	height: 30px;
	padding-top: 0px;
	left: 249px;
	position: absolute;
	text-align:center;
}
#projnav {
	width:130px;
	height: 30px;
	padding-top: 0px;
	left: 379px;
	position: absolute;
	text-align:center;
}
#careernav {
	width:130px;
	height: 30px;
	padding-top: 0px;
	left: 509px;
	position: absolute;
	text-align:center;
}
#contnav {
	width:130px;
	height: 30px;
	padding-top: 0px;
	left: 639px;
	position: absolute;
	text-align:center;
}
#newsnav {
	width:130px;
	height: 30px;
	padding-top: 0px;
	left: 769px;
	position: absolute;
	text-align:center;
}
#prevnav {
	width:30px;
	height: 30px;
	padding-top: 0px;
	left: 7px;
	position: absolute;
	text-align:center;
	top: 2px;
}
#nextnav {
	width:30px;
	height: 30px;
	padding-top: 0px;
	left: 57px;
	position: absolute;
	text-align:center;
	top: 2px;
}
#categorynav {
	width:250px;
	height: 30px;
	padding-top: 0px;
	left: 92px;
	position: absolute;
	text-align:center;
}
#categorynamenav {
	width:293px;
	height: 30px;
	padding-top: 0px;
	left: 0px;
	position: absolute;
	text-align:center;
}
	#firmslidercenter {
	position: absolute;
	height: 408px;
	width: 960px;
	top: 0px;
	margin-right: auto;
	margin-left: auto;
}
#firmslider {
	position: absolute;
	height: 408px;
	width: 960px;
	left: 0px;
	top: 0px;
}
.firmtext {
	height: 408px;
	width: 795px;
	margin-left: 70px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	text-align:justify;
	font-size:16px;
	text-align:justify;
}
#sizingdiv {
	width:960px;
	height: 1000px;
	margin-left: auto;
	position: relative;
	top:0px;
	z-index:-10;
	margin-right: auto;
}
.projectmargin {
	margin-left: 12px;
}
/*Contact Rules*/
.contactimage {
	border: 3px solid #FFF;
}
#shanghai {
	position: absolute;
	height: 370px;
	width: 232px;
	left: 0px;
	top: 5px;
	padding: 5px;
}
#beijing {
	position: absolute;
	height: 370px;
	width: 232px;
	left: 232px;
	top: 5px;
	padding: 5px;
}
#boston {
	position: absolute;
	height: 370px;
	width: 232px;
	left: 464px;
	top: 5px;
	padding: 5px;
}
#hongkong {
	position: absolute;
	height: 370px;
	width: 232px;
	left: 696px;
	top: 5px;
	padding: 5px;
}
/*Careers Rules*/
#careerlinks {
	position:absolute;
	right:0px;
	top:0px;
	width:248px;
	height:143px;
	z-index:1;
}

#switchtext {
	position:absolute;
	left:0px;
	top:50px;
	width:960px;
	height: 350px;
	z-index:1;
}
#linksholder {
	position:absolute;
	right:0px;
	top:16px;
	width:150px;
	height: 119px;
	z-index:1;
}	
/*Fade Content Rules*/
.fadecontentwrapper{ /* Total width: 350px+5px+5px=360px Read relative width relations for the other two containers below! */
position: relative;
width: 650px;
height: 350px; /* Set height to be able to contain height of largest content shown*/

overflow: hidden;
}
.fadecontent{ /*style for each fade content DIV within wrapper. Total width: 330px+10px+10px=350px (".fadecontentwrapper" width minus its padding and borders, if any) */
	position: absolute;
	
	visibility: hidden;
	width: 650px;
}
.fadecontenttoggler{ /*style for DIV used to contain toggler links. Total width: 350px+5px+5px=360px */
width: 150px;
border-top-width: 0;
overflow: hidden;
}
.fadecontenttoggler a{ /*style for every navigational link within toggler */
text-decoration: none;
padding: 0 5px;
float: left;
display: block;
color: white;
}
.fadecontenttoggler a:hover{
color: #97b600;
}
.fadecontenttoggler a.toc{ /*style for individual toggler links (page 1, page 2, etc). ".toc" class auto generated! */
}
.fadecontenttoggler a.prev, .fadecontenttoggler a.next{ /*style for "prev" and "next" toggler links. ".prev" and ".next" classes auto generated! */
color: #97b600;
}

.fadecontenttoggler a.prev:hover, .fadecontenttoggler a.next:hover{
color: white;
background: black;
}
.fadecontenttoggler a.selected{ /*style for selected page's toggler link. ".selected" class auto generated! */
color: #fff;
}
#content {
	height:408px;
	width: 960; position: absolute; margin-top: -204px; margin-left: -480px; left: 50%; top: 50%;
}