/**
* ----------------------------------------------------------------------
*
* UNIVERSAL MIND - Master Screen Styles
* 
* MIGHTY // MIGHTYINTHEMIDWEST.COM
* 
* @author:		Chris Chiles <chris@mightyinthemidwest.com>
* @date:		12/08/2010
* @version:		1.0
* @copyright 	Copyright 2010 Mighty Co.
* 
* ----------------------------------------------------------------------
*/


/**
* ----------------------------------------------------------------------
* html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
* v1.6.1 2010-09-17 | Authors: Eric Meyer & Richard Clark
* html5doctor.com/html-5-reset-stylesheet/
* ----------------------------------------------------------------------
*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,  footer, header, hgroup, 
menu, nav, section, summary, time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}                  
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display:block;
}
nav ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
table { border-collapse:collapse; border-spacing:0; }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
input, select { vertical-align:middle; }


body { font:13px/1.231 sans-serif; *font-size:small; } 
select, input, textarea, button { font:99% sans-serif; }
pre, code, kbd, samp { font-family: monospace, sans-serif; }

body, select, input, textarea {   color: #333333; }
h1,h2,h3,h4,h5,h6 { font-weight: bold; }
html { overflow-y: scroll; }

a:hover, a:active { outline: none; }
a { color: #448ccb; text-decoration: none; -webkit-transition: color .2s ease-in; -moz-transition: color .2s ease-in; transition: color .2s ease-in; }
a:hover { color: #00a810; }

ul, ol { margin-left: 1.8em; }
ol { list-style-type: decimal; }

nav ul, nav li { margin: 0; } 
small { font-size: 85%; }
strong, th { font-weight: bold; }
td, td img { vertical-align: top; } 
sub { vertical-align: sub; font-size: smaller; }
sup { font-size: 1em; }
pre {  padding: 15px;  white-space: pre;  white-space: pre-wrap;  white-space: pre-line;  word-wrap: break-word; }
textarea { overflow: auto; } 
.ie6 legend, .ie7 legend { margin-left: -7px; } 
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
label, input[type=button], input[type=submit], button { cursor: pointer; }
button, input, select, textarea { margin: 0; }

::-moz-selection{ background: #7fccff; color:#fff; text-shadow: none; }
::selection { background:#7fccff; color:#fff; text-shadow: none; } 
a:link { -webkit-tap-highlight-color: #7fccff; } 

button {  width: auto; overflow: visible; }
.ie7 img { -ms-interpolation-mode: bicubic; }

.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.hidden { display: none; visibility: hidden; } 
.visuallyhidden { position: absolute !important; clip: rect(1px 1px 1px 1px);  clip: rect(1px, 1px, 1px, 1px); }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after {  content: "\0020"; display: block; height: 0; visibility: hidden;	 } 
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }


/**
* ----------------------------------------------------------------------
* @font-face Styles
* ----------------------------------------------------------------------
*/



/**
* ----------------------------------------------------------------------
* Primary Styles
* ----------------------------------------------------------------------
*/
body {
	background: #FFF;
	font-family: Georgia, serif;
	-webkit-text-size-adjust: none;
}
.wrapper {
	margin: 0 auto;
	padding: 0 10px;
	position: relative;
	width: 940px;
}


/**
* ----------------------------------------------------------------------
* Header
* ----------------------------------------------------------------------
*/
body > header {
	border-top: solid 3px #333333;
	background: #FFF url(/assets/images/bg-header.jpg) repeat-x top;
	height: 127px;
	width: 100%;
	z-index: 1000;
}
body > header h1 {
	position: absolute;
	left: 10px;
	top: 40px;
}
body > header h2 {
	position: absolute;
	font-family: "Avenir LT W01 55 Roman", Helvetica, Arial, sans-serif;
	font-weight: normal;
	color: #b2b2b2;
	left: 330px;
	top: 42px;
}
body > header nav {
	position: absolute;
	left: 330px;
	top: 70px;
	width: 620px;
}
body > header nav .border {
	width: 620px;
	height: 1px;
	background: #e1e1e1;
}
body > header nav .border span {
	display: block;
	height: 1px;
	width: 0px;
	background: #999999;
	position: relative;
}
body > header nav ul {
	margin-top: 26px;
	float: left;
	width: 620px;
}
body > header nav ul li {
	float: left;
	margin-right: 43px;
	white-space: nowrap;
}
.touch body > header nav ul li {
	margin-right: 40px;
}
.ie9 body > header nav ul li {
	margin-right: 42px;
}
body > header nav ul li.nav-contact {
	margin-right: 0;
}
body > header nav ul li a {
	text-transform: uppercase;
	color: #666666;
	font-family: "Avenir LT W01 85 Heavy", Helvetica, Arial, sans-serif;
	font-weight: normal;
	text-decoration: none;
	font-size: 11px;
	letter-spacing: .3em;
	white-space: nowrap;
}
.ie7 body > header nav ul li a {
	letter-spacing: .2em;
}
body > header nav ul li a:hover {
	color: #000;
}
body > header nav ul li.current a {
	color: #00a810;
}


/**
* ----------------------------------------------------------------------
* Footer
* ----------------------------------------------------------------------
*/
body > footer {
	position: relative;
	border-top: 1px solid #dee1e4;
	background: #FFF url(/assets/images/bg-footer.jpg) repeat-x top;
	padding-top: 20px;
	min-height: 230px;
}
body > footer .short-take-away {
	min-height: 200px;
	float: left;
	width: 380px;
	background: url(/assets/images/logo-footer.png) no-repeat 0 3px;
	padding: 10px 0 0 80px;
	font-size: 12px;
	margin-right: 100px;
}
body > footer .highlights {
	padding-top: 10px;
	float: left;
	width: 140px;
	margin-right: 20px;
}
body > footer .links {
	padding-top: 10px;
	width: 220px;
	float: left;
}
body > footer h1 {
	font-family: "Avenir LT W01 95 Black", Helvetica, Arial, sans-serif;;
	font-weight: normal;
	letter-spacing: .3em;
	margin-bottom: 17px;
	text-transform: uppercase;
	font-size: 11px;
}
body > footer p {
	line-height: 1.6em;
}
body > footer ul {
	list-style: none;
	margin: 0;
	line-height: 1.5em;
}
body > footer ul li a  {
	color: #666666;
	text-decoration: none;
}
footer .links ul li {
	margin-bottom: 13px;
}
footer ul li.twitter a {
	padding-left: 23px;
	background: url(/assets/images/bg-icons-footer.png) no-repeat 0 2px;
}
footer ul li.facebook a {
	padding-left: 23px;
	background: url(/assets/images/bg-icons-footer.png) no-repeat 0 -31px;
}
footer ul li.rss a {
	padding-left: 23px;
	background: url(/assets/images/bg-icons-footer.png) no-repeat 0 -67px;
}
footer .copyright {
	position: absolute;
	left: 90px;
	top: 160px;
	font-size: 10px;
}


/**
* ----------------------------------------------------------------------
* Main
* ----------------------------------------------------------------------
*/
#main {
	position: relative;
	background: #FFF url(/assets/images/bg-main.jpg) repeat-x left top;
	padding-bottom: 80px;
}
#main #banner-nav {
	position: absolute;
	width: 910px;
	margin: 0 auto;
	list-style: none;
	height: 35px;
	top: 2px;
	z-index: 100;
	left: 50%;
	margin-left: -440px;
}
#main #banners {
	height: 409px;
	margin-bottom: 30px;
	width: 100%;
	position: relative;
	background-repeat: no-repeat;
	background-position: center center;
	overflow: hidden;
}
#main .banner {
	text-align: center;
	position: relative;
	background-repeat: no-repeat;
	background-position: center center;
	overflow: hidden;
	width: 100% !important;
	font-family: "Avenir LT W01 55 Roman", Helvetica, Arial, sans-serif;
}
#main .banner .wrapper {
	width: 940px;
	padding: 0;
	height: 409px;
	text-align: center;
}
#main .banner .wrapper .button {
	position: absolute;
	top: 285px;
	left: -13px;
	display: block;
	width: 40px;
	height: 40px;
	background: url(/assets/images/bg-banner-arrow.png) no-repeat left top;
}
#main .banner .wrapper .button:hover {
	background-position: left bottom;
}
#main .banner .wrapper .button.right {
	background-position: right top;
	right: -13px;
	left: auto;
}
#main .banner .wrapper .button.right:hover {
	background-position: right bottom;
}
#main .banner .close {
	cursor: pointer;
	position: absolute;
	width: 33px !important;
	height: 31px;
	background: #dadbdc url(/assets/images/bg-close.png) no-repeat 13px center;
	display: none;
	left: 3px;
	top: 2px;
	text-indent: -9999px;
	z-index: 200;
}
#main .banner .close:hover {
	background-color: #FFF;
}
#main .banner .play {
	width: 100%;
	position: absolute;
	display: block;
	height: 409px;
	text-indent: -9999px;
}
#main #banner-nav .prev, #main #banner-nav .next {
	display: block;
	position: absolute;
	right: 37px;
	top: 0px;
	width: 33px;
	height: 31px;
	background: #dadbdc url(/assets/images/bg-arrow-sm.png) no-repeat 14px center;
	text-indent: -9999px;
		-webkit-transition: background-color .15s ease-in;
		-moz-transition: background-color .15s ease-in;
	transition: background-color .15s ease-in;
}
#main #banner-nav .next {
	right: 2px;
	background: #dadbdc url(/assets/images/bg-arrow-sm.png) no-repeat -22px center;
}
#main #banner-nav .prev:hover, #main #banner-nav .next:hover {
	background-color: #FFF;
}
#main h1.tagline {
	margin: 0 0 60px -5px;
	background: url(/assets/images/homepage-tagline.png) no-repeat center;
	height: 50px;
	width: 950px;
	text-indent: -9999px;
}
#main .read-more {
	font-style: italic;
}
#main p, #main ul {
	line-height: 1.4em;
}
#mindshare.entry > header, #mindshare.entry #main,
#mindshare.author > header, #mindshare.author #main,
#mindshare.archives > header, #mindshare.archives #main,
#careers > header, #careers #main,
#news > header, #news #main,
#error > header, #error #main,
#what-we-do-page > header, #what-we-do-page #main,
#work.client > header, #work.client #main {
	background: #FFF;
}
/* html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */


/**
* ----------------------------------------------------------------------
* Homepage
* ----------------------------------------------------------------------
*/
#home .home-section {
	float: left;
	width: 220px;
	margin-right: 20px;
	border-top: 2px solid #cccccc;
	padding: 10px 0 0 0;
	font-size: 12px;
}
#home .home-section h1, #work-list h1, #clients h1, #introduction h1, #affiliations h1 {
	text-transform: uppercase;
	font: normal 11px "Avenir LT W01 95 Black", Helvetica, Arial, sans-serif;
	letter-spacing: .3em;
	margin-bottom: 15px;
	color: #333;
}
#home .home-section ul {
	list-style: none;
	margin: 0;
	line-height: 1.5em;
	margin: -5px -5px 0;
	font-size: 12px;
}
#home .home-section ul li {
	margin-bottom: 5px;
	padding: 5px;
	position: relative;
	cursor: pointer;
		-webkit-transition: background .2s ease-in;
		-moz-transition: background .2s ease-in;
	transition: background .2s ease-in;
}
#home .home-section ul li:hover {
	background: #f5f5f5;
}
#home .home-section ul li a {
	text-decoration: none;
	color: #666;
	padding-right: 13px;
	background: url(/assets/images/arrow-lt-blue.png) no-repeat right;
}
#home #introduction {
	font-style: italic;
	line-height: 1.4em;
	font-size: 13px;
	color: #666;
}
#home #introduction.col-2 {
	width: 460px;
	font-size: 17px;
	line-height: 1.5em;
}
#home #mindshare .date {
	float: left;
	border: 2px solid #ddd;
	padding: 2px 3px 0;
	font: normal 22px "Avenir LT W01 95 Black", Helvetica, Arial, sans-serif;
	color: #ddd;
	line-height: .9em;
	position: absolute;
	left: 5px;
	top: 5px;
	height: 32px;
	width: 30px;
	text-align: center;
}
#home #mindshare .date span {
	text-align: center;
	font: normal 10px "Avenir LT W01 95 Black", Helvetica, Arial, sans-serif;
	color: #DDD;
	text-transform: uppercase;
	display: block;
	letter-spacing: .2em;
}
#home #mindshare ul li {
	min-height: 40px;
}
#home #mindshare ul li a {
	background: none;
	display: block;
	padding-left: 48px;
}
#home #mindshare ul li p {
	display: inline;
	padding-right: 13px;
	background: url(/assets/images/arrow-lt-blue.png) no-repeat right;
}
#home #highlight {
	margin-right: 0;
}
#home #highlight img + ul, #home #highlight img + p {
	margin-top: 7px;
}
#home #video {
	width: 100%;
	float: left;
	clear: both;
	margin: 40px 0 0 0;
}
#home #video .video {
	width: 460px;
	height: 259px;
	float: left;
	position: relative;
	border-radius: 10px;
}
#home #video .video a {
	display: block;
	position: absolute;
	width: 460px;
	height: 259px;
	left: 0;
	top: 0;
	background: url(/assets/images/video-overlay-460-low.png) no-repeat top;
	z-index: 2;
	text-indent: -9999px;
}
#home #video .video a:hover {
	background: url(/assets/images/video-overlay-460-low.png) no-repeat bottom;
}
#home #video .video img {
	position: absolute;
	width: 460px;
	height: 259px;
	left: 0;
	top: 0;
}
.video .close {
	display: none;
	width: 20px;
	height: 20px;
	background: #333 url(/assets/images/bg-close-white.png) no-repeat center center;
	position: absolute;
	right: 0;
	top: 0;
	text-indent: -9999px;
	cursor: pointer;
}
#home #video .video + .video {
	margin-left: 20px;
}
#home #work-list {
	margin: 60px 0 20px 0;
}
.ie7 #home #clients {
	margin-top: -20px;
}


/**
* ----------------------------------------------------------------------
* Work
* ----------------------------------------------------------------------
*/
#work #work-list {
	margin-bottom: 40px;
}
#work-list {
	width: 100%;
	float: left;
	margin: 20px 0 20px 0;
	padding: 10px 0 0 0;
	clear: both;
	border-top: 2px solid #ddd;
}
#work-list article {
	float: left;
	width: 300px;
	height: 147px;
	margin: 8px 20px 30px 0;
	overflow: hidden;
}
#work-list article.first {
	margin-left: 0px;
}
#work-list article.last {
	margin-right: 0px;
}
#work-list article h1, #work-list article h4 {
	font-size: 21px;
	font-family: "Avenir LT W01 85 Heavy", Helvetica, Arial, sans-serif;
	font-weight: normal;
	letter-spacing: 0;
	text-transform: none;
	margin: 0 5px 5px;
}
#work-list article h1 a, #work-list article h4 a {
	color: #666;
	text-decoration: none;
}
#work-list article h1 a:hover, #work-list article h4 a:hover {
	color: #448ccb;
}
#work-list article a.img {
	display: block;
	margin-bottom: 10px;
	position: relative;
}
#work-list article a.img span {
	z-index: 3;
	display: block;
	position: absolute;
	width: 280px;
	right: 0;
	bottom: 0;
	background: #000;
	color: #FFF;
	font-size: 15px;
	font-family: "Avenir LT W01 55 Roman", Helvetica, Arial, sans-serif;
	padding: 8px 10px;
}
#work-list article a.img span p {
	line-height: 1.2em;
	margin: 0;
	display: inline;
}
#work-list article a.img:hover span {
	visibility: visible;
}
#work-list article a.img img {
	display: block;
}
#work-list article p {
	margin: 0 5px 0 5px;
	line-height: 1.4em;
}
#clients, #affiliations {
	position: relative;
	margin: 0 0 30px 0;
	padding: 10px 0 0 0;
	clear: both;
	border-top: 2px solid #ddd;
}
.ie7 #work #clients {
	margin-top: 30px;
}
#work #clients .client-list {
	height: 280px;
	overflow: hidden;
}
#work #clients ul, #affiliations ul {
	float: left;
}
.see-more {
	position: absolute;
	right: 0;
	top: 10px;
	font: normal 11px "Avenir LT W01 55 Roman", Helvetica, Arial, sans-serif;
	color: #333333;
	text-transform: uppercase;
	letter-spacing: .25em;
	text-decoration: none;
}
.see-more:hover {
	color: #448ccb;
}
#clients ul, #affiliations ul {
	margin: 0;
	list-style: none;
	width: 100%;
}
#affiliations ul {
	display: table-row;
}
#clients ul li, #affiliations ul li {
	float: left;
	width: 20%;
	height: 70px;
	background-repeat: no-repeat;
	background-position: center center;
	text-indent: -9999px;
}
#affiliations ul li {
	text-indent: 0;
}
#affiliations ul li a, #affiliations ul li span {
	display: table-cell; 
	vertical-align: middle; 
	height: 70px; 
	text-align: center; 
	width: 188px;
}
#work-detail #main {
	background: #FFF url(/assets/images/bg-main-work.jpg) repeat-x left top;
}
#work-detail #banners {
	margin-bottom: 0;
}
#work-detail #content {
	float: left;
	width: 650px;
	padding-top: 1px;
}
#work-detail #content h1 {
	font: normal 41px "Avenir LT W01 35 Light", Helvetica, Arial, sans-serif;
	color: #333;
	margin-bottom: 30px;
}
#work-detail #content h2 {
	text-transform: uppercase; 
	font: normal 11px "Avenir LT W01 95 Black", Helvetica, Arial, sans-serif; 
	letter-spacing: .3em;
	color: #333;
	margin-bottom: 10px;
}
#work-detail #content h3 {
	text-transform: uppercase;
	font: normal 11px "Avenir LT W01 95 Black", Helvetica, Arial, sans-serif;
	letter-spacing: .3em;
	color: #999;
	margin-bottom: 15px;
}
#work-detail #content p.intro {
	font-size: 17px;
	font-style: italic;
	font-weight: normal;
	line-height: 1.4em;
	margin: 1em 0 2em;
}
#work-detail #content p {
	margin: 2em 0;
	line-height: 1.5em;
	color: #666;
}
#work-detail #content h2 + p, #work-detail #content h3 + p, #work-detail #content h4 + p, 
#work-detail #content h5 + p {
	margin-top: 0;
}
#work-detail #work-slideshow {
	padding: 50px 0 10px;
	position: relative;
	width: 709px;
}
#work-detail #work-slideshow.open {
	background: #7d7d7d url(/assets/images/bg-work-slideshow.png) repeat-x bottom;
	margin-bottom: 40px;
}
#work-detail #work-slideshow #show-hide {
	position: absolute;
	top: 12px;
	left: 15px;
	display: block;
	float: left;
	height: 21px;
	color: #00a2da;
	font: normal 15px "Avenir LT W01 55 Roman", Helvetica, Arial, sans-serif;
	padding: 4px 0 0 35px;
	background: url(/assets/images/work-open-close.png) no-repeat left top;
		-webkit-transition: none;
		-moz-transition: none;
	transition: none;
}
#work-detail #work-slideshow.open #show-hide {
	background-position: left bottom;
	color: #c2c2c2;
}
#work-detail #work-slideshow .slideshow {
	display: none;
	width: 689px;
	height: 390px;
	border-top: 1px dotted #a2a2a2;
	padding: 30px 10px;
}
#work-detail #work-slideshow .slides {
	margin: 0 auto;
}
#work-detail #work-slideshow .slide {
	width: 540px;
	height: 390px;
}
#work-detail #work-slideshow .slide .video {
	float: left;
	position: relative;
	width: 540px;
	height: 390px;
	background: #000;
}
#work-detail #work-slideshow .slide .video a {
	display: block;
	position: absolute;
	width: 540px;
	height: 390px;
	left: 0;
	top: 0;
	background: url(/assets/images/video-overlay-540.png) no-repeat top;
	z-index: 2;
	text-indent: -9999px;	
}
#work-detail #work-slideshow .slide .video a:hover {
	background: url(/assets/images/video-overlay-540.png) no-repeat bottom;
}
#work-detail #work-slideshow .slide .video img {
	position: absolute;
	width: 540px;
	height: 390px;
	left: 0;
	top: 0;
}
#work-detail #work-slideshow .slide .video-player {
	margin-top: 40px;
}
#work-detail #slideshow-nav {
	list-style: none;
	position: absolute;
	right: 77px;
	top: 15px;
}
#work-detail #slideshow-nav li {
	display: inline;
	margin-right: 7px;
}
#work-detail #slideshow-nav li a {
	font: normal 15px "Avenir LT W01 55 Roman", Helvetica, Arial, sans-serif;
	color: #a1a1a1;
}
#work-detail #slideshow-nav li.activeSlide a {
	color: #FFF;
}
#work-slideshow .slideshow-prev, #work-slideshow .slideshow-next {
	display: block;
	width: 27px;
	height: 27px;
	text-indent: -9999em;
	float: left;
	background: url(/assets/images/slideshow-nav.png) no-repeat 0 0;
	position: absolute;
	top: 10px;
	right: 37px;
}
#work-slideshow .slideshow-prev:hover {
	background-position: 0 -27px;
}
#work-slideshow .slideshow-next {
	background-position: -27px 0;
	right: 10px;
}
#work-slideshow .slideshow-next:hover {
	background-position: -27px -27px;
}
#work-detail #sidebar {
	float: right;
	width: 210px;
	padding: 61px 10px 80px 10px;
	background: #fafafa url(/assets/images/bg-work-sidebar.png);
	background: url(/assets/images/bg-work-sidebar.png), -moz-linear-gradient(top, #fafafa 0%, #ececec 100%);
	background: url(/assets/images/bg-work-sidebar.png), -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#ececec));
	background: url(/assets/images/bg-work-sidebar.png), -webkit-linear-gradient(top, #fafafa 0%,#ececec 100%);
	background: url(/assets/images/bg-work-sidebar.png), -o-linear-gradient(top, #fafafa 0%,#ececec 100%);
	background: url(/assets/images/bg-work-sidebar.png), -ms-linear-gradient(top, #fafafa 0%,#ececec 100%);
	background: url(/assets/images/bg-work-sidebar.png), linear-gradient(top, #fafafa 0%,#ececec 100%);
	background-repeat: no-repeat;
	background-position: bottom;
}
.ie7 #work-detail #sidebar, 
.ie8 #work-detail #sidebar {
	background: #fafafa url(/assets/images/bg-work-sidebar-ie.png) no-repeat bottom;
}
#work-detail #sidebar #project-info {
	border-top: 1px dotted #ababab;
	padding-top: 15px;
	margin: 25px 0 20px 0;
}
#work-detail #sidebar #project-info dt {
	text-transform: uppercase;
	font: normal 11px "Avenir LT W01 95 Black", Helvetica, Arial, sans-serif;
	letter-spacing: .3em;
	color: #333;	
	margin-bottom: 3px;
}
#work-detail #sidebar #project-info dd {
	margin-bottom: 18px;
	color: #959595;
}
#work-detail #sidebar #project-info a {
	color: #02b6f2;
	text-decoration: underline;
}
#work-detail #sidebar #project-info a:hover {
	color: #448CCB;
	text-decoration: none;
}
#work-detail #sidebar .download-case-study {
	border-top: 1px dotted #ababab;
	padding-top: 20px;
	margin-top: 10px;
	clear: both;
}
#work-detail #sidebar h2 {
	text-transform: uppercase;
	font: normal 11px "Avenir LT W01 95 Black", Helvetica, Arial, sans-serif;
	letter-spacing: .3em;
	color: #333;
	margin: 10px 0 18px;
	border-top: 1px dotted #ababab;
	padding-top: 25px;
}
#work-detail #sidebar .technologies {
	list-style: none;
	margin: 0 0 15px 0;
	float: left;
}
#sidebar .technologies li {
	float: left;
	border: 1px solid #FFF;
	margin: 0 0 12px 12px;
}
#sidebar .technologies li.first {
	margin-left: 0;
	clear: left;
}
#sidebar .technologies li img {
	float: left;
}
#work-detail #sidebar .download-case-study a {
	display: block;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	background: #00a2da url(/assets/images/download-case-study.png) no-repeat 10px 5px;
	padding: 10px 10px 5px 45px;
	color: #FFF;
	font: normal 14px "Avenir LT W01 85 Heavy", Helvetica, Arial, sans-serif;
	min-height: 22px;
}
#work-detail #sidebar .download-case-study a:hover {
	background: #e74a00 url(/assets/images/download-case-study.png) no-repeat 10px -30px;
}
#work-detail blockquote {
	margin-top: 40px;
	padding: 20px 10px 0;
	float: right;
	width: 210px;
}
#work-detail blockquote p {
	color: #e74a00;
	line-height: 1.3em;
	font-size: 22px;
	font-style: italic;
	margin-bottom: 1em;
}
#work-detail blockquote cite {
	display: block;
	font-style: normal;
	font: normal 13px "Avenir LT W01 85 Heavy", Helvetica, Arial, sans-serif;
	line-height: 1.5em;
	color: #878787;
}
#work-detail blockquote cite span {
	display: block;
	font: normal 12px "Avenir LT W01 55 Roman", Helvetica, Arial, sans-serif;
	line-height: 1.55em;
}
#work #banners .login {
	background-image: url(/assets/images/bg-work-login.png);
}
#work #login {
	margin: 80px auto 0;
	padding: 25px 25px 10px;
	width: 400px;
	background: #626262 url(/assets/images/bg-dkgrey3-diag.png);
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	text-align: left;
}
#login h4 {
	color: #FFF;
	font: normal 16px "Avenir LT W01 85 Heavy", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	margin-bottom: 10px;
}
#login p {
	width: 100%;
	margin: 13px 0;
	position: relative;
	float: left;
}
#login label {
	position: absolute;
	left: 9px;
	top: 8px;
	font: normal 18px "Avenir LT W01 85 Heavy", Helvetica, Arial, sans-serif;
	color: #959696;
	text-transform: none;
	letter-spacing: 0;
	margin-top: 0;
	pointer-events: none;
}
#login input {
	padding: 8px 8px;
	width: 275px;
	background: #FFF;
	font: normal 18px "Avenir LT W01 85 Heavy", Helvetica, Arial, sans-serif;
	color: #333;
}
#login button {
	color: #FFF;
	font: normal 14px "Avenir LT W01 85 Heavy", Helvetica, Arial, sans-serif;
	border: 0;
	background: none;
	text-transform: uppercase;
	padding-left: 0;
	padding-right: 0;
}
#login button:hover {
	color: #36a800;
}
#work .client-logo {
	vertical-align: middle;
	margin-right: 20px;
}
#work .client-headline {
	display: inline;
	font: normal 26px "Avenir LT W01 55 Roman", Helvetica, Arial, sans-serif;
	vertical-align: middle;
	text-transform: uppercase;
}
#work.client #main .wrapper {
	padding-top: 30px;
}


/**
* ----------------------------------------------------------------------
* What We Do
* ----------------------------------------------------------------------
*/
#what-we-do .column {
	width: 460px;
	float: left;
	margin-bottom: 60px;
	color: #666;
}
#what-we-do .column + .column {
	margin-left: 20px;
}
#what-we-do #main section h1 {
	text-transform: uppercase;
	font: normal 11px "Avenir LT W01 95 Black", Helvetica, Arial, sans-serif;
	letter-spacing: .3em;
	color: #333;
	margin-bottom: 20px;
}
#what-we-do .column p + p {
	margin: 1em 0 0;
}
#what-we-do .column > div {
		-webkit-column-count: 2;
		-webkit-column-width: 220px;
		-webkit-column-gap: 20px;
		-moz-column-count: 2;
		-moz-column-width: 220px;
		-moz-column-gap: 20px;
	column-count: 2;
	column-width: 220px;
	column-gap: 20px;
	line-height: 1.3em;
}
#what-we-do .division {
	clear: both;
	float: left;
	width: 100%;
	padding: 50px 0;
	border-top: 1px dotted #ababab;
}
#what-we-do .division h2 {
	color: #00a710;
	font: normal 29px "Avenir LT W01 35 Light", Helvetica, Arial, sans-serif;
	margin-bottom: 20px;
}
#what-we-do .division .video {
	float: left;
	margin: 0 50px 0 0;
	position: relative;
	width: 460px;
	height: 259px;
	border: 5px solid #ebebeb;
}
#what-we-do .division:nth-child(even) .video {
	float: right;
	margin: 0 0 0 50px;
}
#what-we-do .division .video a {
	display: block;
	position: absolute;
	width: 460px;
	height: 259px;
	left: 0;
	top: 0;
	background: url(/assets/images/video-overlay-460.png) no-repeat top;
	z-index: 2;
	text-indent: -9999px;	
}
#what-we-do .division .video a:hover {
	background: url(/assets/images/video-overlay-460.png) no-repeat bottom;
}
#what-we-do .division .video img {
	position: absolute;
	width: 460px;
	height: 259px;
	left: 0;
	top: 0;
}
#what-we-do .division p {
	margin: 0 0 1em 0;
}
#what-we-do .division p + p {
	margin: 1em 0;
}
#what-we-do .division ul {
	list-style: none;
	font-style: italic;
	margin: 0;
}
#what-we-do .division ul + ul {
	margin: 1em 0;
}
#what-we-do .division .video-title {
	margin-top: 1em;
	padding: 8px 0 0 32px;
	display: block;
	font: normal 12px "Avenir LT W01 85 Heavy", Helvetica, Arial, sans-serif;
	background: url(/assets/images/bg-video-camera.png) no-repeat left;
	color: #959595;
	text-transform: uppercase;
	float: left;
	letter-spacing: .2em;
}
#what-we-do #technologies {
	clear: both;
	padding-top: 10px;
	border-top: 2px solid #CCC;
	margin: 40px 0;
	float: left;
	width: 100%;
}
#what-we-do #technologies h1 {
	padding: 0 0 15px 0px;
	font: normal 11px "Avenir LT W01 95 Black", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	letter-spacing: .3em;
	margin-bottom: 2px;
}
#what-we-do #technologies h3 a {
	padding: 9px 0 5px 45px;
	display: block;
	color: #40413c;
	background: url(/assets/images/arrow-up-down.png) no-repeat 20px -16px;
}
#what-we-do #technologies h3.open a {
	background: url(/assets/images/arrow-up-down.png) no-repeat 20px 10px;
}
#what-we-do #technologies .tech {
	background: url(/assets/images/bg-green-diag.png);
	overflow: auto;
	position: relative;
}
#what-we-do #technologies .tech ul {
	float: left;
	width: 899px;
	height: 59px;
	margin: 17px 0px 10px 0px;
	position: absolute;
	left: 0;
	top: 0;
	list-style: none;
}
#what-we-do #technologies .tech ul li {
	float: left;
	margin: 0 19px 0 0;
	width: 51px;
	height: 53px;
}
#what-we-do #technologies .tech ul li img {
	border: 1px solid #FFF;
}
#what-we-do #technologies .tech ul li.current {
	border-bottom: 6px solid #009900;
}
#what-we-do #technologies .tech ul li p {
	display: none;
}
#what-we-do #technologies .tech .description {
	clear: left;
	margin: 0 0 0 24px;
	float: left;
	height: 67px;
}
#what-we-do #technologies .tech .description p {
	margin: 0 20px 1em 0;
	float: left;
}
#what-we-do #technologies .tech .description p + p {
	margin: .5em 0 1em;
}
#what-we-do #technologies .tech .prev,
#what-we-do #technologies .tech .next {
	position: absolute;
	left: 4px;
	top: 32px;
	display: block;
	width: 11px;
	height: 21px;
	background: url(/assets/images/arrows-tech.png) no-repeat 0 0;
	text-indent: -9999px;
}
#what-we-do #technologies .tech .next {
	left: auto;
	right:4px;
	top: 32px;
	background: url(/assets/images/arrows-tech.png) no-repeat -11px 0;
}
#what-we-do #technologies .tech .prev:hover {
	background-position: 0px -21px;
}
#what-we-do #technologies .tech .next:hover {
	background-position: -11px -21px;
}
#what-we-do #technologies .tech .prev.disable,
#what-we-do #technologies .tech .next.disable {
	display: none;
}
#what-we-do #technologies .viewport {
	margin: 0 auto;
	width: 891px;
	height: 86px;
	overflow: hidden;
	position: relative;
}
#framework {
	float: left;
	margin: 20px 0 20px 0;
	padding: 10px 0 0 0;
	clear: both;
	border-top: 2px solid #ddd;
}
#framework .framework {
	float: left;
	width: 460px;
	margin: 30px 20px 0 0;
}
#framework .framework + .framework {
	margin-right: 0;
}
#framework h2 {
	color: #00a710;
	font: normal 22px "Avenir LT W01 35 Light", Helvetica, Arial, sans-serif;
	margin-bottom: 10px;
}
#framework-module {
	width: 940px;
	border: 0;
	padding: 10px 0 0 0;
	margin: 30px 0 0;
	overflow: hidden;
}
#framework-module #steps {
	list-style: none;
	width: 920px;
	height: 252px;
	background: url(/assets/images/framework-bg.png) no-repeat left top;
	margin: 0;
	padding-left: 20px;
}
#framework-module #steps li {
	float: left;
	height: 252px;
	position: relative;
}
#framework-module #steps li a {
	position: absolute;
	display: block;
	left: 0;
	bottom: 0;
	height: 60px;
	text-indent: -9999em;
	z-index: 1000;
}
#framework-module #steps li div {
	display: none;
	width: 100%;
	position: absolute;
	bottom: 0px;
	height: 219px;
}
#framework-module #steps li.overview {
	position: absolute;
	width: 0;
	left: 50px;
	z-index: 100;
}
#framework-module #steps li.overview a {
	position: absolute;
	width: 140px;
	height: 80px;
	left: 55px;
	top: -10px;
	bottom: auto;
}
#framework-module #steps li.discover {
	width: 129px;
	position: relative;
}
#framework-module #steps li.discover a {
	width: 119px;
}
#framework-module #steps li.discover div {
	background: url(/assets/images/framework-discover.png) no-repeat left bottom;
}
#framework-module #steps li.design {
	width: 243px;
	position: relative;
}
#framework-module #steps li.design a {
	width: 123px;
}
#framework-module #steps li.design div {
	background: url(/assets/images/framework-design.png) no-repeat left bottom;
}
#framework-module #steps li.develop {
	width: 398px;
	position: relative;
}
#framework-module #steps li.develop a {
	width: 128px;
}
#framework-module #steps li.develop div {
	background: url(/assets/images/framework-develop.png) no-repeat left bottom;
}
#framework-module #steps li.deploy {
	width: 128px;
	position: relative;
}
#framework-module #steps li.deploy a {
	width: 118px;
}
#framework-module #steps li.deploy div {
	background: url(/assets/images/framework-deploy.png) no-repeat left bottom;
}
#framework-module #steps li.flexibility {
	position: absolute;
	width: 0;
	left: 50px;
	z-index: 100;
}
#framework-module #steps li.flexibility a {
	position: absolute;
	width: 130px;
	height: 50px;
	left: 510px;
	top: -10px;
	bottom: auto;
}
#framework-module #people {
	height: 107px;
	list-style: none;
	padding-left: 30px;
	background: url(/assets/images/framework-people.png) no-repeat 0 0;
	margin: 0;
}
#framework-module #people li {
	height: 107px;
	background: url(/assets/images/framework-people.png) no-repeat 0 0;
	float: left;
	margin: 0;
	padding: 0;
	text-indent: -9999em;
}

#framework-module #people li.solution-strategist { width: 107px; background-position: -30px 0;}
#framework-module #people li.solution-strategist.selected { background-position: -30px -107px;}
#framework-module #people li.delivery-manager { width: 96px; background-position: -137px 0; }
#framework-module #people li.delivery-manager.selected { background-position: -137px -107px; }
#framework-module #people li.hci-researcher { width: 114px; background-position: -233px 0; }
#framework-module #people li.hci-researcher.selected { background-position: -233px -107px; }
#framework-module #people li.ux-specialist { width: 99px; background-position: -347px 0; }
#framework-module #people li.ux-specialist.selected { background-position: -347px -107px; }
#framework-module #people li.ux-designer { width: 109px; background-position: -446px 0; }
#framework-module #people li.ux-designer.selected { background-position: -446px -107px; }
#framework-module #people li.ux-technologist { width: 107px; background-position: -555px 0; }
#framework-module #people li.ux-technologist.selected { background-position: -555px -107px; }
#framework-module #people li.technical-architect { width: 108px; background-position: -662px 0; }
#framework-module #people li.technical-architect.selected { background-position: -662px -107px; }
#framework-module #people li.software-engineer { width: 93px; background-position: -770px 0; }
#framework-module #people li.software-engineer.selected { background-position: -770px -107px; }
#framework-module #people li.qa-engineer { width: 77px; background-position: -863px 0; }
#framework-module #people li.qa-engineer.selected { background-position: -863px -107px; }

#framework-module #slide-container {
	position: relative;
	width: 940px;
	min-height: 210px;
	overflow: hidden;
}
#framework-module .slide {
	float: left;
	width: 490px;
	margin-top: 60px;
	padding: 0px 85px 0 365px;
	position: absolute;
	left: 940px;
}
#framework-module .slide h2 {
	width: 335px;
	position: absolute;
	left: 0;
	top: 0px;
	text-align: right;
	text-transform: uppercase;
	font: normal 18px "Avenir LT W01 35 Light", Helvetica, Arial, sans-serif;
	color: #333;
}
#framework-module .slide p {
	font-size: 14px;
	line-height: 1.4em;
}
#slide-nav {
	list-style: none;
	left: 50%;
	margin-left: -74px;
	position: absolute;
	top: 25px;
}
#slide-nav li {
	display: block;
	float: left;
}
#slide-nav li + li {
	margin-left: 15px;
}
#slide-nav li a {
	display: block;
	float: left;
	width: 12px;
	height: 12px;
	background: url(/assets/images/framework-slidenav.png) no-repeat;
	text-indent: -9999em;
}
#slide-nav li.current a {
	background: url(/assets/images/framework-slidenav.png) no-repeat -30px 0;
}


/**
* ----------------------------------------------------------------------
* About Us
* ----------------------------------------------------------------------
*/
#about #main section h1 {
	text-transform: uppercase;
	font: normal 11px "Avenir LT W01 95 Black", Helvetica, Arial, sans-serif;
	letter-spacing: .3em;
	color: #333;
	margin-bottom: 20px;
}
#about .column {
	float: left;
	width: 220px;
	margin-right: 20px;
	margin-bottom: 60px;
	color: #666;
}
#about .column + .column + .column + .column {
	margin-right: 0px;
}
#about #news {
	float: left;
	margin-bottom: 90px;
	border-top: 2px solid #ccc;
	padding-top: 10px;
	position: relative;
}
#about #news ul {
	margin: 0;
	float: left;
}
#about #news ul li {
	display: block;
	float: left;
	background: #FFF url(/assets/images/bg-green-diag.png);
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
	border-radius: 10px;
}
#about #news ul li + li {
	margin-left: 20px;
}
#about #news ul li a {
	display: block;
	width: 200px;
	min-height: 70px;
	padding: 10px 10px 35px;
	color: #333;
	font: 500 18px "Avenir LT W01 55 Roman", Helvetica, Arial, sans-serif;
	position: relative;
	line-height: 1.3em;
}
#about #news ul li a span {
	position: absolute;
	bottom: -3px;
	left: 0;
	width: 200px;
	display: block;
	font: italic normal 12px Georgia;
	color:#898989;
	padding: 12px 10px;
		-webkit-border-bottom-left-radius: 10px;
		-webkit-border-bottom-right-radius: 10px;
		-moz-border-bottom-left-radius: 10px;
		-moz-border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}
#about #news ul li a:hover span {
	background: url(/assets/images/arrow-dotted-green.png) no-repeat 198px center;
}
#about #videos {
	clear: both;
	min-height: 360px;
	position: relative;
	float: left;
	width: 940px;
	margin-bottom: 60px;
}
#about #videos h1, #about #people h1 {
	float: left;
	width: 280px;
	padding-top: 10px;
	border-top: 2px solid #CCC;
}
#about #videos .video-container {
	position: relative;
	width: 640px;
	height: 360px;
	float: right;
}
#about #videos .video-container .video {
	width: 640px;
	height: 360px;
	position: relative;
}
#about #videos .video-container .video a {
	display: block;
	position: absolute;
	width: 640px;
	height: 360px;
	left: 0;
	top: 0;
	background: url(/assets/images/video-overlay-640-low.png) no-repeat top;
	z-index: 2;
	text-indent: -9999px;	
}
#about #videos .video-container .video a:hover {
	background: url(/assets/images/video-overlay-640-low.png) no-repeat bottom;
}
#about #videos .video-container .video img {
	position: absolute;
	width: 640px;
	height: 360px;
	left: 0;
	top: 0;
}
#about #videos ul {
	position: absolute;
	top: 60px;
	left: 30px;
	width: 250px;
	margin: 0;
	list-style: none;
}
#about #videos ul li {
	margin-bottom: 10px;
}
#about #videos ul li a {
	padding: 8px 10px 5px 10px;
	text-align: right;
	text-transform: uppercase;
	font: normal 11px "Avenir LT W01 95 Black", Helvetica, Arial, sans-serif;
	letter-spacing: .3em;
	text-decoration: none;
	color: #666666;
	line-height: 1.4em;
	display: block;
	background: #efefef url(/assets/images/bg-grey-diag.png);
		-webkit-transition: background-color .2s ease-in;
		-moz-transition: background-color .2s ease-in;
	transition: background-color .2s ease-in;
}
#about #videos ul li a:hover {
	background-image: none;
	background-color: #0099ff;
	color: #FFF;
}
#about #videos ul li.current a {
	background: #0099ff url(/assets/images/arrow-dotted-blue.png) no-repeat 15px center;
	color: #FFF;
}
#about #people {
	clear: both;
	position: relative;
	float: left;
	width: 940px;
	min-height: 303px;
	margin-bottom: 40px;
}
#about #people > ul {
	position: absolute;
	top: 60px;
	left: 30px;
	width: 250px;
	margin: 0;
	list-style: none;
}
#about #people > ul li {
	margin-bottom: 10px;
}
#about #people > ul li a {
	padding: 8px 10px 5px 10px;
	text-align: right;
	text-transform: uppercase;
	font: normal 11px "Avenir LT W01 95 Black", Helvetica, Arial, sans-serif;
	letter-spacing: .3em;
	text-decoration: none;
	color: #666666;
	line-height: 1.4em;
	display: block;
}
#about #people > ul li a:hover {
	color: #00a810;
}
#about #people > ul li.current a {
	background: #FFF url(/assets/images/arrow-dotted-green.png) no-repeat 15px center;
	color: #00a810;
}
#about #people .people-container {
	position: relative;
	width: 640px;
	float: right;
	display: none;
}
#about #people .people-container.current {
	display: block;
}
#about #people .people-container ul {
	margin: 0;
	list-style: none;
}
#about #people .people-container ul li {
	float: left;
	width: 84px;
	margin: 0 0 30px 27px;
	position: relative;
}
#about #people .people-container ul li > a {
	display: block;
	text-transform: uppercase;
	font: normal 12px "Avenir LT W01 55 Roman", Helvetica, Arial, sans-serif;
	text-decoration: none;
	color: #666;
	border-bottom: 4px solid #FFF;
		-webkit-transition: border-color .15s ease-in;
		-moz-transition: border-color .15s ease-in;
	transition: border-color .15s ease-in;
}
#about #people .people-container ul li > a img {
	display: block;
	margin-bottom: 1px;
}
#about #people .people-container ul li:hover > a,
#about #people .people-container ul li.current > a {
	border-color: #00a810;
}
#about #people .people-container ul li > a + a {
	margin-top: 4px;
	border-bottom: 0;
}
#about #people .people-container ul li:hover > a + a {
	border-bottom: 0;
}
#about #people .people-container ul li > a span {
	display: block;
	white-space: nowrap;
}
.people-container ul li .bio {
	display: none;
	position: relative;
	width: 639px;
	clear: both;
	background: #333 url(/assets/images/bg-dkgrey-diag.png);
	font: normal 14px "Avenir LT W01 55 Roman", Helvetica, Arial, sans-serif;
	color: #FFF;
	top: 5px;
	margin-bottom: 5px;
}
.people-container ul li .bio > span {
	position: absolute;
	top: 0px;
	display: block;
	width: 639px;
	height: 16px;
	background: #FFF url(/assets/images/bg-about-arrow.png) no-repeat 24px 0;
}
.people-container ul li .bio .bio-inner {
	padding: 36px 30px 20px 30px;
}
.bio .bio-inner .links {
	margin: 30px -30px 0;
	border-top: 2px solid #FFF;
	padding: 15px 30px 10px 30px;
	overflow: auto;
}
#about #people .bio .bio-inner .links h1 {
	font: normal 14px "Avenir LT W01 55 Roman", Helvetica, Arial, sans-serif;
	letter-spacing: 0;
	color: #FFF;
	text-transform: none;
	margin-bottom: 15px;
}
#about #people .bio .bio-inner .links ul {
	float: left;
}
#about #people .bio .bio-inner .links ul li {
	display: block;
	width: auto;
	margin: 0;
	float: none;
	color: #999;
	font-size: 11px;
	margin-bottom: 10px;
	line-height: 1.3em;
}
#about #people .bio .bio-inner .links ul li a {
	border: 0 !important;
	font: normal 11px "Avenir LT W01 55 Roman", Helvetica, Arial, sans-serif;
	color: #8be7fb;
	text-transform: none;
}
#about #people .bio .bio-inner .links ul li a:hover {
	color: #FFF;
}
#about #people .bio .bio-inner .links .articles {
	float: left;
	width: 300px;
}
#about #people .bio .bio-inner .links .articles ul li a {
	font-weight: normal;
}
#about #people .bio .bio-inner .links .articles ul li span {
	display: block;
	color: #EEE;
	font-weight: normal;
}
#about #people .bio .bio-inner .links .web {
	float: left;
	width: 200px;
}
#about #people .people-container ul li.person1 { margin-left: 0; clear: left; }
.people-container ul li.person1 .bio { left: 0px; }
.people-container ul li.person2 .bio { left: -111px; }
.people-container ul li.person3 .bio { left: -222px; }
.people-container ul li.person4 .bio { left: -333px; }
.people-container ul li.person5 .bio { left: -444px; }
.people-container ul li.person6 .bio { left: -555px; }

.people-container ul li.person1 .bio > span { background-position: 24px 0; }
.people-container ul li.person2 .bio > span { background-position: 111px 0; }
.people-container ul li.person3 .bio > span { background-position: 222px 0; }
.people-container ul li.person4 .bio > span { background-position: 333px 0; }
.people-container ul li.person5 .bio > span { background-position: 444px 0; }
.people-container ul li.person6 .bio > span { background-position: 555px 0; }

.people-container ul li .bio .close {
	display: block;
	position: absolute;
	right: 10px;
	top: 26px;
	width: 15px;
	height: 15px;
	background: url(/assets/images/close.png) no-repeat top;
	text-indent: -9999px;
}
.people-container ul li .bio .close:hover {
	background: url(/assets/images/close.png) no-repeat bottom;
}
#about #main .people-container ul li .bio h1 {
	color: #999999;
	text-transform: uppercase;
	font: normal 20px "Avenir LT W01 95 Black", Helvetica, Arial, sans-serif;
	float: none;
	border-top: 0;
	margin: 0 0 5px 0;
	white-space: nowrap;
}
.people-container ul li .bio h2 {
	color: #999999;
	text-transform: uppercase;
	font: normal 12px "Avenir LT W01 95 Black", Helvetica, Arial, sans-serif;
	letter-spacing: .3em;
	margin-bottom: 10px;
	white-space: nowrap;
}
.people-container ul li .bio p {
	margin: 1em 0;
	line-height: 1.4em;
}
.people-container ul li .bio a {
	color: #8be7fb;
}
#about #values {
	width: 100%;
	float: left;
	margin-bottom: 40px;
	border-top: 2px solid #ccc;
	padding-top: 10px;
	position: relative;
}
#values ul {
	width: 466px;
	list-style: none;
	margin: 0;
	float: left;
}
#values ul li {
	margin: 0 6px 6px 0;
	float: left;
	background: url(/assets/images/bg-blue-diag.png);
}
#values ul li a {
	display: block;
	width: 124px;
	height: 113px;
	padding: 15px 10px 15px 15px;
	font: normal 21px "Avenir LT W01 55 Roman", Helvetica, Arial, sans-serif;
	color: #0099ff;
		-webkit-transition: none;
		-moz-transition: none;
	transition: none;
	background: url(/assets/images/arrow-blue-trans.png) no-repeat 128px 114px;
}
/*#values ul li:hover {
	background: url(/assets/images/bg-blue-diag.png);
}*/
#values ul li:hover a {
	color: #FFF;
	background: #0099ff url(/assets/images/arrow-dotted-blue.png) no-repeat 128px 114px;
}
#values ul li a.selected {
	color: #FFF;
	background: #0099ff url(/assets/images/arrow-dotted-blue.png) no-repeat 128px 114px;
}
#values ul li div {
	display: none;
}
#values .values {
	float: left;
	display: block;
	background: url(/assets/images/bg-blue-diag.png);
	width: 434px;
	min-height: 262px;
	padding: 15px 20px;
}
#values .values.start {
	color: #444;
	font: normal 16px "Avenir LT W01 55 Roman", Helvetica, Arial, sans-serif;
}
#values .values.selected {
	border-top: 5px solid #0099ff;
	min-height: 257px;
}
#values .values p {
	line-height: 1.3em;
}
#values .values p + p {
	margin: .8em 0;
}

/**
* ----------------------------------------------------------------------
* Mindshare
* ----------------------------------------------------------------------
*/
#mindshare header {
	background: url(/assets/images/bg-header-mindshare.png) repeat-x;
}
#mindshare #main {
	background: url(/assets/images/bg-main-mindshare.png) center 15px repeat-x;
}
#mindshare #main #features {
	height: 254px;
	margin-bottom: 20px;
	width: 100%;
	position: relative;
	overflow: hidden;
	padding-top: 6px;
}
#features .wrapper {
	overflow: hidden;
	height: 320px;
	padding: 0;
}
#features .wrapper .feature-wrapper {
	position: absolute;
	left: 0;
	z-index: 20;
}
#features .feature {
	float: left;
	width: 300px;
	height: 320px;
	margin-right: 20px;
}
#features #prev,
#features #next {
	position: absolute;
	left: 50%;
	display: block;
	width: 69px;
	height: 166px;
	background: url(/assets/images/mindshare-prev-next.png) no-repeat;
	z-index: 5;
	text-indent: -9999px;
	top: 40px;
}
#features #prev {
	margin-left: -589px;
}
#features #next {
	margin-left: 520px;
	background-position: -69px 0;
}
#features #prev:hover {
	background-position: 0 -166px;
}
#features #next:hover {
	background-position: -69px -166px;
}
#features #prev.disabled {
	cursor: default;
	background-position: 0 0;
}
#features #next.disabled {
	cursor: default;
	background-position: -69px 0;
}
#features .feature img {
	display: block;
	margin-bottom: 1px;
}
#features .feature a + a {
	display: block;
	height: 60px;
	color: #FFF;
	padding: 5px 10px;
}
#features .feature:hover a + a {
	background: url(/assets/images/arrow-dotted.png) no-repeat 280px 31px;
}
#features .feature a + a h1 {
	font: normal 14px "Avenir LT W01 85 Heavy", Helvetica, Arial, sans-serif;
}
#features .feature a + a h2 {
	margin-top: 1px;
	font: normal 12px "Avenir LT W01 55 Roman", Helvetica, Arial, sans-serif;
}
#features .feature.first a + a { background-color: #fdb000; }
#features .feature.second a + a { background-color: #8dc63f; }
#features .feature.third a + a { background-color: #ed145b; }
#mindshare #main {
	padding-bottom: 20px;
}
#main #press {
	float: left;
	width: 220px;
	margin: 0 20px 32px 0;
	padding-top: 10px;
	border-top: 1px dotted #ababab;
	font: normal 12px "Avenir LT W01 55 Roman", Helvetica, Arial, sans-serif;
	line-height: 1.25em;
	color: #898989;
}
#main #tweets {
	float: left;
	width: 700px;
	padding-top: 10px;
	border-top: 1px dotted #ababab;
	margin-bottom: 32px;
}
#main .mindshare-section h1 {
	color: #cc0000;
	font: normal 11px "Avenir LT W01 95 Black", Helvetica, Arial, sans-serif;
	letter-spacing: .3em;
	text-transform: uppercase;
	margin-bottom: 10px;
}
#main .mindshare-section h1 a {
	color: #cc0000;
}
#main .mindshare-section h1 a:hover {
	color: #448ccb;
}
#main .mindshare-section .time {
	margin-bottom: 10px;
	font: normal 22px Georgia;
	color: #333;
}
#main .mindshare-section article {
	float: left;
	width: 220px;
	margin-right: 20px;
	color: #898989;
	font: normal 12px "Avenir LT W01 55 Roman", Helvetica, Arial, sans-serif;
	line-height: 1.25em;
	word-wrap: break-word;
}
#main .mindshare-section article + article + article {
	margin-right: 0;
}
#mindshare-nav, #news-nav {
	float: left;
	clear: both;
	list-style: none;
	margin: 20px 0;
	width: 100%;
	border-top: 2px solid #40413c;
	height: 30px;
}
#mindshare-nav li, #news-nav li {
	float: left;
	padding-right: 4px;
	background: #FFF;
	margin-top: -2px;
}
#mindshare-nav li a, #news-nav li a {
	display: block;
	width: 110px;
	font: normal 11px "Avenir LT W01 85 Heavy", Helvetica, Arial, sans-serif;
	color: #c2c2c2;
	text-transform: uppercase;
	background: #40413c;
	text-align: center;
	padding: 4px 0;
	letter-spacing: .2em;
		-webkit-transition: all .2s ease-in;
		-moz-transition: all .2s ease-in;
	transition: all .2s ease-in;
}
#mindshare-nav li a:hover, #news-nav li a:hover {
	background: #CCC;
	color: #333;
}
#mindshare-nav li.current a, #news-nav li.current a {
	background: #fdb000;
	color: #333;
	padding-bottom: 14px;	
}
#mindshare #entries, #mindshare #entry, #mindshare #bio, #mindshare #archives-list {
	width: 620px;
	float: left;
}
.ie7 #mindshare #entries {
	padding-bottom: 50px;
}
#mindshare #entries .entry {
	float: left;
	width: 620px;
	position: relative;
	margin-bottom: 110px;
	padding-top: 35px;
}
#mindshare #entries .entry.img {
	padding-top: 0;
}
#mindshare .entry .title {
	position: relative;
	float: left;
	top: -50px;
}
#entries .entry h1, #news #entry h1 {
	padding: 10px 10px 0 0;
	display: block;
	float: left;
	background: #FFF;
	width: 620px;
	font: normal 30px "Avenir LT W01 35 Light", Helvetica, Arial, sans-serif;
	line-height: 1.333em;
	z-index: 3;
	position: relative;
}
#entries .entry h1 a {
	color: #333;
}
#entries .entry h1 a:hover {
	color: #448ccb;
}
#mindshare .entry .entry-img {
	float: left;
}
#mindshare .date {
	float: left;
	border: 2px solid #ddd;
	padding: 2px 3px 0;
	font: normal 22px "Avenir LT W01 95 Black", Helvetica, Arial, sans-serif;
	color: #ddd;
	line-height: .9em;
	position: absolute;
	left: -55px;
	top: 15px;
	height: 32px;
	width: 30px;
	text-align: center;
}
#mindshare .entry.img .date {
	top: -38px;
}
#mindshare.entry .date {
	top: 18px;
}
#mindshare .date span {
	text-align: center;
	font: normal 10px "Avenir LT W01 95 Black", Helvetica, Arial, sans-serif;
	color: #DDD;
	text-transform: uppercase;
	display: block;
	letter-spacing: .2em;
}
#mindshare .entry .summary {
	clear: both;
	position: relative;
	float: left;
	top: -25px;
	width: 490px;
	padding-left: 130px;
}
#mindshare .meta {
	float: left;
	position: relative;
	width: 120px;
	padding-right: 0;
	margin: 4px 0 20px -130px;
	font-style: italic;
	color: #999;
	font-size: 12px;
	line-height: 1.1em;
}
#mindshare .meta .author-img {
	display: block;
	margin: 0 0 10px 0 !important;
}
#mindshare .meta a {
	color: #999;
}
#mindshare .meta a.author {
	color: #448ccb;
	display: block;
}
#mindshare .meta a:hover {
	color: #00a651;
}
#mindshare .entry, #mindshare #entry {
	font-size: 14px;
	color: #333;
	line-height: 1.5em;
}
#mindshare .entry p {
	float: left;
	width: 470px;
}
#mindshare .entry p + p {
	margin-top: 1.2em;
}
#mindshare .comments {
	width: 100%;
	float: left;
	clear: both;
	border-top: 1px dotted #ababab;
	padding-top: 5px;
	font: normal 12px "Avenir LT W01 55 Roman", Helvetica, Arial, sans-serif;
}
#mindshare .comments a {
	color: #666;
}
#mindshare .comments a:hover {
	color: #448ccb;
}
#mindshare .comments > a {
	float: left;
}
#mindshare .comments .share {
	float: right;
}
#mindshare #sidebar {
	float: right;
	width: 220px;
}
#mindshare #sidebar h1 {
	clear: both;
	text-transform: uppercase;
	font: normal 11px "Avenir LT W01 95 Black", Helvetica, Arial, sans-serif;
	letter-spacing: .2em;
	color: #333;
	margin-bottom: 10px;
	white-space: nowrap;
}
#mindshare #sidebar ul {
	list-style: none;
	margin: 0 0 40px 0;
	float: left;
}
#mindshare #sidebar #trending li {
	float: left;
	margin: 0 4px 4px 0;
}
#mindshare #sidebar #trending li a {
	display: block;
	float: left;
	padding: 5px 10px;
	font: normal 12px "Avenir LT W01 85 Heavy", Helvetica, Arial, sans-serif;
	background: #efefef url(/assets/images/bg-grey-diag.png);
	color: #00a2da;
}
#mindshare #sidebar #trending li a:hover {
	color: #333;
}
#mindshare #sidebar #search {
	float: left;
	margin-bottom: 40px;
	clear: both;
	background: url(/assets/images/icon-search.png) no-repeat left;
	padding-left: 28px;
}
#mindshare #sidebar #search input {
	border: 0;
	padding: 4px 5px;
	background: #efefef url(/assets/images/bg-grey-diag.png);
	outline: none;
	font: normal 14px "Avenir LT W01 55 Roman", Helvetica, Arial, sans-serif;
	color: #000;
	width: 180px;
}
#mindshare #sidebar #archives li {
	float: left;
	color: #999;
	margin: 0 5px 0 0;
	font-style: italic;
	line-height: 1.4em;
}
#mindshare #sidebar #archives li:after {
	content: "\00a0\00a0/";
}
#mindshare #sidebar #archives li.all:after {
	content: '';
}
#mindshare #sidebar #archives li a {
	float: left;
	color: #999;
}
#mindshare #sidebar #archives li a:hover {
	color: #448ccb;
}
#mindshare #sidebar #bloggers {
	position: relative;
}
#mindshare #sidebar #bloggers #select {
	display: none;
}
.js #mindshare #sidebar #bloggers #select {
	display: block;
	font-style: italic;
	margin-bottom: 40px;
	background: #efefef url(/assets/images/bg-grey-diag.png);
}
.js #mindshare #sidebar #bloggers #select a {
	display: block;
	color: #999;
	background: url(/assets/images/arrow-down.png) no-repeat 200px 9px;
	padding: 5px 10px;
}
.js #mindshare #sidebar #bloggers ul {
	display: none;
}
#mindshare #sidebar #bloggers ul {
	position: absolute;
	z-index: 50;
	padding: 5px 10px;
	top: 28px;
	background: #EEE;
	font: normal 12px "Avenir LT W01 55 Roman", Helvetica, Arial, sans-serif;
}
#mindshare #sidebar #bloggers ul li {
	margin-bottom: 5px;
	width: 200px;
}
#mindshare #sidebar #bloggers ul li a {
	color: #666;
}
#mindshare #sidebar #bloggers ul li a:hover {
	color: #448ccb;
}
#mindshare #sidebar #all-tags li {
	display: inline;
	margin: 0 7px 0 0;
	font-style: italic;
	line-height: 1.4em;
}
#mindshare #sidebar #all-tags li a {
	color: #999;
}
#mindshare #sidebar #all-tags li a:hover {
	color: #448ccb;
}
#mindshare #sidebar .links {
	border-top: 1px dotted #ababab;
	padding-top: 12px;
	width: 100%;
}
#mindshare #sidebar .links li {
	float: left;
	margin-right: 10px;
	text-indent: -9999px;
}
#mindshare #sidebar .links li.twitter a {
	display: block;
	width: 16px;
	height: 11px;
	background: url(/assets/images/bg-icons-footer.png) no-repeat 0 0;
}
#mindshare #sidebar .links li.rss a {
	margin-top: -1px;
	display: block;
	width: 14px;
	height: 14px;
	background: url(/assets/images/bg-icons-footer.png) no-repeat 0 -67px;
}
#mindshare #entry-header {
	width: 100%;
	position: relative;
	margin-bottom: 40px;
}
#mindshare #entry-header .wrapper {
	padding-top: 20px;
	/*min-height: 320px;*/
}
#mindshare #entry-header .back {
	display: block;
	position: absolute;
	top: 0px;
	left: 10px;
	background: #CCC;
	padding: 3px;
	width: 110px;
	font: normal 11px "Avenir LT W01 85 Heavy", Helvetica, Arial, sans-serif;
	color: #666666;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: .3em;
		-webkit-transition: all .2s ease-in;
		-moz-transition: all .2s ease-in;
	transition: all .2s ease-in;
}
#mindshare #entry-header .back:hover {
	background: #fdb000;
	color: #333;
}
#mindshare #entry-header .title {
	position: relative;
	/*top: -66px;*/
	float: left;
}
#mindshare #entry-header h1 {
	padding: 10px 10px 0 0;
	display: block;
	float: left;
	background: #FFF;
	width: 650px;
	font: normal 50px "Avenir LT W01 35 Light", Helvetica, Arial, sans-serif;
	line-height: 1.2em;
	z-index: 3;
	position: relative;
	color: #333;
}
#entries #entry-header h1 a {
	color: #333;
}
#entries #entry-header h1 a:hover {
	color: #448ccb;
}
#mindshare #entry-header .date {
	/*top: -39px;*/
}
#mindshare #entry, #news #entry {
	font-size: 14px;
	color: #333333;
	padding-left: 150px;
	width: 470px;
	position: relative;
}
#mindshare #entry h2, #news #entry h2 {
	text-transform: uppercase;
	font: normal 11px "Avenir LT W01 95 Black", Helvetica, Arial, sans-serif;
	letter-spacing: .3em;
	color: #333;
	margin: 1.2em 0;
}
#mindshare #entry p, #news #entry p {
	line-height: 1.4em;
	margin-bottom: 1.5em;
}
#mindshare #entry p + p, #news #entry p + p {
	margin: 0 0 1.2em 0;
}
#mindshare #entry ul, #mindshare #entry ol, #news #entry ul, #news #entry ol {
	margin: 1.2em 0 1.2em 20px;
}
#mindshare #entry .meta, #news #entry .meta {
	margin-left: -146px
}
#mindshare #entry img.full {
	margin-left: -150px;
}
#mindshare #entry .comments {
	margin-left: -150px;
	width: 620px;
	border-top: 2px solid #333;
}
#mindshare #entry .no-comments {
	clear: both;
	margin: 130px 0 100px -150px;
	font: normal 12px "Avenir LT W01 55 Roman", Helvetica, Arial, sans-serif;
}
#mindshare #entry #comments {
	list-style: none;
	margin: 50px 0 0 -150px;
	width: 620px;
	clear: both;
	float: left;
}
#mindshare #entry #comments li {
	padding: 10px 160px 0 0;
	margin-bottom: 40px;
	border-top: 1px dotted #ababab;
	font: normal 12px "Avenir LT W01 55 Roman", Helvetica, Arial, sans-serif;
	position: relative;
}
#mindshare #entry #comments li cite {
	position: absolute;
	right: 0;
	width: 140px;
	font-style: normal;
	line-height: 1.5em;
}
#mindshare #entry #comments li cite span {
	display: block;
}
#mindshare #entry form {
	margin-left: -150px;
	width: 620px;
	border: 0;
	border-top: 2px solid #333;
}
#mindshare #entry form h1 {
	margin-bottom: 40px;
}
#mindshare #main #page-nav, #news #main #page-nav {
	clear: both;
	margin: 0 0 100px 0;
	width: 620px;
	border-top: 2px solid #e1e1e1;
	text-align: center;
	font: normal 11px "Avenir LT W01 85 Heavy", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	letter-spacing: .2em;
	position: relative;
}
#mindshare #entry #page-nav {
	margin-left: -150px;
}
#mindshare #main #page-nav a, #news #main #page-nav a {
	background: #e74a00;
	color: #FFF;
	padding: 3px 5px;
	width: 75px;
		-webkit-transition: background .2s ease-in;
		-moz-transition: background .2s ease-in;
	transition: background .2s ease-in;
}
#mindshare #main #page-nav .prev, #news #main #page-nav .prev {
	position: absolute;
	left: 0;
}
#mindshare #main #page-nav .next, #news #main #page-nav .next {
	position: absolute;
	right: 0;
}
#mindshare #main #page-nav a:hover, #news #main #page-nav a:hover {
	background: #333;
}
#mindshare.author #banner .wrapper {
	width: 780px;
	padding: 50px 0 32px 160px;
	background: #FFF url(/assets/images/bg-blue-diag.png);
}
#mindshare.author #banner .wrapper img {
	position: absolute;
	bottom: 0;
	left: 0;
}
#mindshare.author #banner .wrapper h1 {
	font: normal 36px "Avenir LT W01 85 Heavy", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	color: #333;
}
#mindshare.author #banner .wrapper h2 {
	font-weight: normal;
	font-style: italic;
	color: #999;
}
#mindshare #bio {
	width: 460px;
	padding: 10px 0 0  160px;
}
#mindshare #bio p {
	margin: 1.5em 0;
	line-height: 1.4em;
}
#mindshare #bio > div {
	padding-top: 10px;
	margin-bottom: 50px;
}
#mindshare #bio > div h1 {
	text-transform: uppercase;
	font: normal 11px "Avenir LT W01 95 Black", Helvetica, Arial, sans-serif;
	letter-spacing: .3em;
	color: #333;
	margin-bottom: 30px;
}
#mindshare #bio > div ul {
	list-style: none;
	margin: 0;
	font-style: italic;
	font-size: 12px;
}
#mindshare #bio > div ul li {
	margin-bottom: 10px;
}
#mindshare #bio > div ul a {
	font: normal 14px "Avenir LT W01 85 Heavy", Helvetica, Arial, sans-serif;
	display: block;
}
#mindshare #bio .recent-posts {
	margin-top: 70px;
	border-top: 2px solid #333;
}
#mindshare #bio .articles {
	border-top: 1px dotted #ababab;
}
#mindshare #bio .web {
	border-top: 1px dotted #ababab;
}
#mindshare #bio .web ul li {
	margin-bottom: 10px;
}
#mindshare.author #sidebar {
	padding-top: 30px;
}
#mindshare.author #sidebar ul li {
	margin-bottom: 3px;
	padding-left: 10px;
	margin-left: -10px;
}
#mindshare.author #sidebar ul li a {
	color: #999;
	font-style: italic;
}
#mindshare.author #sidebar ul li.current {
	background: url(/assets/images/arrow-orange.png) no-repeat 3px left;
}
#mindshare.author #sidebar ul li.current a {
	color: #333;
}
#mindshare.author #sidebar ul li a:hover {
	color: #448ccb;
}
#mindshare.archives #banner {
	margin-bottom: 70px;
}
#mindshare.archives #banner .wrapper {
	padding: 70px 0 0 35px;
	width: 905px;
	height: 70px;
	background: url(/assets/images/bg-mindshare-archives.png) repeat-x;

}
#mindshare.archives #banner .wrapper h1 {
	font: normal 36px "Avenir LT W01 85 Heavy", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	color: #333;	
}
#mindshare #archives-list h1 {
	font: normal 12px "Avenir LT W01 95 Black", Helvetica, Arial, sans-serif;
	letter-spacing: .3em;
	text-transform: uppercase;
	margin-bottom: 20px;
}
#mindshare #archives-list ul {
	list-style: none;
	margin: 0;
	font: normal 14px "Avenir LT W01 85 Heavy", Helvetica, Arial, sans-serif;
}
#mindshare #archives-list ul li {
	margin-bottom: 5px;
}
#mindshare #search-results {
	list-style: none;
	margin: 0;
}
#mindshare #search-results li {
	margin-bottom: 15px;
}
#mindshare h1.search {
	font: normal 12px "Avenir LT W01 95 Black", Helvetica, Arial, sans-serif;
	letter-spacing: .3em;
	text-transform: uppercase;
	margin-bottom: 20px;
}
#mindshare #search-results li a.title {
	font: normal 14px "Avenir LT W01 85 Heavy", Helvetica, Arial, sans-serif;
}
#mindshare #search-results li .meta-results {
	color: #878787;
	font-style: italic;
	font-size: 12px;
}
#mindshare .paginate {
	margin-top: 60px;
	border-top: 1px dotted #ababab;
	padding-top: 10px;
	font: normal 12px "Avenir LT W01 85 Heavy", Helvetica, Arial, sans-serif;
}
/* Posterous Styles */
#mindshare .posterous_quote_citation {
	margin-top: 10px;
	font-style: italic;
	color: #878787;
	font-size: 11px;
}
#mindshare .summary p {
	margin: 10px 0;
	float: none;
}
#mindshare .summary img, #mindshare #entry img {
	max-width: 100%;
}
#mindshare .video {
	width: 460px;
	height: 259px;
	float: left;
	position: relative;
	border-radius: 10px;
}
#mindshare .video a {
	display: block;
	position: absolute;
	width: 460px;
	height: 259px;
	left: 0;
	top: 0;
	background: url(/assets/images/video-overlay-460-low.png) no-repeat top;
	z-index: 2;
	text-indent: -9999px;
}
#mindshare .video a:hover {
	background: url(/assets/images/video-overlay-460-low.png) no-repeat bottom;
}
#mindshare .video img {
	position: absolute;
	width: 460px;
	height: 259px;
	left: 0;
	top: 0;
}

/**
* ----------------------------------------------------------------------
* Contact
* ----------------------------------------------------------------------
*/
#contact #main section h1 {
	text-transform: uppercase;
	font: normal 11px "Avenir LT W01 95 Black", Helvetica, Arial, sans-serif;
	letter-spacing: .3em;
	color: #333;
	margin-bottom: 20px;
}
#contact .contact-section {
	float: left;
	width: 220px;
	margin-right: 20px;
	margin-bottom: 60px;
}
#contact #new-england {
	margin-right: 0;
}
#contact .contact-section .vcard {
	margin-bottom: 20px;
}
.contact-section .vcard a {
	color: #333;
}
.contact-section .vcard a:hover {
	color: #00A810;
}
.contact-section .vcard .tel .type {
	display: none;
}
#contact #careers {
	overflow: auto;
	clear: both;
	padding-top: 10px;
	margin-bottom: 40px;
	border-top: 2px solid #CCC;
	padding-right: 240px;
	position: relative;
}
#contact #careers p {
	float: left;
	width: 450px;
	margin-bottom: .5em;
}
#contact #careers p + p {
	margin: .5em 0;
}
#contact #careers img {
	float: right;
	position: absolute;
	left: 480px;
	border: 1px solid #333;
}
#contact #careers h2 {
	position: absolute;
	right: 0;
	width: 220px;
	text-transform: uppercase;
	font: normal 11px "Avenir LT W01 95 Black", Helvetica, Arial, sans-serif;
	letter-spacing: .3em;
	color: #333;
}
#contact #careers ul {
	position: absolute;
	right: 0;
	width: 220px;
	margin-top: 40px;
	list-style: none;
	font-style: italic;
}
#contact #careers ul li {
	margin-bottom: 5px;
}
#contact #contact-form, #mindshare #comment-form {
	float: left;
	clear: both;
	width: 700px;
	padding: 10px 0 0 0;
	margin-bottom: 40px;
	border-top: 2px solid #CCC;
	border-bottom: 1px dotted #ababab;
}
#contact-form h1, form h1 {
	text-transform: uppercase;
	font: normal 11px "Avenir LT W01 95 Black", Helvetica, Arial, sans-serif;
	letter-spacing: .3em;
	color: #333;
	margin-bottom: 20px;
}
#contact-form p {
	width: 450px;
	margin: 0 0 2.5em 0;
	font: normal 14px "Avenir LT W01 55 Roman", Helvetica, Arial, sans-serif;
}
#contact-form #thanks {
	display: none;
}
#contact-form #thanks ul {
	list-style: none;
	font: normal 14px "Avenir LT W01 55 Roman", Helvetica, Arial, sans-serif;
	margin: 0 0 20px 0;
}
#contact-form #thanks p a {
	display: none;
}
form fieldset .field {
	float: left;
	position: relative;
	margin-bottom: 5px;
}
form input, form textarea {
	float: left;
	width: 444px;
	max-width: 444px;
	border: 0;
	background: #FFF url(/assets/images/bg-red-diag.png);
	font: normal 19px "Avenir LT W01 35 Light", Helvetica, Arial, sans-serif;
	color: #333333;
	padding: 4px 8px;
	outline: none;
}
form input.error, form textarea.error {
	background: #FFF url(/assets/images/bg-dkred-diag.png);
}
form textarea {
	height: 175px;
	line-height: 1.3em;
}
form label {
	position: absolute;
	left: 473px;
	text-transform: uppercase;
	font: normal 11px "Avenir LT W01 95 Black", Helvetica, Arial, sans-serif;
	letter-spacing: .3em;
	color: #333;
	margin-top: 12px;
}
form label.error {
	color: #ff0000;
}
form em.error {
	display: none !important;
}
form img {
	float: left;
	margin-right: 5px;
	border: 2px solid #999 !important;
	height: 27px;
}
form input#captcha {
	width: 296px;
}
form fieldset .submit {
	float: left;
	margin: 10px 0 30px;
	width: 465px;
	text-align: right;
}
.ie7 form fieldset .submit {
	padding-bottom: 30px;
}
form fieldset .submit button {
	text-transform: uppercase;
	font: normal 20px "Avenir LT W01 95 Black", Helvetica, Arial, sans-serif;
	letter-spacing: .3em;
	border: 0;
	padding: 0;
	background: none;
	color: #333;
		-webkit-transition: color .15s ease-in;
		-moz-transition: color .15s ease-in;
	transition: color .15s ease-in;
}
form fieldset .submit button:hover {
	color: #00A810;
}
#contact #sidebar {
	float: right;
	width: 220px;
	padding: 0 0 50px 0;
	font: normal 14px "Avenir LT W01 55 Roman", Helvetica, Arial, sans-serif;
}
#contact #sidebar h1 {
	padding-top: 10px;
	text-transform: uppercase;
	font: normal 11px "Avenir LT W01 95 Black", Helvetica, Arial, sans-serif;
	letter-spacing: .3em;
	color: #333;
	border-top: 1px dotted #ababab;
	margin-bottom: 20px;
}
#contact #sidebar p, #contact #sidebar .vcard {
	line-height: 1.4em;
}
#contact #sidebar p.tel {
	margin: 15px 0 40px;
	font: 500 32px "Avenir LT W01 55 Roman", Helvetica, Arial, sans-serif;
	color: #333;
}
#contact #sidebar .vcard .tel .type {
	display: none;
}

/**
* ----------------------------------------------------------------------
* Careers
* ----------------------------------------------------------------------
*/
#careers #main #banner img {
	display: block;
	margin-bottom: 4px;
}
#careers #main #banner h1 {
	padding: 35px 0 0 35px;
	width: 905px;
	height: 70px;
	background: url(/assets/images/bg-yellow-diag.png);
	font: normal 36px "Avenir LT W01 85 Heavy", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	color: #333;
}
#careers #main #banner h2 {
	position: absolute;
	right: 10px;
	top: 241px;
	padding: 34px 15px 0 55px;
	height: 71px;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
	width: 150px;
	background: #e74a00;
	color: #FFF;
	letter-spacing: .3em;
	text-align: right;
	line-height: 1.4em;
}
#careers #intro {
	padding: 25px 0 10px;
	color: #999;
	font-size: 14px;
	font-style: italic;
	border-bottom: 2px solid #999;
}
#careers #intro p {
	width: 620px;
	margin: 0 0 1em 0;
}
#careers #intro p + p {
	margin: 1em 0;
}
#career-list {
	padding-top: 10px;
	float: left;
	width: 620px;
}
#career-list h1 {
	text-transform: uppercase;
	font: normal 11px "Avenir LT W01 95 Black", Helvetica, Arial, sans-serif;
	letter-spacing: .3em;
	color: #333;
	margin-bottom: 20px;
}
#career-list > p {
	font-size: 14px;
}
#career-list > p + p {
	margin: 1em 0 0 0;
}
#career-list article {
	margin-top: 30px;
	padding: 30px 0 30px 160px;
	font-size: 14px;
	border-top: 1px dotted #ababab;
	border-bottom: 1px dotted #ababab;
	position: relative;
}
#career-list article + article {
	border-top: 0;
	margin-top: 0;
}
#career-list article h1 {
	font: 500 18px "Avenir LT W01 55 Roman", Helvetica, Arial, sans-serif;
	letter-spacing: .2em;
	margin-bottom: 10px;
}
#career-list article h1 a {
	color: #333;
}
#career-list article h1 a:hover {
	color: #448ccb;
}
#career-list article .apply {
	position: absolute;
	left: 0;
	top: 64px;
	font-style: italic;
	font-size: 12px;
}
#career-list article p {
	margin: 0 0 1em 0;
}
#career-list article p + p {
	margin: 1em 0;
}
#careers #career-detail {
	padding-top: 35px;
	float: left;
	width: 620px;
	font-size: 14px;
	position: relative;
}
#careers #career-detail h1 {
	width: 450px;
}
#careers #career-detail p, #careers #career-detail ul {
	margin: 1.2em 0;
}
#careers #career-detail ul {
	margin-left: 20px;
}
#careers #career-detail ul li {
	margin-bottom: 7px;
}
#careers #career-detail h1 {
	font: 200 40px "Avenir LT W01 55 Roman", Helvetica, Arial, sans-serif;
}
#careers #career-detail h2 {
	margin-top: 30px;
	padding-top: 10px;
	text-transform: uppercase;
	font: normal 11px "Avenir LT W01 95 Black", Helvetica, Arial, sans-serif;
	letter-spacing: .3em;
	border-top: 1px dotted #ababab;
}
#careers #career-detail .apply-btn {
	position: absolute;
	display: block;
	background: #e74a00;
	color: #FFF;
	padding: 3px 10px;
	text-align: center;
	font-style: italic;
	font-size: 12px;
	right: 0;
	top: 55px;
		-webkit-transition: background .2s ease-in;
		-moz-transition: background .2s ease-in;
	transition: background .2s ease-in;
}
#careers #career-detail .apply-btn:hover {
	background: #333;
}
#careers #career-detail .apply {
	margin-top: 40px;
	border-top: 1px dotted #ababab;
	padding-top: 10px;
	font-style: italic;
	font-size: 12px;
}
#careers #sidebar {
	width: 220px;
	float: right;
	padding-top: 40px;
}
#careers #sidebar blockquote {
	padding-bottom: 30px;
	border-bottom: 1px dotted #ababab;
	margin-bottom: 10px;
}
#careers #sidebar #contact {
	padding: 1px 0 30px;
	border-bottom: 1px dotted #ababab;
}
#careers #sidebar h1 {
	text-transform: uppercase;
	font: normal 11px "Avenir LT W01 95 Black", Helvetica, Arial, sans-serif;
	letter-spacing: .3em;
	margin: 17px 0 10px;
}
#careers #sidebar #contact p {
	font-style: italic;
	font-size: 14px;
}
#careers #sidebar ul {
	list-style: none;
	margin: 0;
	font-style: italic;
}


/**
* ----------------------------------------------------------------------
* News
* ----------------------------------------------------------------------
*/
#news #main #banner {
	margin-bottom: 40px;
}
#news #main #banner img {
	display: block;
	margin-bottom: 4px;
}
#news #main #banner h1 {
	padding: 35px 0 0 35px;
	width: 905px;
	height: 70px;
	background: url(/assets/images/bg-green-diag.png);
	font: normal 36px "Avenir LT W01 85 Heavy", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	color: #333;
}
#news #entries {
	float: left;
	width: 620px;
	padding-top: 30px;
}
#news #entry {
	float: left;
	padding-top: 30px;
}
#news #entries h2 {
	float: left;
	width: 100%;
	text-transform: uppercase;
	font: normal 11px "Avenir LT W01 95 Black", Helvetica, Arial, sans-serif;
	letter-spacing: .3em;
	color: #fdb000;
	padding-top: 10px;
	border-top: 1px solid #fdb000;
	margin: 30px 0;
}
#news #entries .entry h1, #news #entry h1 {
	float: none;
}
#news #entry h1 {
	margin-left: -150px;
	margin-bottom: 30px;
}
#news #entries .entry {
	float: left;
	width: 620px;
	position: relative;
	margin-bottom: 50px;
	padding: 0 0 35px 0;
	border-bottom: 1px dotted #ababab;
}
#news #entries .entry.last {
	border: 0;
}
#news .entry .summary {
	clear: both;
	position: relative;
	float: left;
	margin-top: 25px;
	width: 620px;
}
#news .meta {
	float: left;
	position: relative;
	width: 130px;
	padding-right: 10px;
	margin: 4px 0 0 0;
	font-style: italic;
	color: #999;
	font-size: 12px;
}
#news .meta a {
	color: #999;
}
#news .meta a.source {
	color: #448ccb;
	display: block;
	margin-bottom: 3px;
}
#news .meta a.download-pdf {
	display: block;
	margin-top: 3px;
	color: #448ccb;
}
#news .meta a:hover {
	color: #00a651;
}
#news .entry p {
	float: left;
	font-size: 14px;
	color: #333;
	line-height: 1.5em;
	width: 470px;
}
#news .entry p + p {
	margin-top: 1.2em;
}
#news #sidebar {
	float: right;
	width: 200px;
	margin: -49px 0 -80px 0;
	padding: 75px 20px 50px 20px;
	background: #f6f6f6 url(/assets/images/bg-ltgrey-diag.png) repeat-x top;
}
#news #sidebar blockquote {
	margin-bottom: 60px;
}

/**
* ----------------------------------------------------------------------
* Error page
* ----------------------------------------------------------------------
*/

#error #banner {
	margin-bottom: 70px;
}
#error #banner .wrapper {
	padding: 70px 0 0 35px;
	width: 905px;
	height: 70px;
	background: url(/assets/images/bg-error.png) repeat-x;

}
#error #banner .wrapper h1 {
	font: normal 36px "Avenir LT W01 85 Heavy", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	color: #333;	
}
#error #main .wrapper .error {
	padding-left: 40px;
	min-height: 200px;
	font: 200 14px "Avenir LT W01 55 Roman", Helvetica, Arial, sans-serif;
}
#error #main .wrapper .error h1 {
	font: 400 18px "Avenir LT W01 85 Heavy", Helvetica, Arial, sans-serif;
	margin-bottom: 15px;
}
#error #main .wrapper .error p {
	margin: 1.2em 0;
}

/**
* ----------------------------------------------------------------------
* Videos
* ----------------------------------------------------------------------
*/
#video #main {
	background: none;
}
#video #view {
	width: 640px;
	padding: 100px 0;
	margin: 0 auto;
}

/**
* ----------------------------------------------------------------------
* Specialties
* ----------------------------------------------------------------------
*/
#what-we-do #specialties {
	float: left;
	margin: 20px 0 60px 0;
	padding: 10px 0 0 0;
	clear: both;
	border-top: 2px solid #ddd;
}
#what-we-do #specialties a {
	width: 270px;
	float: left;
	margin: 0 0 20px 20px;
	background: url(/assets/images/bg-ltgrey-diag2.png);
	padding: 15px 15px 92px;
	display: block;
	color: #666;
	position: relative;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
	border-radius: 10px;
	min-height: 78px;
}
#what-we-do #specialties a.clear {
	clear: left;
	margin-left: 0;
}
#what-we-do #specialties a h2 {
	font: normal 20px "Avenir LT W01 35 Light", Helvetica, Arial, sans-serif;
	color: #e74a00;	
	margin-bottom: 0px;
}
#what-we-do #specialties a span {
	display: block;	
}
#what-we-do #specialties a span {
	z-index: 3;
	display: block;
	position: absolute;
	width: 40px;
	height:40px;
	right: 0;
	bottom: 0;
	visibility: hidden;
}
#what-we-do #specialties a:hover span {
	visibility: visible;
	background: #FFF url(/assets/images/arrow-dotted-orange.png) no-repeat center center;
}
#what-we-do #specialties a img {
	position: absolute;
	left: 0;
	bottom: 0;
}
#what-we-do-page #sidebar {
	float: left;
	width: 300px;
	position: relative;
	top: -48px;
}
#what-we-do-page #sidebar h1 {
	background-color: #e74a00;
	text-transform: uppercase;
	font: normal 13px "Avenir LT W01 85 Heavy", Helvetica, Arial, sans-serif;
	letter-spacing: .2em;
	color: #FFF;
	padding: 9px 10px 6px 25px;
	height: 22px;
	line-height: 22px;
}
#what-we-do-page #wwd-nav {
	width: 300px;
	background: #eee url(/assets/images/bg-wwd-nav.png);
	margin: 0;
	padding: 0;
	list-style: none;
	border-bottom: 4px solid #e74a00;
}
#what-we-do-page #wwd-nav li {
	border-bottom: 1px dotted #ababab;
	text-transform: uppercase;
	font: normal 13px "Avenir LT W01 85 Heavy", Helvetica, Arial, sans-serif;
	letter-spacing: .2em;
	padding: 9px 10px 6px 25px;
	height: 22px;
	line-height: 22px;
}
#what-we-do-page #wwd-nav li.last {
	border-bottom: 0;
}
#what-we-do-page #wwd-nav li a {
	color: #e74a00;
}
#what-we-do-page #wwd-nav li a:hover {
	color: #40413c;
}
#what-we-do-page #wwd-nav li.current {
	background: #cccccc url(/assets/images/arrow-wwd-nav.png) no-repeat 10px center;
}
#what-we-do-page #wwd-nav li.current a {
	color: #40413c;
}
#vids-imgs {
	margin-top: 40px;
	border-top: 1px dotted #ababab;
	padding-top: 10px;
	overflow: auto;
}
#vids-imgs .vid-img {
	float: left;
	width: 300px;
}
#vids-imgs .vid-img + .vid-img {
	margin-top: 15px;
}
#vids-imgs .caption {
	display: block;
	font-size: 12px;
	font-style: italic;
	color: #7d7d7d;
	margin: 3px 0 5px;
}
#vids-imgs .video {
	margin: 0 0 0 0;
	position: relative;
	width: 300px;
	height: 161px;
}
#vids-imgs .video a {
	display: block;
	position: absolute;
	width: 300px;
	height: 161px;
	left: 0;
	top: 0;
	background: url(/assets/images/video-overlay-300.png) no-repeat top;
	z-index: 2;
	text-indent: -9999px;	
}
#vids-imgs .video a:hover {
	background: url(/assets/images/video-overlay-300.png) no-repeat bottom;
}
#vids-imgs .video img {
	position: absolute;
	width: 300px;
	height: 161px;
	left: 0;
	top: 0;
}
#related-work {
	margin-top: 40px;
	border-top: 1px dotted #ababab;
	padding-top: 10px;
	overflow: auto;
}
#related-work h4 {
	display: block;
	font-size: 12px;
	font-style: italic;
	font-weight: normal;
	margin: 3px 0 5px;
}
#related-work h4 a {
	color: #7d7d7d;
}
#related-work h4 a:hover {
	color: #448CCB;
}
#related-work article + article {
	margin-top: 25px;
}
#wwd-clients {
	margin-top: 40px;
	border-top: 1px dotted #ababab;
	padding-top: 10px;
}
#wwd-clients ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#wwd-clients ul li {
	text-align: center;
	margin-bottom: 20px;
}
#sidebar .quote {
	margin-top: 40px;
	border-top: 1px dotted #ababab;
	padding: 10px 0 20px;
}
#sidebar .quote blockquote {
	color: #e74a00;
	font-size: 18px;
	margin: 10px 0 5px;
}
#sidebar .quote cite {
	font-size: 12px;
	font-style: italic;
	color: #7d7d7d;
	margin-bottom: 5px;
}
#sidebar .quote cite + blockquote, #sidebar .quote blockquote + blockquote {
	margin-top: 30px;
}
#what-we-do-page #sidebar h2, #what-we-do-page #main section > section h3 {
	text-transform: uppercase;
	font: normal 11px "Avenir LT W01 95 Black", Helvetica, Arial, sans-serif;
	letter-spacing: .3em;
	color: #898989;
	margin-bottom: 20px;
}
#what-we-do-page #main section {
	float: right;
	width: 620px;
	padding: 30px 0 0 20px;
}
#what-we-do-page #main section > h1 {
	font: normal 48px "Avenir LT W01 35 Light", Helvetica, Arial, sans-serif;
	margin: 0 20px 20px 0;
}
#what-we-do-page #main section .intro {
	margin: 0 20px 40px 0;
	color: #333333;
}
#what-we-do-page #main section .intro p {
	font: normal 18px "Avenir LT W01 85 Heavy", Helvetica, Arial, sans-serif;
	line-height: 1.4em;
	margin: 0 0 .3em 0;
}
#what-we-do-page #main section .intro cite {
	text-align: italic;
}
#what-we-do-page #main section .intro p + cite {
	margin-top: -1em;
}
#what-we-do-page #main section .body {
	font-size: 14px;
		-webkit-column-count: 2;
		-webkit-column-width: 290px;
		-webkit-column-gap: 20px;
		-moz-column-count: 2;
		-moz-column-width: 290px;
		-moz-column-gap: 20px;
	column-count: 2;
	column-width: 290px;
	column-gap: 20px;
	margin: 0 20px 50px 0;
}
#what-we-do-page #main section .body p {
	margin: 0 0 1.2em 0;
}
#what-we-do-page #main section .body p + p {
	margin: 1.2em 0;
}
#what-we-do-page #main section #work-list {
	border-top: 1px dotted #ababab;
	padding: 10px 0 0;
	width: 620px;
	margin-top: 0;
}
#what-we-do-page #main section #related-links {
	border-top: 1px dotted #ababab;
	padding: 10px 0 0;
	width: 620px;
	margin-bottom: 30px;
}
#what-we-do-page #main section #related-links article {
	margin-bottom: 30px;
}
#what-we-do-page #main section #related-links h4 {
	font: normal 16px "Avenir LT W01 55 Roman", Helvetica, Arial, sans-serif;
	margin-bottom: 1px;
}
#what-we-do-page #main section #related-links p {
	margin-bottom: 3px;
}
#what-we-do-page #main section #related-links .meta {
	font-size: 12px;
	color: #898989;
	font-style: italic;
}


/**
* -------------------------
* @section Print Styles
* -------------------------
*/
@media print {
	* { background: transparent !important; color: #444 !important; text-shadow: none !important; }
	a, a:visited { color: #444 !important; text-decoration: underline; }
	a:after { content: " (" attr(href) ")"; } 
	abbr:after { content: " (" attr(title) ")"; }
	.ir a:after { content: ""; }  
	pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
	thead { display: table-header-group; }  
	tr, img { page-break-inside: avoid; }
	@page { margin: 0.5cm; }
	p, h2, h3 { orphans: 3; widows: 3; }
	h2, h3{ page-break-after: avoid; }
}