body {font: 12px Helvetica, Arial, sans-serif; color:#5a5a5a; background:#4a5e0f;}

address {font-style: normal;}

ol {list-style-type:decimal; margin-bottom:10px}

ol li {line-height:2}

.corners {background:transparent url(/images/corners.png) no-repeat scroll 0 0; display:block; height:100px; left:-1px; position:absolute; top:-1px; width:675px;}

a {text-decoration:none; color:#d36607;}

h2,h3,h4,h5,h6,h7 {font-weight:100; letter-spacing:-.25px;}

blockquote {line-height: 1.5; font-style:italic}

sup {font-size:11px;vertical-align: super }

#sub #testimonial p {padding:0; text-align:right; margin-bottom:0}

#testimonial h3 {color:#9d9c71; font-size:13px; margin-top:15px; text-align: right}

#testimonial { background: url(/images/testimonial.png) no-repeat 83px 32px }


#container {width:977px; margin:0px auto; background:#f4f5b0 url(/images/y-fill.gif) repeat-y;}

#header {background:url(/images/header.jpg) no-repeat; height:64px; padding: 33px 0 0 35px; width:942px; margin:0 auto; position:relative}

#content, #footer {width:925px; margin:0 auto;}

#content-wrap {background:#F2F3AF url(/images/content-fill.jpg) repeat-x 0 -20px; margin:0 auto; width:963px;}

#main-wrap {width: 690px; float:left; margin-left:4px;}

#main {width:675px; margin:15px 0 0 7px}

#main a:hover {text-decoration:underline}

#main-header-bg {height:122px; display:block; border:1px solid #cfd0a3; position:relative; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; -moz-border-radius: 5px 5px 0px 0px; margin-bottom:0px!important; font-weight:100; overflow:hidden}

#main-header-bg img {-webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; -moz-border-radius: 5px 5px 0px 0px; margin-bottom:0px!important;}

#main h2 {color:#706f40; font-size:16px; margin-bottom:10px;}

#main h3 {color:#9D9C71; font-size:12px; margin-bottom:10px; text-transform:uppercase; letter-spacing:.1em }

#main-header {color:#fff; font-size: 45px; line-height: .85; position:absolute; bottom:18px; left:25px; }

#main-header a {color:#fff;}

#main-content {border:1px solid #dee0b8; border-top: 1px solid #fffff5; padding:40px 30px; border-bottom:none; background:url(/images/main-content-fill.jpg) repeat-x #fffff7;}

.static img {margin: 15px 0; border: 1px solid #DEE0B8}

.how-we-think h3 {margin:25px 0 0 0 !important}

#main-content .right {float:right; margin: 6px 0 15px 15px}

#main-content .left {float:left; margin: 6px 15px 15px 0}

#content-bottom {display:block; height:7px; width:675px; background:url(/images/content-bottom.jpg) no-repeat bottom; margin:0 0 0 7px }

#main p {color:#3b3b3b; line-height:1.75; margin-bottom:10px;}



#sub {width: 224px; float:left; font-size:11px; color:#3b3b3b}

#sub h2 {color:#9D9C71; font-size:15px; margin-bottom:10px; padding-top:25px;}

#sub p { line-height:1.5; font-size:11px; margin-bottom:10px;}

#sub li {padding-bottom:7px; line-height:1.5}

#sub a:hover {text-decoration:underline;}

.quote blockquote {background:#f1efef; padding:5px 8px; color:#262626}

.quote p {margin:0 !important; font-style:italic}

.quote span {text-align:right; color:#9D9C71; display:block; padding:15px 0 25px;}



/* Footer Styles */

#footer {background:url(/images/footer.gif) no-repeat; height:64px; width:977px; padding-top:10px}

#footer-main, #footer-sub {background:transparent url(/images/footer-content-bg.gif) no-repeat scroll right bottom; height:31px; text-align:center; float:left; display:inline }

#footer-main {width:675px; margin-left:37px;}

#footer-sub {width:210px; margin-left:20px}

#footer span {background:transparent url(/images/footer-content-bg.gif) no-repeat scroll left center; display:block;float:left; height:31px; width:10px;}

#footer-nav, #social-media {background:transparent url(/images/footer-content-bg.gif) repeat-x scroll 0 0; height:22px; margin:0 auto; padding-top:9px; float:left }

#footer-nav ul {margin:0 auto;}

#social-media {padding-top: 5px; height:26px}

#footer-nav {width:653px;}

#social-media {width:190px;}

#footer-nav li {display:inline; margin-right:8px}

#footer-nav a {color:#9B9063; font-size:10px; text-transform: lowercase}

#footer-nav a:hover {color:#5a5a5a;}

#social-media li {float:left; margin-right:7px}

#social-media a {display:block; height:20px; width:22px; background: url(/images/icons.png) no-repeat; text-indent:-9999px}

#social-media #twit {background-position: -96px -26px }

#social-media #fb {background-position: -73px -26px}

#social-media #linked {background-position: -50px -26px}

#social-media #youtube {background-position: -5px -26px}

#social-media #flickr {background-position: -28px -26px}

#social-media #twit:hover {background-position: -96px -4px }

#social-media #fb:hover {background-position: -73px -4px}

#social-media #linked:hover {background-position: -50px -4px}

#social-media #youtube:hover {background-position: -5px -4px}

#social-media #flickr:hover {background-position: -28px -4px}

#social-media #slideshare {background-position: -117px -26px}

#social-media #slideshare:hover {background-position: -117px -4px}



/* Nav */

#main-nav {display:block; height:103px; width:690px; background: url(/images/content-main-nav.jpg) repeat-x center;}

#main-nav li {float:left; width:230px; text-align:center}

#main-nav li span {background:transparent url(/images/content-nav-header.png) no-repeat; display:block; height:15px; margin:15px auto 10px; text-indent:-9999px; }

#main-nav a {color: #b1a982; font-size:12px; margin-bottom:2px; line-height:1.3; text-transform:lowercase}

#main-nav a:hover {color:#d36607;}

#main-nav .here a {color:#d36607;}

#main-nav .parent-here a {color:#d36607;}

#whoarewe {background:url(/images/content-main-nav.jpg) no-repeat left bottom; height:102px; padding-top:1px}

#whoarewe span {width:97px;}

#whatdowedo {background:url(/images/content-nav-border.gif) repeat-y; height:101px; margin-top:1px;}

#whatdowedo span {background-position: 0 -18px !important; width:123px;}

#whathavewedone {background:url(/images/content-main-nav.jpg) no-repeat right top; height:102px; padding-top: 1px;}

#whathavewedone span {background-position: 0 -36px !important; width:157px;}


/*  Sub Nav  */

#header ul {bottom:19px; position:absolute; right:21px; width:162px;}

#header ul li {float:left}

#header ul li a {display:block; background:url(/images/sub-nav.gif) no-repeat 0 0; text-indent:-9999px; margin-right:15px; height:10px}

#header ul li #contact {width:44px;background-position:-57px -16px;}

#header ul li #contact:hover {background-position:-57px 0px;}

#header ul li #careers {width:45px;background-position:-1px -16px;}

#header ul li #careers:hover {background-position:-1px 0px;}

#header ul li #xnet {width:28px;background-position:-113px -16px;}

#header ul li #xnet:hover {background-position:-113px 0px;}


/*  Sidebar Styles  */

.practice-contact {font-style:normal; position:relative; margin-bottom:5px}

.practice-contact img {float:left; margin-right:10px; margin-top:-5px;}

.practice-contact span {font-size:12px; color:#D36607; display:block; margin: 15px 0 5px}

.practice-leader {position:absolute; right: 0; top: -37px}

#blog-feed { background:url(/images/blog-feed-bg.png) no-repeat scroll 70px 80%}

#blog-feed  h3 {font-size:14px}

#blog-feed .date {margin-bottom: 10px; display: block; color: #9a9062; font-size:9px; margin-top:-2px; text-transform:uppercase; letter-spacing:1.5px}

.side-blog-entry {border-bottom:1px solid #EAEBD2; margin:20px 0 25px -15px; padding:0 17px; position:relative; width:174px;}

.side-blog-entry-last, .side-blog-entry-last p {margin-bottom:0px !important; border:none}

.thought-pieces {margin-bottom:5px;}

#sub .experience img {margin:0 auto; display:block;}

.trend-entry h3 {font-size:14px}

.dialog .custom img {border:1px solid #EEEEEE;}



/* Search */

#search-submit {display:none;}

#search {background: url(/images/search.gif) no-repeat; height:25px; width:213px; margin: 0 0 13px 12px }

#s {background: transparent; border:none; font-size:10px; padding:6px 3px 3px 7px;color:#BCBCBC; width:175px}


/* Classes */

.contact-header {padding:0 !important; margin-top:20px}

.white {color:#fff}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}

.clearfix { display: inline-block; }


/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* stop commented backslash hack */

.last {margin:0 !important}

.clear {clear:both;}


/*  Even more rounded corners with CSS: Base stylesheet   */

.dialog {
position:relative;
margin:0px auto;
width:210px;
max-width:320px; /* based on image dimensions - not quite consistent with drip styles yet */
/*color:#fff; */
z-index:1;
margin-left:17px; /* default, width of left corner */
margin-bottom:0.5em; /* spacing under dialog */
}

.dialog .content,
.dialog .t,
.dialog .b,
.dialog .b div {
background:transparent url(/images/box.png) no-repeat top right;
}

.dialog .content {
position:relative;
zoom:1;
_overflow-y:hidden;
padding:0px 22px 15px 10px;
}

.dialog .t {
/* top+left vertical slice */
position:absolute;
left:0px;
top:0px;
width:12px; /* top slice width */
margin-left:-12px;
height:100%;
_height:1600px; /* arbitrary long height, IE 6 */
background-position:top left;
}

.dialog .b {
 /* bottom */
position:relative;
width:100%;
}

.dialog .b,
.dialog .b div {
height:9px; /* height of bottom cap/shade */
font-size:1px;
}

.dialog .b {
background-position:bottom right;
}

.dialog .b div {
position:relative;
width:12px; /* bottom corner width */
margin-left:-12px;
background-position:bottom left;
}

.dialog .hd,
.dialog .bd,
.dialog .ft {
position:relative;
}

.dialog .wrapper {
/* extra content protector - preventing vertical overflow (past background) */
position:static;
max-height:1000px;
overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.dialog h1,
.dialog p {
margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
padding:0.5em 0px 0.5em 0px;
}

.dialog h1 {
padding-bottom:0px;
}





/* Specialty Page Styles */

#specialty-nav {list-style-type:none; width:162px; float:right; margin-top: 4px; }

#specialty-nav h3 {margin-bottom:4px;}

#specialty-nav #nav-sub {margin-bottom:20px}

#main #specialty-nav li {list-style-type:none; margin:0; font-style:normal; padding: 0; line-height:2}

#main-content .float {float:right; width:420px; margin-left:31px}

#main-content .float h3 {margin-top:20px;}

#main ul li {list-style-type:disc; margin: 0 0 5px 15px; padding-right:20px; color:#3B3B3B; line-height:1.75}

#practice-studies {margin-top:15px; }

#practice-studies li {width:162px; height:77px; position:relative; overflow: hidden; margin-bottom:10px !important}

#practice-studies li a:hover {text-decoration:none;}

#practice-studies img {border: 1px solid #ccc}

.practice-studies-title {line-height:1; display:block; position: absolute; bottom: 5px; left: 5px; color: #fff; font-size:11px; display:none}

.practice-studies-bg {background:#000; opacity:.4;  display:block; position: absolute; top:1px; left: 1px; width: 160px; height: 75px; display:none}

.larger {font-size:15px}

#areas {margin-top:24px;}

#areas .corners {background:url("/images/corner-overlay-border.png") no-repeat scroll 0 0 transparent;width:192px; top:0; left:0; height:4px;}

body #areas li {list-style-type:none; margin:0; padding:0; float:left; width:192px; line-height:1.6; height:290px; position:relative; margin-right:18px; border-bottom:1px solid #D4D3C5; margin-bottom:45px}

body #areas li.on {cursor:pointer;}

#areas a {display:block;}

#areas h2 a {width:182px; height:27px; background:#817F32; color:#fff; text-transform:lowercase; padding: 35px 0 0 10px; font-size:20px; -moz-border-radius: 5px 5px 0 0;border-radius: 5px 5px 0 0; line-height:1;}

#areas.specialties a {height:47px; padding-top:15px;}

#areas h2 a:hover, #areas h2 a.hover {text-decoration:none; background:#a3a152;}

#areas .more {position:absolute; bottom:0; left:0;}

#areas .one a {}

#areas .two a {}

#areas .three a {}

#areas .four a {}

#areas .five a {}

#areas .six a {}

#areas .three, #areas .six {margin-right:0px;}

#main #transactions li {list-style-type:none; margin:0 15px 20px 0; padding:0; float:left;}


/*  Listing Image Rounded Corners  */

.case-study .corners, .bio-entry .corners, .bio-entry-executives .corners-small, .blog .corners, #practice-studies li .corners { margin:0; padding: 0; top: 0; height:3px; position:absolute; left:0px}

.case-study .corners, .bio-entry .corners, .blog .corners  {background:url(/images/corner-overlay-border.png) no-repeat; width: 192px;}

.bio-entry-executives .corners-small {background:url(/images/corner-overlay-border-147.png) no-repeat; width: 147px;}

#practice-studies li .corners {background:url(/images/corner-overlay-border-162.png) no-repeat; width: 162px;}


/* Blog Listing Styles */

.blog {margin-bottom:20px !important;}

.blog {width:192px; position:relative; margin:15px 18px 30px 0; float:left; padding-bottom:10px}

.blog-last {margin-right:0;}

.blog span {position: absolute;color:#FFFFFF; display:block; font-size:11px; font-weight:100; height:19px; left: 1px; line-height: 1.4; padding:3px 5px 12px; top: 93px; width:181px}

.blog p {border-bottom: 1px solid #d4d3C5; padding: 6px 4px; color: #5a5a5a !important; line-height:1.6 !important;}

.blog img {border: 1px solid #ccc}

.blog-bg {background:#000; opacity:.65}

#main .blog a:hover {text-decoration: none;}


/* Misc */

#sort-by { height:30px; margin-bottom:10px; }

#sort-by .left {margin: 0 0px 0 0;}

#case-specialties, #case-industries {float:left; margin: 3px 0px 0 0}

.comment-total {display:block; width:50px; height:20px; background: url(/images/comment-total.png) no-repeat; font-size:18px; color:#9e9568; padding:13px 0px; position:absolute; top:-5px; right: 15px; line-height:1; text-align:center; }



#client-list {margin-top:25px;}

#main #client-list li {list-style-type:none; float:left; width:137px; height:100px; line-height:1; margin: 0 18px 18px 0; padding:0; border:1px solid #eee  }

#client-list .last {margin-bottom:18px !important;}


#main .contact p {float:left; margin-left:175px; margin-bottom:20px }

#main .contact h3 {float:left; width:175px; clear:left; margin-top:4px;} 

.asset {background:transparent url(/images/page_attachment.png) no-repeat right 0; padding:2px 20px 3px 0;}


#swarm a {display: block; margin: 0px auto;width: 150px;}

#swarm .small {display:block; font-size:12px;}

#gps a {color:#444; font-size:12px; display:block; margin-top:3px;}

#gps a:hover {text-decoration:none; color:#d36607!important}

#gps img {margin-bottom:12px; border:1px solid #ddd}

#gps a span {font-size:14px; color:#d36607; display:block}

#gps {margin-top:38px; padding-top:34px; border-top:1px solid #ddd}


#impactButton:hover {text-decoration:none !important;}

#impactButton img {border:1px solid #ccc;}

#impactButton span {font-size:14px; display:block; margin:12px 0 0 0;}

#impactButton span:hover {text-decoration:underline;}

