@import url("all.css");

@media screen {

/*-------------------------------------------------------------------
Layout Styles
--------------------*/

/* =Content Boxes
--------------------*/

*{
	padding:0;
	margin:0;
}
body{ 
	position:relative;
}
#wrapper{ 
	position:relative;
	width: 924px;
	padding:0;
	margin:0 15px 15px 25px;
}
#header{
	width:920px;
	position:relative;
	height:117px;
	z-index:10;
}
.noNav #header{
	height:63px;
}
#main{
	position:relative;
	float:right;
	width:708px;
}
#sideNav{
	float:left;
	width:193px;
}
/* needed because IE6 jogs text (more than 3 pixels) */
#highlightpad{
	float:right;
	padding:0 0 18px 20px;
}
.practice #highlightpad{
	padding:0 0 44px 20px;
}
#highlights{
	padding-left:15px;
	width:170px;
	border-left:1px solid #ccc;
}
#footer{ 
	position:relative;
	clear:both;
	margin-left:212px;
	width:708px;
	height:110px;
}


/* =Photos
--------------------*/
.pano{
	width:708px;
	margin:0 0 .5em;
}
.hd{
	height:243px;
	width:522px;
	margin:0 0 .25em;
}
.photoLeft{
	float:left;
	padding:0 1em .25em 0;
}
.biophoto{
	position:absolute;
	left:25px;
	top:121px;
	width:120px;
	height:160px;
}
.officemap{
	display:block;
	margin-bottom:1em;
	width:522px;
	height:243px;
}

/* =Tables
--------------------*/
table.resuts{
	border-collapse: collapse;
	width: 708px; 
	border:0; 
}
table.results th,table.results td{
	padding: 0.1em 1.5em 0.1em 0;
	font: .85em/1.35em arial,helvetica,sans-serif;	
}
table.results td{
	border-top: 1px solid #D3D4D6;
}
thead th,
table.results thead th{
	color:#2a76b2;
	font-weight:bold;
	text-align:left;
}

/* Generic Table */
.table{
	border-collapse: collapse;
	font: .85em/1em arial,helvetica,sans-serif;	
	width:100%;
	margin:.25em 0 1em;
}
.searchresults .table{
	font: 1em/1.45em arial,helvetica,sans-serif;	
}
.table tr{
	vertical-align:center;
}
.table td{
	padding:.25em;
	color:#777;
}
.bordered td{
	padding:.35em;
	color:#777;
	border-style:solid;
	border-width:1px;
	border-color:#ccc;
	text-align:center;
}
#main .head{
	background-color:#2a76b2;
}
#main .table .head b,
#main .table-centered-bordered .head b{
	color:#fff;
}

/* Table with centered content & borders */
.table-centered-bordered{
	border-collapse: collapse;
	font: .85em/1.35em arial,helvetica,sans-serif;	
	width:100%;
	margin:0 0 1em;
}
.table-centered-bordered tr{
	vertical-align:center;
}
.table-centered-bordered td{
	padding:.35em;
	color:#777;
	border-style:solid;
	border-width:1px;
	border-color:#ccc;
	text-align:center;
}

/* =Office Page map & info
--------------------*/
.officemap {
	float: left;
	width: 392px;
	height: 428px;
}
.officeinfo {
	border: #ec8000 1px solid;
	padding: 4px;
	margin-left: 2px;
	float: right;
}
.officelist td{
	padding-right: 1em;
}
.officelist p{
	padding-bottom: .75em;
}

/* =Hide/Show
--------------------*/
.initiallyHidden { display:none }
.hide { display:none }
.show { display:block }




/* =Icon tools & search
--------------------*/
.tools ul{
	position:absolute;
	right:160px;
	top:33px;
}
.tools p{
	position:absolute;
	right:92px;
	top:0;
	text-align:right;
	font:.6em/24px arial,sans-serif;
	color:#AAB0B7;
	display:none;
}
.tools li{
	float:left;
	width:27px;
}
.tools a{
	display:block;
	height:43px;
	padding-left:20px;
	background:no-repeat;
}
.tools ul a:hover{
	text-decoration:none;
}
.tools ul a:hover p{
	display:inline;
	width:300px;
}
.tools .email a{background-image:url(icon-email.gif);}
.tools .snap a{background-image:url(icon-snapshot.gif);}
.tools .snaps a{background-image:url(icon-snapshots.gif);}
.tools .home a{background-image:url(icon-home.gif);}



/*-------------------------------------------------------------------
Typography Styles
--------------------*/


body{
	background:url(back.gif) repeat-y;
}

/* =Top Navigation
--------------------*/
.navMenu{
	position: absolute;
	width: 708px;
	left:216px;
	bottom:12px;
	padding:0;
	margin:0;
	z-index:500;
	list-style:none;
}
.tok li{
	float: left;
	padding-right: 3.4em;
}
.us li{
	float: left;
	padding-right: 7.1em;
}
.tok li.nopad, .us li.nopad{
	padding-right: 0;
}
.tok li.last, .us li.last{
	float: right;
	padding-right: 0;
}
.tok a:link, .tok a:visited, .us a:link, .us a:visited{
	font:bold 0.8em/13px sans-serif;
	color: #645357;
}
.tok a:hover, .tok a:active, .us a:hover, .us a:active{
	color: #ec8000;
	text-decoration: none;
}


/* =Side Navigation
--------------------*/
#sideNav ul.nav{
	width:180px;
}
#sideNav ul.first{
	margin:36px 0 0;
}
#sideNav ul.sub{
	margin:22px 0 0;
}
.bio #sideNav ul.first{
	margin:186px 0 30px;
}
#sideNav ul.nav{
	color:#A8A1A2;
	font:bold .75em/1.35em sans-serif;
}
#sideNav ul.nav li{
	float:left;
	width:100%;
	padding:0;
	margin: .5em 0 0;
}
#sideNav ul.nav li.box{
	width:96%;
	padding:4px;
	margin: 0 0 1em;
	text-align: center;
	border: #ec8000 1px solid;
}
#sideNav ul.nav ul li{
	float:left;
	width:100%;
	padding:4px 0 4px 1.5em;
}
#sideNav ul.nav a{
	color:#645357; /* 553233 47292a*/
	display:inline;
	text-decoration:none;
}
#sideNav ul.nav a.active,
#sideNav ul.nav a:hover{
	color:#ec8000;
	text-decoration:none;
}
#sideNav ul.nav .small {
	font-size: .82em;
}
.subnav{
	clear:both;
	padding:12px 0 0;
}
.subnavhomepad{
	padding:245px 0 0;
}
/*not used after implementing sitewide use of accordian ad banner*/
.subnavhomepadUS{
	padding:245px 0 0;
}
.subnavhomepadNoNav{
	padding:49px 0 0;
}

/* =Icon Navigation
--------------------*/
#sideNav ul.tools{
	margin:0;
	padding:0;
	position:absolute;
	left:0;
	top:0px;
	float:left;
	width:170px;
}
#sideNav ul.tools li{
	float:left;
	list-style-type:none;
	width:100%;
}
#sideNav ul.tools a{
	display:block;
	height:23px;
	font:.55em/24px sans-serif;
	color:#AAB0B7;
	padding-left:20px;
	width:0;
	overflow:hidden;
	background:no-repeat;
}
#sideNav ul.tools a:hover{
	width:auto;
	text-decoration:none;
}

#sideNav ul.tools .email a{background-image:url(icon-email.gif);}
#sideNav ul.tools .snap a{background-image:url(icon-snapshot.gif);}
#sideNav ul.tools .snaps a{background-image:url(icon-snapshots.gif);}
#sideNav ul.tools .home a{background-image:url(icon-home.gif);}


/* =Logo & Search
--------------------*/
#header a.logo{
	display:block;
	width:924px;
	height:63px;
	text-indent:-3000px;
	overflow:hidden;
	white-space:nowrap;
	position:absolute;
	left:0;
	top:0;
}
.home #header a.logo{
	background:url(logo.gif) no-repeat;
}
.bmm #header a.logo{
	background:url(logo-bmm.gif) no-repeat;
}
.tokyo #header a.logo{
	background:url(logo-tokyo.gif) no-repeat;
}
#header a.logo img{
	display:none;
}
#header .form{
	float:right;
	margin-top:35px;
}
#header .form input{
	float:left;
}
#header .form input.search{
	border:1px solid #CDCDCD;
	background:#ffffff;
	font:bold 0.65em/13px sans-serif;
	height:12px;
	width:152px;
	padding:2px 5px;
	position:relative;
	color:#645357;
}


/* =Center Column
--------------------*/
/* more> link & for revealing hidden DIVs */
.moredown{
	background: url(link_arrow_down.gif) no-repeat right 60%;
	font:bold .8em/1.45em sans-serif;
	float:right;
	padding-right:13px;
	border-bottom:1px solid #fff;
	display:block;
}
/* where both text and arrow are linked */
.morelink{
	background: url(link_arrow.gif) no-repeat right 50%;
	font:bold .8em/1.45em sans-serif;
	float:right;
	padding-right:13px;
	display:block;
}
a.linkarrow,
.home #sideNav .subnav .nav a.linkarrow{
	background: url(link_arrow.gif) no-repeat right 50%;
	width:9px;
	padding-right:7px;
	color:#fff;
}
.pagetop{
	font:bold .8em/1.45em sans-serif;
	text-align:center;
	padding-top:10px;
}


/* =Bio contact info
--------------------*/
#contactinfo{
	font: .85em/1.45em sans-serif;
	color:#777;
	margin: 12px 0;
}
#main #contactinfo li{
	list-style-type: none;
	padding:0;
	margin:0;
	background:none;
}
#main #contactinfo .email{
	font-weight:bold;
}
#main #contactinfo #vcard{
	margin:6px 0 8px;
	display:block;
}
#main #contactinfo .tele{
	clear:both;
}
#main #contactinfo .tele li{
	display: inline;
	list-style-type: none;
	padding-right: 4px;
}
.tele .city{
	font-weight:bold;
}


/* =Separators
--------------------*/
#main .separator{
	border-top:1px solid #D3D4D6;
	text-align:left;
	width:100%;
	height:20px;
	overflow:hidden;
	clear:both;
	margin:20px 0 0;
	font: .85em sans-serif;
	color:#2a76b2 !important;
	padding:5px 0 0;
	display:block;
}
#sideNav .separatorTop{
	border-bottom:1px solid #D3D4D6;
	width:180px;
	clear:both;
	margin:0;
	padding:20px 0 0;
	display:block;
}

/* hack for practice list page */
.practiceList #main .separator{
	margin:18px 0 0;
	padding:5px 0 0;
}
/* hack for practice list page */
#main .separator1{
	border-top:1px solid #D3D4D6;
	text-align:left;
	width:100%;
	height:20px;
	overflow:hidden;
	clear:both;
	margin:10px 0 0;
	font: .85em sans-serif;
	color:#2a76b2 !important;
	padding:5px 0 0;
	display:block;
}
#main .separator a,
#main .separator1 a{
	font: 1em sans-serif;
	color:#ec8000 !important;
	text-transform:uppercase;
/*	float:right; */
}
#main .separator a.link{
	font: 1.1em sans-serif;
	color:#ec8000 !important;
	text-transform:uppercase;
	font-style:italic;
}
#main .separator a:hover{
	color:#ec8000 !important;
	text-decoration:underline;
}
#main .date{
	height:7px;
	overflow:visible;
}
#main #clock{
	float:right;
	padding:0 0 0 9px;
}
#main .date div,
#main .date a{
	color:#2a76b2;
/*	font:.75em arial,sans-serif; */
	letter-spacing:.07em;
	text-transform:none;
	position:relative;
	margin-top:-12px;
	padding-right:5px;
	background:#fff;
	float:left;
	text-transform:uppercase;
}
#main .date a{
	float:right;
	padding:0 0 0 6px;
	text-transform:uppercase;
}
#jobDescription li{
	margin:0 0 1em;
}
#jobDescription li strong{
	float: left;
	width: 9em;
}
#jobDescription p{
	clear:both;
}


/* =Highlights & Recent News
--------------------*/
#highlights a{
	font:bold 12px/17px sans-serif;
}
#main #highlights li{
	padding:8px 0 0;
	margin-bottom:0; /* needed to negate #main ul li declaration */
	background:none;
}
#highlights li.first{
	padding:3px 0 0;
}
#highlights ul.nav a.active,
#highlights ul.nav a:hover{
	color:#ec8000;
	text-decoration:none;
}


/* =Homepage specific
--------------------*/
#bottomNav{
	position:absolute;
	bottom:5px;
	left:0px;
}
#bottomNav ul li{
	list-style-type:none;
	padding:0 0 1px;
}
#bottomNav li a{
	font: .67em/1em sans-serif;
	color:#ec8000;
}
#bottomNav li.en a{
	font: .8em/1em sans-serif;
}
#bottomNav ul a.active,
#bottomNav ul a:hover{
	text-decoration:underline;
}
.tagline{
	width:10px;
	height:243px;
	background:url(tagline.gif) no-repeat;
	text-indent:-3000px;
	overflow:hidden;
	white-space:nowrap;
	position:absolute;
	left:173px;
	top:115px;
}
.fortune{
	width:95px;
	height:137px;
	background:url(fortune_2012.png) no-repeat;
	text-indent:-3000px;
	overflow:hidden;
	white-space:nowrap;
	position:absolute;
	left:0;
	top:260px;
}
.home .fortune {
	top:185px;
}
.tokyo .fortune {
	top:223px;
}
.bmm .fortune {
	top:223px;
}



/* =Offices
--------------------*/
.officeaddress{
	position:relative;
	width:708px;
	height:243px;
	overflow:hidden;
}
.officeaddress p{
	color:#777;
	font:.9em/1.35em sans-serif;
	position:absolute;
	left:534px;
	bottom:-4px;
}
#main .officeaddress b{
	color:#2c1a1a;
}
.officeaddress a{
	display:block;
	margin-top:.75em;
	font:1em/1.5em sans-serif;
	background: url(link_arrow.gif) no-repeat right 50%;
	width:46px;
	padding-right:10px;
	color:#777;
}
.officeaddress a:hover{
	color:#ec8000;
	text-decoration:none;
}


}

@media print
{

/*-------------------------------------------------------------------
Print Styles
--------------------*/

/* =Content Boxes
--------------------*/

*{
	padding:0;
	margin:0;
}
body{ 
	position:relative;
}
#wrapper{ 
	position:relative;
	padding:0;
	margin:0;
}
#wrapperopaque{ 
	position:relative;
	padding:0;
	margin:0;
	background-color:#ffffff;
}
#header{
	width:600px;
	position:relative;
	height:60px;
	z-index:10;
}
#main{
	position:relative;
	float:left;
	padding-left:117px;
}
#sideNav{
	clear:both;
	width:600px;
}
#highlightpad{
	display:none;
}
.bio #highlightpad{
	display:none;
}
#highlights{
	display:none;
}
#bottomNav{
	display:none;
}
#footer{ 
	position:relative;
	clear:both;
	margin-left:119px;
	width:708px;
	height:55px;
}



/* =Logos
--------------------*/
a.logo1 img{
	display:block;
	text-indent:-3000px;
	overflow:hidden;
	white-space:nowrap;
	position:absolute;
	left:0;
	top:0;
}
a.logo2 img{
	display:block;
	text-indent:-3000px;
	overflow:hidden;
	white-space:nowrap;
	position:absolute;
	left:520px;
	top:0;
}


/* =Photos
--------------------*/
.biophoto{
	position:absolute;
	left:119px;
	top:65px;
	width:120px;
	height:160px;
}
.pano{
	width:708px;
	margin:0 0 .5em;
}
.hd{
	height:243px;
	width:522px;
	margin:0 0 .25em;
}
.photoLeft{
	float:left;
	padding:0 1em .25em 0;
}
.officemap{
	display:block;
	margin-bottom:1em;
	width:522px;
	height:243px;
}

/* =Tables
--------------------*/
table.resuts{
	border-collapse: collapse;
	width: 708px; 
	border:0; 
}
table.results th,table.results td{
	padding: 0.1em 1.5em 0.1em 0;
	font: .85em/1.35em sans-serif;
}
table.results td{
	border-top: 1px solid #D3D4D6;
}
thead th,
table.results thead th{
	color:#2a76b2;
	font-weight:bold;
	text-align:left;
}

/* Generic Table */
.table{
	border-collapse: collapse;
	font: .85em/1em sans-serif;
	width:100%;
	margin:.25em 0 1em;
}
.searchresults .table{
	font: 1em/1.45em sans-serif;
}
.table tr{
	vertical-align:center;
}
.table td{
	color:#777;
}
#main .head{
	background-color:#2a76b2;
}
#main .table .head b,
#main .table-centered-bordered .head b{
	color:#fff;
}

/* Table with centered content & borders */
.table-centered-bordered{
	border-collapse: collapse;
	font: .85em/1.35em sans-serif;
	width:100%;
	margin:0 0 1em;
}
.table-centered-bordered tr{
	vertical-align:center;
}
.table-centered-bordered td{
	padding:.5em;
	color:#777;
	border-style:solid;
	border-width:1px;
	border-color:#ccc;
	text-align:center;
}


/* =Top Navigation
--------------------*/
.navMenu{
	display:none;
}


/* =Bio contact info
--------------------*/
.bio h1, .bio h3 {
	padding:2px 0 0 150px;	
}
#contactinfo{
	font: .85em/1.45em sans-serif;
	color:#777;
	margin: 12px 0;
	padding:0 0 1em 150px;
}
#contactinfo{
	font: .85em/1.45em sans-serif;
	color:#777;
	margin: 12px 0;
	padding:0 0 1em 150px;
}
#main #contactinfo li{
	list-style-type: none;
	padding:0;
	margin:0;
	background:none;
}
#main #contactinfo .email{
	font-weight:bold;
	margin-top:-5px;
}
#main #contactinfo #vcard{
	margin:6px 0 7px;
	display:block;
}
#main #contactinfo .tele li{
	display: inline;
	list-style-type: none;
	padding-right: 4px;
}
.tele .city{
	font-weight:bold;
}



/* =Side Navigation
--------------------*/
#sideNav{
	display:none;
}
.practice #sideNav{
	display:block;
}
#sideNav ul.first{
	display:none;
}
#sideNav .subnav{
	margin-left:119px;
	border-top:1px solid #fff;
	padding-top:15px;
}
#sideNav .subnav .nav li{
	padding:0;
	margin:0 0 .25em 28px;
	background:none;
	list-style-type:disc;
	color:#777;
}
#sideNav .subnav .nav a{
	color:#777;
	font:normal .9em sans-serif;
}
#sideNav .subnav h5{
	font:bold .85em sans-serif;
	text-transform:uppercase;
}

/* =Icon Navigation
--------------------*/
.tools ul{
	display:none;
}


/* =Logo & Search
--------------------*/
#header a.logo{
	display:block;
	width:645px;
	height:53px;
	background:none;
	text-indent:-3000px;
	overflow:hidden;
	white-space:nowrap;
	position:absolute;
	left:0;
	top:0;
}
#header a.logo img{
	display:block;
	border:none;
}
#header form{
	display:none;
}


/* =Center Column
--------------------*/
.byline{
	padding-top:.5em;
}
.pagetop{
	display:none;
}

/* =List Columns
--------------------*/
#main ul.bullets li,
.bio #main ul li{
	position: relative; /* needed because IE/WIN refuses to display the background image otherwise on 1st bullet */
	padding:0;
	margin-left:2em;
	background:none;
	list-style-type:disc;
}
#main ul ul.bullets li,
.bio #main ul ul li{
	position: relative; /* needed because IE/WIN refuses to display the background image otherwise on 1st bullet */
	margin-left:4em;
	padding-left:0;
	margin-bottom:10px;
	background:none;
	list-style-type:disc;
}


/* =Separators
--------------------*/
#main .separator{
	border-top:0;
	text-align:left;
	width:100%;
	height:20px;
	overflow:hidden;
	clear:both;
	margin:30px 0 0;
	font:bold .65em sans-serif;
	color:#2a76b2 !important;
	padding:5px 0 0;
	display:block;
}
#sideNav .separatorTop{
	border-bottom:0;
	width:180px;
	clear:both;
	margin:0;
	padding:20px 0 0;
	display:block;
}

/* hack for practice list page */
.practiceList #main .separator{
	margin:18px 0 0;
	padding:5px 0 0;
}
/* hack for practice list page */
#main .separator1{
	border-top:0;
	text-align:left;
	width:100%;
	height:20px;
	overflow:hidden;
	clear:both;
	margin:10px 0 0;
	font:bold .65em sans-serif;
	color:#2a76b2 !important;
	padding:5px 0 0;
	display:block;
}
#main .separator a,
#main .separator1 a{
	font:bold 1em sans-serif;
	text-transform:uppercase;
}
#main .separator a.link{
	font: 1.1em sans-serif;
	text-transform:none;
	font-style:italic;
}
#main .date{
	height:7px;
	overflow:visible;
}
#main #clock{
	float:left;
	padding:0;
}
#main .date div,
#main .date a{
	color:#2a76b2;
/*	font:.75em arial,sans-serif; */
	letter-spacing:.07em;
	text-transform:none;
	position:relative;
	margin-top:-12px;
	padding-right:0;
	background:#fff;
	float:left;
}
#main .date a{
	float:left;
	padding:0;
}
#jobDescription li{
	margin:0 0 1em;
}
#jobDescription li strong{
	float: left;
	width: 9em;
}


/* =Highlights & Recent News
--------------------*/
#main #highlights{
	display:none;
}

/* =Homepage specific
--------------------*/
.home #subsidiariesnav{
	display:none;
}
#flashtop{
	display:none;
}
.home #sideNav{
	display:block;
}
.tagline{
	display:none;
}
.fortune{
	display:none;
}
.home .quote{
	padding:.25em 0 .5em;
}


/* =Forms
--------------------*/
#alphalist li{
	padding:0 .5em 0 0;
	display:inline;
}
.attysearch{
	margin:1em 0 0;
}
.attysearch label { 
	float: left;
	width: 7em;
}
.attysearch input,
.attysearch select{ 
	width: 300px;
	color:#555;
}
.attysearch .subbtn{ 
	width: 100px; 
	margin-left: 7.5em;
	background-color:#ec8000;
	color:#fff;
}
.attysearch .resetbtn{ 
	width: 100px; 
	margin-left: 1.5em;
}


/* =Styles for text when sIFR Flash is not available
--------------------*/
.officeaddress{
	position:relative;
	width:708px;
	height:243px;
	overflow:hidden;
}
.officeaddress p{
	color:#777;
	font:.9em/1.35em sans-serif;
	position:absolute;
	left:540px;
	bottom:-4px;
}
#main .officeaddress b{
	color:#2c1a1a;
}
.officeaddress a{
	display:block;
	margin-top:.75em;
	font:1em/1.5em sans-serif;
	background: url(link_arrow.gif) no-repeat right 50%;
	width:60px;
	padding-right:10px;
	color:#777;
}
.officeaddress a:hover{
	color:#ec8000;
	text-decoration:none;
}



/* =Footer
--------------------*/
#footer{
	display:block;
}
#footer ul{
	position:relative;
}
#footer ul li{
	float:none;
	font:.55em sans-serif;
	color:#444;
}
#footer ul a{
	font:1em sans-serif;
	color:#ec8000;
}
#footer ul a:hover{
	text-decoration:underline;
}
#footer .link{
	display:none;
}


}

