@charset "utf-8";

/* This site is built mostly with ID's, therefore every div element has its own markup */
/* ID's are organized by page unless where noted in a comment */


	/* Global ___________________________ */
	
	html {
	height: 100%;
	}
	
	* {
	margin: 0;
	padding: 0;
	}
	
	a {
	text-decoration: none;
	outline: none;
	color: #900;
	}
	
	img {
	border: 0 none;
	}
	
	body {
	background: #282828 url(../../img-resolecon/bg.jpg) repeat-x;
	text-align: center;
	height: auto;
	font: 12px/16px "Lucida Grande", Arial, sans-serif;
	color: #666;
	padding: 20px 0 20px 0;
	}
	
	ul {
	list-style: none;
	}
	
	#wrapper {
	background: #cbcbcb;
	width: 740px;
	height: auto;
	text-align: left;
	padding: 10px 0 10px 10px;
	margin: 0 auto 0 auto;
	}
	
	.home {
	height: auto !important;
	}
	
	/* Menu ___________________________ */
	
	#header {
	background: url(../../img-resolecon/header.jpg) no-repeat;
	width: inherit;
	height: 122px;
	}
	
	#header #homeLink {
	width: 230px;
	height: 122px;
	display: block;
	float: left;
	}
	
	#header ul {
	float: left;
	margin: 92px 0 0 4px;
	display: inline;
	}
	
	#header ul li {
	float: left;
	display: block;
	}
	
	#header ul li a {
	font-size: 12px;
	color: #0f0f0f;
	display: block;
	border-left: 1px solid #900;
	padding: 0 5px 0 5px;
	}
	
	#header ul li a:hover {
	font-size: 12px;
	color: #900;
	display: block;
	border-left: 1px solid #900;
	padding: 0 5px 0 5px;
	}
	
	#header ul li ul {
	display: none;
	min-height: 85px;
	width: 124px;
	position: absolute;
	background: url(../../img-resolecon/subnav_bg.png);
	float: none;
	margin: 0;
	padding-top: 18px;
	}
	
	#header ul li ul li {
	font-size: 12px;
	display: block;
	float: none;
	margin: 2px 0 2px 0;
	}
	
	#header ul li:hover > ul  {
	display: block;
	}
	
	#header ul li ul li a {
	border: 0 none;
	color: #fff;
	display: block;
	}
	
	#header ul li ul li a:hover {
	border: 0 none;
	color: #fff;
	display: block;
	background: #900;
	margin: 2px 0 2px 0;
	}
	
	#header #lastNode {
	border-right: 1px solid #900;
	}
	
	#header div {
	width: 55px;
	float: right;
	margin: 10px 10px 0 0;
	display: inline;
	}
	
	#header div a {
	display: block;
	}
	
	
	/*Default page: 3 equal columns (height set by JS) ______________________*/
	
	#columns {
	/*height: auto;*/
	}
	
	#columns div {
	background: #fff;
	width: 230px;
	padding: 3px;
	float: left;
	margin: 10px 10px 10px 0;
	display: inline;
	}
	
	#columns h1 {
	width: 223px;
	height: 24px;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	padding: 2px 0 0 7px;
	}
	
	#columns h1 a {
	display: block;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	padding: 2px 0 0 7px;
	font-style: normal;
	}
	
	#columns h1 a:hover {
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	font-style: normal;
	}
	
	#columns div div {
	background: transparent;
	width: 215px;
	margin: 0 auto;
	}
	
	#columns div div p {
	margin-bottom: 5px;
	}
	
	#columns a {
	font-style: italic;
	}
	
	#columns a span {
	color: #666;
	}
	
	#columns a:hover {
	color: #666;
	}
	
	#columns a:hover span {
	color: #900;
	}
	
	#left{}						/* These are necessary to make the column height JS work */
	#center{}
	#right{}
	
	h1.off {					/* These two classes make the column head rolloever work */
	background: url(../../img-resolecon/column_default_gray.jpg) no-repeat;
	}
	
	h1.on {
	background: url(../../img-resolecon/column_default_red.jpg) no-repeat;
	}
	
	/* Careers and Contact Us: one wide column __________________________ */
	
	.wide {
	background: #fff;
	width: 725px;
	height: auto;
	margin: 10px 0 10px 0;
	padding: 3px 0 0 3px;
	}
	.wide div {
	padding: 10px;
	height: auto;
	}
	.wide div p {
	margin-bottom: 10px;
	}
	
	.wide a {
	color: #900;
	}
	
	.wide a:hover {
	color: #666;
	}
	
	.wide div strong {
	font-size: 14px;
	font-style: normal;
	}
	.wide h1 {
	background: url(../../img-resolecon/column_wide_red.jpg) no-repeat;
	width: 717px;
	height: 24px;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 5px;
	padding: 3px 0 0 7px;
	text-transform: uppercase;
	}
	
	.partner, .partnerAlt {				/* the .partner classes are also used by Experts and its sub-pages */
	padding: 3px;						/* they make the alternating bands of white and gray in the lists */
	color: #000;
	}
	
	.partner a, .partnerAlt a {
	color: #900;
	}
	
	.partner a:hover, .partnerAlt a:hover {
	color: #666;
	}
	
	.partnerAlt {
	background: #E9E9E9;
	}
	
	
	
	/* Side navigation Menu ___________________________ */
	/* this appears on the Firm Overview, Experts, and Publishing pages */
	
	#sideNav {
	background: #fff;
	width: 136px;
	float: left;
	padding: 3px;
	margin: 0 0 10px 0;
	display: inline;
	}
	
	#sideNav h1 {
	background: url(../../img-resolecon/sidenav_head.jpg) no-repeat;
	width: 136px;
	height: 24px;
	padding: 3px 3px 0 7px;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	display: inherit;
	}
	
	#sideNav ul {
	margin: 0 0 0 3px;
	}
	
	#sideNav ul li {
	width: 123px;
	height: 28px;
	}
	
	#sideNav ul li a {
	color: #000;
	display: block;
	padding: 6px 0 6px 28px;
	margin: 0 0 0 0px;
	}
	
	#sideNav ul li a:hover {
	color: #fff;
	padding: 6px 0 6px 28px;
	margin: 0 0 0 0px;
	}
	
	.side_off {
	background: url(../../img-resolecon/sidenav.jpg) no-repeat;
	width: 123px;
	height: 28px;
	}
	
	.side_on {
	background: url(../../img-resolecon/sidenav_r.jpg) no-repeat;
	width: 123px;
	height: 28px;
	}
	
	
	/* Bio pages: 3 unequal columns: sideNav, columnSmall, and expertPic   */
	/* the height of columnSmall and expertPic is set by JS in javascript_bio.js. The bio use a different head.asp to call this 	JS file */
	
	
	#contentWrap {				/*contentWrap also appears in Experts and Publishing*/
	background: #cbcbcb;
	width: 100%;
	height: 100%;
	margin-top: 10px;
	}
	#columnSmall {
	background: #fff;
	width: 419px;
	margin: 0 10px 10px 10px;
	padding: 3px 3px 0 3px;
	float: left;
	display: inline;
	}
	#columnSmall h1 {
	background: url(../../img-resolecon/column_small_red.jpg) no-repeat;
	width: 419px;
	height: 24px;
	padding: 3px 3px 0 7px;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	}
	#columnSmall div {
	padding: 7px 5px 5px 5px;
	}
	#columnSmall strong {
	font-size: 14px;
	color: #111;
	}
	#columnSmall p {
	margin-bottom: 10px;
	}

	#columnSmall a {
	color: #900;
	}
	#columnSmall a span {
	color: #666;
	}
	#columnSmall a:hover {
	color: #666;
	}
	#columnSmall a:hover span {
	color: #900;
	}

	#expertPic {
	background: #fff;
	width: 136px;
	margin: 0;
	padding: 3px 3px 0 3px;
	float: left;
	display: inline;
	}
	#expertPic h1 {
	background: url(../../img-resolecon/sidenav_head.jpg) no-repeat;
	width: auto;
	height: 26px;
	margin-bottom: 10px;
	}
	#expertPic div {
	padding: 1px 5px 5px 5px;
	}
	#expertPic strong {
	font-size: 14px;
	color: #111;
	}
	#expertPic p {
	margin-bottom: 10px;
	}
	
	#expertContact {
	width: 120px;
	margin: 10 auto;
	display: none;
	}
	
	#expertContact img {
	float: left;
	margin: -4px 4px 6px 2px;
	display: inline;
	}
	
	#expertContact a {
	margin: 4px 8px 0 0;
	float: left;
	}
	
	#expertContact a:hover {
	color: #666;
	}	
	
	/*Firm Overview, Experts, and Publishing: 2 unequal columns - sideNav and columnMedium  */
	
	#columnMedium {
	background: #fff;
	float: left;
	width: 570px;
	margin: 0 10px 10px 10px;
	padding: 3px 3px 0 3px;
	display: inline;
	}
	
	#columnMedium h1 {
	background: url(../../img-resolecon/column_medium_red.jpg) no-repeat;
	width: 560px;
	height: 26px;
	font-size: 12px;
	text-transform: uppercase;
	padding: 3px 3px 0 7px;
	color: #fff;
	}
	
	#columnMedium div {
	padding: 1px 5px 5px 5px;
	}
	
	#columnMedium strong {
	font-size: 12px;
	color: #111;
	}
	
	#columnMedium p {
	margin-bottom: 10px;
	}

	#columnMedium a {
	color: #900;
	}
	
	#columnMedium a span {
	color: #666;
	}
	
	#columnMedium a:hover {
	color: #666;
	}
	
	#columnMedium a:hover span {
	color: #900;
	}
	
	/* Footer _________________________________ */
	
	#footer {
	background: url(../../img-resolecon/footer.jpg) no-repeat;
	height: 28px;
	width: 728px;
	}
	
	#footer p {
	padding: 6px 0 0 252px;
	}
	
	#footer a {
	display: compact;
	}
	
	#footer a:hover {
	color: #666;
	}
	
	
	
	/* Odds and Ends */
	
	#hiddenpic {     /*to preload the rollovers on the default page*/
	display: none;
	}
	
	#clear {		/*to clear floats with an empty DIV when necessary*/
	clear: both;
	}