/* Light */
@font-face {
	font-family:'Roboto';
	font-style:normal;
	font-weight:300;
	src:url('../fonts/Roboto-Light.ttf') format('truetype');
}
/* Regular */
@font-face {
	font-family:'Roboto';
	font-style:normal;
	font-weight:400;
	src:url('../fonts/Roboto-Regular.ttf') format('truetype');
}
/* Medium */
@font-face {
	font-family:'Roboto';
	font-style:normal;
	font-weight:500;
	src:url('../fonts/Roboto-Medium.ttf') format('truetype');
}
/* Bold */
@font-face {
	font-family:'Roboto';
	font-style:normal;
	font-weight:700;
	src:url('../fonts/Roboto-Bold.ttf') format('truetype');
}
/* Italic */
@font-face {
	font-family:'Roboto';
	font-style:italic;
	font-weight:400;
	src:url('../fonts/Roboto-Italic.ttf') format('truetype');
}
/* Medium Italic */
@font-face {
	font-family:'Roboto';
	font-style:italic;
	font-weight:700;
	src:url('../fonts/Roboto-MediumItalic.ttf') format('truetype');
}
/* end embedded inspira fonts */

#banner, #mainmenu, #mainmenu li, #mainmenu ul li, #mainmenu li div, #content, #aopractice, #footer	{
	box-sizing:border-box;
}
html	{
    font-size:62.5%;
}
body {
    font:1.5em/1.6 'Roboto', sans-serif;
    color:#000;
}
h1, h2, h3, h4, h5, h6 {
    margin-top:0;
    font-weight:400;
}

#wrapper {
    position:relative;
    height:auto;
    margin:0 auto;
    padding:0;
}

/* mobile */
@media (min-width:320px) {
	body {
		background:#fff;
	}
	#banner	{
		width:100%;
		height:60px;
		padding:6px;
		margin:0 0 6px 0;
	}
	#logo	{
		width:auto;
		height:60px;
		position:absolute;
		left:-6px;
		top:-6px;
	}
	#homelink	{
		display:none;
	}
	#mmthumb	{
		width:32px;
		height:30px;
		float:right;
		cursor:pointer;
	}
	#mainmenu	{
		width:100%;
		margin:0;
		padding:0;
		display:none;
	}
	#mainmenu.showmm	{
		display:inline;
	}
	#mainmenu li, #mainmenu li div	{
		width:100%;
		height:2.5em;
		padding-top:.67em;
		margin-bottom:.25em;
		font-size:1.7rem;
		text-align:center;
		background-color:#00183d;
	}
	#mainmenu li a, #mainmenu li div	{
		color:#fff;
	}
	#mainmenu .hassub	{
		height:auto;
		padding:0;
		background:none;
	}
	#mainmenu li.showsub ul	{
		display:inline;
	}
	#mainmenu ul li	{
		height:auto;
		width:100%;
		height:2.6em;
		padding-top:.67em;
		margin:0;
		font-size:1.5rem;
		line-height:1em;
		text-align:center;
		background-color:#0f3165;
		border-bottom:.2em solid #8895a9;
		cursor:pointer;
	}
	#mainmenu ul li span	{
		color:#d5dbe5;
		font-size:90%;
	}
	#mainmenu ul .hslast	{
		border:0;
		margin-bottom:0;
	}
	#mainmenu  li.mshowsub div	{
		margin:0;
	}	
	#mainmenu ul li:hover	{
		background-color:#fff;
	}
	#mainmenu ul li a	{
		color:#fff;
	}
	#mainmenu ul li a:hover	{
		color:#000;
		text-decoration:none;
	}
	#mainmenu ul li a span	{
		color:inherit;
	}
	#content	{
		width:100%;
		float:left;
		margin:0;
		padding:6px;
	}
	#biopic	{
		width:auto;
		height:auto;
		position:static;
		float:none;
		margin:0;
		background:none;
	}
	#content #biopic p	{
		position:static;
		left:auto;
		bottom:auto;
		margin:0;
		font-size:1.5rem;
		line-height:1.3em;
		text-align:left;
		white-space:auto;
		color:#00183d;
	}
	#content #biopic p a	{
		color:#00183d;
		text-decoration:none;
	}
	#content #biopic p a:hover	{
		text-decoration:none;
	}
	#content h1	{
		font-size:1.5em;
		line-height:1.15;
		margin-top:.25em;
		padding:0;
		text-align:center;
		color:#00183d;
	}
	#content h1 .pos	{
		font-size:.9em;
	}
	#content p	{
		font-size:1em;
		line-height:1.35;
	}
	#content .subhead, #content .subhead2	{
		font-weight:500;
		margin-bottom:0;
		color:#00183d;
	}
	#content .subhead2	{
		font-size:90%;
	}
	#content .hilite	{
		padding:.5em .67em 1em 1em;
		font-size:1em;
		line-height:1.3;
		background-color:#dae4f3;
	}
	#content ul, #content ol	{
		width:100%;
		margin:0;
		padding-left:1em;
	}
	#content ol	{
		width:100%;
		margin:0;
		padding-left:1.6em;
	}
	#content li	{
		font-size:1em;
		line-height:1.33;
		margin:.25em 1em .25em 0;
	}
	#content p .fb	{
		display:none;
	}
	#content .itn-item	{
		border-top:2px dotted #000;
		padding..2em 0 .33em 0;
		margin-bottom:1em;
	}	
	#content .itn-story	{
		font:1.2em/1.2 Georgia,Times New Roman,Times, serif;
		color:#000;
	}
	#content .itn-item p	{
		margin:.2em 0 .2em 0;
	}
	#content .itn-item p em	{
		white-space:nowrap;
	}
	#content #careers-banner img, #content .opportunities-illustration	{
		display:none;
	}
	#content #gmap	{
		display:none;
	}
	#footer	{
		width:100%;
		float:left;
		padding:1.3em 6px 1em 6px;
		border-top:2px dotted gray;
	}
	#footer p	{
		clear:both;
		margin:0;
		font-size:1em;
		line-height:1.25;
		text-align:center;
		white-space:auto;
	}
	#footer p.footer-links	{
		line-height:1.5;
		margin-top:.5em;
	}
	#footer a	{
		color:#00183d;
		text-decoration:underline;
	}
	#footer .social	{
		width:100%;
		margin-bottom:1.67em;
		text-align:center;
	}
	#footer .social img	{
		height:2em;
		margin-right:10px;
		border:0;
		vertical-align:bottom;
	}
	#twittericon	{
		width:2.4em;
	}
	#facebookicon	{
		width:2em;
	}
	#emailicon	{
		width:2.75em;
	}
	.social img#gmapsicon	{
		height:2.25em;
		width:2.17em;
		margin:0 0 0 .05em;
	}
}




/* desktop */
@media screen and (min-width:800px), print {
	body {
		width:100%;
		height:100%;
		margin:0;
		padding:0;
		background:#fff;
		border-top:14px solid #fff;
		font:1.5em/1.6 'Roboto', sans-serif;
	}

	#wrapper {
		width:1024px;
		height:auto;
		position:absolute;
		left:50%;
		margin:0 0 0 -512px;
		background:#fff;
	}
	#banner	{
		width:100%;
		height:200px;
		padding:0;
		position:relative;
		float:left;
	}
	#logo	{
		width:auto;
		height:80px;
		position:absolute;
		/*left:300px;*/
		left:320px;
		top:auto;
		bottom:34px;
	}
	#homelink	{
		height:1.1em;
		position:absolute;
		left:24px;
		bottom:0;
		margin:0;
		padding-left:1.1em;
		font-size:1.3rem;
		line-height:1em;
		color:#666;
		background:url('../images/homearrow.gif') no-repeat left .2em;
		background-size:auto .8em;
		cursor:pointer;
	}
	#mmthumb	{
		display:none;
	}
	#mainmenu	{
		/*width:300px;*/
		width:320px;
		min-height:500px;
		float:left;
		margin:8px 0 0 0;
		padding:0 72px 0 24px;
		display:inline;
	}
	#mainmenu li, #mainmenu li div, #mainmenu ul li	{
		width:100%;
		height:2em;
		padding:.4em 0;
		margin:0;
		font-size:1.6rem;
		line-height:1;
		font-weight:500;
		text-align:left;
		color:#666;
		background-color:#fff;
		border:0 dotted #000;
		border-width:0 0 1px 0;
	}
	#mainmenu li a, #mainmenu li div	{
		text-align:left;
		color:#666;
	}
	#mainmenu .hassub	{
		height:auto;
		border:0;
	}
	#mainmenu li .first	{
		border-top-width:1px;
	}
	#mainmenu ul li	{
		padding-left:1.5em;
		font-size:1.33rem;
		text-align:left;
	}
	#mainmenu ul li a	{
		color:#464646;
	}
	#mainmenu ul li span, #mainmenu li#twitterfeed	{
		font-size:90%;
		color:#333;
	}
	#mainmenu ul li span	{
		font-weight:500;
	}
	#mainmenu ul .hslast	{
		border:0;
		margin-bottom:0;
	}
	#mainmenu li.mshowsub div	{
		margin:0;
	}
	#mainmenu li#twitterfeed	{
		/* height set through online widget */
		margin-top:1rem;
		border:0;
	}
	#content	{
		/*width:676px;*/
		width:656px;
		float:left;
		margin:0;
		padding:0;
	}
	#biopic	{
		width:656px;
		height:326px;
		position:relative;
		float:left;
		margin:8px 0 1.4em 0;
		background-repeat:no-repeat;
		-webkit-print-color-adjust:exact;
	}
	#biopic	{
		background-repeat:no-repeat;
		background-size:cover;
		background-position:center;
	}
	#content #biopic p	{
		position:absolute;
		left:1.4em;
		bottom:1.2em;
		margin:0;
		font-size:1.5rem;
		line-height:1em;
		text-align:left;
		white-space:nowrap;
		color:#fff;
	}
	#content #biopic p a	{
		color:#fff;
		text-decoration:none;
	}
	#content #biopic p a:hover	{
		text-decoration:underline;
	}
	#content h1	{
		padding:0;
		margin:0 0 .33em 0;
		font-size:2.7rem;
		line-height:1.3;
		font-weight:300;
		text-align:left;
		color:#444;
	}
	#content h1 .pos	{
		font-size:1.75rem;
		font-weight:400;
		letter-spacing:0.02em;
		color:#464646;
	}
	#content p	{
		font-size:1.35rem;
		line-height:1.4;
		letter-spacing:0.03em;
		color:#535353;
	}
	#content .subhead	{
		font-size:2rem;
		line-height:1;
		font-weight:400;
		margin-bottom:.5em;
		color:#444;
	}
	#content .subhead2	{
		font-size:1em;
		line-height:1;
		margin-bottom:.5em;
		font-weight:500;
		color:#444;
	}
	#content .hilite	{
		width:90%;
		font-size:1.35rem;
		background:#d8d8d8;
	}
	#content ul, #content ol	{
		width:90%;
		margin:.33em 0 .5em 0;
		padding-left:1.1em;
	}
	#content li	{
		font-size:1.35rem;
		line-height:1.2;
		margin-bottom:.5em;
	}
	#content p, #content li, #content .bullets span	{
		color:#262626;
	}
	#content table	{
		width:90%;
		margin-left:1.5em;
		border-collapse:collapse;
	}
	#content th	{
		padding:0 0 .5em .5em;
		font-size:1.2rem;
		line-height:1em;
		color:#00183d;
	}
	#content td	{
		padding:.33em .5em .5em .5em;
		vertical-align:top;
		font-size:1.33rem;
		line-height:1.1em;
	}
	#content td.nowrap	{
		padding-right:1.5em;
	}
	#content .bullets	{
		color:#00183d;
	}
	#content .itn-item	{
		border-top:1px dashed #000;
		padding:.33em 0 0 0;
	}
	#content .itn-story	{
		font-size:1em;
		font-weight:500;
	}
	#content .itn-item p	{
		margin:0 0 .5em 0;
	}		
	#content #careers-banner	{
		position:relative;
	}
	#content #careers-banner img	{
		width:468px;
		height:249px;
		padding:7px 0 0 0;
		display:block;
	}
	#content #careers-banner p	{
		position:absolute;
		left:330px;
		top:190px;
		z-index:2;
		font-size:8.5pt;
		text-align:center;
	}
	#content .opportunities-illustration	{
		width:454px;
		height:246px;
		margin-top:1em;
		display:block;
	}
	#content p .fb	{
		width:16px;
		height:16px;
		display:inline;
	}
	#content #gmap	{
		display:inline;
	}
	#content #maplink	{
		display:none;
	}
	#footer	{
		width:100%;
		position:relative;
		clear:both;
		float:left;
		/*padding:0 48px 18px 300px;*/
		padding:0 48px 18px 320px;
		border:0;
	}
	#footer p	{
		width:100%;
		padding-top:1em;
		margin:0;
		font-size:1.15rem;
		line-height:1.3em;
		white-space:nowrap;
		text-align:left;
		border-top:1px dotted #000;
	}
	#content a	{
		font-weight:500;
	}
	#content a, #footer a	{
		text-decoration:none;
		color:#000;
	}
	#content a:hover, #footer a:hover	{
		text-decoration:underline;
	}
	#footer .social	{
		position:absolute;
		top:1.2rem;
		right:48px;
		display:none;
	}
	#twittericon, #facebookicon	{
		height:16px;
		display:block;
		float:right;
		margin-left:10px;
		background-repeat:no-repeat;
		background-size:contain;
		border:0;
	}
	#twittericon:hover, #facebookicon:hover	{
		text-decoration:none;
	}
	#twittericon	{
		width:19px;
		background-image:url('../images/twitter-icon.gif');
	}
	#facebookicon	{
		width:16px;
		background-image:url('../images/facebook-icon.gif');
	}
}

/* ALL */
#mainmenu	{
	list-style:none;
}
#mainmenu li	{
	line-height:1em;
	white-space:nowrap;
}
#mainmenu li.last	{
	border:0;
}
#mainmenu li a, #mainmenu li div	{
	font-size:1em;
	line-height:1em;
	font-weight:400;
	text-decoration:none;
	cursor:pointer;
}
#mainmenu ul	{
	padding:0;
	list-style:none;
	display:none;
}
#mainmenu li.showsub ul, #mainmenu li.mshowsub ul	{
	display:inline;
}
.superscr	{
	position:relative;
	top:-.2em;
	font-size:85%;
}

/* BOILERPLATE */
a {
	text-decoration:none;
}
.bold	{
	font-weight:500;
}
.top0	{
	margin-top:0;
}
.bottom0	{
	margin-bottom:0;
}
.nowrap, .nobreak	{
	white-space:nowrap;
}
#content strong, #content .bold{
	color:#444;
}
#content .center	{
	text-align:center;
}
#content .left	{
	text-align:left;
}
#content .right	{
	text-align:right;
}