/* Import this into other SCSS files. */
@import url("https://use.typekit.net/vav2pap.css");
@import url("https://use.typekit.net/dnd4mwt.css");
@font-face {
  font-family: 'Raleway-ExtraLight';
  src: url("fonts/Raleway-ExtraLight.ttf"); }
/* For non-IE browsers */
@font-face {
  font-family: 'Raleway-Light';
  src: url("fonts/Raleway-Light.ttf"); }
/* For non-IE browsers */
@font-face {
  font-family: 'Raleway-Medium';
  src: url("fonts/Raleway-Medium.ttf"); }
/* For non-IE browsers */
@font-face {
  font-family: 'Raleway-Regular';
  src: url("fonts/Raleway-Regular.ttf"); }
/* For non-IE browsers */
@font-face {
  font-family: 'Raleway-SemiBold';
  src: url("fonts/Raleway-SemiBold.ttf"); }
/* For non-IE browsers */
@font-face {
  font-family: 'Raleway-Thin';
  src: url("fonts/Raleway-Thin.ttf"); }
/* For non-IE browsers */
div.browser_warning {
  background: white;
  border-bottom: 4px solid #8fc2cb;
  padding: 40px;
  text-align: center;
  font-size: 18px; }
  div.browser_warning div.inner {
    width: 700px;
    margin-left: auto;
    margin-right: auto;
    text-align: left; }
  div.browser_warning h1 {
    font-size: 30px;
    font-family: proxima-nova, helvetica, arial, sans-serif;
    font-weight: bold;
    color: black; }
  div.browser_warning h2 {
    font-size: 24px;
    font-family: proxima-nova, helvetica, arial, sans-serif;
    font-weight: bold;
    color: #707070;
    margin: 18px 0; }
  div.browser_warning a:link, div.browser_warning a:visited, div.browser_warning a:hover, div.browser_warning a:active {
    text-decoration: none; }
  div.browser_warning p {
    margin: 18px 0; }

body#s3 div.browser_warning, body#basics div.browser_warning {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999999; }

/* #ie_6_warning also has class .browser_warning */
div#ie_6_warning ul {
  margin-left: 100px; }
div#ie_6_warning li {
  float: left;
  display: inline;
  width: 140px;
  text-align: center;
  margin-right: 30px; }
  div#ie_6_warning li span {
    display: block; }

/* CSS 3 */
/***********/
/* General */
/***********/
/* Colors */
*:first-child {
  margin-top: 0; }

/* Headings */
h1 {
  font-family: proxima-nova, helvetica, arial, sans-serif;
  font-size: 40px;
  font-weight: 400;
  letter-spacing: 2px;
  line-height: 44px;
  text-transform: uppercase;
  color: #303030;
  margin: 30px 0 10px 0;
  padding: 0; }

h2 {
  font-family: proxima-nova, helvetica, arial, sans-serif;
  font-size: 28px;
  font-weight: 300;
  line-height: 30px;
  text-transform: none;
  margin: 30px 0 10px 0; }
  h2 span.superhead {
    display: block;
    letter-spacing: 1px;
    font-size: 12px;
    line-height: 12px;
    margin-bottom: 8px;
    color: #ababaa;
    text-transform: uppercase; }

h2.center {
  text-align: center;
  letter-spacing: 5px; }

h3 {
  font-family: proxima-nova, helvetica, arial, sans-serif;
  font-size: 22px;
  font-weight: 300;
  line-height: 26px;
  text-transform: none;
  margin: 30px 0 10px 0; }

h3 {
  font-family: proxima-nova, helvetica, arial, sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 24px;
  text-transform: none;
  margin: 30px 0 10px 0; }

p.intro {
  font-family: "adobe-garamond-pro", "times new roman", times georgia, serif;
  font-size: 22px;
  line-height: 32px;
  text-align: center;
  color: #818181; }

.intro_text {
  color: #303030;
  font-size: 28px;
  line-height: 1.3em;
  font-weight: 400;
  margin: 52px 0 85px 0; }

p.end_note {
  font-size: 14px;
  line-height: 18px; }

p.large {
  font-size: 1.25em;
  line-height: 1.5em; }

p.black {
  color: #303030; }

strong {
  font-weight: bold;
  color: #777; }

a:link, a:visited, a:hover, a:active, [hovertext] {
  color: #568eb1; }

a:link, a:visited {
  text-decoration: none; }

a:hover, a:active {
  color: #abafb1; }

a.box_link {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  display: block; }

.read_more, .read_less {
  color: #568eb1; }

.read_more:hover, .read_less:hover {
  color: #abafb1; }

.read_less {
  display: none; }

.maroon {
  color: #990000; }

.external_link {
  padding-right: 15px;
  background: url(/img/external_link.gif) no-repeat right center; }

.pdf {
  background: url("https://cemse.s3.amazonaws.com/outlier/pdf_icon.png") no-repeat;
  padding-left: 55px;
  min-height: 46px;
  display: inline-block; }

ul li, ol li {
  margin-bottom: 10px; }

html {
  margin: 0;
  padding: 0;
  background-color: #fff; }

body {
  margin: 0;
  padding: 0 10px 30px 10px;
  background-color: #fff;
  font-size: 16px;
  line-height: 22px;
  color: #818181;
  font-family: proxima-nova, helvetica, arial, sans-serif;
  font-weight: 300; }

div#header {
  width: 1024px;
  margin: 0 auto 10px auto;
  /*border-bottom: $border_style;*/
  padding: 0 0 10px 0; }
  div#header div.inner {
    width: 1024px;
    height: auto;
    margin: 0 auto;
    padding: 0;
    background-color: #fff; }
    div#header div.inner img#logo {
      float: left;
      height: auto;
      margin-top: 30px; }
    div#header div.inner ul#top_navigation {
      float: right;
      position: relative;
      top: 51px;
      list-style-type: none;
      margin: 0;
      padding: 0;
      line-height: 13px;
      text-align: right;
      margin-top: 30px; }
      div#header div.inner ul#top_navigation li {
        float: left;
        padding: 0;
        position: relative;
        font-family: proxima-nova, helvetica, arial, sans-serif;
        font-size: 12px;
        line-height: 12px;
        text-transform: uppercase;
        color: #818181;
        background-color: #fff;
        margin-bottom: 7px;
        padding-left: 20px; }
        div#header div.inner ul#top_navigation li a {
          color: #303030; }
        div#header div.inner ul#top_navigation li a.selected {
          color: initial;
          border-bottom: 1px solid #000000; }
        div#header div.inner ul#top_navigation li a:hover {
          color: #7b7b7b; }
        div#header div.inner ul#top_navigation li ul {
          margin: 0;
          padding: 10px 20px 0 0;
          list-style-type: none;
          text-align: left;
          display: none;
          position: absolute;
          top: 13px;
          z-index: 10;
          background-color: #fff; }
          div#header div.inner ul#top_navigation li ul li {
            width: 100%;
            border-width: 1px 0 0 0;
            border-color: #eeeeee;
            border-style: solid;
            background-color: #fff;
            padding: 10px 10px 7px 10px;
            margin: 0;
            line-height: 14px;
            white-space: nowrap; }
          div#header div.inner ul#top_navigation li ul li:last-child {
            border-bottom: 1px solid #eeeeee; }
          div#header div.inner ul#top_navigation li ul li:hover {
            background-color: #fbfbfb; }
      div#header div.inner ul#top_navigation > li:first-child {
        border-left: none; }
      div#header div.inner ul#top_navigation > li:hover ul {
        display: block; }

div#header.right-image div.inner {
  width: 1024px;
  background-color: #fff;
  padding: 0; }
  div#header.right-image div.inner div.left {
    float: left;
    width: 665px;
    padding: 0 30px 0 0;
    margin: 0;
    position: relative;
    background-color: #fff;
    height: 557px; }
    div#header.right-image div.inner div.left div.logo_nav {
      border-bottom: 2px dotted #ddd;
      margin: 0;
      padding: 0 0 10px 0; }
    div#header.right-image div.inner div.left div.text {
      margin: 0;
      padding: 0;
      clear: both;
      margin: 50px 150px 0 0;
      font-family: "Raleway-Light"; }
      div#header.right-image div.inner div.left div.text p {
        color: #303030;
        font-family: "Raleway-Light";
        font-size: 20px;
        line-height: 30px; }
      div#header.right-image div.inner div.left div.text p.strong {
        padding: 0;
        font-size: 24px;
        line-height: 36px;
        color: #46919d; }
      div#header.right-image div.inner div.left div.text p.quote {
        padding: 0;
        font-size: 28px;
        line-height: 38px;
        color: #025580;
        font-style: italic; }
      div#header.right-image div.inner div.left div.text p.larger {
        font-size: 24px;
        line-height: 36px; }
      div#header.right-image div.inner div.left div.text p.cse {
        color: #518aa7;
        font-size: 24px;
        line-height: 34px; }
    div#header.right-image div.inner div.left h1 {
      position: absolute;
      bottom: -5px;
      margin: 0;
      padding: 0;
      text-transform: uppercase;
      color: #ab9a65; }
    div#header.right-image div.inner div.left h1.gold {
      color: #ab9a65; }
    div#header.right-image div.inner div.left h1.maroon {
      color: #990000; }
    div#header.right-image div.inner div.left h2.subhead {
      position: absolute;
      bottom: -25px;
      left: -10px;
      margin: 0;
      padding: 0;
      text-transform: uppercase;
      font-size: 14px;
      line-height: 14px;
      background-color: #fff;
      padding: 0 10px; }
    div#header.right-image div.inner div.left ul#top_navigation {
      top: 12px; }
      div#header.right-image div.inner div.left ul#top_navigation li {
        float: none; }
  div#header.right-image div.inner div.right {
    float: left;
    width: 328px;
    padding: 0;
    margin: 0;
    position: relative; }
    div#header.right-image div.inner div.right img {
      height: auto; }
    div#header.right-image div.inner div.right p.cite {
      position: absolute;
      bottom: -5px;
      right: 1px;
      padding: 0;
      margin: 0;
      font-family: proxima-nova, helvetica, arial, sans-serif;
      font-size: 10px;
      line-height: 10px;
      letter-spacing: 1px;
      color: #a09f9f; }

div#container {
  min-width: 1024px;
  max-width: 1400px;
  background-color: #fff;
  margin: 0 auto;
  position: relative; }
  div#container div.content {
    position: relative;
    margin: 0 auto;
    background-color: #FFFFFF;
    overflow: hidden;
    max-width: 1024px;
    padding-top: 35px;
    padding-bottom: 20px; }
    div#container div.content div.top_split_content {
      overflow: hidden; }
      div#container div.content div.top_split_content div.left {
        float: left;
        width: 650px;
        margin-right: 44px; }
        div#container div.content div.top_split_content div.left p {
          font-size: 20px;
          line-height: 26px; }
      div#container div.content div.top_split_content div.right {
        float: left;
        width: 320px; }
      div#container div.content div.top_split_content p {
        color: #303030; }

div#footer {
  background-color: #fff;
  padding: 75px 0 0 0;
  width: 1024px;
  height: 190px;
  margin: 50px auto 24px auto;
  border-top: 2px dotted #ddd; }
  div#footer div.inner {
    width: 1024px;
    margin: 0 auto;
    background-color: #fff;
    position: relative;
    height: 100%; }
    div#footer div.inner > div {
      /*border-left: 1px solid $gray_light; */
      position: absolute;
      top: 0;
      height: 100%;
      margin: 0;
      padding: 0 20px 0 0;
      width: 330px; }
      div#footer div.inner > div h2 {
        text-transform: uppercase;
        font-size: 14px;
        line-height: 14px;
        margin: 0 0 15px 0; }
    div#footer div.inner > div.connect {
      left: 0; }
      div#footer div.inner > div.connect h3 {
        text-transform: none;
        font-size: 14px;
        line-height: 14px;
        margin: 0 0 10px 0;
        color: #90b84d; }
      div#footer div.inner > div.connect ul.social-media {
        list-style-type: none;
        overflow: hidden;
        margin: 0 0 34px 0;
        padding: 0; }
        div#footer div.inner > div.connect ul.social-media li {
          display: inline-block;
          margin: 0 5px 0 0; }
          div#footer div.inner > div.connect ul.social-media li img {
            width: 37px;
            height: auto; }
      div#footer div.inner > div.connect a.button {
        display: block;
        width: 140px;
        height: 32px;
        background-color: #90b84d;
        padding: 0;
        margin: 0;
        color: #fff;
        text-transform: uppercase;
        text-align: center;
        font-size: 16px;
        line-height: 32px;
        text-decoration: none; }
      div#footer div.inner > div.connect a.button:hover {
        opacity: 0.7;
        text-decoration: none; }
    div#footer div.inner > div.learn-more {
      left: 350px; }
      div#footer div.inner > div.learn-more ul.links {
        list-style-type: none;
        margin: 0;
        padding: 0; }
        div#footer div.inner > div.learn-more ul.links li {
          margin: 0 0 3px 0;
          text-transform: uppercase; }
          div#footer div.inner > div.learn-more ul.links li a {
            color: #818181;
            font-size: 14px;
            line-height: 14px; }
          div#footer div.inner > div.learn-more ul.links li a:hover {
            color: #ababaa; }
      div#footer div.inner > div.learn-more div.visit_blog {
        position: absolute;
        top: 172px; }
    div#footer div.inner > div.contact {
      left: 695px;
      position: relative; }
      div#footer div.inner > div.contact form.footer_search_form {
        /*position: absolute; top: -27px;*/
        height: 27px; }
        div#footer div.inner > div.contact form.footer_search_form input {
          margin: 0;
          font-family: "Raleway-Light";
          font-size: 14px;
          line-height: 14px;
          font-weight: 100;
          box-sizing: content-box; }
        div#footer div.inner > div.contact form.footer_search_form input[type="text"] {
          width: 209px;
          margin-right: 5px;
          border-width: 1px;
          padding: 2px;
          height: 20px; }
        div#footer div.inner > div.contact form.footer_search_form input[type="submit"] {
          border: none;
          background-color: #eee;
          padding: 7px 10px 6px 10px;
          color: #568eb1; }
      div#footer div.inner > div.contact div.split_content {
        position: absolute;
        top: 58px;
        width: 100%; }
        div#footer div.inner > div.contact div.split_content div.left {
          width: 330px; }
        div#footer div.inner > div.contact div.split_content div.right {
          display: none; }
      div#footer div.inner > div.contact p.contact {
        margin: 0;
        padding: 0;
        font-size: 14px;
        line-height: 18px; }
      div#footer div.inner > div.contact div.logos {
        text-align: center;
        position: absolute;
        top: 170px; }
        div#footer div.inner > div.contact div.logos img.uc {
          width: 150px;
          height: auto;
          padding: 7px 0; }
        div#footer div.inner > div.contact div.logos img.cemse {
          width: 127px;
          height: auto;
          margin-left: 8px;
          padding: 7px 0; }
    div#footer div.inner a {
      color: #818181; }
    div#footer div.inner a:hover {
      color: #ababaa; }
    div#footer div.inner div.split_content {
      overflow: hidden;
      margin: 0;
      padding: 0;
      position: relative;
      height: 100%; }
      div#footer div.inner div.split_content div.left {
        position: absolute;
        width: 140px;
        left: 0;
        top: 0;
        margin: 0; }
      div#footer div.inner div.split_content div.right {
        position: absolute;
        width: 140px;
        left: 141px;
        top: 0; }
    div#footer div.inner p.copyright {
      margin: 104px 0 0 0;
      font-style: italic;
      font-size: 14px;
      line-height: 14px; }

div.clear {
  clear: both; }

/* Embed Responsives */
.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden; }

.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  border: 0; }

.embed-responsive-16by9 {
  padding-bottom: 56.25%; }

.embed-responsive-4by3 {
  padding-bottom: 75%; }

.video-wrapper {
  margin: 15px 0; }

div.split_content {
  overflow: hidden; }
  div.split_content div.left {
    float: left;
    width: 47.5%;
    margin: 0 5% 0 0; }
  div.split_content div.right {
    float: left;
    width: 47.5%;
    margin: 0; }

ul.h_expandable_slides {
  margin: 0 auto;
  width: 1153px; }
  ul.h_expandable_slides > li div.toggler {
    width: 377px;
    height: 473px;
    /* width and height are required */ }
    ul.h_expandable_slides > li div.toggler img {
      width: 377px;
      height: auto;
      display: block;
      margin: 0;
      position: absolute; }
    ul.h_expandable_slides > li div.toggler img.active {
      display: none; }
  ul.h_expandable_slides > li div.toggled {
    width: 650px;
    height: 473px;
    /* height is required */ }

div.h_expandable_panels {
  margin: 0 0 50px 0;
  border-top: 1px solid #fbfbfb;
  border-bottom: 1px solid #f5f5f5; }
  div.h_expandable_panels div.main_panel {
    background-color: #fff; }
    div.h_expandable_panels div.main_panel div.inner {
      background-color: #fff;
      margin: 10px 40px 10px 0; }
  div.h_expandable_panels div.expandable_panel {
    background-color: #fff;
    box-shadow: -3px 0 12px -3px #eeeeee;
    -moz-box-shadow: -3px 0 12px -3px #eeeeee;
    -webkit-box-shadow: -3px 0 12px -3px #eeeeee;
    border-left: 1px #eeeeee solid; }
    div.h_expandable_panels div.expandable_panel div.inner {
      background-color: #fff;
      margin: 0 0 10px 25px;
      position: relative; }
  div.h_expandable_panels div.attached_toggler {
    position: absolute;
    top: 20px;
    left: -55px;
    width: 30px;
    height: 30px;
    background-color: #fff;
    color: #ccc;
    text-align: center;
    font-size: 20px;
    line-height: 30px;
    cursor: pointer;
    border-width: 1px 0 1px 1px;
    border-color: #eeeeee;
    border-style: solid;
    border-top-left-radius: 5px;
    -moz-border-top-left-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    -moz-border-bottom-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    box-shadow: -2px 0 6px -2px #eeeeee;
    -moz-box-shadow: -2px 0 6px -2px #eeeeee;
    -webkit-box-shadow: -2px 0 6px -2px #eeeeee;
    display: none; }
  div.h_expandable_panels .toggle_panel, div.h_expandable_panels .expand_panel, div.h_expandable_panels .collapse_panel {
    cursor: pointer; }

div.side_by_side_thumbs {
  overflow: hidden;
  margin: 15px 0;
  padding: 0; }
  div.side_by_side_thumbs div.thumb {
    float: left;
    width: 200px;
    margin: 0 25px 15px 0;
    height: 200px;
    overflow: auto; }
    div.side_by_side_thumbs div.thumb div.thumb_placehoder {
      width: 198px;
      height: 128px;
      border: 1px solid #000;
      cursor: pointer;
      background-color: #fee; }
      div.side_by_side_thumbs div.thumb div.thumb_placehoder p {
        text-align: center;
        padding-top: 25px;
        color: #000; }
    div.side_by_side_thumbs div.thumb p.caption {
      font-size: 13px;
      line-height: 15px;
      margin: 5px 0 0 0; }

div.side_by_side_tabs ul.tabs, div.side_by_side_tabs ul.tabs-look {
  overflow: hidden;
  list-style: none;
  padding: 0;
  display: none;
  width: 1024px;
  margin: 0 auto;
  max-width: 100%; }
  div.side_by_side_tabs ul.tabs > li, div.side_by_side_tabs ul.tabs-look > li {
    float: left;
    margin: 0 100px 0 0; }
    div.side_by_side_tabs ul.tabs > li a, div.side_by_side_tabs ul.tabs-look > li a {
      font-size: 16px;
      line-height: 20px;
      margin: 0;
      padding: 5px;
      cursor: pointer;
      display: block;
      color: #333;
      font-weight: normal; }
  div.side_by_side_tabs ul.tabs > li.selected a, div.side_by_side_tabs ul.tabs-look > li.selected a {
    color: #568eb1; }
  div.side_by_side_tabs ul.tabs > li:last-child, div.side_by_side_tabs ul.tabs-look > li:last-child {
    margin-right: 0; }
div.side_by_side_tabs div.tab-content {
  margin: 0 auto;
  background: #fff; }

ul#vizualizations {
  list-style: none outside none;
  padding: 0; }
  ul#vizualizations p.caption {
    font-size: 12px;
    line-height: 15px; }
  ul#vizualizations li {
    padding: 13px 18px;
    margin: 10px 0 30px 0;
    overflow: hidden;
    background: white;
    border: 1px solid #adabab;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2); }
    ul#vizualizations li h3 {
      font-size: 24px;
      font-weight: normal;
      margin: 0 0 6px;
      text-transform: uppercase; }
    ul#vizualizations li div.thumb {
      float: right;
      width: 400px; }
  ul#vizualizations li#viz_gender {
    border-top: 4px solid #DC8259; }
    ul#vizualizations li#viz_gender h3 {
      color: #DC8259; }
    ul#vizualizations li#viz_gender h3 a {
      color: #DC8259;
      text-decoration: none; }
    ul#vizualizations li#viz_gender div.desc_gender {
      float: left;
      width: 490px; }
      ul#vizualizations li#viz_gender div.desc_gender p {
        font-size: 13px;
        line-height: 17px;
        margin: 9px 0; }
      ul#vizualizations li#viz_gender div.desc_gender div.gender_button {
        background: none repeat scroll 0 0 #DC8259;
        border-radius: 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        color: #FFFFFF;
        float: right;
        font-size: 14px;
        font-weight: normal;
        margin: 15px 0 0;
        padding: 4px 5px;
        text-decoration: none; }
        ul#vizualizations li#viz_gender div.desc_gender div.gender_button a {
          color: #fff;
          text-decoration: none; }
  ul#vizualizations li#viz_comps {
    border-top: 4px solid #D9021B; }
    ul#vizualizations li#viz_comps h3 {
      color: #D40011; }
    ul#vizualizations li#viz_comps h3 a {
      color: #D40011;
      text-decoration: none; }
    ul#vizualizations li#viz_comps div.thumb {
      float: left;
      text-decoration: none; }
    ul#vizualizations li#viz_comps div.thumb + div.desc {
      margin-left: 25px; }
    ul#vizualizations li#viz_comps div.desc {
      float: left;
      width: 370px; }
      ul#vizualizations li#viz_comps div.desc h4 {
        font-size: 16px;
        font-weight: normal;
        margin: 0 0 18px;
        text-transform: uppercase; }
      ul#vizualizations li#viz_comps div.desc p {
        font-size: 13px;
        line-height: 17px;
        margin: 9px 0; }
    ul#vizualizations li#viz_comps a.button {
      background: none repeat scroll 0 0 #D9021B;
      border-radius: 10px;
      color: #FFFFFF;
      float: right;
      font-size: 14px;
      font-weight: normal;
      margin: 15px 0 0;
      padding: 4px 5px;
      text-decoration: none; }

.button {
  text-align: center;
  margin: 30px 0;
  color: #990000; }
  .button span {
    border: 1px solid #eeeeee;
    padding: 10px; }

.button:hover {
  color: #abafb1; }

/* HOVER DIV */
div#hoverdiv {
  position: absolute;
  display: none;
  border: 1px solid #818181;
  padding: 10px 15px 15px 15px;
  background-color: #ffffff;
  font-size: 14px;
  line-height: 18px;
  color: #818181;
  z-index: 10000000;
  max-width: 300px; }

/* EXPANDABLES */
.expandable .toggler {
  cursor: pointer;
  clear: both; }
.expandable .toggled {
  margin-left: 30px;
  margin-bottom: 20px; }
.expandable .arrow {
  display: none; }

.expandable.section_header > .toggled {
  margin: 0 0 50px 30px; }

div.section_text p, .expandable p {
  margin: 20px 0; }
div.section_text .expandable h2, .expandable .expandable h2 {
  font-size: 20px;
  line-height: 30px;
  font-weight: 300;
  text-align: left; }
div.section_text .expandable .toggler, .expandable .expandable .toggler {
  padding: 5px 0 0 0; }
div.section_text .expandable .toggled, .expandable .expandable .toggled {
  margin-left: 30px;
  margin-bottom: 20px; }
div.section_text .expandable h2 span.arrow, .expandable .expandable h2 span.arrow {
  display: block;
  float: left;
  margin-right: 10px;
  position: relative;
  font-size: 0.75em; }
div.section_text .expandable h2 span.text, .expandable .expandable h2 span.text {
  display: block;
  overflow: hidden; }
div.section_text .expandable:last-child, .expandable .expandable:last-child {
  margin-bottom: 20px; }
div.section_text div.sub_section h2, .expandable div.sub_section h2 {
  font-size: 24px;
  line-height: 30px;
  font-weight: normal; }
div.section_text div.sub_section div.content, .expandable div.sub_section div.content {
  margin-left: 30px;
  margin-bottom: 20px; }

div.section_header h1 {
  padding: 20px 30px 20px 0;
  font-size: 24px;
  line-height: 30px;
  text-align: left;
  margin: 20px 0;
  overflow: hidden; }
  div.section_header h1 span.arrow {
    display: block;
    float: left;
    margin-right: 10px;
    position: relative;
    font-size: 0.75em; }
  div.section_header h1 span.text {
    display: block;
    overflow: hidden; }

/* ROLLOUT THUMBS */
div.rollout_thumbs_container div.rollout_thumb {
  float: none;
  width: 100%; }
  div.rollout_thumbs_container div.rollout_thumb div.preview {
    cursor: pointer;
    display: none;
    position: relative; }
  div.rollout_thumbs_container div.rollout_thumb div.preview:hover {
    opacity: 0.7; }
  div.rollout_thumbs_container div.rollout_thumb div.preview.no-rollout {
    cursor: default; }
  div.rollout_thumbs_container div.rollout_thumb div.preview.no-rollout:hover {
    opacity: 1; }
  div.rollout_thumbs_container div.rollout_thumb div.details {
    width: 1024px;
    padding: 45px 0 10px 0;
    top: 0;
    left: 0;
    font-size: 15px;
    line-height: 21px;
    z-index: 1000; }
    div.rollout_thumbs_container div.rollout_thumb div.details div.hide_details {
      display: none;
      position: absolute;
      top: 15px;
      right: 15px;
      width: 25px;
      height: 25px;
      cursor: pointer;
      border: 1px solid #ababaa;
      z-index: 1000;
      border-radius: 13px;
      -moz-border-radius: 13px;
      -webkit-border-radius: 13px; }
      div.rollout_thumbs_container div.rollout_thumb div.details div.hide_details span {
        font-family: proxima-nova, helvetica, arial, sans-serif;
        font-size: 20px;
        line-height: 18px;
        position: absolute;
        top: 4px;
        left: 6px;
        color: 1px solid #ababaa; }
    div.rollout_thumbs_container div.rollout_thumb div.details div.hide_details:hover {
      opacity: 0.6; }

/************************/
/* Page Specific Styles */
/************************/
/* EVALUATION */
body.evaluation div#header div.inner div.left div.text {
  margin: 60px 130px 0 0; }
body.evaluation div#container {
  /* expandable thumb */ }
  body.evaluation div#container div.top_split_content div.left p, body.evaluation div#container div.top_split_content div.right p {
    font-size: 15px;
    line-height: 21px; }
  body.evaluation div#container div.rollout_thumbs_container {
    position: relative; }
  body.evaluation div#container div.rollout_thumbs {
    overflow: hidden;
    margin: 0;
    padding: 0;
    border-bottom: none; }
  body.evaluation div#container div.rollout_thumb {
    margin: 0 0 30px 0;
    padding: 0;
    border: none;
    /* details */ }
    body.evaluation div#container div.rollout_thumb div.preview {
      margin: 0 auto;
      padding: 0;
      width: 330px;
      height: 302px; }
      body.evaluation div#container div.rollout_thumb div.preview div.image-caption {
        position: absolute;
        top: 243px;
        width: 100%;
        margin: 0;
        padding: 0; }
        body.evaluation div#container div.rollout_thumb div.preview div.image-caption p {
          text-align: center;
          margin: 0;
          padding: 0;
          color: #fff;
          font-size: 22px;
          line-height: 22px;
          text-transform: uppercase;
          color: #ab9a65; }
      body.evaluation div#container div.rollout_thumb div.preview div.image-caption.two-lines {
        top: 232px; }
    body.evaluation div#container div.rollout_thumb div.details p {
      margin: 10px 0; }
    body.evaluation div#container div.rollout_thumb div.details div.left {
      float: left;
      width: 530px;
      margin-right: 30px;
      background-color: #fff;
      height: 100%; }
      body.evaluation div#container div.rollout_thumb div.details div.left h2 {
        font-size: 20px;
        line-height: 24px;
        overflow: hidden;
        margin: 0 0 20px 0; }
        body.evaluation div#container div.rollout_thumb div.details div.left h2 span.subhead {
          display: block;
          font-size: 16px;
          line-height: 18px;
          margin-top: 1px; }
      body.evaluation div#container div.rollout_thumb div.details div.left p {
        overflow: hidden; }
        body.evaluation div#container div.rollout_thumb div.details div.left p span.left {
          float: left; }
        body.evaluation div#container div.rollout_thumb div.details div.left p span.right {
          float: right; }
    body.evaluation div#container div.rollout_thumb div.details div.right {
      float: left;
      width: 464px;
      overflow: auto;
      margin: 0;
      padding: 0;
      height: 100%;
      background-color: #fff; }
      body.evaluation div#container div.rollout_thumb div.details div.right div.inner {
        margin: 0 0 0 114px;
        width: 350px;
        height: auto;
        overflow: hidden;
        text-align: left; }
      body.evaluation div#container div.rollout_thumb div.details div.right h2 {
        text-transform: uppercase;
        margin: 0 0 10px 0;
        font-size: 16px;
        line-height: 20px; }
      body.evaluation div#container div.rollout_thumb div.details div.right div.sub-section {
        border-top: 2px dotted #ddd;
        padding: 10px 0;
        margin-bottom: 10px; }
      body.evaluation div#container div.rollout_thumb div.details div.right div.sub-section p:first-child {
        margin-top: 0; }
      body.evaluation div#container div.rollout_thumb div.details div.right div.image-link {
        overflow: hidden; }
        body.evaluation div#container div.rollout_thumb div.details div.right div.image-link img {
          max-width: 70px;
          float: left;
          margin: 0 15px 0 0; }
        body.evaluation div#container div.rollout_thumb div.details div.right div.image-link div.image-placeholder {
          float: left;
          width: 80px;
          height: 80px;
          background-color: #fee;
          margin: 0 15px 5px 0; }
  body.evaluation div#container div.rollout_thumb:first-child div.preview {
    margin-left: 0; }
  body.evaluation div#container div.rollout_thumb:last-child div.preview {
    margin-right: 0; }

/* FAQs */
body.faq div#header {
  margin-bottom: 0;
  border-bottom: none;
  padding-bottom: 0; }
  body.faq div#header div.inner {
    overflow: hidden; }
    body.faq div#header div.inner div.left div.text p.strong {
      color: #40569c;
      margin: 0 0 7px 0; }
    body.faq div#header div.inner div.left div.text p {
      color: #40569c;
      font-size: 18px;
      line-height: 26px;
      margin: 7px 0; }
    body.faq div#header div.inner div.left h1 {
      color: #eb5a25;
      bottom: 15px; }
    body.faq div#header div.inner div.right img {
      display: block; }
body.faq div#container {
  margin-top: 0; }
  body.faq div#container div.top_split_content {
    color: #0d275c;
    font-family: "Raleway-Regular";
    overflow: hidden;
    display: table; }
    body.faq div#container div.top_split_content h1, body.faq div#container div.top_split_content h2, body.faq div#container div.top_split_content h3, body.faq div#container div.top_split_content h4, body.faq div#container div.top_split_content p {
      color: inherit;
      font-family: inherit; }
    body.faq div#container div.top_split_content h2 {
      font-family: "Raleway-Regular";
      font-size: 24px;
      line-height: 24px;
      margin-top: 40px; }
    body.faq div#container div.top_split_content h2:first-child {
      margin-top: 0; }
    body.faq div#container div.top_split_content div.left {
      width: 694px;
      margin: 0;
      padding: 0;
      display: table-cell;
      float: none; }
      body.faq div#container div.top_split_content div.left ul.tabs {
        list-style-type: none;
        margin: 0;
        padding: 0; }
        body.faq div#container div.top_split_content div.left ul.tabs li {
          margin: 0 0 3px 0;
          background-color: #f8f8f8;
          height: 85px;
          border: 1px solid #dddddd;
          border-right: none;
          position: relative; }
          body.faq div#container div.top_split_content div.left ul.tabs li a {
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            margin: 0;
            padding: 0; }
          body.faq div#container div.top_split_content div.left ul.tabs li img {
            float: left;
            margin-right: 30px; }
          body.faq div#container div.top_split_content div.left ul.tabs li img.arrow {
            position: absolute;
            top: 0px;
            left: 693px;
            display: none; }
        body.faq div#container div.top_split_content div.left ul.tabs li.selected img.arrow {
          display: block; }
      body.faq div#container div.top_split_content div.left p {
        font-size: 14px;
        line-height: 22px;
        margin-top: 32px; }
      body.faq div#container div.top_split_content div.left p.three-lines {
        margin-top: 9px; }
    body.faq div#container div.top_split_content div.right {
      width: 280px;
      padding: 40px 25px;
      display: table-cell;
      float: none;
      background-color: #ececec; }
      body.faq div#container div.top_split_content div.right h2 {
        text-transform: uppercase;
        text-align: center; }
      body.faq div#container div.top_split_content div.right p {
        font-size: 14px;
        line-height: 22px; }
      body.faq div#container div.top_split_content div.right p.bold {
        font-family: "Raleway-Medium";
        font-size: 17px;
        line-height: 23px; }

/* HOME */
body.home div#header {
  width: 1151px;
  border: none;
  padding: 0; }
  body.home div#header div.inner {
    width: 1147px;
    padding: 0;
    margin: 0;
    border-bottom: none;
    padding-bottom: 10px; }
body.home div#container div.content {
  width: 1151px;
  max-width: none; }
  body.home div#container div.content div.intro {
    margin: 62px 0 0 0;
    /* 10 (body.home div#header div.inner) + 30 (body.home div#header) + 20 (div#container) + 62px */ }
    body.home div#container div.content div.intro h2 {
      font-family: "Raleway-Light";
      font-size: 42px;
      color: #484848;
      letter-spacing: 2px;
      margin-top: 0;
      text-align: center; }
    body.home div#container div.content div.intro p {
      font-family: "Raleway-Light";
      font-size: 20px;
      line-height: 28px;
      color: #616162;
      letter-spacing: 2px; }
body.home #images_wrapper {
  overflow: hidden;
  margin-top: 110px;
  width: 1161px; }
  body.home #images_wrapper .image_wrapper {
    float: left;
    width: 377px;
    margin-right: 10px; }
    body.home #images_wrapper .image_wrapper img {
      display: block; }
    body.home #images_wrapper .image_wrapper img.active {
      display: none; }
  body.home #images_wrapper .image_wrapper:hover img.default {
    display: none; }
  body.home #images_wrapper .image_wrapper:hover img.active {
    display: block; }
body.home ul.h_expandable_slides {
  margin-top: 102px;
  /* 112 - 10 = 102px */ }
body.home div#quote {
  width: 1153px;
  margin: 10px auto 40px auto;
  text-align: right; }
body.home div#highlights {
  width: 1150px;
  margin: 30px auto 5px auto;
  padding: 0;
  overflow: hidden; }
  body.home div#highlights h2 {
    text-transform: uppercase;
    font-weight: 400;
    color: #303030;
    font-family: proxima-nova, helvetica, arial, sans-serif;
    font-size: 35px;
    line-height: 36px;
    margin-bottom: 30px; }
  body.home div#highlights h3 {
    color: #303030;
    font-weight: 400; }
    body.home div#highlights h3 a, body.home div#highlights h3 a:link, body.home div#highlights h3 a:visited, body.home div#highlights h3 a:hover, body.home div#highlights h3 a:active {
      color: #303030; }
  body.home div#highlights .column_1 {
    float: left;
    width: 625px;
    margin-right: 150px; }
  body.home div#highlights .column_2 {
    float: left;
    width: 350px; }
    body.home div#highlights .column_2 div.sub-section {
      margin-bottom: 40px; }
    body.home div#highlights .column_2 h2 {
      font-size: 24px;
      line-height: 30px;
      margin-bottom: 15px; }
    body.home div#highlights .column_2 h3 {
      font-size: 18px;
      line-height: 22px; }
  body.home div#highlights a.read_more, body.home div#highlights a.read_more:link, body.home div#highlights a.read_more:visited, body.home div#highlights a.read_more:hover, body.home div#highlights a.read_more:active {
    font-style: italic; }
  body.home div#highlights p {
    margin: 5px 0; }
  body.home div#highlights p.heading {
    text-transform: uppercase;
    font-size: 14px;
    line-height: 14px; }
  body.home div#highlights p.sub_note {
    color: #303030;
    font-style: proxima-nova, helvetica, arial, sans-serif;
    font-size: 14px;
    line-height: 14px; }
  body.home div#highlights div.column {
    float: left;
    width: 345px;
    margin-right: 40px;
    overflow: hidden; }
  body.home div#highlights div.column.last {
    margin-right: 0; }
  body.home div#highlights div.sub-section {
    margin-bottom: 30px; }
  body.home div#highlights div.sub-section p:first-child {
    margin-top: 0; }
  body.home div#highlights div.image-link {
    overflow: hidden; }
    body.home div#highlights div.image-link img {
      max-width: 95px;
      height: auto;
      float: left;
      margin: 0 15px 0 0;
      border: none; }
    body.home div#highlights div.image-link div.left {
      margin-left: 110px;
      overflow: hidden; }
body.home div#footer {
  width: 1151px;
  margin-top: 15px;
  padding-top: 75px; }
  body.home div#footer div.inner {
    width: 1151px; }
    body.home div#footer div.inner > div.connect {
      left: 25px; }
    body.home div#footer div.inner > div.learn-more {
      left: 411px; }
    body.home div#footer div.inner > div.contact {
      left: 797px; }

/* NEWS AND EVENTS */
body.news_events div#header {
  margin-bottom: 0;
  border-bottom: none;
  padding-bottom: 0; }
  body.news_events div#header div.inner {
    overflow: hidden; }
    body.news_events div#header div.inner div.left div.text {
      margin: 80px 150px 0 0; }
      body.news_events div#header div.inner div.left div.text p.strong {
        color: #01316f; }
    body.news_events div#header div.inner div.left h1 {
      color: #eb5a25;
      bottom: 15px; }
    body.news_events div#header div.inner div.right img {
      display: block; }
body.news_events div#container {
  margin-top: 0; }
  body.news_events div#container div.top_split_content {
    color: #0d275c;
    font-family: "Raleway-Regular";
    overflow: hidden;
    display: table; }
    body.news_events div#container div.top_split_content h1, body.news_events div#container div.top_split_content h2, body.news_events div#container div.top_split_content h3, body.news_events div#container div.top_split_content h4, body.news_events div#container div.top_split_content p {
      color: inherit;
      font-family: inherit; }
    body.news_events div#container div.top_split_content h2 {
      font-family: "Raleway-Regular";
      font-size: 24px;
      line-height: 24px;
      margin-top: 40px; }
    body.news_events div#container div.top_split_content h2:first-child {
      margin-top: 0; }
    body.news_events div#container div.top_split_content div.left {
      width: 644px;
      margin: 0;
      padding: 40px 25px;
      display: table-cell;
      float: none;
      background-color: #f8f8f8; }
      body.news_events div#container div.top_split_content div.left p {
        font-size: 14px;
        line-height: 22px; }
      body.news_events div#container div.top_split_content div.left p.read_more, body.news_events div#container div.top_split_content div.left p.read_less {
        color: #568eb1; }
      body.news_events div#container div.top_split_content div.left .expandable .toggled {
        margin-left: 0; }
    body.news_events div#container div.top_split_content div.right {
      width: 280px;
      padding: 40px 25px;
      display: table-cell;
      float: none;
      background-color: #ececec; }
      body.news_events div#container div.top_split_content div.right h2 {
        text-transform: uppercase;
        text-align: center; }
      body.news_events div#container div.top_split_content div.right p {
        font-size: 14px;
        line-height: 22px; }
      body.news_events div#container div.top_split_content div.right p.bold {
        font-family: "Raleway-Medium";
        font-size: 17px;
        line-height: 23px; }

body.news_events.details div#header {
  border-bottom: 2px dotted #ddd;
  padding-bottom: 10px;
  margin-bottom: 30px; }
body.news_events.details div#container div.top_split_content {
  color: #0d275c;
  font-family: "Raleway-Regular";
  overflow: hidden;
  display: block;
  background-color: #ececec; }
  body.news_events.details div#container div.top_split_content div.left {
    float: left;
    display: block;
    overflow: hidden; }
  body.news_events.details div#container div.top_split_content div.right {
    float: left;
    padding: 0;
    display: block;
    overflow: hidden;
    width: 330px; }

/* NEWSLETTERS */
body.newsletters {
  /* Controls width of your form */ }
  body.newsletters .content {
    min-height: 400px; }
  body.newsletters .e2ma_signup_form {
    width: 580px;
    margin-top: 30px;
    /* Controls the style, width, and font style of the text input, select and textarea fields */
    /* Controls width, style, and padding of the table border outlines around individual member fields */
    /* Controls alignment and display of image in welcome message */
    /* Controls border around signup image (when image is linked) */
    /* Controls style and formatting of welcome message */
    /* Controls style and formatting of form field labels (first name, last name, etc.) */
    /* Controls spacing and style for any text used to list options under multiple choice fields) */
    /* For signup screens that are set to allow people to select which audience groups they'd like to join: Controls style for "Select your interests..." text */
    /* For signup screens that are set to allow people to select which audience groups they'd like to join: Controls style and spacing for groups displayed as options */
    /* Controls the style and spacing of the word "required" and border surrounding that text */
    /* Controls the color of the asterisk that indicates a field is required */
    /* Controls the alignment of "submit" and "clear" buttons */
    /* Controls display of the "clear" button */
    /*Overrides browser default settings for button styles (for additional control of "submit" and "clear" buttons) */ }
    body.newsletters .e2ma_signup_form input[type=text], body.newsletters .e2ma_signup_form textarea, body.newsletters .e2ma_signup_form select {
      border: 1px solid #ccc;
      width: 310px;
      font-size: 16px;
      color: #818181;
      font-weight: 300; }
    body.newsletters .e2ma_signup_form input[type=text] {
      padding: 5px; }
    body.newsletters .e2ma_signup_form .e2ma_signup_form_row {
      border: 1px solid #ddd;
      padding: 5px;
      margin-bottom: 10px; }
    body.newsletters .e2ma_signup_form .e2ma_signup_image_container {
      text-align: center;
      display: inline;
      display: none; }
    body.newsletters .e2ma_signup_form .e2ma_signup_image {
      border: 0; }
    body.newsletters .e2ma_signup_form .e2ma_signup_message div {
      margin: 15px 0; }
    body.newsletters .e2ma_signup_form .e2ma_signup_message div:nth-child(2) {
      display: none; }
    body.newsletters .e2ma_signup_form .e2ma_signup_message div:nth-child(3) {
      text-align: center;
      font-size: 20px;
      line-height: 20px; }
    body.newsletters .e2ma_signup_form .e2ma_signup_form_label {
      float: left;
      text-align: left;
      width: 125px;
      white-space: nowrap;
      padding-top: 5px; }
    body.newsletters .e2ma_signup_form .e2ma_signup_form_element {
      margin-left: 125px; }
    body.newsletters .e2ma_signup_form .e2ma_signup_form_group_label {
      font-weight: normal; }
    body.newsletters .e2ma_signup_form .e2ma_signup_form_groups {
      border: 1px solid #dddddd;
      padding: 5px;
      margin-bottom: 5px; }
    body.newsletters .e2ma_signup_form .e2ma_signup_form_required_footnote {
      border: 1px solid #dddddd;
      padding: 5px;
      margin-bottom: 5px; }
    body.newsletters .e2ma_signup_form .e2ma_signup_form_required_asterix {
      color: #FF0000; }
    body.newsletters .e2ma_signup_form .e2ma_signup_form_button_row {
      float: left; }
    body.newsletters .e2ma_signup_form .e2ma_signup_form_button_row #e2ma_signup_reset_button {
      display: inline; }
    body.newsletters .e2ma_signup_form .e2ma_signup_form_button {
      width: 140px;
      height: 32px;
      cursor: pointer;
      background-color: #90b84d;
      padding: 0;
      margin: 0;
      color: #fff;
      text-transform: uppercase;
      text-align: center;
      font-size: 16px;
      line-height: 32px;
      text-decoration: none;
      border: none; }
    body.newsletters .e2ma_signup_form #e2ma_signup_reset_button {
      background-color: #D9021B; }
    body.newsletters .e2ma_signup_form .e2ma_signup_form_button:hover {
      opacity: 0.7;
      text-decoration: none; }

/* PROJECTS */
body.projects div#header.right-image {
  border-bottom: none;
  padding-bottom: 25px; }
  body.projects div#header.right-image div.inner div.left {
    /*
    div.side_by_side_tabs {
      position: absolute; bottom: 0px; left: -15px;
      ul.tabs-look {
      	display: block;
        li {
          margin: 0; padding: 0 15px; border-left: 1px solid $black;
          a { padding: 0 0 2px 0; text-transform: uppercase; font-size: 13px; line-height: 12px; }
        }
        li.selected {
        	a { color: initial; border-bottom: 1px solid #000000; }
        }
        li:first-child { border: none; }
      }
    }
    */ }
    body.projects div#header.right-image div.inner div.left h1 {
      color: black;
      bottom: 40px; }
    body.projects div#header.right-image div.inner div.left div.text {
      margin: 70px 120px 0 0; }
body.projects div#container {
  /* rollout thumb */ }
  body.projects div#container h3 {
    font-size: 18px;
    line-height: 18px;
    text-transform: uppercase;
    padding: 10px 0 10px 10px;
    margin: 10px 0 20px 0;
    border-top: 2px dotted #ddd;
    border-bottom: 2px dotted #ddd; }
  body.projects div#container div.side_by_side_tabs {
    margin: 25px 0 70px -15px; }
    body.projects div#container div.side_by_side_tabs ul.tabs-look {
      display: block; }
      body.projects div#container div.side_by_side_tabs ul.tabs-look li {
        margin: 0;
        padding: 0 15px;
        border-left: 1px solid #303030; }
        body.projects div#container div.side_by_side_tabs ul.tabs-look li a {
          padding: 0 0 2px 0;
          text-transform: uppercase;
          font-size: 19px;
          line-height: 22px; }
      body.projects div#container div.side_by_side_tabs ul.tabs-look li.selected a {
        color: initial;
        border-bottom: 1px solid #000000; }
      body.projects div#container div.side_by_side_tabs ul.tabs-look li:first-child {
        border: none; }
  body.projects div#container div.side_by_side_sub_tabs ul.sub_tabs {
    padding-left: 0;
    list-style: none; }
    body.projects div#container div.side_by_side_sub_tabs ul.sub_tabs > li {
      margin: 0;
      padding: 0 8px;
      border-left: 1px solid #303030;
      float: left; }
      body.projects div#container div.side_by_side_sub_tabs ul.sub_tabs > li a {
        font-size: 11px;
        line-height: 15px;
        margin: 0;
        padding: 0;
        cursor: pointer;
        display: block;
        color: #333;
        font-weight: normal;
        text-transform: uppercase; }
    body.projects div#container div.side_by_side_sub_tabs ul.sub_tabs > li:first-child {
      border: none; }
    body.projects div#container div.side_by_side_sub_tabs ul.sub_tabs > li.selected a {
      color: #568eb1; }
  body.projects div#container div.rollout_thumbs_container {
    position: relative;
    overflow: hidden; }
  body.projects div#container div.rollout_thumbs {
    overflow: hidden;
    margin: 0;
    padding: 0;
    border-bottom: 2px dotted #ddd;
    clear: both;
    width: 1064px; }
  body.projects div#container div.rollout_thumb {
    margin: 10px 10px 10px 0;
    padding: 0;
    border: 1px solid #cccccc;
    width: 246px;
    float: left;
    /* details */ }
    body.projects div#container div.rollout_thumb div.preview {
      margin: 15px 15px 5px 15px;
      padding: 0 0 40px 0;
      background-color: #fff;
      height: 200px;
      text-align: center; }
      body.projects div#container div.rollout_thumb div.preview .image-wrapper {
        height: 100px;
        line-height: 100px;
        margin: 0 0 10px 0;
        padding: 0;
        text-align: center; }
        body.projects div#container div.rollout_thumb div.preview .image-wrapper img {
          display: inline-block;
          max-width: 100%;
          max-height: 100%;
          width: auto;
          height: auto;
          margin: 0;
          vertical-align: middle; }
      body.projects div#container div.rollout_thumb div.preview h3 {
        text-align: left;
        border: none;
        text-transform: none;
        padding: 0;
        margin: 5px 0;
        font-family: "Raleway-Medium";
        font-size: 12px;
        font-weight: 500;
        line-height: 16px;
        letter-spacing: 1px;
        color: #303030; }
      body.projects div#container div.rollout_thumb div.preview p {
        text-align: left;
        padding: 0;
        margin: 5px 0;
        font-family: "Raleway-Light";
        font-size: 11px;
        line-height: 14px;
        font-weight: 400;
        letter-spacing: 1px;
        color: #303030; }
      body.projects div#container div.rollout_thumb div.preview div.footer {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%; }
        body.projects div#container div.rollout_thumb div.preview div.footer p {
          text-align: left;
          font-size: 11px;
          line-height: 14px;
          text-transform: uppercase;
          margin: 0;
          padding: 0;
          color: #818181; }
    body.projects div#container div.rollout_thumb div.details {
      padding: 30px 15px;
      width: 994px; }
      body.projects div#container div.rollout_thumb div.details p {
        margin: 10px 0; }
      body.projects div#container div.rollout_thumb div.details div.left {
        float: left;
        width: 498px;
        margin-right: 30px;
        background-color: #fff;
        height: 100%; }
        body.projects div#container div.rollout_thumb div.details div.left h2 {
          font-size: 20px;
          line-height: 24px;
          overflow: hidden;
          margin: 0 0 20px 0; }
          body.projects div#container div.rollout_thumb div.details div.left h2 span.subhead {
            display: block;
            font-size: 16px;
            line-height: 18px;
            margin-top: 1px; }
        body.projects div#container div.rollout_thumb div.details div.left p {
          overflow: hidden; }
          body.projects div#container div.rollout_thumb div.details div.left p span.left {
            float: left; }
          body.projects div#container div.rollout_thumb div.details div.left p span.right {
            float: right; }
      body.projects div#container div.rollout_thumb div.details div.right {
        float: left;
        width: 464px;
        overflow: auto;
        margin: 0;
        padding: 0;
        height: 100%;
        background-color: #fff; }
        body.projects div#container div.rollout_thumb div.details div.right div.inner {
          margin: 0 0 0 75px;
          width: 350px;
          height: auto;
          overflow: hidden;
          text-align: left; }
        body.projects div#container div.rollout_thumb div.details div.right h2 {
          text-transform: uppercase;
          margin: 0 0 10px 0;
          font-size: 16px;
          line-height: 20px; }
        body.projects div#container div.rollout_thumb div.details div.right h3 {
          border: none;
          padding: 0;
          margin: 10px 0; }
        body.projects div#container div.rollout_thumb div.details div.right div.sub-section {
          border-top: 2px dotted #ddd;
          padding: 10px 0;
          margin-bottom: 10px; }
        body.projects div#container div.rollout_thumb div.details div.right div.sub-section p:first-child {
          margin-top: 0; }
        body.projects div#container div.rollout_thumb div.details div.right div.image-link {
          overflow: hidden; }
          body.projects div#container div.rollout_thumb div.details div.right div.image-link h3 {
            margin-top: 0;
            text-transform: none;
            color: #00a6ea;
            font-size: 18px;
            font-weight: 400;
            line-height: 24px; }
          body.projects div#container div.rollout_thumb div.details div.right div.image-link img {
            max-width: 70px;
            float: left;
            margin: 0 15px 5px 0; }
          body.projects div#container div.rollout_thumb div.details div.right div.image-link img.larger {
            max-width: 125px; }
          body.projects div#container div.rollout_thumb div.details div.right div.image-link div.image-placeholder {
            float: left;
            width: 80px;
            height: 80px;
            background-color: #fee;
            margin: 0 15px 5px 0; }
          body.projects div#container div.rollout_thumb div.details div.right div.image-link p {
            margin: 5px 0; }
        body.projects div#container div.rollout_thumb div.details div.right a.visit-website-button {
          display: inline-block;
          border: 2px solid #568eb1;
          padding: 7px 12px 5px 12px;
          text-transform: uppercase;
          font-weight: 400; }
        body.projects div#container div.rollout_thumb div.details div.right a.visit-website-button:hover, body.projects div#container div.rollout_thumb div.details div.right a.visit-website-button:active {
          border-color: #abafb1; }
  body.projects div#container div#time-for-cs.rollout_thumb div.details h2 .small {
    font-size: 0.9em; }
  body.projects div#container div#time-for-cs.rollout_thumb div.details div.right div.project_logo img {
    height: 50px;
    width: auto; }
  body.projects div#container div#time-for-cs.rollout_thumb div.details div.right div.image-link.video img {
    max-width: 100%;
    float: none;
    margin: 0; }
  body.projects div#container div#time-for-cs.rollout_thumb div.details div.right div.image-link.video p {
    margin-bottom: 0; }
  body.projects div#container div#ap-csp.rollout_thumb div.details div.right div.project_logo img {
    height: 50px;
    width: auto; }
  body.projects div#container div#ap-csp.rollout_thumb div.details div.right div.image-link.video img {
    max-width: 100px;
    float: left;
    margin: 0 15px 0 0; }
  body.projects div#container div#code-org.rollout_thumb div.details div.right div.image-link.code_org_visualization img {
    width: auto;
    max-width: 145px;
    float: left;
    margin: 0 15px 0 0; }
  body.projects div#container div#code-org.rollout_thumb div.details div.right div.image-link.code_org_visualization p {
    margin-top: 12px;
    text-align: center;
    margin-left: 155px; }
    body.projects div#container div#code-org.rollout_thumb div.details div.right div.image-link.code_org_visualization p a strong {
      color: #568eb1; }
  body.projects div#container div#code-org.rollout_thumb div.details div.right div.image-link.code_org_visualization p.small {
    font-size: 0.8em; }
  body.projects div#container div.rollout_thumbs:first-of-type div.rollout_thumb {
    margin-top: 0; }
  body.projects div#container div.rollout_thumbs:last-child {
    border-bottom: none; }
body.projects div.dropdown div {
  display: inline-block;
  padding-top: 20px;
  padding-bottom: 50px; }
body.projects div.topics-dropdown {
  margin-left: 80px; }
body.projects #filter-by {
  font-size: 24px;
  padding-right: 40px;
  text-transform: uppercase; }
body.projects div.dropdown p {
  margin-bottom: 0px;
  margin-top: 0px;
  font-size: 12px; }
body.projects div.dropdown select {
  width: 150px;
  padding: 5px 35px 5px 5px;
  font-size: 16px;
  border: 1px solid #eee;
  height: 34px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url("https://s3.amazonaws.com/cemse/outlier/projects/dropdown-arrow.png") 96%/15% no-repeat #fff;
  cursor: pointer;
  font-size: 13px; }

/* RESEARCH */
body.research div#header div.inner div.left div.text {
  margin: 60px 120px 0 0; }
body.research div#container {
  /* rollout thumb */ }
  body.research div#container div.rollout_thumbs_container {
    position: relative; }
  body.research div#container div.rollout_thumbs {
    overflow: hidden;
    margin: 0;
    padding: 0;
    border-bottom: none; }
  body.research div#container div.rollout_thumb {
    margin: 0 0 30px 0;
    padding: 0;
    border: none;
    /* details */ }
    body.research div#container div.rollout_thumb div.preview {
      margin: 0 auto;
      padding: 0;
      width: 330px;
      height: 302px; }
      body.research div#container div.rollout_thumb div.preview div.image-caption {
        position: absolute;
        top: 243px;
        width: 100%;
        margin: 0;
        padding: 0; }
        body.research div#container div.rollout_thumb div.preview div.image-caption p {
          text-align: center;
          margin: 0;
          padding: 0;
          color: #fff;
          font-size: 22px;
          line-height: 22px;
          text-transform: uppercase; }
      body.research div#container div.rollout_thumb div.preview div.image-caption.two-lines {
        top: 232px; }
    body.research div#container div.rollout_thumb div.details p {
      margin: 10px 0; }
    body.research div#container div.rollout_thumb div.details div.left {
      float: left;
      width: 530px;
      margin-right: 30px;
      background-color: #fff;
      height: 100%; }
      body.research div#container div.rollout_thumb div.details div.left h2 {
        font-size: 20px;
        line-height: 24px;
        overflow: hidden;
        margin: 0 0 20px 0; }
        body.research div#container div.rollout_thumb div.details div.left h2 span.subhead {
          display: block;
          font-size: 16px;
          line-height: 18px;
          margin-top: 1px; }
      body.research div#container div.rollout_thumb div.details div.left p {
        overflow: hidden; }
        body.research div#container div.rollout_thumb div.details div.left p span.left {
          float: left; }
        body.research div#container div.rollout_thumb div.details div.left p span.right {
          float: right; }
    body.research div#container div.rollout_thumb div.details div.right {
      float: left;
      width: 464px;
      overflow: auto;
      margin: 0;
      padding: 0;
      height: 100%;
      background-color: #fff; }
      body.research div#container div.rollout_thumb div.details div.right div.inner {
        margin: 0 0 0 114px;
        width: 350px;
        height: auto;
        overflow: hidden;
        text-align: left; }
      body.research div#container div.rollout_thumb div.details div.right h2 {
        text-transform: uppercase;
        margin: 0 0 10px 0;
        font-size: 16px;
        line-height: 20px; }
      body.research div#container div.rollout_thumb div.details div.right div.sub-section {
        border-top: 2px dotted #ddd;
        padding: 10px 0;
        margin-bottom: 10px; }
      body.research div#container div.rollout_thumb div.details div.right div.sub-section p:first-child {
        margin-top: 0; }
      body.research div#container div.rollout_thumb div.details div.right div.image-link {
        overflow: hidden; }
        body.research div#container div.rollout_thumb div.details div.right div.image-link img {
          max-width: 70px;
          float: left;
          margin: 0 15px 0 0; }
        body.research div#container div.rollout_thumb div.details div.right div.image-link div.image-placeholder {
          float: left;
          width: 80px;
          height: 80px;
          background-color: #fee;
          margin: 0 15px 5px 0; }
  body.research div#container div.rollout_thumb:first-child div.preview {
    margin-left: 0; }
  body.research div#container div.rollout_thumb:last-child div.preview {
    margin-right: 0; }
  body.research div#container p.funder-logos img {
    margin-left: 20px; }

/* RESOURCES */
body.resources div#header {
  border-bottom: none; }
  body.resources div#header div.inner div.left h1 {
    color: #303030;
    bottom: 25px; }
  body.resources div#header div.inner div.left h2.subhead {
    color: #303030; }
  body.resources div#header div.inner div.left div.text {
    margin: 60px 150px 0 0; }
    body.resources div#header div.inner div.left div.text p {
      margin: 8px 0; }
    body.resources div#header div.inner div.left div.text p.strong {
      margin-bottom: 8px; }
  body.resources div#header div.inner div.left div.side_by_side_tabs {
    position: absolute;
    bottom: 0;
    left: 0; }
    body.resources div#header div.inner div.left div.side_by_side_tabs ul {
      overflow: hidden;
      list-style: none;
      padding: 0;
      margin: 0; }
      body.resources div#header div.inner div.left div.side_by_side_tabs ul > li {
        margin: 0;
        padding: 0 10px;
        border-left: 1px solid #303030;
        float: left; }
        body.resources div#header div.inner div.left div.side_by_side_tabs ul > li a {
          margin: 0;
          padding: 0;
          text-transform: uppercase;
          font-size: 19px;
          line-height: 22px;
          display: block;
          color: #333;
          font-weight: normal; }
      body.resources div#header div.inner div.left div.side_by_side_tabs ul > li.selected a {
        color: initial;
        border-bottom: 1px solid #000000; }
      body.resources div#header div.inner div.left div.side_by_side_tabs ul > li:first-child {
        border: none;
        padding-left: 0; }
      body.resources div#header div.inner div.left div.side_by_side_tabs ul > li:last-child {
        margin-right: 0; }
body.resources div#container {
  /* expandable thumb */ }
  body.resources div#container div.side_by_side_tabs {
    margin: 30px 0 60px 0; }
    body.resources div#container div.side_by_side_tabs ul {
      overflow: hidden;
      list-style: none;
      padding: 0;
      margin: 0; }
      body.resources div#container div.side_by_side_tabs ul > li {
        margin: 0;
        padding: 0 10px;
        border-left: 1px solid #303030;
        float: left; }
        body.resources div#container div.side_by_side_tabs ul > li a {
          margin: 0;
          padding: 0;
          text-transform: uppercase;
          font-size: 19px;
          line-height: 22px;
          display: block;
          color: #333;
          font-weight: normal; }
      body.resources div#container div.side_by_side_tabs ul > li.selected a {
        color: initial;
        border-bottom: 1px solid #000000; }
      body.resources div#container div.side_by_side_tabs ul > li:first-child {
        border: none;
        padding-left: 0; }
      body.resources div#container div.side_by_side_tabs ul > li:last-child {
        margin-right: 0; }
  body.resources div#container div.side_by_side_thumbs {
    overflow: hidden;
    margin: 15px 0;
    padding: 0;
    width: 1050px; }
    body.resources div#container div.side_by_side_thumbs div.thumb {
      float: left;
      width: 332px;
      margin: 0 14px 15px 0;
      height: 410px;
      overflow: hidden; }
      body.resources div#container div.side_by_side_thumbs div.thumb img {
        max-width: 100%;
        height: auto;
        display: block; }
      body.resources div#container div.side_by_side_thumbs div.thumb p {
        padding: 0 5px; }
      body.resources div#container div.side_by_side_thumbs div.thumb p.caption {
        font-size: 16px;
        line-height: 20px;
        margin: 10px 0 0 0;
        color: #303030;
        font-weight: 400; }
        body.resources div#container div.side_by_side_thumbs div.thumb p.caption a, body.resources div#container div.side_by_side_thumbs div.thumb p.caption a:link, body.resources div#container div.side_by_side_thumbs div.thumb p.caption a:visited, body.resources div#container div.side_by_side_thumbs div.thumb p.caption a:hover, body.resources div#container div.side_by_side_thumbs div.thumb p.caption a:active {
          color: #303030; }
      body.resources div#container div.side_by_side_thumbs div.thumb p.cite {
        font-size: 13px;
        line-height: 15px;
        margin: 3px 0 0 0;
        font-style: italic;
        color: #46919d; }
    body.resources div#container div.side_by_side_thumbs div.thumb.default-cursor img {
      cursor: default; }
  body.resources div#container div.rollout_thumbs_container {
    position: relative; }
  body.resources div#container div.rollout_thumbs {
    overflow: hidden;
    margin: 0 0 20px 0;
    padding: 0;
    border-bottom: none; }
  body.resources div#container div#archived_webinars_thumb.rollout_thumb .preview {
    height: 135px; }
    body.resources div#container div#archived_webinars_thumb.rollout_thumb .preview img {
      border: 1px solid #dddddd; }
  body.resources div#container div.rollout_thumbs:last-child div.rollout_thumb div.details {
    border-bottom: none; }
  body.resources div#container div.rollout_thumb {
    margin: 0 0 30px 0;
    padding: 0;
    border: none;
    /* details */ }
    body.resources div#container div.rollout_thumb div.preview {
      margin: 0 auto;
      padding: 0;
      width: 330px;
      height: 302px; }
      body.resources div#container div.rollout_thumb div.preview div.image-caption {
        position: absolute;
        top: 240px;
        width: 100%;
        margin: 0;
        padding: 0; }
        body.resources div#container div.rollout_thumb div.preview div.image-caption p {
          text-align: center;
          margin: 0;
          padding: 0;
          color: #568eb1;
          font-size: 22px;
          line-height: 22px;
          text-transform: uppercase; }
      body.resources div#container div.rollout_thumb div.preview div.image-caption.two-lines {
        top: 232px; }
    body.resources div#container div.rollout_thumb div.details {
      border-bottom: 2px dotted #dddddd; }
      body.resources div#container div.rollout_thumb div.details h2 {
        text-transform: uppercase;
        border-top: 2px dotted #ddd;
        border-bottom: 2px dotted #ddd;
        padding: 7px 0 5px 0;
        font-size: 28px;
        line-height: 28px; }
      body.resources div#container div.rollout_thumb div.details a.button {
        display: block;
        height: 32px;
        background-color: #568eb1;
        padding: 0;
        margin: 0;
        color: #fff;
        text-align: center;
        font-size: 16px;
        line-height: 32px;
        text-decoration: none; }
      body.resources div#container div.rollout_thumb div.details a.button.red {
        background-color: #D9021B; }
      body.resources div#container div.rollout_thumb div.details a.button:hover {
        opacity: 0.7;
        text-decoration: none; }
      body.resources div#container div.rollout_thumb div.details div.split_content {
        overflow: hidden;
        margin-top: 30px; }
        body.resources div#container div.rollout_thumb div.details div.split_content div.left {
          float: left;
          width: 650px;
          margin-right: 44px; }
        body.resources div#container div.rollout_thumb div.details div.split_content div.right {
          float: left;
          width: 320px;
          margin: 0; }
      body.resources div#container div.rollout_thumb div.details ul {
        list-style-type: none;
        margin: 0;
        padding: 0; }
        body.resources div#container div.rollout_thumb div.details ul li {
          margin-bottom: 20px; }
  body.resources div#container div.rollout_thumb:first-child div.preview {
    margin-left: 0; }
  body.resources div#container div.rollout_thumb:last-child div.preview {
    margin-right: 0; }
  body.resources div#container div.content.implementation h2 {
    font-family: proxima-nova, helvetica, arial, sans-serif;
    font-size: 26px;
    font-weight: 300;
    line-height: 30px;
    text-transform: none;
    margin: 30px 0 10px 0;
    margin: 0 0 20px 0; }
    body.resources div#container div.content.implementation h2 span.superhead {
      display: block;
      letter-spacing: 1px;
      font-size: 12px;
      line-height: 12px;
      margin-bottom: 8px;
      color: #ababaa;
      text-transform: uppercase; }
  body.resources div#container div.content.implementation p.small {
    font-family: proxima-nova, helvetica, arial, sans-serif;
    font-size: 16px;
    line-height: 16px; }
  body.resources div#container div.content.implementation p.large {
    font-family: proxima-nova, helvetica, arial, sans-serif;
    font-size: 18px;
    line-height: 27px; }
  body.resources div#container div.content.implementation div.top_split_content.em_visualization {
    margin: 0 0 75px 0; }

/* RESOURCES Data Visualization */
body.resources.data_visualization div#container div.side_by_side_thumbs div.thumb img {
  width: 322px;
  box-shadow: 4px 4px 6px 0 #cccccc;
  -moz-box-shadow: 4px 4px 6px 0 #cccccc;
  -webkit-box-shadow: 4px 4px 6px 0 #cccccc;
  margin: 0 10px 10px 0; }

/* SERVICES */
body.services div#header div.inner div.left div.text {
  margin: 70px 150px 0 0; }
  body.services div#header div.inner div.left div.text p {
    margin: 10px 0;
    font-size: 20px;
    line-height: 32px;
    color: #568eb1; }
  body.services div#header div.inner div.left div.text p.strong {
    color: #568eb1;
    margin: 28px 0 10px 0;
    font-size: 28px;
    line-height: 36px; }
body.services div#container {
  /* expandable thumb */ }
  body.services div#container h2 {
    font-size: 18px;
    line-height: 20px;
    color: #990000;
    text-transform: uppercase; }
  body.services div#container h3 {
    font-size: 18px;
    line-height: 20px;
    color: #990000;
    text-transform: none; }
  body.services div#container h4 {
    font-size: 16px;
    line-height: 20px;
    font-weight: 300;
    color: #303030;
    text-transform: uppercase;
    margin: 30px 0 10px 0; }
  body.services div#container a:link, body.services div#container a:visited, body.services div#container a:hover, body.services div#container a:active, body.services div#container [hovertext] {
    color: #990000; }
  body.services div#container div.rollout_thumbs_container {
    position: relative; }
  body.services div#container div.rollout_thumbs {
    overflow: hidden;
    margin: 0;
    padding: 0;
    border-bottom: none; }
  body.services div#container div.rollout_thumb {
    margin: 0 0 30px 0;
    padding: 0;
    border: none;
    /* details */ }
    body.services div#container div.rollout_thumb div.preview {
      margin: 0 auto;
      padding: 0;
      width: 330px;
      height: 302px; }
      body.services div#container div.rollout_thumb div.preview div.image-caption {
        position: absolute;
        top: 246px;
        width: 100%;
        margin: 0;
        padding: 0; }
        body.services div#container div.rollout_thumb div.preview div.image-caption p {
          text-align: center;
          margin: 0;
          padding: 0;
          color: #ab9a65;
          font-size: 18px;
          line-height: 20px;
          text-transform: uppercase; }
      body.services div#container div.rollout_thumb div.preview div.image-caption.two-lines {
        top: 236px; }
    body.services div#container div.rollout_thumb div.details {
      overflow: hidden; }
      body.services div#container div.rollout_thumb div.details div.left {
        float: left;
        width: 623px;
        margin-right: 50px;
        overflow: hidden; }
        body.services div#container div.rollout_thumb div.details div.left h2:first-child {
          margin-top: 0; }
      body.services div#container div.rollout_thumb div.details div.right {
        float: left;
        width: 323px;
        overflow: hidden;
        padding-left: 25px; }
        body.services div#container div.rollout_thumb div.details div.right h3:first-child {
          margin-top: 0; }
        body.services div#container div.rollout_thumb div.details div.right h4 {
          border-top: 2px dotted #ddd;
          padding-top: 10px; }
        body.services div#container div.rollout_thumb div.details div.right p.contact {
          padding: 10px 0;
          border-top: 1px solid #cccccc;
          border-bottom: 1px solid #cccccc;
          margin: 20px 0; }
      body.services div#container div.rollout_thumb div.details .expandable h2.toggler {
        font-size: 16px;
        font-weight: 300;
        line-height: 20px;
        color: #990000;
        text-transform: none; }
      body.services div#container div.rollout_thumb div.details .expandable h2 span.arrow, body.services div#container div.rollout_thumb div.details .expandable h3 span.arrow {
        display: block;
        float: left;
        margin-right: 10px;
        position: relative;
        font-size: 0.75em; }
      body.services div#container div.rollout_thumb div.details .expandable h2 span.text {
        display: block;
        overflow: hidden; }
      body.services div#container div.rollout_thumb div.details div.thumbnails div.thumbnail {
        margin-bottom: 30px;
        overflow: hidden; }
        body.services div#container div.rollout_thumb div.details div.thumbnails div.thumbnail img {
          float: left;
          width: 140px;
          height: auto;
          margin-right: 25px; }
        body.services div#container div.rollout_thumb div.details div.thumbnails div.thumbnail p {
          overflow: hidden;
          margin: 0 0 10px 0;
          font-size: 14px;
          line-height: 18px; }
        body.services div#container div.rollout_thumb div.details div.thumbnails div.thumbnail p.cite {
          font-family: "adobe-garamond-pro", "times new roman", times georgia, serif;
          font-size: 14px;
          line-height: 16px;
          font-style: italic; }
  body.services div#container div.rollout_thumb:first-child div.preview {
    margin-left: 0; }
  body.services div#container div.rollout_thumb:last-child div.preview {
    margin-right: 0; }
  body.services div#container table td:first-child {
    text-align: left; }
  body.services div#container table th, body.services div#container table td {
    text-align: center;
    padding: 5px; }
  body.services div#container table tr:nth-child(even) {
    background-color: #f5f5f5; }

/* TEAM */
body.team .intro_text {
  max-width: 800px; }
body.team div#header.right-image {
  border: none; }
  body.team div#header.right-image div.inner div.left {
    width: 605px;
    background-color: #fff;
    height: 557px; }
    body.team div#header.right-image div.inner div.left div.text {
      padding: 0;
      clear: both; }
      body.team div#header.right-image div.inner div.left div.text p {
        color: #303030;
        font-size: 20px;
        line-height: 30px; }
    body.team div#header.right-image div.inner div.left h1 {
      text-transform: none;
      font-size: 50px;
      line-height: 50px; }
  body.team div#header.right-image div.inner div.right {
    width: 388px; }
    body.team div#header.right-image div.inner div.right img {
      height: auto; }
body.team div#container a:link, body.team div#container a:visited, body.team div#container a:hover, body.team div#container a:active {
  color: #990000; }
body.team div#container p.cite {
  font-size: 13px;
  line-height: 15px;
  margin: 3px 0 0 0;
  font-style: italic; }
body.team div#container div.split_content {
  overflow: hidden;
  margin: 20px 0; }
  body.team div#container div.split_content h2 {
    margin-top: 16px; }
  body.team div#container div.split_content div.left {
    float: left;
    width: 25%;
    margin: 0 5% 0 0; }
  body.team div#container div.split_content div.right {
    float: left;
    width: 70%;
    margin: 0; }
body.team div#container .team_container {
  position: relative;
  margin-bottom: 10px;
  overflow: hidden; }
  body.team div#container .team_container .team_member {
    margin: 0 31px 20px 0;
    color: #5c5b5b;
    font-weight: 400;
    /* details */ }
    body.team div#container .team_container .team_member h2 {
      font-weight: 400; }
    body.team div#container .team_container .team_member .preview {
      font-size: 13px;
      overflow: hidden;
      text-align: center;
      width: 180px;
      height: 210px;
      border-radius: 3px;
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px; }
      body.team div#container .team_container .team_member .preview img {
        width: 180px;
        height: 180px;
        /* We need to set the height so js can calculate height on document.ready event */ }
      body.team div#container .team_container .team_member .preview div.image-caption {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: 20px;
        padding: 5px 0;
        opacity: 1;
        color: #303030;
        font-size: 16px;
        text-align: center; }
    body.team div#container .team_container .team_member .details {
      width: 984px;
      padding: 30px 20px;
      background: #eeeeeb url("https://d30clwvkkpiyjx.cloudfront.net/outlier/backgrounds/team_member_details.png");
      border-radius: 10px;
      -moz-border-radius: 10px;
      -webkit-border-radius: 10px; }
      body.team div#container .team_container .team_member .details p {
        margin: 10px 0; }
      body.team div#container .team_container .team_member .details div.left {
        float: left;
        width: 307px;
        margin-right: 30px; }
        body.team div#container .team_container .team_member .details div.left img {
          width: 307px;
          height: 435px;
          /* We need to set the height so js can calculate height on document.ready event */ }
        body.team div#container .team_container .team_member .details div.left p {
          overflow: hidden; }
          body.team div#container .team_container .team_member .details div.left p span.left {
            float: left; }
          body.team div#container .team_container .team_member .details div.left p span.right {
            float: right; }
      body.team div#container .team_container .team_member .details div.right {
        float: left;
        width: 550px;
        overflow: auto;
        margin: 0;
        padding: 0;
        height: 100%; }
        body.team div#container .team_container .team_member .details div.right h2 {
          color: #7f0d00;
          text-transform: uppercase;
          margin: 0 0 10px 0;
          font-size: 16px;
          line-height: 20px; }
      body.team div#container .team_container .team_member .details img.arrow {
        position: absolute;
        top: -18px;
        left: 0;
        opacity: 0; }
  body.team div#container .team_container .team_member.no-right-margin {
    margin-right: 0; }
body.team div#container div#contact_info {
  overflow: hidden; }
  body.team div#container div#contact_info h2 {
    font-size: 40px;
    line-height: 40px;
    margin: 40px 0;
    text-align: center;
    font-family: "Raleway-Light"; }
  body.team div#container div#contact_info div.left {
    float: left;
    width: 213px;
    margin-right: 77px; }
  body.team div#container div#contact_info div.middle {
    float: left;
    width: 444px;
    margin-right: 77px; }
  body.team div#container div#contact_info div.right {
    float: left;
    width: 213px;
    margin: 0; }
    body.team div#container div#contact_info div.right p.first {
      font-family: "Raleway-Light";
      font-size: 16px;
      line-height: 22px;
      color: #303030; }
    body.team div#container div#contact_info div.right #i-image {
      height: 520px;
      width: auto; }

body.search h1 {
  font-family: proxima-nova, helvetica, arial, sans-serif;
  font-size: 28px;
  font-weight: 300;
  line-height: 30px;
  text-transform: none;
  margin: 30px 0 10px 0;
  color: #818181; }
body.search #search-result-container {
  max-width: 750px; }
  body.search #search-result-container .gsc-search-box {
    margin: 0 0 15px 0;
    padding: 0; }
    body.search #search-result-container .gsc-search-box .gsc-search-button input {
      background-color: #eeeeee;
      padding: 7px 10px 6px 10px;
      border: none;
      font-family: "Raleway-Light";
      font-size: 14px;
      line-height: 14px;
      font-weight: 100;
      color: #568eb1;
      text-transform: uppercase; }
  body.search #search-result-container .gsc-control-cse {
    border: none !important;
    padding: 0 !important;
    /* Keyword Matches*/
    /* Regular Search Results*/
    /* Pagination */ }
    body.search #search-result-container .gsc-control-cse * {
      font-family: proxima-nova, helvetica, arial, sans-serif !important;
      font-size: 14px !important;
      line-height: 19px !important;
      font-weight: 300 !important; }
    body.search #search-result-container .gsc-control-cse .gsc-search-box,
    body.search #search-result-container .gsc-control-cse .gsc-orderby-container,
    body.search #search-result-container .gsc-control-cse .gcsc-branding {
      display: none;
      visibility: hidden; }
    body.search #search-result-container .gsc-control-cse .gsc-above-wrapper-area {
      border-bottom: none;
      padding: 0; }
    body.search #search-result-container .gsc-control-cse .gsc-result-info {
      color: #45423c;
      padding: 0;
      margin: 0; }
    body.search #search-result-container .gsc-control-cse .gs-result .gs-spelling,
    body.search #search-result-container .gsc-control-cse .gs-result .gs-spelling-original {
      font-size: 1em;
      margin-bottom: 1.25em;
      display: inline-flex;
      margin-right: 20px; }
      body.search #search-result-container .gsc-control-cse .gs-result .gs-spelling a,
      body.search #search-result-container .gsc-control-cse .gs-result .gs-spelling-original a {
        margin-left: 5px; }
        body.search #search-result-container .gsc-control-cse .gs-result .gs-spelling a b,
        body.search #search-result-container .gsc-control-cse .gs-result .gs-spelling-original a b {
          font-weight: bold; }
    body.search #search-result-container .gsc-control-cse .gs-result .gs-spelling-original {
      margin-bottom: 1.5em; }
    body.search #search-result-container .gsc-control-cse .gs-result .gs-title,
    body.search #search-result-container .gsc-control-cse .gs-result .gs-title * {
      text-decoration: none;
      font-size: inherit; }
    body.search #search-result-container .gsc-control-cse .gs-result .gs-title {
      height: auto; }
    body.search #search-result-container .gsc-control-cse .gs-result a.gs-title {
      font-size: 16px !important;
      font-weight: 300 !important;
      margin-bottom: 0;
      clear: both; }
      body.search #search-result-container .gsc-control-cse .gs-result a.gs-title strong b {
        font-weight: 300; }
    body.search #search-result-container .gsc-control-cse .gs-webResult div.gs-visibleUrl,
    body.search #search-result-container .gsc-control-cse .gs-webResult div.gs-visibleUrl,
    body.search #search-result-container .gsc-control-cse .gs-imageResult div.gs-visibleUrl,
    body.search #search-result-container .gsc-control-cse .gs-imageResult div.gs-visibleUrl {
      font-size: .875em;
      font-weight: 300;
      color: #45423c;
      font-style: italic;
      line-height: 2em; }
      body.search #search-result-container .gsc-control-cse .gs-webResult div.gs-visibleUrl b,
      body.search #search-result-container .gsc-control-cse .gs-webResult div.gs-visibleUrl b,
      body.search #search-result-container .gsc-control-cse .gs-imageResult div.gs-visibleUrl b,
      body.search #search-result-container .gsc-control-cse .gs-imageResult div.gs-visibleUrl b {
        font-size: inherit !important;
        font-style: inherit !important; }
    body.search #search-result-container .gsc-control-cse .gsc-webResult.gsc-result:hover, body.search #search-result-container .gsc-control-cse .gsc-webResult.gsc-result:focus {
      border: none; }
    body.search #search-result-container .gsc-control-cse .gsc-webResult.gsc-result,
    body.search #search-result-container .gsc-control-cse .gsc-webResult.gsc-result.gsc-promotion {
      background: none;
      border: none;
      margin-top: 0;
      margin-bottom: -2px;
      padding: 0; }
      body.search #search-result-container .gsc-control-cse .gsc-webResult.gsc-result .gs-snippet,
      body.search #search-result-container .gsc-control-cse .gsc-webResult.gsc-result.gsc-promotion .gs-snippet {
        line-height: 2em; }
      body.search #search-result-container .gsc-control-cse .gsc-webResult.gsc-result .gs-title b,
      body.search #search-result-container .gsc-control-cse .gsc-webResult.gsc-result .gs-snippet b,
      body.search #search-result-container .gsc-control-cse .gsc-webResult.gsc-result.gsc-promotion .gs-title b,
      body.search #search-result-container .gsc-control-cse .gsc-webResult.gsc-result.gsc-promotion .gs-snippet b {
        font-weight: 300;
        font-size: inherit; }
      body.search #search-result-container .gsc-control-cse .gsc-webResult.gsc-result a,
      body.search #search-result-container .gsc-control-cse .gsc-webResult.gsc-result a,
      body.search #search-result-container .gsc-control-cse .gsc-webResult.gsc-result a:visited,
      body.search #search-result-container .gsc-control-cse .gsc-webResult.gsc-result a.gs-title:link,
      body.search #search-result-container .gsc-control-cse .gsc-webResult.gsc-result a.gs-title:link b,
      body.search #search-result-container .gsc-control-cse .gsc-webResult.gsc-result a.gs-title:link,
      body.search #search-result-container .gsc-control-cse .gsc-webResult.gsc-result a.gs-title:link b
      a.gs-title:visited,
      body.search #search-result-container .gsc-control-cse .gsc-webResult.gsc-result a.gs-title:visited *,
      body.search #search-result-container .gsc-control-cse .gsc-webResult.gsc-result.gsc-promotion a,
      body.search #search-result-container .gsc-control-cse .gsc-webResult.gsc-result.gsc-promotion a,
      body.search #search-result-container .gsc-control-cse .gsc-webResult.gsc-result.gsc-promotion a:visited,
      body.search #search-result-container .gsc-control-cse .gsc-webResult.gsc-result.gsc-promotion a.gs-title:link,
      body.search #search-result-container .gsc-control-cse .gsc-webResult.gsc-result.gsc-promotion a.gs-title:link b,
      body.search #search-result-container .gsc-control-cse .gsc-webResult.gsc-result.gsc-promotion a.gs-title:link,
      body.search #search-result-container .gsc-control-cse .gsc-webResult.gsc-result.gsc-promotion a.gs-title:link b
      a.gs-title:visited,
      body.search #search-result-container .gsc-control-cse .gsc-webResult.gsc-result.gsc-promotion a.gs-title:visited * {
        color: #568eb1 !important;
        text-decoration: none;
        transition: all 0.3s ease-in-out; }
        body.search #search-result-container .gsc-control-cse .gsc-webResult.gsc-result a:hover, body.search #search-result-container .gsc-control-cse .gsc-webResult.gsc-result a:focus,
        body.search #search-result-container .gsc-control-cse .gsc-webResult.gsc-result a:hover,
        body.search #search-result-container .gsc-control-cse .gsc-webResult.gsc-result a:focus,
        body.search #search-result-container .gsc-control-cse .gsc-webResult.gsc-result a:visited:hover,
        body.search #search-result-container .gsc-control-cse .gsc-webResult.gsc-result a:visited:focus,
        body.search #search-result-container .gsc-control-cse .gsc-webResult.gsc-result a.gs-title:link:hover,
        body.search #search-result-container .gsc-control-cse .gsc-webResult.gsc-result a.gs-title:link:focus,
        body.search #search-result-container .gsc-control-cse .gsc-webResult.gsc-result a.gs-title:link b:hover,
        body.search #search-result-container .gsc-control-cse .gsc-webResult.gsc-result a.gs-title:link b:focus,
        body.search #search-result-container .gsc-control-cse .gsc-webResult.gsc-result a.gs-title:link:hover,
        body.search #search-result-container .gsc-control-cse .gsc-webResult.gsc-result a.gs-title:link:focus,
        body.search #search-result-container .gsc-control-cse .gsc-webResult.gsc-result a.gs-title:link b
        a.gs-title:visited:hover,
        body.search #search-result-container .gsc-control-cse .gsc-webResult.gsc-result a.gs-title:link b
        a.gs-title:visited:focus,
        body.search #search-result-container .gsc-control-cse .gsc-webResult.gsc-result a.gs-title:visited *:hover,
        body.search #search-result-container .gsc-control-cse .gsc-webResult.gsc-result a.gs-title:visited *:focus,
        body.search #search-result-container .gsc-control-cse .gsc-webResult.gsc-result.gsc-promotion a:hover,
        body.search #search-result-container .gsc-control-cse .gsc-webResult.gsc-result.gsc-promotion a:focus,
        body.search #search-result-container .gsc-control-cse .gsc-webResult.gsc-result.gsc-promotion a:hover,
        body.search #search-result-container .gsc-control-cse .gsc-webResult.gsc-result.gsc-promotion a:focus,
        body.search #search-result-container .gsc-control-cse .gsc-webResult.gsc-result.gsc-promotion a:visited:hover,
        body.search #search-result-container .gsc-control-cse .gsc-webResult.gsc-result.gsc-promotion a:visited:focus,
        body.search #search-result-container .gsc-control-cse .gsc-webResult.gsc-result.gsc-promotion a.gs-title:link:hover,
        body.search #search-result-container .gsc-control-cse .gsc-webResult.gsc-result.gsc-promotion a.gs-title:link:focus,
        body.search #search-result-container .gsc-control-cse .gsc-webResult.gsc-result.gsc-promotion a.gs-title:link b:hover,
        body.search #search-result-container .gsc-control-cse .gsc-webResult.gsc-result.gsc-promotion a.gs-title:link b:focus,
        body.search #search-result-container .gsc-control-cse .gsc-webResult.gsc-result.gsc-promotion a.gs-title:link:hover,
        body.search #search-result-container .gsc-control-cse .gsc-webResult.gsc-result.gsc-promotion a.gs-title:link:focus,
        body.search #search-result-container .gsc-control-cse .gsc-webResult.gsc-result.gsc-promotion a.gs-title:link b
        a.gs-title:visited:hover,
        body.search #search-result-container .gsc-control-cse .gsc-webResult.gsc-result.gsc-promotion a.gs-title:link b
        a.gs-title:visited:focus,
        body.search #search-result-container .gsc-control-cse .gsc-webResult.gsc-result.gsc-promotion a.gs-title:visited *:hover,
        body.search #search-result-container .gsc-control-cse .gsc-webResult.gsc-result.gsc-promotion a.gs-title:visited *:focus {
          color: #437391 !important;
          text-decoration: underline; }
    body.search #search-result-container .gsc-control-cse .gsc-webResult.gsc-result:not(.gsc-promotion) {
      margin-top: 2em; }
    body.search #search-result-container .gsc-control-cse .gs-promotion {
      background: #f7f7f7;
      padding: 10px;
      border-left: none;
      border-right: none;
      border-top: 1px solid #efefef;
      border-bottom: 1px solid #efefef; }
    body.search #search-result-container .gsc-control-cse .gsc-expansionArea .gs-webResult.gs-result {
      background: none;
      border: none;
      padding: 0;
      line-height: 2em; }
    body.search #search-result-container .gsc-control-cse .gsc-results .gsc-cursor-box {
      margin: 20px 0;
      padding: 0; }
      body.search #search-result-container .gsc-control-cse .gsc-results .gsc-cursor-box .gsc-cursor-page {
        margin: 0;
        padding: 4px 12px;
        line-height: 20px;
        text-decoration: none;
        border: 1px solid #efefef;
        border-left-width: 0;
        font-size: .875em;
        color: #568eb1; }
        body.search #search-result-container .gsc-control-cse .gsc-results .gsc-cursor-box .gsc-cursor-page:hover {
          color: #999;
          background-color: #f5f5f5;
          color: #437391; }
        body.search #search-result-container .gsc-control-cse .gsc-results .gsc-cursor-box .gsc-cursor-page:first-child {
          border-left-width: 1px;
          border-top-left-radius: 4px;
          border-bottom-left-radius: 4px; }
        body.search #search-result-container .gsc-control-cse .gsc-results .gsc-cursor-box .gsc-cursor-page:last-child {
          border-right-width: 1px;
          border-top-right-radius: 4px;
          border-bottom-right-radius: 4px; }
        body.search #search-result-container .gsc-control-cse .gsc-results .gsc-cursor-box .gsc-cursor-page.gsc-cursor-current-page {
          cursor: default;
          color: #999;
          background-color: #f5f5f5;
          text-shadow: none;
          font-weight: 300; }
    body.search #search-result-container .gsc-control-cse .gsc-results .gsc-cursor {
      line-height: 2em;
      margin: 0;
      border-radius: 4px;
      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); }

/* BELIEFS */
body.beliefs #container .content {
  background: url("https://cemse.s3.amazonaws.com/outlier/backgrounds/Beads_background.png") no-repeat left top;
  min-height: 1122px;
  position: relative;
  z-index: 1;
  /*
  .bg {
  	position: absolute;
  	z-index: -1;
  	top: 0;
  	bottom: 0;
  	left: 0;
  	right: 0;
  	background: url('https://cemse.s3.amazonaws.com/outlier/backgrounds/Beads_background.png') no-repeat left top;
  	opacity: .25;
  	width: 100%;
  	height: 100%;
  }
  */ }
  body.beliefs #container .content h1 {
    color: #df0017;
    margin-top: 90px; }
  body.beliefs #container .content #beliefs_wrapper {
    overflow: hidden;
    padding: 10px 3px;
    margin-top: 120px; }
    body.beliefs #container .content #beliefs_wrapper .belief_wrapper {
      float: left;
      margin: 0 70px 70px 0;
      width: 440px;
      height: 225px;
      box-sizing: border-box;
      box-shadow: 1px 1px 5px 0 #cccccc;
      -moz-box-shadow: 1px 1px 5px 0 #cccccc;
      -webkit-box-shadow: 1px 1px 5px 0 #cccccc;
      background: white; }
      body.beliefs #container .content #beliefs_wrapper .belief_wrapper .preview_text {
        padding: 80px 25px;
        color: #303030;
        font-size: 26px;
        line-height: 32px;
        font-weight: 400; }
      body.beliefs #container .content #beliefs_wrapper .belief_wrapper .hidden_text {
        display: none;
        padding: 50px 25px;
        color: #303030;
        font-size: 20px;
        line-height: 26px;
        font-weight: 400; }
    body.beliefs #container .content #beliefs_wrapper .belief_wrapper.last_in_row {
      margin-right: 0; }
    body.beliefs #container .content #beliefs_wrapper .belief_wrapper:hover .preview_text {
      display: none; }
    body.beliefs #container .content #beliefs_wrapper .belief_wrapper:hover .hidden_text {
      display: block; }
    body.beliefs #container .content #beliefs_wrapper #spread_sustainability_card.belief_wrapper .hidden_text {
      padding-top: 34px; }

/* TOOLS */
body.tools div#container .content {
  box-sizing: border-box;
  background: #f5f5f4;
  padding: 0 65px 20px 65px; }
body.tools div#container .image_with_text {
  position: relative;
  margin: 0 -65px 25px -65px; }
  body.tools div#container .image_with_text img {
    display: block;
    max-width: 100%;
    height: auto; }
  body.tools div#container .image_with_text .text {
    position: absolute;
    left: 65px;
    top: 100px;
    color: #303030; }
    body.tools div#container .image_with_text .text h1 {
      color: #303030; }
body.tools div#container div.top_split_content {
  position: relative;
  color: #0d275c;
  font-family: "Raleway-Regular"; }
  body.tools div#container div.top_split_content div.left {
    box-sizing: border-box;
    width: 470px;
    margin: 0;
    padding: 30px 0;
    background: transparent; }
    body.tools div#container div.top_split_content div.left ul.tabs {
      list-style-type: none;
      margin: 0;
      padding: 0; }
      body.tools div#container div.top_split_content div.left ul.tabs li {
        margin: 0 0 10px 0;
        height: 80px;
        position: relative;
        box-shadow: 1px 1px 5px 0 #cccccc;
        -moz-box-shadow: 1px 1px 5px 0 #cccccc;
        -webkit-box-shadow: 1px 1px 5px 0 #cccccc;
        font-size: 20px;
        line-height: 24px;
        font-weight: bold; }
        body.tools div#container div.top_split_content div.left ul.tabs li a {
          display: block;
          box-sizing: border-box;
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          margin: 0;
          padding: 30px 20px;
          z-index: 2;
          background-color: #ffffff;
          color: #303030; }
      body.tools div#container div.top_split_content div.left ul.tabs li.selected a span {
        border-bottom: 1px solid #303030; }
      body.tools div#container div.top_split_content div.left ul.tabs li.selected a::after {
        content: '';
        position: absolute;
        top: 20px;
        right: -20px;
        width: 0;
        height: 0;
        border-top: 20px solid transparent;
        border-bottom: 20px solid transparent;
        border-left: 20px solid #ffffff;
        z-index: 2; }
  body.tools div#container div.top_split_content div.right {
    background: url("https://cemse.s3.amazonaws.com/outlier/backgrounds/Outlier_i_RGB.png") no-repeat center center;
    background-size: 70px;
    background-color: rgba(255, 255, 255, 0.5) !important;
    background-blend-mode: color;
    position: absolute;
    right: 5px;
    top: 5px;
    bottom: 5px;
    box-sizing: border-box;
    width: 440px;
    padding: 40px 25px 40px 60px;
    color: #303030;
    box-shadow: 1px 1px 5px 0 #cccccc;
    -moz-box-shadow: 1px 1px 5px 0 #cccccc;
    -webkit-box-shadow: 1px 1px 5px 0 #cccccc; }

/* APPROACH */
body.approach #container .content {
  background: url("https://cemse.s3.amazonaws.com/outlier/backgrounds/Approach_background.png") no-repeat left top;
  min-height: 1205px;
  color: #ffffff; }
  body.approach #container .content h1 {
    color: #ffffff;
    text-transform: uppercase;
    text-align: center;
    margin-top: 50px; }
  body.approach #container .content #approaches_wrapper {
    margin-top: 275px;
    padding-left: 75px; }
    body.approach #container .content #approaches_wrapper .approach_wrapper {
      margin-bottom: 70px;
      overflow: hidden; }
      body.approach #container .content #approaches_wrapper .approach_wrapper .approach_title {
        box-sizing: border-box;
        width: 388px;
        margin-right: 50px;
        float: left;
        font-size: 24px;
        line-height: 34px;
        font-weight: bold;
        text-align: right; }
      body.approach #container .content #approaches_wrapper .approach_wrapper .approach_description {
        box-sizing: border-box;
        width: 400px;
        float: left;
        font-size: 18px;
        line-height: 24px;
        font-weight: 400; }