/* =============================================================================
   HTML5 display definitions
   ========================================================================== */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

/* =============================================================================
   Base
   ========================================================================== */
body, button, input, select, textarea { font-family: sans-serif; color: #444;}

::-moz-selection { background: #ee2e24; color: #fff; text-shadow: 1px 1px 1px rgba(0,0,0,.4) }
::selection { background: #ee2e24; color: #fff; text-shadow: 1px 1px 1px rgba(0,0,0,.4) }

h1 {
	font-size:26px;
	color:#444;
	margin:0 0 10px;
	line-height: 28px;
}
h1 span {
	color: #ee2e24;
}
h2 {
	font-size:20px;
	color:#444;
	margin:0 0 10px;
	line-height: 24px;
}
h3 {
	font-size:15px;
	color:#444;
	margin:0 0 4px;
	line-height: 19px;
}

p { font: normal 13px/18px sans-serif; margin:0 0 15px;}
a { 
	color: #ee2e24; 
	text-decoration:none;
	-webkit-transition: color .3s;
	   -moz-transition: color .3s;
	    -ms-transition: color .3s;
	        transition: color .3s;
}
a:hover { color: #444 !important; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

blockquote { margin: 1em 40px; }

dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

ul, ol { margin: 0; padding: 0 0 0 20px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

svg:not(:root) { overflow: hidden; }
figure { margin: 0; }


/* =============================================================================
   Forms
   ========================================================================== */

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }

label { cursor: pointer; }

legend { border: 0; *margin-left: -7px; padding: 0; }

button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; outline: none;}

button, input { line-height: normal; *overflow: visible; }

table button, table input { *overflow: auto; }

button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

textarea { overflow: auto; vertical-align: top; resize: vertical; }

input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

/* =============================================================================
   Fonts
   ========================================================================== */

@font-face {
    font-family: 'OgilvyJBaskervilleItalic';
    src: url('fonts/ogilvyjbaskerville-italic-webfont.eot');
    src: url('fonts/ogilvyjbaskerville-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/ogilvyjbaskerville-italic-webfont.woff') format('woff'),
         url('fonts/ogilvyjbaskerville-italic-webfont.ttf') format('truetype'),
         url('fonts/ogilvyjbaskerville-italic-webfont.svg#OgilvyJBaskervilleItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OgilvyJBaskervilleRegular';
    src: url('fonts/ogilvyjbaskerville-webfont.eot');
    src: url('fonts/ogilvyjbaskerville-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/ogilvyjbaskerville-webfont.woff') format('woff'),
         url('fonts/ogilvyjbaskerville-webfont.ttf') format('truetype'),
         url('fonts/ogilvyjbaskerville-webfont.svg#OgilvyJBaskervilleRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/********************************************************************************************
Global
********************************************************************************************/
html { 
	height: 100%;
	font-size: 100%; 
	-webkit-text-size-adjust: 100%; 
	-ms-text-size-adjust: 100%; 
}

body {
	-webkit-font-smoothing: antialiased;
	margin: 0; 
	font-size: 13px; 
	line-height: 1.231;
	background:#fff;
	font-family: ff-din-web,sans-serif;
	position: relative;
	height: 100%;
	width: 100%;
}

#loading {
	background: #FFF url('images/loading-red.gif') no-repeat center center;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0;
	z-index: 300;
	display: block;
}

header.main {
	padding:0px;
	background:#fff;
	width: 100%;
	height:90px;
	z-index:1000;
	position:fixed;
	top: 0;
	left: 0;
	border-bottom: 1px solid #ddd;
}

#logo {
	display:block;
	float:left;
	margin:28px 0 0 20px;
	position:relative;
	z-index:300;
	width: 167px;
}
#logo img {
	width: 100%;
}

header.main nav {
	display:block;
	text-align:center;
	position:relative;
	z-index:250;
}

header.main nav a {
	display:inline-block;
	margin:0;
	padding:0 15px;
	color:#444 !important;
	text-decoration:none;
	text-transform:uppercase;
	font: normal 16px/90px ff-din-web,sans-serif;
	font-weight:600;
	position: relative;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-webkit-transition: .3s;
	   -moz-transition: .3s;
	     -o-transition: .3s;
	        transition: .3s;
}
header.main nav a:hover,
header.main nav a.active {
	-webkit-box-shadow: inset 0 5px #ee2e24;
	-moz-box-shadow: inset 0 5px #ee2e24;
	box-shadow: inset 0 5px #ee2e24;
	color:#444;

}

header.main nav a.active {
	color:#ee2e24 !important;
}

header.main form {
	width:160px;
	height:26px;
	float:right;
	position:relative;
	overflow:hidden;
	margin:30px 20px 0 0;
	position:relative;
	z-index:300;
}

header.main form input[type="text"] {
	margin:0;
	background:#e8e8e8;
	padding:2px 30px 2px 5px;
	width:125px;
	height: 22px;
	border:none;
	outline:none;
	position:absolute;
	top:0;
	left:0;
	font: normal 12px/24px ff-din-web,sans-serif;
	color: #888;
	font-weight:600;
	-webkit-appearance: caret;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	transition: all .3s;
}

header.main form input[type="text"]:focus {
	background: #f8f8f8;
}

header.main form input[type="submit"] {
	position:absolute;
	right:-26px;
	height:26px;
	line-height: 23px;
	width:32px;
	text-align: right;
	border:none;
	background: none;
	font-size: 14px;
}


/********************************************************************************************
Interior Page
********************************************************************************************/
#page {
	position: relative;
	padding-top: 90px;
	overflow: hidden;
	padding-bottom: 30px;
	z-index: 0;
	width: 100% !important;
}
#page.subnav {
	padding-bottom: 80px;
}
#page_wrapper {
	padding: 20px;
}
.max-width {
	max-width: 1024px;
	margin: 0 auto;
	padding-top: 30px !important;
}



/**Who we are**/
/***Who we are ***/
.who_we_are_content {
	width: 49%;
	float: left;
}

.who_we_are_img {
	width: 45%;
	float: right;
	display: block;
}


/********************************************************************************************
Subnav
********************************************************************************************/
nav.subnav {
	width:100%;
	position:fixed;
	bottom:30px;
	left:0;
	right:0;
	height:50px;
	background:#444;
	-webkit-box-shadow: 0 -4px 9px rgba(0,0,0,.2);
	   -moz-box-shadow: 0 -4px 9px rgba(0,0,0,.2);
	     -o-box-shadow: 0 -4px 9px rgba(0,0,0,.2);
	        box-shadow: 0 -4px 9px rgba(0,0,0,.2);
	z-index:200;
}

nav.subnav a {
	color:#fff !important;
	font: normal 16px/1 ff-din-web,sans-serif;
	font-weight: 600;
	line-height:52px;
	height:50px;
	width: 25%;
	text-align:center;
	display:inline-block;
	float:left;
	position:relative;
	cursor: pointer;
	-webkit-box-shadow: inset 1px 0 0 #666;
	-moz-box-shadow: inset 1px 0 0 #666;
	box-shadow: inset 1px 0 0 #666;
	-webkit-transition: background-color .2s;
	   -moz-transition: background-color .2s;
	     -o-transition: background-color .2s;
	        transition: background-color .2s;
}
nav.subnav a:first-child {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;	
}
nav.subnav a:hover {
	background: #666;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
nav.subnav a.active,
nav.subnav a.activeSlide {
	background:#ee2e24;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

nav.subnav.scroller a.active {
	background: inherit;
}
nav.subnav.scroller a.activeSlide {
	background:#ee2e24;
}
nav.subnav a:hover + a,
nav.subnav a.active + a {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}


/********************************************************************************************
Footer
********************************************************************************************/
footer {
	position:fixed;
	bottom:0;
	left:0;
	right:0;
	height:30px;
	background:#FFF;
	border-top: 1px solid #ddd;
	z-index:100;
}

footer p {
	display: inline-block;
	font: bold 11px/32px ff-din-web,sans-serif;
	color: #444;
	margin-left: 10px;
}
footer p a {
	color: #ee2e24;
	margin-right: 20px;
}

.footer_link {
	display: inline-block;
	float: right;
	font: bold 11px/32px ff-din-web,sans-serif;
	color: #ee2e24;
	margin-right: 20px;
}

footer section.social {
	display:inline-block;
	position: relative;
	float: right;
	margin-right: 6px;
}

footer section.social a {
	display:inline-block;
	text-indent:-9999px;
	margin:7px 6px 0;
	height:16px;
	width: 16px;
}

footer section.social a.twitter, .follow_author .twitter {
  background: url("images/social_twitter.png");
}
footer section.social a.facebook {
  background: url("images/social_facebook.png");
}
footer section.social a.youtube {
  background: url("http://d2dnrmagaqciul.cloudfront.net/wp-content/uploads/2009/06/youtube_16.png");
}
footer section.social a.rss {
  background: url("http://d2dnrmagaqciul.cloudfront.net/wp-content/uploads/2009/06/rss_16.png");
}
footer section.social a.slideshare {
  background: url("http://i.imgur.com/jYNGS.png");
}

.follow_author .email {
  background: url("images/social_email.png");
}


/********************************************************************************************
Home Styles
********************************************************************************************/
#left_arrow,
#right_arrow {
	width: 60px;
	position:absolute;
	height: 100%;
	/*top: 50%;*/
	margin-top: -30px;
	background:none;
	z-index: 200;
	cursor: pointer;
	overflow: hidden;
}
#left_arrow {left: 0px; }
#right_arrow {right: 0px;}

#left_arrow, #right_arrow { z-index: 99999999; top: 0; }

#left_arrow span,
#right_arrow span {
	width:60px;
	top: 50%;
	position: absolute;
	height:60px;
	display: block;
	-webkit-transition: all .2s;
	   -moz-transition: all .2s;
	     -o-transition: all .2s;
	    -ms-transition: all .2s;
	        transition: all .2s;
}
#left_arrow span {
	margin-left: -70px;
	background: #000 url('images/left_arrow.png') center center no-repeat;
	background: rgba(0,0,0,.5) url('images/left_arrow.png') center center no-repeat;
}
#right_arrow span {
	margin-left: 70px;
	background: #000 url('images/right_arrow.png') center center no-repeat;
	background: rgba(0,0,0,.5) url('images/right_arrow.png') center center no-repeat;
}
#left_arrow:hover span,
#right_arrow:hover span{
	background-color: #000;
	background-color: rgba(0,0,0,.8);
}
#left_arrow span.active,
#right_arrow span.active {
	margin-left: 0;
}

#up_arrow,
#down_arrow {
	width: 100%;
	height: 60px;
	position:absolute;
	/*left: 50%;*/
	margin-left: -30px;
	background:none;
	z-index: 200;
	cursor: pointer;
	overflow: hidden;
}
#up_arrow {top: 0;}
#down_arrow {bottom: 0;}

#up_arrow span,
#down_arrow span {
	width:60px;
	height:60px;
	display: block;
	left: 50%;
	position: absolute;
	-webkit-transition: all .2s;
	   -moz-transition: all .2s;
	     -o-transition: all .2s;
	    -ms-transition: all .2s;
	        transition: all .2s;
}
#up_arrow span {
	margin-top:-70px;
	background: #000 url('images/up_arrow.png') center center no-repeat;
	background: rgba(0,0,0,.5) url('images/up_arrow.png') center center no-repeat;
}
#down_arrow span {
	margin-top:70px;
	background: #000 url('images/down_arrow.png') center center no-repeat;
	background: rgba(0,0,0,.5) url('images/down_arrow.png') center center no-repeat;
}
#up_arrow:hover span,
#down_arrow:hover span{
	background-color: #000;
	background-color: rgba(0,0,0,.8);
}
#up_arrow span.active,
#down_arrow span.active {
	margin-top: 0;
}


#scroller_wrapper {
	overflow:hidden;
	position:absolute;
	top:90px;
	bottom:80px;
	left:0;
	right:0;
}

#scroller_wrapper.nosubnav {
	bottom: 30px;
}

#scroller {
	height: 100%;
	position:relative;
}

#scroller_wrapper section.main, #featured article.main {
	float: left;
	display: block;
	height: 100%;
	width: 100%;
	position: relative;
}
html.no-touch #scroller_wrapper section.main, #featured article.main {
	overflow: auto;
}

.page_scroller {
	padding: 20px;
}

.page_scroller .nav li {
display: block !important;
}

.paginate { display: none; }

html.ie8 #prev_hidden,
html.ie8 #next_hidden {display: none;}


/********************************************************************************************
Home Featured
********************************************************************************************/
.count {
display: none;
}
#featured {
	overflow: hidden !important;
}

#feature_slider {
	width: 100%;
	height: 100%;
}

#featured article {
	/*width: 100% !important;*/
	height: 100% !important;
	display: block !important;
	-webkit-background-size: cover;
	-moz-background-size: cover !important;
	-o-background-size: cover;
	background-size: cover !important;
}

#featured a {
	background:#fff;
	width:260px;
	height:260px;
	padding:20px;
	position:absolute;
	z-index:200;
	top:50%;
	margin-top:-150px;
	left:70px;
/*	display: none;*/
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,.3);
	   -moz-box-shadow: 0 0 5px rgba(0,0,0,.3);
	        box-shadow: 0 0 5px rgba(0,0,0,.3);
	-webkit-transition: background .3s linear;
	-moz-transition: background .3s linear;
	-ms-transition: background .3s linear;
	transition: background .3s linear;
}

/*#featured a:hover {
	background: #ee2e24;
}

#featured a:hover h1 {
	color: #FFF;
}

#featured a:hover h4,
#featured a:hover h5 {
	color: #000;
}
#featured a:hover p {
	color: #FFF;
}*/

#featured a h4 {
	margin:0;
	color:#444;
	font-size:14px;
	text-transform:uppercase;
}

#featured a h1 {
	color:#ee2e24;
	font-size:26px;
	line-height: 28px;
	margin:20px 0 15px 0;
}

#featured a p {
	color:#444;
	font-family: ff-din-web, sans-serif;
	font-size:16px;
	line-height:18px;
	margin-bottom:50px;
}

#featured a h5 {
	margin:0;
	color:#444;
	font-size:12px;
	text-transform:uppercase;
	position: absolute;
	height: 16px;
	top: 50%;
	left: 20px;
	margin-top: 118px;
}

#featured .featured_img {
	position:relative;
	width:100%;
	height:100%;
}


/********************************************************************************************
Home Articles
********************************************************************************************/
.article_grid {
	position:relative;
}

.articles h1 {
	padding: 0 1%;
}
.articles h1 span {
	color: #ee2e24;
}

.article_grid article {
  min-height: 392px;
	width:31.33%;
	height: auto;
	padding:10px 1%;
	position:relative;
	display:block;
	float:left;
}
.article_grid article:nth-child(3n+4) {
	clear: both;
}

.article_grid article .border_hover {
	width:100%;
	display: block;
	position: relative;
	border: 1px solid #EEE;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-webkit-transition: all .2s;
	   -moz-transition: all .2s;
	     -o-transition: all .2s;
	    -ms-transition: all .2s;
	        transition: all .2s;
}
.article_grid article .border_hover:hover {
	-webkit-box-shadow: inset 0 0 0 6px #ee2e24;
	-moz-box-shadow: inset 0 0 0 6px #ee2e24;
	box-shadow: inset 0 0 0 6px #ee2e24;
}

.article_grid article img {
	width: 100%;
	position: relative;
	z-index: -1;
}

.article_grid article a.title {
	font-size:18px;
	font-weight: bold;
	line-height: 20px;
	color:#ee2e24;
	margin:10px 0 6px 0;
}

.article_grid article h2 {
	color:#444;
	font-size:12px;
	padding-top: 4px;
	margin-bottom: 5px;
	text-transform:uppercase;
}

.article_grid article p.byline {
	text-transform: uppercase;
	font: bold 11px/100% ff-din-web, sans-serif;
	color: #888;
	margin: 0 0 10px;
	padding-top: 6px;
}

.article_grid article p {
	color: #444;
}


/********************************************************************************************
Twitter Feed on communities page
********************************************************************************************/
.twtr-widget .twtr-join-conv { display: none; }
.twtr-widget .twtr-avatar { display: none !important; }
.twtr-widget .twtr-tweet-text { margin-left: 0px !important; }
.twtr-widget .twtr-hd { display: none; }
.twtr-widget .twtr-reply, .twtr-widget .twtr-rt, .twtr-widget .twtr-fav { display: none; }
.twtr-widget em { display: block; color: #fff; }


/********************************************************************************************
Home Tweets
********************************************************************************************/
#twitter #twtr-widget-1 .twtr-doc, #twitter #twtr-widget-1 .twtr-hd a, #twitter #twtr-widget-1 h3, #twitter #twtr-widget-1 h4 {
	background: none !important; 
}

#twitter #twtr-widget-1 .twtr-new-results, #twitter #twtr-widget-1 .twtr-results-inner, #twitter #twtr-widget-1 .twtr-timeline {
	background: none !important; 
}

#twitter .twtr-widget .twtr-tweet {
	border-bottom: none !important;
	background-color: transparent !important;
}

#tweets .twtr-widget .twtr-tweet-text a:hover {color: #FFF !important;}

#tweets .twtr-widget .twtr-tweet {
	padding: 30px 30px 0 !important;
	-webkit-transform: scale(1);
	-o-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1)
	transform: scale(1);
	-webkit-transition: all .4s linear;
	   -moz-transition: all .4s linear;
	     -o-transition: all .4s linear;
	    -ms-transition: all .4s linear;
	        transition: all .4s linear;
}
#tweets .twtr-widget .twtr-tweet p,
#tweets .twtr-widget .twtr-tweet p a {
	display: block !important;
	font-family: 'OgilvyJBaskervilleRegular' !important;
	font-weight:normal !important;
	font-size:30px !important;
	line-height: 38px !important;
	color:#fff !important;
	margin:0 !important;
	padding-bottom:5px !important;
	text-shadow: none !important;
	-webkit-font-smoothing: antialiased;
	-webkit-transition: all .3s linear;
	   -moz-transition: all .3s linear;
	     -o-transition: all .3s linear;
	    -ms-transition: all .3s linear;
	        transition: all .3s linear;
}
#tweets .twtr-widget .twtr-tweet p a {
	color: #000 !important;
	display: inline !important;
}

#tweets .twtr-widget .twtr-tweet.blur {
	-webkit-transform: scale(.95);
	     -o-transform: scale(.95);
	   -moz-transform: scale(.95);
		-ms-transform: scale(.95);
	        transform: scale(.95);
}
#tweets .twtr-widget .twtr-tweet.blur p {
	color: transparent !important;
	text-shadow: 0px 0px 6px #FFF !important;

}
#tweets .twtr-widget .twtr-tweet.blur a {
	color: transparent !important;
	text-shadow: 0px 0px 6px #000 !important;
}
#tweets .twtr-widget .twtr-tweet a {
	color: #000 !important;
}
#tweets .twtr-widget .twtr-tweet a:hover {
	color: #FFF !important;
}

#tweets .twtr-widget .twtr-tweet a {
	margin:5px 0 0 !important;
	font-size:18px !important;
	color:#000 !important;
	display:inline-block !important;
}


#tweets .twtr-widget em a.twtr-reply, #tweets .twtr-widget em a.twtr-rt, #tweets .twtr-widget em a.twtr-fav { display: none !important; }

#tweets .twtr-widget em { color: #EE2E24 !important; }

#tweets .twtr-widget .twtr-tweet .twtr-timestamp { font-size: 18px !important; }

.twtr-ft { display: none !important; }



#twitter {
	background:#ee2e24;
}

#tweets {
	background:#ee2e24;
	width:100%;
	height:100%;
	position:relative;
	margin-bottom: 40px;
}
#tweets a:hover {color: #FFF;}
#tweets #twitter_update_list {
	padding: 0;
	list-style: none;
}
#tweets #twitter_update_list li {
	padding: 30px;
	-webkit-transform: scale(1);
	-o-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1)
	transform: scale(1);
	-webkit-transition: all .4s linear;
	   -moz-transition: all .4s linear;
	     -o-transition: all .4s linear;
	    -ms-transition: all .4s linear;
	        transition: all .4s linear;
}
#tweets #twitter_update_list li span,
#tweets #twitter_update_list li span a {
	display: block;
	font-family: 'OgilvyJBaskervilleRegular';
	font-weight:normal;
	font-size:30px;
	line-height: 38px;
	color:#fff;
	margin:0;
	padding-bottom:5px;
	text-shadow: none;
	-webkit-font-smoothing: antialiased;
	-webkit-transition: all .3s linear;
	   -moz-transition: all .3s linear;
	     -o-transition: all .3s linear;
	    -ms-transition: all .3s linear;
	        transition: all .3s linear;
}
#tweets #twitter_update_list li span a {
	color: #000;
	display: inline;
}
#tweets #twitter_update_list li.blur {
	-webkit-transform: scale(.95);
	     -o-transform: scale(.95);
	   -moz-transform: scale(.95);
	    -ms-transform: scale(.95)
	        transform: scale(.95);
}
#tweets #twitter_update_list li.blur span {
	color: transparent;
	text-shadow: 0px 0px 6px #FFF;
}
#tweets #twitter_update_list li.blur a {
	color: transparent;
	text-shadow: 0px 0px 6px #000;
}
#tweets #twitter_update_list li a {
	color: #000;
}
#tweets #twitter_update_list li a:hover {
	color: #FFF !important;
}

#tweets #twitter_update_list li a {
	margin:5px 0 0;
	font-size:18px;
	color:#000;
	display:inline-block;
}



/********************************************************************************************
Home Videos
********************************************************************************************/
article.video .play_btn {
	z-index:10;
	width:50px ;
	height:50px;
	position:absolute;
	left:50%;
	top:50%;
	margin:-25px 0 0 -25px;
	background: rgba(255,255,255,.35) url(images/play_btn.png) no-repeat center center;
	-webkit-box-shadow: 0 0 0 4px #FFF;
	   -moz-box-shadow: 0 0 0 4px #FFF;
        	box-shadow: 0 0 0 4px #FFF;
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
	     -o-border-radius: 50%;
	  -html-border-radius: 50%;
	    -ms-border-radius: 50%;
	        border-radius: 50%;
}

article.video .title {
	margin: 8px 0 4px !important;
	display: block;
}

article.video .byline {
	padding-top: 0 !important;
}


/********************************************************************************************
Home White Papers
********************************************************************************************/
#papers {
	margin:0 20px;
	padding:40px 0 10px;
	font-size:0;
}

#papers article{
	width:33.33%;
	display:block;
	float:left;
}

#papers article a.fancybox {
	margin:0 auto;
	width:250px;
	padding:50px 0px 50px 30px;
	background:#666;
	clear:both;
	height:280px;
	position:relative;
	z-index:200 !important;
	display:block;
	-webkit-transition: .2s;
	   -moz-transition: .2s;
	     -o-transition: .2s;
	        transition: .2s;
}

#papers article a.fancybox:hover {
	background:#ee2e24;
}

#papers article a.fancybox:before {
	content:'';
	position:absolute;
	bottom:-6px;
	left:0;
	border-bottom:2px solid #666;
	border-left:4px solid #666;
	border-right:2px solid #666;
	width:100%;
	height:4px;
	z-index:-1 !important;
}

#papers article a.fancybox:after {
	content:'';
	position:absolute;
	top:3px;
	right:-6px;
	border-top:2px solid #666;
	border-right:2px solid #666;
	width:4px;
	height:100%;
	z-index:-1 !important;
}

#papers article a.fancybox:hover:before,
#papers article a:hover:after {
	border-color:#ee2e24;
}

#papers article a h1 {
	width:150px;
	border-top:5px solid #fff;
	color:#fff;
	font-family: 'OgilvyJBaskervilleRegular', serif;
	font-weight:normal;
	font-size:21px;
	-webkit-font-smoothing: antialiased;
	padding: 15px 0;
}

#papers article a h2 {
	width:180px;
	color:#fff;
	font-family: 'OgilvyJBaskervilleItalic', serif;
	font-weight:normal;
	font-size:21px;
	-webkit-font-smoothing: antialiased;
	margin-bottom:0;
}

#papers article p {
	width:280px;
	margin:16px auto 24px;
	font-family:sans-serif;
	font-size:12px;
	line-height:1.4;
	height:100px;
}


/********************************************************************************************
Home Blog Network
********************************************************************************************/
#blog_grid {
	margin:0 20px;
	font-size:0;
	padding-top: 30px;
}
#blog_grid div.boxy {
	height: 290px !important;
	width: 30.333%;
	display: inline-block;
	margin:0 1.5% 25px;
	background:#666;
	color:#fff;
	vertical-align: top;
	overflow: hidden;
	-webkit-transition: .2s;
	   -moz-transition: .2s;
	     -o-transition: .2s;
	        transition: .2s;
}

#blog_grid div.boxy a { color: #fff; }

#blog_grid div.boxy a.post_link { margin: 0 12px 12px 12px;
	font-family: sans-serif;
	font-size:12px;
	color: #fff;
	display: block;
	-webkit-transition: .2s;
	   -moz-transition: .2s;
	     -o-transition: .2s;
	        transition: .2s;}

#blog_grid div.boxy a:hover h1, #blog_grid div.boxy a:hover { color: #ee2e24 !important; }

/*#blog_grid div.boxy:hover {
	background:#ee2e24;
}*/

#blog_grid div.boxy h1, #blog_grid div.boxy h2 {
	margin: 12px;
	font-size:18px;
	color: #FFF;
	line-height: 22px;
}

#blog_grid div.boxy h2 { font-size: 14px; }

#blog_grid div.boxy p {
	margin: 0 12px 12px 12px;
	font-family: sans-serif;
	font-size:12px;
	color: #CCC;
	-webkit-transition: .2s;
	   -moz-transition: .2s;
	     -o-transition: .2s;
	        transition: .2s;
}

/*#blog_grid div.boxy:hover p {
	color: #FFF;
}*/


/********************************************************************************************
Thinking styles
********************************************************************************************/
.article_grid.thinking article {
	width: 31.2%;
	padding: 10px 1%;
}
.article_grid.thinking article .border_hover {
	width: 100%;
	margin: 0;
	float: none;
	border: 1px solid #EEE;
}
.article_grid.thinking article h2 {
	line-height: 100%;
	padding: 12px 0 5px;
}
.article_grid.thinking article p {
	padding-left: 0;
}

/*.article_grid.thinking article:nth-child(-n + 7) {
	width:31.2%;
	padding:10px 1%;
}
.article_grid.thinking article:nth-child(-n + 7) .border_hover {
	width:100%;
	margin: 0;
	float: none;
}
.article_grid.thinking article:nth-child(-n + 7) h2 {
	padding: 12px 0 5px;
}
.article_grid.thinking article:nth-child(-n + 7) p {
	padding-left: 0;
}*/

/*.article_grid.thinking article:first-child {
	width:99%;
	padding:10px 0 25px;
}
.article_grid.thinking article:first-child .border_hover {
	width:50%;
	margin: 0 2% 0 1%;
	float: left;
}
.article_grid.thinking article:first-child h2 {
	padding-top: 0;
}*/

.options {
	margin: 0;
	width: 100%;
}
.options h1 {
	display: inline-block;
	float: left;
	margin: 4px 0 15px 1%;
	width: 100%; 
}
.options h1 span {
	color: #ee2e24;
}
.options ul {
	float: left;
	display: inline-block;
	padding: 0;
	margin: 0 20px 20px 0;
	list-style: none;
}
ul.sort-by {
	float: left;
	margin-left: 1%; 
	margin-right: 0px !important;
}

#archives {
	width: 150px;
	float: right;
	display: none;
}

#archives h3 {
	background: #EE2E24;
	color: #fff;
	font: normal 16px/28px ff-din-web,sans-serif;
	/*font-size: 16px;*/
	padding: 2px;
	width: 20px;
	float: left;
	height: 20px;
	text-align: center;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-o-border-radius: 20px;
	-html-border-radius: 20px;
	-ms-border-radius: 20px;
	border-radius: 20px;
}

#archives h4 {
	width: 120px;
	float: left;
	color: #222;
	text-transform: uppercase;
	font: normal 12px/16px ff-din-web,sans-serif;
	margin-top: 0px;
	margin-left: 5px;
}

#archives h4 span {
	color: #EE2E24;
	font-weight: bold;
	font-size: 14px;
}

#archives:hover h4 {
	color: #EE2E24;
}

ul.view-as {
	float: right;
	margin-right: 0px !important;
}
.options ul li {
	float: left;
	display: inline-block;
	text-transform: uppercase;
	font: normal 12px/28px ff-din-web,sans-serif;
	font-weight: 800;
	color: #444;
	margin-right: 4px;
}
.options ul li:first-child {
	margin-right: 10px;
}
.options ul li a {
	font-size: 11px !important;
	color: #444;
	padding: 0 10px;
	height: 24px;
	display: block;
	border: 1px solid #CCC;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	-html-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
	background: #EEE;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFF), color-stop(100%,#DDD));
	background: -moz-linear-gradient(top, #FFF, #DDD);
	background: -ms-linear-gradient(top, #FFF, #DDD);
	background: linear-gradient(top, #FFF, #DDD);
}
.options ul li a:hover {
	color: #444;
}
.options ul li a.selected {
	background: #ee2e24;
	border: 1px solid #ee2e24;
	color: #FFF !important;
	pointer-events: none;
}
ul.view-as li a {
	text-indent: -9999em;
	width: 30px;
	padding: 0;
	background: #EEE url(images/view_as_sprites.png) no-repeat top left;
	background: url(images/view_as_sprites.png) no-repeat top left,
			    -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFF), color-stop(100%,#DDD));
	background: url(images/view_as_sprites.png) no-repeat top left,
				-moz-linear-gradient(top, #FFF, #DDD);
	background: url(images/view_as_sprites.png) no-repeat top left,
				-ms-linear-gradient(top, #FFF, #DDD);
	background: url(images/view_as_sprites.png) no-repeat top left,
				linear-gradient(top, #FFF, #DDD);
}
ul.view-as li a.list {
	background-position: -30px 0;
}
ul.view-as li a.images {
	background-position: -60px 0;
}
ul.view-as li a.selected {
	background: #ee2e24 url(images/view_as_sprites.png) no-repeat bottom left;
}
ul.view-as li a.list.selected {
	background-position: -30px bottom;
}
ul.view-as li a.images.selected {
	background-position: -60px bottom;
}

/*Infinite Scroll Style(s)*/
.ias_loader {
	text-align:center;
	margin: 5px 0;
}

/********************************************************************************************
Sharrre
********************************************************************************************/
.share_container {
	margin: 20px 0;
	text-align: left;
	width: 100%;
	padding: 10px 0 8px;
/*	border-top: 1px dotted #888;
	border-bottom: 1px dotted #888;*/
}

#papers .share_container {
	width: 284px;
	margin: 0px auto;
	margin-top: 10px;
}

.dateTime { float: left; font: normal 13px/18px sans-serif; color: #444; font-weight: bold; margin-right: 5px;}

.share_container.cases {
	margin: 0 0 15px;
}
.share_container > div {
  background: url("images/share_sprites.png") no-repeat scroll left top transparent;
  cursor: pointer;	
  display: inline-block;
  height: 16px;
  margin-left: 5px;
  text-indent: -9999em;
  width: 16px;
}
.share_container div:hover {
	background-position: bottom left;
}


@-moz-document url-prefix() {
                    
	.share_container div.facebook_share {
		position: relative;
		bottom: 60Pxpx;
	}

	.share_container {
		padding-bottom: 4px;
	}
}

.share_container span {
	margin-right: -2px;
}

.share_container div.googleplus_share {
	background-position: right 0px;
	display: inline-block;
}

.share_container .twitter_share {
	background: transparent url("images/social_twitter.png") top left no-repeat;
}

.share_container .share_anywhere {
	background: transparent url("https://d2dnrmagaqciul.cloudfront.net/wp-content/uploads/2009/06/sharethis_16.png") top left no-repeat;
}

.share_container .facebook_share {
	background: transparent url("images/social_facebook.png") top left no-repeat;
}

.share_container div.googleplus_share {
	background: transparent url("images/social_plus.png") top left no-repeat;
}

.share_container .linkedin_share {
	background: transparent url("images/social_linked.png") top left no-repeat;
}

.share_container .email_share {
	background: transparent url("images/social_email.png") top left no-repeat;
}

.share_container div a {
	display: block;
	width: 100%;
	height: 100%;
}

.share_container p {
	font-size:11px;
	color:#666 !important;
	margin: 0px 10px 0 4px;
	display: inline-block;
	font-weight:bold;
	position: relative;
	bottom: 4px;
}


/********************************************************************************************
Article page
********************************************************************************************/
.article header {
	padding:0;
	width:100%;
}

.back_link {
	display: block;
	margin-bottom: 20px;
	font-weight: 600;
	max-width: 300px;
}

.article header hgroup {
	width: 100%;
	float: left;
	/*margin-bottom: 25px;*/
}

.article header h1 {
	font-size:26px;
	color:#444;
	margin:0 0 10px;
	line-height: 29px;
}

.article header time {
	font-size:12px;
	color:#888;
	font-weight:bold;
	text-transform: uppercase;
	float: left;
}

.article aside {
	float: right;
	width: 28%;
}

.article .author_info {
	margin-bottom:15px;
	border-bottom:1px dotted #444;
}

.article .author_info.post .job_title {
	margin-bottom: 0px;
	font-size: 14px;
	font-style: italic;
}

#sideBar {
	margin-top: 50px;
}

#sideBar h3 {
	font-weight: bold;
	font-size: 18px;
}

.article aside img {
	width: 100px;
	margin: 0 10px 10px 0;
	float: left;
}

.article aside p {
	color:#444;
	margin:0;
	font-family: ff-din-web, sans-serif;
	font-weight: 600;
}

.article aside .author, .article aside .author a {
	font-size: 16px;
}

.article aside p.job_title {
	margin-bottom:10px;
	font-size:11px;
}

.article aside p.location {
	margin-bottom:15px;
	font-size: 14px;
}

.follow_author {
	margin-bottom: 15px;
}
.follow_author a {
	display:inline-block;
	height:16px;
	width: 16px;
	text-indent:-9999px;
	margin-right:6px;
}
.follow_author a:hover {
	background-position: top left;
}

.follow_author a.twitter {
}
.follow_author.with_text a.twitter {
  text-indent: 0;
  width: auto;
}
.follow_author.with_text{text-align: left; margin-left: 10px;}
.follow_author a.linkedin {
  background: url("images/social_linked.png");
}
.follow_author a.linkedin:hover {
}

.follow_author a.email {
}
.follow_author a.email:hover {
}

.article .tags {
	margin-bottom:15px;
	padding-bottom:5px;
	border-bottom:1px dotted #444;
}

.article .tags p {
	text-transform:uppercase;
	margin-bottom:10px;
}

.article .tags p span {
	text-transform: none;
}

.article .tags p a {
	text-transform:none;
	color:#ee2e24;
	font-size: 13px;
}

.img-reactions{}

.img-reactions p{}

.img-reactions a {
  display: block;
  float: left;
  height: 48px;
  margin: 0 0 11px 11px;
  width: 48px;
}

.img-reactions a img {
  float: none;
  height: 48px;
  width: 48px;
}

.img-reactions .first-img{margin-left: 2px;}

.article .related p {
	text-transform:uppercase;
	margin-bottom:15px;
}

.article .related a {
	display: block;
	margin-bottom:15px;
	font-weight: 600;
}

.article .article_content {
	width: 66%;
	float: left;
}

.article .article_content img {
	margin: 15px 0 20px 20px;
	clear: both;
	max-width: 100%;
}

.article .article_content blockquote {
	font-family: 'OgilvyJBaskervilleRegular';
	margin:20px 0 15px 0;
	font-size:20px;
	line-height: 26px;
	color:#444;
	padding: 13px 0 15px;
	border-top: 1px dotted #888;
	border-bottom: 1px dotted #888;
}

.article .article_content p {
	color:#444;
	font-family:sans-serif;
}

.article .article_content h4 {
	font-size:15px;
	color:#444;
	margin:15px 0;
}

.article .article_content ul {
	list-style-type:square;
	color:#444;
	margin-bottom: 20px;
}

.article .article_content li {
	margin-bottom:5px;
	font-family:sans-serif;
	color:#444;
}

.article .article_content .related {
	margin: 20px 0;
	text-align: left;
	width: 100%;
	padding: 10px 0;
	border-top: 1px dotted #888;
	border-bottom: 1px dotted #888;
}

.article .article_content .related h3 {
	margin-bottom: 20px;
	text-transform: uppercase;
}

.embed-container {
    position: relative;
    padding-bottom: 56.25%; /* 16/9 ratio */
    padding-top: 30px; /* IE6 workaround*/
    height: 0;
    overflow: hidden;
	margin: 20px 0;
}
.embed-container iframe,
.embed-container object,
.embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#disqus_thread {
	margin: 10px 0 10px;
}

.dsq-comment {
	padding: 15px 0;
	border-bottom: 1px dotted #888;
	padding-bottom: 15px !important; 
}

.dsq-share-on h4 {
	margin: 0px !important;
}

li.dsq-comment:last-child {
	border-bottom: none !important;
}
#dsq-global-toolbar,
#dsq-footer a{ text-decoration: none;  }

#disqus_thread h3 {
	text-transform: uppercase;
	font-size: 13px;
	display: block;
	font-weight: 600;
	margin-bottom: 10px;
}
.dsq-comment .dsq-avatar {
	float: left;
	margin: 0;
}

#dsq-content #dsq-toolbar-dropdown {
	display: none !important;
}


.dsq-comment .dsq-comment-body .dsq-comment-header{
	font-size: 15px;
	color: #444;
	margin: 0 0 4px;
	line-height: 19px;
	background: none;
	border: none !important;
	padding-left: 0px !important;
}

.dsq-comment .dsq-comment-body {
	padding-left: 70px;
}

#dsq-content .dsq-avatar {
	position: relative !important;
	float: left !important;
}

.dsq-reply .dsq-textarea-reply {
	margin-left: 60px !important;
}

#dsq-content .dsq-show-tools .dsq-post-tools {
	background: #EBEBEB;
}

.dsq-textarea-background {
	background: #EBEBEB !important;
	border: 0px !important; 
}


.dsq-post-tools .dsq-post-as .dsq-button {
	background: #444 !important;
	border: none !important;
	color: #FFF !important;
	font: bold 13px/100% ff-din-web, sans-serif !important;
	text-transform: uppercase;
	float: right;
	padding: 12px 15px 11px !important;
	display: inline-block;
	-webkit-transition: background .2s;
	   -moz-transition: background .2s;
	     -o-transition: background .2s;
	    -ms-transition: background .2s;
	        transition: background .2s;
}
.dsq-post-tools .dsq-post-as .dsq-button:hover {
	background: #ee2e24 !important;
}

#comments {
	margin: 10px 0 10px;
}
#comments h2 {
	text-transform: uppercase;
	font-size: 13px;
	display: block;
	font-weight: 600;
	margin-bottom: 10px;
}
#comments form {
	position: relative;
	background-color: #ebebeb;
	padding: 16px 14px;
	margin-bottom: 10px;
}
#comments #login_options {
	position: absolute;
	top: 15px;
	right: 15px;
	width: 140px;
}
#comments #login_options p {
	display: inline-block;
	font: bold 12px/24px ff-din-web, sans-serif;
	text-transform: uppercase;
	float: right;
	margin: 0 5px 0 0;
}
#comments #login_options a {
	text-indent: -9999em;
	margin-left: 8px;
	float: right;
	width: 20px;
	height: 20px;
	display: inline-block;
	background: url(images/comments_login.png) no-repeat top left;
}
#comments #login_options a:hover {
	background-position: bottom left;
}
#comments #login_options a.facebook {
	background-position: top right;
}
#comments #login_options a.facebook:hover {
	background-position: bottom right;
}
#comments .formfield {
	margin-bottom: 15px;
	border-bottom: 1px dotted #888;
	padding-bottom: 4px;
	width: 70%;
}
#comments .formfield.long {
	width: 100%;
}
#comments label {
	display: inline-block;
	margin-right: 10px;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 600;
}
#comments input[type="text"] {
	background: none;
	border: none;
}
#comments textarea {
	background: none;
	border: none;
	width: 80%;
	padding: 0 0 0 5px;
	height: 20px;
	line-height: 1;
	resize: none;
}
#comments input[type="submit"] {
	background: #444;
	border: none;
	color: #FFF;
	font: bold 13px/100% ff-din-web, sans-serif;
	text-transform: uppercase;
	float: right;
	padding: 12px 15px 11px;
	display: inline-block;
	-webkit-transition: background .2s;
	   -moz-transition: background .2s;
	     -o-transition: background .2s;
	    -ms-transition: background .2s;
	        transition: background .2s;
}
#comments input[type="submit"]:hover {
	background: #ee2e24;
}

#comments article {
	padding: 15px 0 0;
	border-bottom: 1px dotted #888;
}
#comments article:last-child {
	border-bottom: none;
}
#comments article img {
	float: left;
	margin: 0;
}
#comments article .comment {
	padding-left: 70px;
}
#comments article h3 {
	margin-bottom: 0px;
}
#comments article time {
	text-transform: uppercase;
	font-size: 11px;
	color: #888;
	margin-bottom: 8px;
	display: inline-block;
}


/********************************************************************************************
Leadership
********************************************************************************************/
html.no-touch #page.leaders {
	overflow: hidden;
}
#leaders-map {
	background: #FFF url('images/loading-red.gif') no-repeat center center;
	position: absolute;
	top:155px;
	left: 0;
	bottom: 30px;
	width: 100%;
	z-index: 200;
}
.legend_circle {
	padding: 0 0 0 22px;
	font: normal 11px/14px ff-din-web, sans-serif;
	position: relative;
	margin: 0;
}
.legend_circle:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 14px;
	height: 14px;
	-webkit-background-clip: padding-box; /* fix WebKit background bleed on border-radius */
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
	        border-radius: 50%;
	display: block;
}
.legend_circle.red {
	margin-bottom: 6px;
}
.legend_circle.red:after { background-color: #EE2E24; }
.legend_circle.gray:after { background-color: #666; }

.each_leader {
	width: 340px !important;
	position: relative;
	z-index: 900;
	height: 220px !important;
}

.each_leader .leader_pic {
	width: 100px; 
	display: block;
	float: left;
}

.location_leaders {
	height: 220px !important;
	width: 340px !important;
}

.leader_box {
	padding: 10px;
	-moz-border-radius:10px;
	-webkit-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
		-webkit-transition: all .3s;
	   -moz-transition: all .3s;
	     -o-transition: all .3s;
	    -ms-transition: all .3s;
	        transition: all .3s;
	-moz-box-shadow:    1px 1px 2px 2px rgba(0,0,0,0.3);
	-webkit-box-shadow: 1px 1px 2px 2px rgba(0,0,0,0.3);
	box-shadow:         1px 1px 2px 2px rgba(0,0,0,0.3);
	height: 220px !important;
}

  .leader_box:before{
    border:solid;
    border-color:#fff transparent;
    border-width:12px 12px 0 12px;
    bottom:-12px;
    content:"";
    display:block;
    left:50%;
    position:absolute;
    z-index:99
   }

 .leader_box > img[align="right"] { z-index: 99999; }

.leader_box:hover .prev{
	display: block;
}

.leader_box:hover .next{
	display: block;
}

.leader_box.singlebox:hover .prev{
	display: none !important;
}

.leader_box.singlebox:hover .next{
	display: none !important;
}

.leader_menu { 

	/*z-index: 999;*/
}

 .prev { 
	width: 60px;
	height: 60px;
	background: black url('images/left_arrow.png') center center no-repeat;
	background: rgba(0, 0, 0, .5) url('images/left_arrow.png') center center no-repeat;
	position: absolute;
	left: 0px;
	top: 50%;
	text-indent: -999999px;
	display: none;
	z-index: 999;
}

 .next {
	width: 60px;
	height: 60px;
	background: black url('images/right_arrow.png') center center no-repeat;
	background: rgba(0, 0, 0, .5) url('images/right_arrow.png') center center no-repeat;
	position: absolute;
	right: 0px;
	top: 50%;
	text-indent: -999999px;
	display: none;
	z-index: 999;
}

.each_leader .leader_info {
	width: 200px;
	float: left;
	margin-left: 15px;	
}

.each_leader .leader_info .follow_author {
	border: none;
	padding-bottom: 0;
	margin-bottom: 0;
}

.each_leader .leader_info h3 {
	margin-bottom:0px;
	padding-bottom: 0px;
	color: #666;
	font-weight: bold; 
}

.each_leader h4 {
	margin: 5px 0px;
	padding-bottom: 0px;
	border-bottom: 1px dotted #666;
}

.each_leader .leader_info .leader_loc {
	margin: 10px 0px;
	font-weight: bold; 
	display: block;
}

#leaders-list {
	width: 100%;
	background: #FFF;
	z-index: 500;
	margin-bottom: 40px;
	overflow: visible !important;
}
#leaders-list section {
  display: block;
	width: 100%;
}
#leaders-list h1 {
	text-transform: uppercase;
	font-size: 15px;
	margin: 0;
  width: 100%;
	padding-top: 25px;
	border-bottom: 1px dotted #888;
	clear: both;
}
#leaders-list h1:first-child {
	padding-top: 10px;
}
#leaders-list article {
	width: 48%;
	float: left;
	border-bottom: 1px dotted #888;
	padding: 10px 0;
	margin-right: 10px;
}
#leaders-list article:last-child {
	border-bottom: none;
}
#leaders-list img {
	min-width: 210px;
	max-width: 260px;
	width: 20%;
	float: left;
	margin-right: 1.5%;
}
.leader_info {
	width: 20%;
	float: left;
	margin-right: 1.5%;
}
#leaders-list p {
	color:#444;
	margin:0;
	font-family: ff-din-web, sans-serif;
	font-weight: 600;
}

#leaders-list a.author, #leaders-list span.author {
	font-size: 16px;
	font-weight: 600;
	display: block;
	color: #EE2E24;
}

#leaders-list a.articles {
	font-size: 14px;
	font-weight: 600;
	display: block;
	margin-bottom: 10px;
	color: #EE2E24;
}

#leaders-list p.job_title {
	margin-bottom:10px;
	font-size:12px;
}

#leaders-list .leader_info p.job_title {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 0px; 
}

#leaders-list p.location {
	margin-bottom:12px;
	font-size: 14px;
}

#leaders-list p.phone, #leaders-list span.phone {
	margin-bottom:15px;
	font-size: 14px;
	color: #444;
	margin: 0;
	font-family: ff-din-web, sans-serif;
	font-weight: 600;
}

#leaders-list span.phone {
	vertical-align: bottom;
}

#leaders-list span.phone span{
	color: #EE2E24;
}

.single_leader .basic_info .phone span {
  background: none repeat scroll 0 0 #EE2E24;
  border-radius: 10px 10px 10px 10px;
  display: inline-block;
  height: 5px;
  text-indent: -9999px;
  vertical-align: middle;
  width: 5px;
  margin: 5px 3px 0 3px;
}

.profile-tweets {
	font-family: 'OgilvyJBaskervilleRegular';	
	color: #EE2E24;
	font-size: 25px;
	line-height: 1.2em;	
}

.profile-tweets .tweet_list li {
	list-style:none;
}

.profile-tweets .tweet_list {
	margin: 0;
	padding: 0;
}

.profile-tweets .tweet_list li a {
	color: black;
}

.profile-tweets-name, .profile-tweets-name a {
	font-size: 22px;
	font-weight: 600;
	color: #666;
	padding-top: 10px;
	font-family: ff-din-web, sans-serif;
}

#leaders-list .follow_author {
	border-bottom:none;
}

#leaders-list .related {
	float: left;
	width: 40%;
}
#leaders-list .related p {
	text-transform:uppercase;
	margin-bottom:15px;
}

#leaders-list .related a {
	display: block;
	margin-bottom:10px;
	font-weight: 600;
}

#leaders-list img {
	height: 130px;
}

#leaders-list .leader_info {
 width: auto;
}

#leaders-list .related a:last-child {
	margin-bottom: 0;
}


/********************************************************************************************
What is social@Ogilvy
********************************************************************************************/
.what_is_img {
	float: right;
	width: 50%;
	height: auto;
	margin: 0 0 20px 20px;
}


/********************************************************************************************
Business Solutions
********************************************************************************************/
.solutions {
	position: absolute !important;
	margin: 0 !important;
	padding: 0 !important;
	top: 90px;
	bottom: 80px;
	background: url(images/bg_business_solutions.jpg) no-repeat center center;
	-webkit-background-size: cover;
	   -moz-background-size: cover !important;
	     -o-background-size: cover;
	        background-size: cover !important;
	width: 100%;
	overflow: hidden !important;
}
#solutions {
	width: 100.3%;
	height: 100%;
	overflow: hidden;
}
#solutions a {
	width: 20%;
	height: 33.5%;
	background: #666;
	display: block;
	float: left;
	margin: 0 20% 0 0;
	-webkit-transition: background .2s;
	   -moz-transition: background .2s;
	     -o-transition: background .2s;
	    -ms-transition: background .2s;
	        transition: background .2s;
	
}
#solutions a:nth-child(1), #solutions a:nth-child(6) {
	margin-left: 20%;
}
#solutions a:nth-child(5) {
	margin-right: 0;
}
#solutions a:hover {
	background: #ee2e24;
	color: #FFF !important;
}
#solutions a p {
	margin: 0;
	padding: 10px;
	color: #FFF;
	font: bold 20px/24px ff-din-web, sans-serif;
}

.solution {
	margin: 0 auto 0;
	max-width: 1024px;	
}

.solution_content {
	width: 68%;
	float: left;
	margin-right: 7%;
}

#related_content {
	border-top: 1px dotted #888;
	width: 100%;
	margin-top: 20px;
	padding-top: 20px;
}
#related_content h2 {
	font-size:12px;
	font-weight:bold;
	text-transform: uppercase;
}

#services {
	width: 25%;
	float: left;
}
#services h2 {
	font-size:16px;
	font-weight:bold;
	text-transform: uppercase;
	margin-bottom: 5px;
}
#services h3 {
	font-size:15px;
	line-height: 21px;
	font-weight:bold;
/*	cursor: pointer;*/
	color: #444;
	margin: 10px 0 5px;
/*	background: url(images/accordion_sprite.png) no-repeat top left;
	padding-left: 20px;*/
}
#services h3.active {
	background-position: 0 -20px;
}
#services p {
	margin-bottom: 15px;
	display: none;
	max-width: 680px;
	padding-left: 20px;
}

#case_studies {
	width: 25%;
	float: left;
}
#case_studies a {
	font-size:15px;
	font-weight:bold;
	cursor: pointer;
	color: #ee2e24;
	display: block;
	margin: 0 0 5px;
}
#case_studies p {
	font: bold 12px/100% ff-din-web, sans-serif;
	text-transform: uppercase;
	margin-bottom: 20px;
}



/********************************************************************************************
Case Studies
********************************************************************************************/
.case_studies {
	padding-top: 10px;
	position:relative;
}

.cases_intro {
	list-style: none;
	margin-bottom: 20px;
	padding: 0 0 20px 0;
	border-bottom: 1px dotted #888;
}
.cases_intro li {
	font: normal 24px/27px 'OgilvyJBaskervilleRegular', sans-serif;
	color: #444;
	width:30%;
	padding:10px 1.5%;
	position:relative;
	display:block;
	float:left;
}
.with_text {
	font: normal 36px/30px 'OgilvyJBaskervilleRegular', sans-serif;
	color: #444;
	text-align: center;
	margin-bottom: 40px;
}

.case_studies a {
	width:31.33%;
	height: auto;
	padding:10px 1%;
	position:relative;
	display:block;
	float:left;
}

.case_studies a hgroup {
	position: absolute;
	bottom: 20px;
	left: 20px;
	right: 20px;
	background: #FFF;
	padding: 10px;
	-webkit-transition: background .3s;
	   -moz-transition: background .3s;
	     -o-transition: background .3s;
	    -ms-transition: background .3s;
	        transition: background .3s;
}

.case_studies a:hover hgroup {
	background: #ee2e24;
}
.case_studies a:hover h2 {
	color: #000;
}
.case_studies a:hover h3 {
	color: #FFF;
}

.case_studies a h2 {
	font-size:12px;
	font-weight:bold;
	text-transform: uppercase;
	margin-bottom: 4px;
	-webkit-transition: color .25s;
	   -moz-transition: color .25s;
	     -o-transition: color .25s;
	    -ms-transition: color .25s;
	        transition: color .25s;
}

.case_studies a h3 {
	font-size:18px;
	line-height: 21px;
	font-weight:bold;
	color: #ee2e24;
	margin: 0;
}

.case_studies a img {
	width: 100%;
}

.coming-soon{
	pointer-events: none;
}

/********************************************************************************************
Case Study
********************************************************************************************/
.case_study {
	position: relative;
}
#case_study_info {
	width: 500px;
	padding: 15px;
	margin-bottom: 10px;
	background-color: #FFF;
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,.3);
	   -moz-box-shadow: 0 0 5px rgba(0,0,0,.3);
	        box-shadow: 0 0 5px rgba(0,0,0,.3);
}
#case_study_info .addthis_toolbox {
	margin-top: 0;
}
#case_study_info h2 {
	font-size:14px;
	font-weight:bold;
	text-transform: uppercase;
	margin-bottom: 10px;
}
#case_study_info h1 {
	font-size:26px;
	color:#444;
	margin:0 0 15px;
	line-height: 28px;
}
.case_study ul {
	list-style: none;
	padding: 0;
}
#case_study_info .thumbs {
	margin-top: 25px;
	position: relative;
	z-index: 1;
}
#case_study_info .thumbs li {
	display: block;
	float: left;
	margin-right: 10px;
	cursor: pointer;
	-webkit-transition: all .3s;
	   -moz-transition: all .3s;
	     -o-transition: all .3s;
	    -ms-transition: all .3s;
	        transition: all .3s;
}
#case_study_info .thumbs li:last-child {
	margin-right: 0;
}
#case_study_info .thumbs li:hover,
#case_study_info .thumbs li.activeSlide {
	-webkit-box-shadow: inset 0 0 0 5px #ee2e24;
	   -moz-box-shadow: inset 0 0 0 5px #ee2e24;
	        box-shadow: inset 0 0 0 5px #ee2e24;
}
#case_study_info .thumbs img {
	position: relative;
	z-index: -1;
	width: 92px;
}

.touchpoints li {
	float: left;
	display: block;
	width: 140px;
	height: 140px;
	padding: 15px;
	margin-right: 10px;
	background-color: #000;
	color: #FFF;
	font: bold 17px/20px ff-din-web, sans-serif;
}
.touchpoints li span {
	color: #ee2e24;
}

#case_study_bg {
	width: 100%;
	position: fixed;
	z-index: -1;
	top: 90px;
	bottom: 30px;
	left: 0;
	background: #ddd;
}
#slider_controls {
	position: absolute;
	height: 100%;
	width: 100%;
	z-index: 1;
	display: none;
}
#case_study_bg #left_arrow {
	left: 0;
	display: block;
}
#case_study_bg #right_arrow {
	right: 0;
}
#case_study_bg #left_arrow span {
	margin: 0;
}
#case_study_bg #right_arrow span {
	margin: 0;
}

#case_study_bg #close {
	background: #ee2e24 url(images/close.png) no-repeat center center;
	display: block;
	height: 60px;
	width: 60px;
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
	-webkit-transition: all .4s;
	   -moz-transition: all .4s;
	     -o-transition: all .4s;
	        transition: all .4s;
}
#case_study_bg #close:hover {
	background-color: #000;
}

#case_study_slider {
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 0;
	padding: 0;
}
#case_study_slider li {
	height: 100% !important;
	width: 100% !important;
	display: block;
	-webkit-background-size: cover;
	   -moz-background-size: cover !important;
	     -o-background-size: cover;
	        background-size: cover !important;
}



/********************************************************************************************
Communities Feeds
********************************************************************************************/
#social_feeds {
	padding-bottom: 20px;
	margin: 10px 0 20px;
	border-bottom: 1px dotted #888;
}
#social_feeds section {
	float: left;
	width: 30%;
	margin: 0 2.5%;
}
#social_feeds section:first-child {
	margin-left: 0;
}
#social_feeds section:last-child {
	margin-right: 0;
}
#social_feeds h2 {
	font-size:12px;
	font-weight:bold;
	line-height: 22px;
	height: 20px;
	text-transform: uppercase;
	margin-bottom: 20px;
	background:url(images/social_sprites.png) -24px 0 no-repeat;
	padding-left: 28px;
}

#social_feeds h2.twitter {
	padding-left:32px;
}
#social_feeds #twitter_update_list {
	padding: 0;
	list-style: none;
}
#social_feeds #twitter_update_list li {
	margin-bottom: 18px;
	font-family: sans-serif;
}
#social_feeds #twitter_update_list li a {
	font-family: ff-din-web, sans-serif;
}
#social_feeds #twitter_update_list li span {
	display: block;
	margin-bottom: 5px;
}
#social_feeds #twitter_update_list li span a {
	font-family: sans-serif !important;
}

#social_feeds h2.facebook {
	background-position:-26px -40px;
}

#social_feeds h2.linkedin {
	background-position:-26px -20px;
}

#social_feeds article {
	margin-bottom: 25px;
}

#social_feeds p {
	margin-bottom: 6px;
}

#social_feeds time {
	font-size:11px;
	font-weight:bold;
	text-transform: uppercase;
}

#social_feeds a {
	font-weight: bold;
}

.social_link {
	font-weight: bold;
	margin-right: 60px;
}


/********************************************************************************************
Events
********************************************************************************************/
.events {
	max-width: 1024px;
	margin: 0 auto;
}
.events .left_column {
	float: left;
}
.events article ul {
  padding-left: 0;
}
.events article {
	padding-bottom: 16px;
	margin-bottom: 14px;
	border-bottom: 1px dotted #888;
}
.events article h2 {
	margin-bottom: 6px;
}
.events article h2 a {
	font-size: 18px;
}
.events article time {
	font-size:12px;
	font-weight:bold;
	text-transform: uppercase;
	margin-bottom: 10px;
	color: #444;
	display: inline-block;
}
.events p.location {
	font: bold 15px/100% ff-din-web, sans-serif;
	margin-bottom: 0;
	color: #888;
}

.events aside {
	width: 25%;
	float: left;
}
#calendar {
	width: 210px;
	float: right;
	margin-top: 20px;
}
#calendar h2 {
	width: 100%;
	background: #444;
	color: #FFF;
	font-size: 14px;
	line-height: 38px;
	height: 36px;
	text-align: center;
	text-transform: uppercase;
	position: relative;
	margin: 0;
}
#calendar h2 a {
	text-indent: -9999em;
	position: absolute;
	width: 36px;
	height: 36px;
	top: 0;
}
#calendar h2 a.prev_month {
	background: url(images/prev_month.png) no-repeat center center;
	left: 0;
}
#calendar h2 a.next_month {
	background: url(images/next_month.png) no-repeat center center;
	right: 0;
}
.calendar-row-head {
	border-bottom: 2px solid #EEE;
}
.calendar-row {
	border: 2px solid #EEE;
	border-top: none;
	background: #EEE;
}
.calendar-day-head {
	background: #000;
	color: #FFF;
	font: bold 8px/21px "Helvetica Neue", sans-serif;
	width: 30px;
	text-transform: uppercase;
	text-align: center;
}
.calendar-day {
	border-right: 2px solid #EEE;
	background: #FFF;
	height: 28px;
	text-align: center;
	font: bold 12px/30px ff-din-web, sans-serif;
}
.calendar-day p {
	margin: 0;
	height: 0;
}
.event-day{
	color: #EE2E24;
}

.events h1 {
  margin-left: 180px;
  margin-bottom: 30px;
  margin-top: 40px;
}
.events article>img {
  float: left;
}

.events article>div {
  margin-left: 180px;
}
.events li {
  list-style: none;
}
.events li span {
  margin-right: 8px;
  font-family: ff-din-web;
  font-weight: bold;
  text-transform: uppercase;
  width: 80px;
  display: inline-block;
  text-align: left;
}


/********************************************************************************************
Careers
********************************************************************************************/
.careers .left_column {
	float: left;
	width: 70%;
	margin: 10px 5% 0 0;
}
.careers .left_column h1 {
	font-size:14px;
	font-weight:bold;
	text-transform: uppercase;
	padding-bottom: 0;
	margin-bottom: 12px;
	border-bottom: 1px dotted #888;
}
.careers .left_column h1 a {
	float: right;
	font-size: 12px;
	text-transform: none;
}
.careers .left_column section {
	margin-bottom: 10px;
	width: 100%;
}
.careers article {
	padding-bottom: 14px;
	margin-bottom: 10px;
	border-bottom: 1px dotted #888;
}
.careers article:last-child {
	border: none;
}
.careers article h2 {
	margin-bottom: 2px;
}
.careers article h2 a {
	font-size: 18px;
}
.careers article h3 {
	font-size:13px;
	font-weight:bold;
	text-transform: uppercase;
	margin-bottom: 10px;
	color: #888;
}
.careers a {
/*	font-weight: bold;*/
	font-size: 13px;
}

.careers aside {
	width: 25%;
	float: left;
	margin-top: 10px;
}
.careers aside h1 {
	font-size:14px;
	font-weight:bold;
	text-transform: uppercase;
	margin-bottom: 25px;
}
.careers aside h2 {
	font-size: 16px;
	margin-bottom: 4px;
}
.careers aside a {
	font-size: 12px;
/*	margin-bottom: 10px;*/
	display: inline-block;
}

/********************************************************************************************
Infinite scroll styling
********************************************************************************************/
#infscr-loading {
	position: fixed;
	text-align: center;
	bottom: 100px;
	left: 42%;
	z-index: 100;
	background: white;
	background: hsla( 0, 0%, 100%, 0.9 );
	padding: 20px;
	color: #EE2E24;
	font-size: 15px;
	font-weight: bold;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}


/********************************************************************************************
Search results
********************************************************************************************/
.search h1 {
	margin-bottom: 20px;
}

#search-images {opacity: 0;}
#search_results {
	margin-top: 10px;
}
#search_results section {
	margin-bottom: 30px;
	width: 100%;
}
#search_results h2 {
	text-transform: uppercase;
	font-size: 14px;
	padding-bottom: 0px;
	border-bottom: 1px dotted #888;
	margin-bottom: 15px;
}
#search_results a {
	font-size: 16px;
}



/********************************************************************************************
Isotope Styles
********************************************************************************************/
/**** Isotope Filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
       -o-transition-property:         top, left, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}


/********************************************************************************************
Fancybox Styles
********************************************************************************************/
/*! fancyBox v2.0.4 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-tmp iframe, .fancybox-tmp object {
	vertical-align: top;
	padding: 0;
	margin: 0;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1002;
}

.fancybox-outer {
	padding: 0;
	margin: 0;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
			border-radius: 4px;
}

.fancybox-opened {
	z-index: 1003;	
}

.fancybox-opened .fancybox-outer {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-inner {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	position: relative;
	outline: none;
	overflow: hidden;
}

.fancybox-error {
	color: #444;
    font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
    margin: 0;
    padding: 10px;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
	border: 0;
	padding: 0;
	margin: 0;
	vertical-align: top;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -21px;
	margin-left: -21px;
	width: 42px;
	height: 42px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 1010;
}

.fancybox-prev span, .fancybox-next span {
	background-image: url('images/fancybox_sprite.png');
}

.fancybox-close {
	background: #ee2e24 url(images/close.png) no-repeat center center;
	position: absolute;
	top: 0;
	right: -40px;
	width: 40px;
	height: 40px;
	cursor: pointer;
	z-index: 1004;
}

.fancybox-prev, .fancybox-next {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	background: transparent url('blank.gif'); /* helps IE */
	z-index: 1003;
}

.fancybox-prev {
	left: 0;	
}

.fancybox-next {
	right: 0;
}

.fancybox-prev span, .fancybox-next span {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 36px;
	height: 36px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 1003;
}

.fancybox-prev span {
	background-position: 0 -36px;
}

.fancybox-next span {
	background-position: 0 -72px;
}

.fancybox-prev:hover, .fancybox-next:hover {
	visibility: visible;
}

.fancybox-prev:hover span {
	left: 20px;
}

.fancybox-next:hover span {
	left: auto;
	right: 20px;
}

.fancybox-tmp {
	position: absolute;
	top: -9999px;
	left: -9999px;
	padding: 0;
	overflow: visible;
	visibility: hidden;
}

/* Overlay helper */

#fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 1001;
	background: #000;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;	
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 1005;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 1003;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
			border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	margin-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;	
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}


/*
 * Article archive timeline style
 */

.wp-caption img {
  margin: 0 !important;
}

.wp-caption-text {
  text-transform: uppercase;
  font-family: ff-din-web !important;
}
.month a {
font-weight: bold;
  -webkit-transition: all .3s;
     -moz-transition: all .3s;
      -ms-transition: all .3s;
          transition: all .3s;
}

.month a:hover {
color: white !important;
background: red !important;
}

h1 {
margin: 20px 0 20px 0px;
}

.button {
  padding: 10px 12px 6px 12px;
font-weight: bold;
margin: 10px 10px 10px 0; 
display: inline-block;
text-transform: uppercase;
}

#dsq-content #dsq-global-toolbar, #disqus_thread .dsq-trackback-url{
	display: none !important;
}

.button ~ .social {
  border-left: 1px solid #B4B4B4;
  padding-left: 10px;
  height: 30px;
  display: inline-block;
  margin-top: 10px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  padding-bottom: 10px;
  position: relative;
  padding-top: 3px;
  top: 10px;
}


.fb-like {
  bottom: 7px;
  right: 20px;
}

.social iframe {
  display: inline-block;
  
}

.count-o {
  background: #999 !important;
  color: white !important;
  font-family: ff-din-web !important;
  font-weight: bold;
}


.year.past {
  background-color: #000;
}

#timeline {
  width: 100%;
  position: relative;
  z-index: 9999;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  padding: 0 20px;
}

#timeline .timelinescroller {
  width: 100%;
  overflow: visible !important;
}

.timelinescroller:before {
  width: 20px;
  height: 100%;
  position: absolute;
  left: 0px;
  content: "";
  top: 0;
  background: white;
  z-index: 10;
}


.timelinescroller:after {
  width: 20px;
  height: 100%;
  position: absolute;
  right: 0px;
  content: "";
  z-index: 10;
  top: 0;
  background: white;
}

#timeline .wrap {
  width: 300%;
}

.year {
	background-color: #333;
  color: white;
  float: left;
  width: 33.33%;
  border-right:1px solid white;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.year h4 {
  padding: 0 10px;
  font-size: 40px;
  margin: 0;
  font-weight: 300;
  color: rgba(255,255,255,.5);
}

.year h4 span {
  float: right;
}

.month {
  width: 8.33333%;
  float: left;
  text-align: center;
  position: relative;
  border-right: 1px solid white;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.month.tick:before {
  position: absolute;
  width: 0;
  height; 0;
  top: -4px;
  left: 50%;
  margin-left: -10px;
  content: "";
  border-top: 10px solid red;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
  display: block;
  z-index: 4;
}

.month.past a {
  background-color: #CCC;
}

.month.active a {
  background-color: #EE2E24;
  color: white;
}

.month a:hover {
  color: white;
  background: #EE2E24;
}

.month a {
  width: 100%;
  height: 100%;
  border-top: 3px solid rgba(0,0,0,.1);
  padding: 7px 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: block;
  color: black;
  background: #e6e6e6;
  position: relative;
}

.month:last-child {
  border-right: 0px;
}



#timeline .forward, #timeline .back {
  position: absolute;
  bottom: 0px;
  color: white;
  width: 30px;
  height: 33px;
  z-index: 10;
  background: #EE2E24 url('images/right_arrow.png') center center no-repeat;
  background-size: 20px 20px;
  box-shadow: 0 0 3px rgba(0,0,0,.2);
  -webkit-box-shadow: 0 0 3px rgba(0,0,0,.9);
  text-indent: -9999px;
	cursor: pointer;

}

#timeline .back {
  left: 20px;
background: #333 url('images/left_arrow.png') center center no-repeat;
  background-size: 20px 20px;
}

#timeline .forward {
  right: 20px;
}
/****Front page blog slider****/
/*.page_scroller { position: relative; }*/
#slider_wrapper { width: 100%; position: relative; }
.page_scroller .nav { position: absolute; bottom: 2%; left: 66%; z-index: 9999; list-style-type: none !important; padding: 0px;  }

.page_scroller .nav li { float: left; margin: 5px;  }

.page_scroller .nav li a { width: 14px; height: 14px; -moz-border-radius:14px; -webkit-border-radius:14px; background: #fff; display: block;}
.page_scroller .nav li.activeSlide a{ background: #EE2E24; }

#blog_slider { min-height: 350px; margin: 0px 3.5%; width: 96% !important; overflow: hidden;}

.blog_slider .slide {   }


#blog_slider .img-wrap { 
  overflow: hidden;
  width: 63%;
  display: block;
  float: left;
  min-height: 350px;
  position: relative;
}

#blog_slider .img-wrap div {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
}

#blog_slider .img-wrap img {
  position: absolute;
  top: 0;
  left:0;
  bottom: 0;
  right: 0;
  margin: auto;
  min-width: 50%;
  min-height: 50%;
}

#blog_slider .description_box { width: 30%; padding: 2%; background: #E9E9E9; float: left; margin-right: 1.5%; min-height: 350px;}

#blog_slider .description_box h1 { color: #EE2E24; margin-top: 20px;}

#blog_slider .description_box p { font-size: 16px; margin-top: 10px; }

#blog_slider .description_box a { font-weight: bold; }

/* ==|== non-semantic helper classes ========================================
   Please define your styles before this section.
   ========================================================================== */

/* For image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* Contain floats: h5bp.com/q */ 
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }



/* ==|== media queries ======================================================
   PLACEHOLDER Media Queries for Responsive Design.
   These override the primary ('mobile first') styles
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 480px) {
  /* Style adjustments for viewports 480px and over go here */

}





@media only screen and (max-width: 1024px) {
  	article.blog_title a {padding:10px;}
}

@media only screen and (min-width: 1200px) {
/*  	.case_studies a {width:23%;}*/
}

@media only screen and (min-width: 1400px) {
  	.article_grid.home article {
		width:23%;
		padding:10px 1%;
	}
	.article_grid.home article:nth-child(3n+4) {clear: none;}
	.article_grid.home article:nth-child(4n+5) {clear: both;}
}

@media only screen and (max-width: 980px) {
	#logo {
		margin-top: 32px;
		width: 140px;
	}
	header.main nav a {
		padding:0 10px;
		font: normal 14px/90px ff-din-web,sans-serif;
	}
	header.main form {width:110px;}
	header.main form input[type="text"] {width:75px;}
	#papers article {width: 50%;}
}

@media only screen and (max-width: 785px) {
	header.main nav {
		white-space: nowrap;
	}
	header.main nav a {
		padding:0 8px;
		font: normal 12px/90px ff-din-web,sans-serif !important;
	}
	.single_tweet {padding: 20px;}
	.single_tweet p,
	.single_tweet p a {
		font-size:25px;
		line-height: 32px;
	}
	header.main form {
		position: relative !important;
	}
	
}


/* ==|== print styles =======================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
 
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}