/**
 *   Car Charging.com Master Stylesheet
 *   written by Jake Teton-Landis <just.1.jake@gmail.com>
 *   March 2012
 *  
 *   Written in [SCSS](http://sass-lang.com/) and bootstrapped via
 *   [Jark](http://jake.teton-landis.org/projects/scss)
 */
/*
*  Jark Patchwork <http://jake.teton-landis.org/projects/scss/>
*  by Jake Teton-Landis <http://jake.teton-landis.org/>
*  (c) 2012, all rights reserved
*
*  contains code and ideas from
*  Golden Grid System (1.0)	<http://goldengridsystem.com/>
*  by Joni Korpi 				<http://jonikorpi.com/>
*  licensed under MIT			<http://opensource.org/licenses/mit-license.php>
*/
/*
*
*  Margin, padding, and border resets
*  except for form elements
*
*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, a, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, nav, section, menu, time, mark, audio, video, canvas {
  margin: 0;
  padding: 0;
  border: 0; }

/*
*
*  Consistency fixes
*  adopted from http://necolas.github.com/normalize.css/
*
*/
html {
  height: 100%;
  width: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

body {
  min-height: 100%;
  width: 100%;
  font-size: 100%; }

article, aside, details, figcaption, figure,
footer, header, hgroup, nav, section, audio, canvas, video {
  display: block; }

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word; }

/* should be used via @extend rather than as a HTML class */
.clearfix, .wrapper.primitive, header.global > div, footer.global .main, footer.global .copyright, #content, footer.global nav > ul, footer.global .contact, #wrapper, #home .dotNav, #landing #content nav, #landing #content nav > ul > li ul {
  zoom: 1; }
  .clearfix:before, .wrapper.primitive:before, header.global > div:before, footer.global .main:before, footer.global .copyright:before, #content:before, footer.global nav > ul:before, footer.global .contact:before, #wrapper:before, #home .dotNav:before, #landing #content nav:before, #landing #content nav > ul > li ul:before, .clearfix:after, .wrapper.primitive:after, header.global > div:after, footer.global .main:after, footer.global .copyright:after, #content:after, footer.global nav > ul:after, footer.global .contact:after, #wrapper:after, #home .dotNav:after, #landing #content nav:after, #landing #content nav > ul > li ul:after {
    content: "";
    display: table; }
  .clearfix:after, .wrapper.primitive:after, header.global > div:after, footer.global .main:after, footer.global .copyright:after, #content:after, footer.global nav > ul:after, footer.global .contact:after, #wrapper:after, #home .dotNav:after, #landing #content nav:after, #landing #content nav > ul > li ul:after {
    clear: both; }

/* should be used via @extend rather than as a HTML class */
.ir, header.global #root, footer.global .social a, #home .hero section, #home .dotNav a {
  display: block;
  text-indent: -999em;
  overflow: hidden;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr; }
  .ir br, header.global #root br, footer.global .social a br, #home .hero section br, #home .dotNav a br {
    display: none; }

/* Forms */
/**
 * Fluid Media
 */
figure {
  position: relative; }
  figure img, figure object, figure embed, figure video {
    max-width: 100%;
    display: block; }

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

/**
 *  Zoomable Baseline Grid
 */
body {
  /* 16px / 24px */
  font-size: 1em;
  line-height: 1.5em; }

/* these classes should be used via @extend rather than as a HTML class */
.small {
  /* 13px / 18px */
  font-size: 0.813em;
  line-height: 1.385em; }

.normal {
  /* 16px / 24px */
  font-size: 1em;
  line-height: 1.5em;
  /* 24 */ }

.large, h2 {
  /* 26 / 36px */
  font-size: 1.625em;
  line-height: 1.385em; }

.huge, h1 {
  /* 42px / 48px */
  font-size: 2.625em;
  line-height: 1.143em; }

.massive {
  /* 68px / 72px */
  font-size: 4.25em;
  line-height: 1.059em; }

.gigantic {
  /* 110px / 120px */
  font-size: 6.875em;
  line-height: 1.091em; }

/**
 * Grid container
 * surrounds .wrapper elements, which are columns
 * should be used via @extend
 */
.container, .wrapper.primitive, header.global > div, footer.global .main, footer.global .copyright, #content {
  margin: 0 5.556%; }

/**
 * Simple elastic gutters
 * Note: box-sizing will not work in IE6-7
 * should be used via @extend
 */
.wrapper {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  padding: 0 0.75em; }

/* @media screen and (min-width: 640px) */
@media screen and (min-width: 40em) {
  body {
    /* Zoom baseline grid to 17/16 = 1.0625 */
    font-size: 1.063em; } }
/* @media screen and (min-width: 720px) */
@media screen and (min-width: 45em) {
  body {
    /* Reset baseline grid to 16/16 = 1 */
    font-size: 1em; } }
/* @media screen and (min-width: 888px) */
@media screen and (min-width: 55.5em) {
  body {
    /* Zoom baseline grid to 17/16 = 1.0625 */
    font-size: 1.063em; } }
/* @media screen and (min-width: 984px) */
@media screen and (min-width: 61.5em) {
  body {
    /* Reset baseline grid to 16/16 = 1.0 */
    font-size: 1em; } }
/* @media screen and (min-width: 1200px) */
@media screen and (min-width: 75em) {
  body {
    /* Zoom baseline grid to 17/16 = 1.0625 */
    font-size: 1.063em; } }
/* @media screen and (min-width: 1392px) */
@media screen and (min-width: 87em) {
  body {
    /* Reset baseline grid to 16/16 = 1.0 */
    font-size: 1em; } }
/* @media screen and (min-width: 1680px) */
@media screen and (min-width: 105em) {
  body {
    /* Zoom baseline grid to 17/16 = 1.0625 */
    font-size: 1.063em; } }
/* @media screen and (min-width: 1872px) */
/* @media screen and (min-width: 2080px) */
@media screen and (min-width: 130em) {
  body {
    /* Zoom baseline grid to 18/16 = 1.125 */
    font-size: 1.125em;
    max-width: 160 em; } }
body {
  font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-size: 87.5%;
  color: #636363;
  background: white; }

/* Primitive Classes */
.wrapper.primitive, header.global > div, footer.global .main, footer.global .copyright, #content {
  /* Things that contain things */ }
  @media screen and (min-width: 45em) {
    .wrapper.primitive, header.global > div, footer.global .main, footer.global .copyright, #content {
      width: 960px;
      margin: 0 auto; } }
  .lt-ie9 .wrapper.primitive, .lt-ie9 header.global > div, .lt-ie9 footer.global .main, footer.global .lt-ie9 .main, .lt-ie9 footer.global .copyright, footer.global .lt-ie9 .copyright, .lt-ie9 #content {
    width: 960px;
    margin: 0 auto; }

.textinput.primitive, textarea, input[type=text], input[type=email], input[type=search] {
  /* reset */
  margin: 0;
  padding: 0;
  border-radius: 0;
  font: inherit;
  /* because some browsers cannot line-height for
   * text inputs, we fake it with this padding,
   * as they default to 1.2em "normal" line-height
   */
  padding: 0.15em 0.25em;
  border: 1px solid #999999;
  color: #999999; }
  .textinput.primitive:focus, textarea:focus, input[type=text]:focus, input[type=email]:focus, input[type=search]:focus {
    color: #636363; }

header.global .account a, button, .button, input[type=buttom], input[type=submit] {
  /* resets */
  display: inline-block;
  border: 1px solid #999999;
  text-transform: uppercase;
  padding: 0 .25em;
  color: #111111; }
  header.global .account a:hover, button:hover, .button:hover, input[type=buttom]:hover, input[type=submit]:hover {
    color: white;
    background: #0066cc;
    text-decoration: none; }
  header.global .account a.strong, button.strong, .strong.button, input.strong[type=buttom], input.strong[type=submit] {
    font-weight: bold; }

.shadedBox, #home #content > section, #landing #content section > div {
  /* For use over images for text clarity */
  border: 1px solid #cccccc;
  background: #eeeeee;
  background: rgba(238, 238, 238, 0.8); }

/* Basic Styles {{{ */
a {
  text-decoration: none;
  color: #0066cc; }
  a:hover {
    text-decoration: underline; }

nav ul {
  list-style-type: none; }

strong {
  color: #111111;
  font-weight: inherit; }

form {
  line-height: 1.5em; }

/* Headers */
h1 {
  font-weight: normal; }

/* }}} */
/* Header */
header.global {
  background: white;
  color: #999999;
  padding-top: 2em;
  padding-bottom: 1em; }
  @media screen and (min-width: 45em) {
    header.global {
      font-size: 0.813em;
      line-height: 1.5; } }
  .lt-ie9 header.global {
    font-size: 0.813em;
    line-height: 1.5; }
  header.global #root {
    display: block;
    color: inherit;
    margin-bottom: .5em;
    float: left;
    text-decoration: none;
    padding-bottom: 3px;
    background: url("/images/logo-39.png") top left no-repeat;
    width: 278px;
    height: 39px; }
    @media screen and (min-width: 45em) {
      header.global #root {
        float: left;
        margin: 0; } }
    .lt-ie9 header.global #root {
      float: left;
      margin: 0; }
    header.global #root:hover {
      padding-bottom: 0;
      border-bottom: 3px solid #0066cc; }
  header.global .account, header.global .search {
    line-height: 1.5em; }
    @media screen and (min-width: 45em) {
      header.global .account, header.global .search {
        float: right;
        margin-left: 1em; } }
    .lt-ie9 header.global .account, .lt-ie9 header.global .search {
      float: right;
      margin-left: 1em; }
    @media print {
      header.global .account, header.global .search {
        display: none;
        display: none; } }
  header.global .search {
    clear: left; }
    @media screen and (min-width: 45em) {
      header.global .search {
        clear: none;
        visibility: auto; } }
    .lt-ie9 header.global .search {
      clear: none;
      visibility: auto; }
    header.global .search input[type=submit], header.global .search .button {
      background-image: linear-gradient(bottom, #9c9c9c 0%, #fcfcfc 100%);
      background-image: -o-linear-gradient(bottom, #9c9c9c 0%, #fcfcfc 100%);
      background-image: -moz-linear-gradient(bottom, #9c9c9c 0%, #fcfcfc 100%);
      background-image: -webkit-linear-gradient(bottom, #9c9c9c 0%, #fcfcfc 100%);
      background-image: -ms-linear-gradient(bottom, #9c9c9c 0%, #fcfcfc 100%);
      background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #9c9c9c), color-stop(1, #fcfcfc)); }
      header.global .search input[type=submit]:hover, header.global .search .button:hover {
        color: #111111;
        background-image: linear-gradient(bottom, #fcfcfc 0%, #9c9c9c 100%);
        background-image: -o-linear-gradient(bottom, #fcfcfc 0%, #9c9c9c 100%);
        background-image: -moz-linear-gradient(bottom, #fcfcfc 0%, #9c9c9c 100%);
        background-image: -webkit-linear-gradient(bottom, #fcfcfc 0%, #9c9c9c 100%);
        background-image: -ms-linear-gradient(bottom, #fcfcfc 0%, #9c9c9c 100%);
        background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fcfcfc), color-stop(1, #9c9c9c)); }
  header.global .account {
    float: right; }

/* Footer */
footer.global {
  position: relative;
  z-index: 1; }
  footer.global .main {
    background: #333333;
    background: rgba(17, 17, 17, 0.85);
    padding: 2em 5.556%;
    color: white;
    margin: 0; }
    @media screen and (min-width: 45em) {
      footer.global .main {
        padding-left: 5em;
        padding-right: 5em;
        margin: 0 auto;
        font-size: 0.813em;
        line-height: 1.385em; } }
    .lt-ie9 footer.global .main {
      padding-left: 5em;
      padding-right: 5em;
      margin: 0 auto;
      font-size: 0.813em;
      line-height: 1.385em; }
    @media print {
      footer.global .main {
        display: none;
        margin: 0; } }
  footer.global .copyright {
    font-size: 10px;
    color: #444; }
  footer.global h3 {
    color: #0066cc;
    font-size: 1em;
    text-transform: uppercase; }
  @media screen and (min-width: 45em) {
    footer.global nav > ul {
      float: left;
      margin: 0; } }
  .lt-ie9 footer.global nav > ul {
    float: left;
    margin: 0; }
  footer.global nav > ul > li {
    margin-bottom: 1.5em;
    float: left;
    width: 50%; }
    @media screen and (min-width: 45em) {
      footer.global nav > ul > li {
        width: auto;
        margin-right: 3em; } }
    .lt-ie9 footer.global nav > ul > li {
      width: auto;
      margin-right: 3em; }
    footer.global nav > ul > li > a {
      text-transform: uppercase;
      font-weight: bold; }
    footer.global nav > ul > li li a {
      color: inherit; }
  @media screen and (min-width: 45em) {
    footer.global .social {
      float: left;
      width: 120px; } }
  .lt-ie9 footer.global .social {
    float: left;
    width: 120px; }
  footer.global .social a {
    display: inline-block;
    background: transparent url("/images/icons/all-social-22.png") top left;
    width: 22px;
    height: 21px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    -khtml-border-radius: 4px;
    opacity: 0.7; }
    footer.global .social a:hover {
      -webkit-box-shadow: 0px 1px white, 1px 0px white, -1px 0px white, 0px -1px white;
      -moz-box-shadow: 0px 1px white, 1px 0px white, -1px 0px white, 0px -1px white;
      -ms-box-shadow: 0px 1px white, 1px 0px white, -1px 0px white, 0px -1px white;
      -o-box-shadow: 0px 1px white, 1px 0px white, -1px 0px white, 0px -1px white;
      -khtml-box-shadow: 0px 1px white, 1px 0px white, -1px 0px white, 0px -1px white;
      opacity: 1; }
    footer.global .social a:active {
      opacity: 1; }
    footer.global .social a.facebook {
      background-position: 0 0; }
    footer.global .social a.twitter {
      background-position: -22px 0; }
    footer.global .social a.blogger {
      background-position: -44px 0; }
    footer.global .social a.youtube {
      background-position: -66px 0; }
    footer.global .social a.linkedin {
      background-position: -88px 0; }
    footer.global .social a.feed {
      background-position: -110px 0; }
  @media screen and (min-width: 45em) {
    footer.global .contact {
      float: right;
      width: 240px; } }
  .lt-ie9 footer.global .contact {
    float: right;
    width: 240px; }
  footer.global .contact input[type=email], footer.global .contact textarea {
    display: block;
    width: 100%;
    margin-bottom: .5em; }
  footer.global .contact .button, footer.global .contact input[type=submit] {
    background: #0066cc;
    border-color: #cccccc;
    color: white;
    float: right;
    margin-right: -7px; }

/* content */
#wrapper {
  background: white url("/images/home/bg-1.jpg") no-repeat top center; }
  @media screen and (min-width: 45em) {
    #wrapper {
      min-height: 60em;
      min-width: 960px;
      max-width: 1140px;
      margin: 0 auto; } }
  .lt-ie9 #wrapper {
    min-height: 60em;
    min-width: 960px;
    max-width: 1140px;
    margin: 0 auto; }

#notifications {
  /* Contains prompts in the top-right corner */
  position: relative;
  border-top: 1px solid #cccccc;
  font-size: 0.785em;
  line-height: 1.25; }
  @media screen and (min-width: 45em) {
    #notifications {
      width: 153px;
      border: none;
      position: absolute;
      top: 0;
      right: 0; } }
  .lt-ie9 #notifications {
    width: 153px;
    border: none;
    position: absolute;
    top: 0;
    right: 0; }
  #notifications > a {
    display: block;
    background: white;
    padding: 0 0.25em;
    border-bottom: 1px solid #cccccc;
    color: black; }
    @media screen and (min-width: 45em) {
      #notifications > a {
        padding: 0.7em;
        padding-right: 45px;
        background: transparent url("/images/notify/message.png") no-repeat;
        border: none; } }
    .lt-ie9 #notifications > a {
      padding: 0.7em;
      padding-right: 45px;
      background: transparent url("/images/notify/message.png") no-repeat;
      border: none; }

#content {
  position: relative; }
  @media screen and (min-width: 45em) {
    #content {
      min-height: 47em;
      visibility: auto; } }
  .lt-ie9 #content {
    min-height: 47em;
    visibility: auto; }
  #content p {
    margin: 0.75em 0; }
  #content ul.actions {
    font-size: .857em;
    list-style-type: none; }
    #content ul.actions a {
      display: inline-block;
      padding-right: 2.5em;
      line-height: 2em;
      background: url("/images/icons/plug.png") right center no-repeat; }

/* Forms stuff */
/* Print Stuff */
@media print {
  nav ul ul {
    display: none !important;
    display: none !important; } }

/* _home.scss */
#home {
  /* Homepage JS thing */ }
  #home #wrapper {
    position: relative; }
  #home .heroBg, #home #heroBgContainer {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 0;
    background: white url("/images/home/bg-1.jpg") no-repeat top center;
    background-image: none; }
  #home #content {
    position: relative;
    z-index: 1;
    padding-top: 1em;
    color: #111111; }
    @media screen and (min-width: 45em) {
      #home #content {
        padding-top: 1.5em;
        visibility: auto; } }
    .lt-ie9 #home #content {
      padding-top: 1.5em;
      visibility: auto; }
    #home #content > section {
      padding: 1em;
      margin-bottom: 1em;
      padding-left: 8em;
      position: relative; }
      @media screen and (min-width: 45em) {
        #home #content > section {
          float: right;
          clear: right;
          width: 30%;
          margin: 0;
          margin-bottom: 0.25em; } }
      .lt-ie9 #home #content > section {
        float: right;
        clear: right;
        width: 30%;
        margin: 0;
        margin-bottom: 0.25em; }
      #home #content > section strong {
        font-size: 1.142em; }
      #home #content > section .icon {
        float: left;
        margin-left: -7.5em; }
  @media screen and (min-width: 45em) {
    #home .hero {
      float: left;
      width: 50%; } }
  .lt-ie9 #home .hero {
    float: left;
    width: 50%; }
  #home .hero h1 {
    font-family: Georgia, serif;
    font-weight: bold;
    color: #0066cc;
    font-size: 48px;
    line-height: 1.25; }
  #home .hero .subtitle {
    font-size: 2em;
    line-height: 1.25; }
  #home .hero section {
    color: white;
    margin-bottom: 2em; }
    #home .hero section.light {
      color: black; }
      @media screen and (min-width: 45em) {
        #home .hero section.light {
          padding-top: 250px;
          padding-left: 15px; } }
      .lt-ie9 #home .hero section.light {
        padding-top: 250px;
        padding-left: 15px; }
      #home .hero section.light h1 {
        color: black; }
  #home .hero img {
    max-width: 50%; }
  #home .dotNav {
    clear: both;
    text-align: center;
    margin: 0 auto; }
    @media screen and (min-width: 45em) {
      #home .dotNav {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 960px; } }
    .lt-ie9 #home .dotNav {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 960px; }
    #home .dotNav a {
      outline: none;
      display: inline-block;
      width: 1.5em;
      height: 1.5em;
      margin: 1.125em;
      background: white;
      -webkit-box-shadow: 0px 0px 1.5em rgba(0, 0, 0, 0.8);
      -moz-box-shadow: 0px 0px 1.5em rgba(0, 0, 0, 0.8);
      -ms-box-shadow: 0px 0px 1.5em rgba(0, 0, 0, 0.8);
      -o-box-shadow: 0px 0px 1.5em rgba(0, 0, 0, 0.8);
      -khtml-box-shadow: 0px 0px 1.5em rgba(0, 0, 0, 0.8); }
      #home .dotNav a:hover, #home .dotNav a.activeSlide {
        background: #0066cc; }

/* Landing Pages */
#landing.propOwners #wrapper {
  background-image: url("/images/bg-landing-owners.jpg"); }

#landing #content {
  color: white; }
  #landing #content strong {
    color: inherit;
    font-weight: bold; }
  #landing #content h1 {
    font-weight: 100;
    font-weight: thin;
    margin: 0;
    font-size: 30px; }
  #landing #content h2 {
    font-size: 18px;
    margin-top: 1em;
    text-decoration: underline; }
  #landing #content ul {
    list-style-type: disc;
    list-style-position: inside; }
  #landing #content section {
    color: #111111;
    margin-bottom: 1.5em; }
    @media screen and (min-width: 45em) {
      #landing #content section {
        width: 240px;
        float: left; } }
    .lt-ie9 #landing #content section {
      width: 240px;
      float: left; }
    #landing #content section > div {
      margin: 3em 0.75em 0; }
    #landing #content section h1 {
      font-size: 1em;
      line-height: 2em;
      color: white;
      background: #333333;
      position: relative;
      padding: 0 1em;
      margin: 0; }
      #landing #content section h1 .icon {
        position: absolute;
        bottom: .5em;
        right: 0; }
    #landing #content section .content {
      padding: 0 1em; }
      @media screen and (min-width: 45em) {
        #landing #content section .content {
          height: 22.5em;
          min-height: 22.5em;
          overflow: auto;
          resize: vertical; } }
      .lt-ie9 #landing #content section .content {
        height: 22.5em;
        min-height: 22.5em;
        overflow: auto;
        resize: vertical; }

#landing #content nav {
  position: relative; }
  @media screen and (min-width: 45em) {
    #landing #content nav {
      margin-top: -0.75em;
      margin-bottom: 3em; } }
  .lt-ie9 #landing #content nav {
    margin-top: -0.75em;
    margin-bottom: 3em; }
  #landing #content nav ul {
    list-style-type: none;
    margin: 0; }
  #landing #content nav a {
    color: inherit; }
  #landing #content nav > ul > li {
    /* Main sections */
    margin: 0.25em;
    margin-left: 0;
    color: white;
    /* Show hovered or active submenues*/
    /* Sub-menu */ }
    @media screen and (min-width: 45em) {
      #landing #content nav > ul > li {
        height: 2.284em;
        overflow: hidden;
        float: left;
        position: relative; } }
    .lt-ie9 #landing #content nav > ul > li {
      height: 2.284em;
      overflow: hidden;
      float: left;
      position: relative; }
    #landing #content nav > ul > li.active, .scripted #landing #content nav > ul > li:hover {
      overflow: visible; }
      #landing #content nav > ul > li.active ul, .scripted #landing #content nav > ul > li:hover ul {
        display: block; }
    #landing #content nav > ul > li.active > a {
      font-weight: bold; }
    #landing #content nav > ul > li > a {
      padding: 0 0.5em;
      background: #0066cc;
      display: inline-block;
      font-size: 1.142em;
      line-height: 2em;
      text-transform: uppercase; }
    #landing #content nav > ul > li ul {
      padding: 0.571em;
      display: none; }
      @media screen and (min-width: 45em) {
        #landing #content nav > ul > li ul {
          width: 960px;
          position: absolute;
          top: 2.284em;
          left: 0; } }
      .lt-ie9 #landing #content nav > ul > li ul {
        width: 960px;
        position: absolute;
        top: 2.284em;
        left: 0; }
      @media screen and (min-width: 45em) {
        #landing #content nav > ul > li ul li {
          float: left;
          margin: 0;
          margin-right: 0.75em;
          padding-right: 0.75em;
          border-right: 1px solid white; } }
      .lt-ie9 #landing #content nav > ul > li ul li {
        float: left;
        margin: 0;
        margin-right: 0.75em;
        padding-right: 0.75em;
        border-right: 1px solid white; }
      @media screen and (min-width: 45em) {
        #landing #content nav > ul > li ul li:last-child {
          border-right: 0;
          margin-right: 0; } }
      .lt-ie9 #landing #content nav > ul > li ul li:last-child {
        border-right: 0;
        margin-right: 0; }
  #landing #content nav .ev > a {
    background: #65ac00; }