/*****************************     COLORS      ******************************/
/** CHAT BANNER ***/
/** HEADER ***/
/** INTERIOR NAV  ***/
/** CHAT BANNER ***/
/** FOOTER CONTACT FORM ***/
/**  HOME PAGE CONTENT **/
/*****************************     MIXINS      ******************************/
/*****************************  GLOBAL STYLES  ******************************/
* {
  outline: 0;
  resize: none; }

html {
  background: url("/img/sky.jpg") no-repeat top center;
  background-color: #7DB1FC;
  overflow-x: hidden;
  min-width: 1000px; }
  html a:focus {
    outline: none; }
  html #container {
    margin: 15px 0 0 0; }
  html #content_wrap {
    background: url("/img/grass.png") repeat-x bottom left;
    padding: 0 0 85px 0; }
  html #content {
    margin: 0 auto;
    width: 960px; }
  html #chat {
    background: -moz-linear-gradient(top, #32793D, #296434);
    background: -webkit-gradient(linear, left top, left bottom, from(#32793D), to(#296434));
    border-bottom: 1px solid #0D4017;
    box-shadow: 0 2px 3px #444;
    -moz-box-shadow: 0 2px 2px #3F58B2;
    -webkit-box-shadow: 0 2px 3px #444;
    height: 30px;
    line-height: 30px; }
    html #chat #chat_wrap {
      margin: 0 auto;
      width: 960px; }
      html #chat #chat_wrap p {
        float: right;
        margin: 0 auto; }
      html #chat #chat_wrap a {
        border-radius: 15px;
        -moz-border-radius: 15px;
        -webkit-border-radius: 15px;
        background: -moz-linear-gradient(top, #d0c97f, #938339);
        background: -webkit-gradient(linear, left top, left bottom, from(#d0c97f), to(#938339));
        border-right: 1px solid #215029;
        border-bottom: 1px solid #215029;
        border-left: 1px solid #a2c0a7;
        border-top: 1px solid #a2c0a7;
        color: #012908;
        display: block;
        float: right;
        font-size: 85%;
        height: 20px;
        line-height: 20px;
        margin: 4px 0 0 4px;
        text-align: center;
        text-decoration: none;
        text-transform: uppercase;
        width: 100px; }
        html #chat #chat_wrap a:hover {
          background: -moz-linear-gradient(top, #c4c38a, #928f4b);
          background: -webkit-gradient(linear, left top, left bottom, from(#c4c38a), to(#928f4b)); }
  html .hide {
    display: none;
    visibility: hidden; }

/********************************  HEADER  **********************************/
header {
  display: block;
  margin: 0 auto 20px;
  padding: 5px 0 0 0;
  position: relative;
  width: 960px;
  /* Home Page Only*/
  /* All other pages */ }
  header h1 {
    display: none; }
  header a.logo {
    float: left;
    margin: 0 0 0 25px;
    width: 295px; }
  header h2.slogan {
    float: right;
    height: 30px;
    margin: 35px 0 0 0;
    text-align: center;
    width: 600px; }
    header h2.slogan span {
      visibility: hidden; }
  header nav {
    float: right;
    width: 600px; }
    header nav a {
      border-radius: 5px;
      -moz-border-radius: 5px;
      -webkit-border-radius: 5px;
      color: #ECE758;
      border: 1px solid transparent;
      display: block;
      float: left;
      font-size: 160%;
      height: 40px;
      line-height: 40px;
      margin: 25px 40px 0 0;
      text-align: center;
      text-decoration: none; }
      header nav a.selected {
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        background-color: #3153BA;
        border-right: 1px solid #6b8ce9;
        border-bottom: 1px solid #6b8ce9;
        border-left: 1px solid #28459E;
        border-top: 1px solid #28459E; }
      header nav a#about {
        width: 130px; }
      header nav a#features {
        width: 190px; }
      header nav a#tour {
        margin: 25px 0 0 0;
        width: 155px; }
      header nav a:hover {
        border-right: 1px solid #6b8ce9;
        border-bottom: 1px solid #6b8ce9;
        border-left: 1px solid #28459E;
        border-top: 1px solid #28459E; }

/********************************  FOOTER  **********************************/
footer {
  display: block;
  background: url("/img/soil.jpg") repeat-x top left;
  background-color: #2E1609;
  padding: 30px;
  position: relative;
  height: 100%;
  z-index: 1; }
  footer #dirt_imprint {
    background: url("/img/soil_imprint.png") no-repeat top center;
    height: 314px;
    left: 50%;
    margin-left: -505px;
    position: absolute;
    top: 30px;
    width: 1011px;
    z-index: 1; }
  footer .content_wrap {
    margin: 17px auto 0;
    padding: 0 0 30px 0;
    position: relative;
    width: 960px;
    z-index: 2; }
    footer .content_wrap section {
      color: #58381c;
      float: left; }
      footer .content_wrap section h2 {
        border-bottom: 1px solid #130b02;
        box-shadow: 0 1px 0 #392515;
        -moz-box-shadow: 0 1px 0 #392515;
        -webkit-box-shadow: 0 1px 0 #392515;
        color: #5f3f24;
        display: block;
        font-size: 190%;
        margin: 0 0 10px 0;
        text-transform: uppercase; }
      footer .content_wrap section a {
        color: #58381c;
        text-decoration: none; }
        footer .content_wrap section a:hover {
          color: #704a29; }
      footer .content_wrap section#email_form {
        margin: 0 30px 0 0;
        width: 340px; }
        footer .content_wrap section#email_form .text {
          border-radius: 5px;
          -moz-border-radius: 5px;
          -webkit-border-radius: 5px;
          background: #533017;
          border-left: 1px solid #120b03;
          border-top: 1px solid #120b03;
          border-right: 1px solid #674c2b;
          border-bottom: 1px solid #674c2b;
          color: black;
          display: block;
          font-size: 135%;
          height: 30px;
          margin: 0 0 10px 0;
          outline: none;
          padding: 0 0 0 5px;
          width: 333px; }
          footer .content_wrap section#email_form .text::-webkit-input-placeholder {
            color: #2b1806 !important; }
        footer .content_wrap section#email_form .error {
          background: #7d2f2f;
          border-right: 1px solid #944949;
          border-bottom: 1px solid #944949; }
        footer .content_wrap section#email_form textarea.text {
          border-radius: 5px 5px 0 0;
          -moz-border-radius: 5px 5px 0 0;
          -webkit-border-radius: 5px 5px 0 0;
          height: 95px;
          margin: 0 0 0 0;
          padding: 5px 0 0 5px;
          resize: none; }
        footer .content_wrap section#email_form #submit {
          border: 1px solid #122e0d;
          border-radius: 0 0 5px 5px;
          -moz-border-radius: 0 0 5px 5px;
          -webkit-border-radius: 0 0 5px 5px;
          cursor: pointer;
          cursor: hand;
          font-family: Helvetica, Arial, "Trebuchet MS", sans-serif;
          font-size: 1.3em;
          font-weight: bold;
          height: 32px;
          text-shadow: 0 1px 0 #3e7638;
          text-transform: uppercase;
          width: 341px;
          /******* GRADIENT BACKGROUND *******/
          /* Opera */
          background: #265322 url("gradient-bg.svg");
          /* Recent browsers */
          background-image: -moz-linear-gradient(top, #265322, #1c3d19);
          background-image: -webkit-gradient(linear, left top, left bottom, from(#265322), to(#1c3d19)); }
        footer .content_wrap section#email_form #submit:hover {
          /******* GRADIENT BACKGROUND *******/
          /* Opera */
          background: #2b5a26 url("gradient-bg.svg");
          /* Recent browsers */
          background-image: -moz-linear-gradient(top, #2b5a26, #20421c);
          background-image: -webkit-gradient(linear, left top, left bottom, from(#2b5a26), to(#20421c)); }
      footer .content_wrap section#contact_info {
        font-family: Verdana;
        margin: 0 30px 0 0;
        width: 355px; }
        footer .content_wrap section#contact_info h3 {
          display: none; }
        footer .content_wrap section#contact_info div {
          font-size: 1.15em;
          margin: 0 0 25px 5px;
          padding: 0 0 0 85px; }
          footer .content_wrap section#contact_info div#address {
            background: url("/img/envelope.png") no-repeat top left; }
          footer .content_wrap section#contact_info div#phone_number {
            background: url("/img/phone.png") no-repeat top left;
            font-size: 1.3em; }
          footer .content_wrap section#contact_info div#email_address {
            background: url("/img/monitor.png") no-repeat top left;
            font-size: 1.3em;
            height: 50px;
            line-height: 35px; }
      footer .content_wrap section#follow_us {
        width: 200px; }
        footer .content_wrap section#follow_us a {
          background: url("/img/follow_icons_mono.png") no-repeat top left;
          display: block;
          font-family: Verdana;
          font-size: 1.3em;
          height: 25px;
          line-height: 25px;
          margin: 0 0 10px 10px;
          padding: 0 0 0 40px; }
          footer .content_wrap section#follow_us a:hover {
            background-image: url("/img/follow_icons_color.png"); }
          footer .content_wrap section#follow_us a#twitter {
            background-position: 0 -25px; }
          footer .content_wrap section#follow_us a#stumbleupon {
            background-position: 0 -50px; }
          footer .content_wrap section#follow_us a#youtube {
            background-position: 0 -75px; }
          footer .content_wrap section#follow_us a#linkedin {
            background-position: 0 -100px; }
          footer .content_wrap section#follow_us a#rss {
            background-position: 0 -125px; }

/********************************   HOME   **********************************/
html.home #content_wrap {
  padding: 0 0 50px 0; }
html.home #rotator_wrap {
  background: url("/img/home_rotatorwrap_shadow.png") no-repeat bottom center;
  height: 505px;
  float: left;
  width: 670px; }
html.home #rotator_border {
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  background: rgba(0, 0, 0, 0.25);
  border: 1px solid rgba(0, 0, 0, 0.3);
  height: 400px;
  padding: 5px;
  width: 660px; }
html.home #nav {
  background: url("/img/home_nav_shadow.png") no-repeat bottom center;
  float: right;
  height: 498px;
  position: relative;
  width: 280px; }
  html.home #nav a {
    display: block;
    height: 90px;
    margin: 10px 0 0 0;
    text-decoration: none;
    width: 280px; }
    html.home #nav a:first-child {
      margin-top: 5px; }
html.home dl {
  margin: 0 0 0 35px;
  padding: 10px 0 0 0; }
html.home dt {
  color: #4d3b14;
  font-size: 135%;
  font-weight: bold;
  margin: 0 0 7px 0; }
html.home dd {
  color: #6E5622;
  font-size: 115%; }
html.home .disabled {
  background: url("/img/home_link_disabled.png") no-repeat top left;
  position: relative; }
  html.home .disabled dt {
    color: #b1924f; }
  html.home .disabled dd {
    color: #b7a274; }
  html.home .disabled:hover {
    cursor: default; }
html.home a.no-js {
  background: url("/img/home_link_sprite.png") no-repeat top left; }
  html.home a.no-js:hover {
    background-position: 0 -90px; }
html.home a.js {
  background: url("/img/home_link_rest.png") no-repeat top left;
  position: relative; }
  html.home a.js dl {
    position: absolute; }
html.home img.hoverBg {
  left: 0;
  position: absolute;
  top: 0;
  z-index: 0; }
html.home .comingsoon {
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  background: -moz-linear-gradient(top, #fff9ba, #ffe732);
  background: -webkit-gradient(linear, left top, left bottom, from(#fff9ba), to(#ffe732));
  border: 1px solid #8e844a;
  color: #4d3b14;
  display: none;
  font-size: 150%;
  font-weight: bold;
  height: 75px;
  left: 40px;
  line-height: 75px;
  position: absolute;
  text-align: center;
  text-transform: uppercase;
  top: 6px;
  width: 200px; }

/********************************   ABOUT   *********************************/
html.about_wrap #about_wrap {
  background: url("/img/about_shadow.png") no-repeat bottom right;
  margin: 0 auto -30px;
  padding-bottom: 125px;
  width: 920px; }
html.about_wrap #sidebar {
  float: left;
  width: 275px; }
html.about_wrap #subnav {
  background: url("/img/about_subnav_bg.png") no-repeat top right;
  height: 214px;
  margin-top: 10px;
  margin-bottom: 40px;
  padding-top: 9px;
  padding-left: 13px; }
  html.about_wrap #subnav a {
    background: url("/img/about_subnav_hover.png") no-repeat 0 -75px;
    color: #eae857;
    font-weight: bold;
    font-size: 180%;
    display: block;
    height: 61px;
    line-height: 61px;
    margin-bottom: 9px;
    padding-left: 15px;
    text-decoration: none;
    text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.6);
    width: 247px; }
    html.about_wrap #subnav a:hover {
      background-position: top left;
      text-decoration: none; }
    html.about_wrap #subnav a.selected {
      background: url("/img/about_subnav_selected.png") no-repeat top left;
      color: #4d3b14;
      height: 72px;
      padding-top: 6px;
      padding-left: 41px;
      top: -6px;
      left: -26px;
      margin-top: 10px;
      margin-bottom: -8px;
      position: relative;
      text-shadow: 1px 1px 0 white;
      width: 320px; }
    html.about_wrap #subnav a.selected:hover {
      cursor: default; }
  html.about_wrap #subnav li:first-child a.selected {
    margin-top: 0; }
  html.about_wrap #subnav li:last-child a {
    margin-bottom: 0; }
html.about_wrap #invest_ad {
  font-family: "Museo sans"; }
  html.about_wrap #invest_ad h3 {
    background: url("/img/ir_ad_bg.png") no-repeat top left;
    color: #007500;
    font-size: 180%;
    height: 84px;
    padding-top: 20px;
    padding-right: 8px;
    text-align: center;
    text-shadow: 1px 1px 0 white;
    width: 235px; }
  html.about_wrap #invest_ad span {
    display: block;
    font-size: 135%;
    padding-left: 2px;
    text-transform: uppercase; }
  html.about_wrap #invest_ad a {
    background: url("/img/ir_ad_sprite.png") no-repeat top left;
    color: #085408;
    display: block;
    font-size: 190%;
    height: 81px;
    line-height: 81px;
    text-align: center;
    text-decoration: none;
    text-shadow: 1px 1px 0 #54dd54;
    text-transform: uppercase;
    width: 243px; }
  html.about_wrap #invest_ad a:hover {
    background-position: 0 -81px; }
html.about_wrap #about_content {
  color: #424242;
  float: right;
  font-family: Helvetica;
  margin-right: 4px;
  width: 641px; }
  html.about_wrap #about_content #logo_header {
    border-bottom: 1px solid #969EAC;
    -moz-box-shadow: 0 1px 0 0 white;
    -webkit-box-shadow: 0 1px 0 0 white;
    margin-bottom: 20px;
    text-align: center;
    padding-bottom: 15px; }
    html.about_wrap #about_content #logo_header h2, html.about_wrap #about_content #logo_header h3 {
      display: none; }
  html.about_wrap #about_content h3 {
    font-size: 150%;
    font-weight: bold;
    margin-bottom: 12px;
    text-shadow: 1px 1px 0 white;
    padding: 0 30px; }
  html.about_wrap #about_content p {
    font-size: 125%;
    line-height: 130%;
    margin-bottom: 22px;
    padding: 0 30px; }
  html.about_wrap #about_content ul {
    font-size: 125%;
    margin-bottom: 30px;
    padding: 0 30px; }
    html.about_wrap #about_content ul li {
      list-style-type: disc;
      margin-bottom: 1.1em;
      margin-left: 30px; }
  html.about_wrap #about_content p.subheading {
    font-size: 165%;
    line-height: 1.5em;
    margin-bottom: 30px;
    text-shadow: 1px 1px 0 white; }
  html.about_wrap #about_content #bg_top {
    background: url("/img/about_content_bg_top.png") no-repeat top left;
    height: 8px; }
  html.about_wrap #about_content #bg_mid {
    background: url("/img/about_content_bg_mid.png") repeat-y top left;
    padding: 30px 15px; }
  html.about_wrap #about_content #bg_bottom {
    background: url("/img/about_content_bg_bottom.png") no-repeat top left;
    height: 8px; }
html.about_wrap #about_homes_content .accordion {
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border: 1px solid #8e844a;
  -moz-box-shadow: 3px 0 7px 0 rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 3px 0 7px 0 rgba(0, 0, 0, 0.2);
  margin-left: 30px;
  margin-bottom: 30px;
  width: 555px; }
  html.about_wrap #about_homes_content .accordion h3 {
    background: #fff9ba;
    border-bottom: 1px solid #d0c98e;
    -moz-box-shadow: 0 1px 0 0 white inset;
    -webkit-box-shadow: 0 1px 0 0 white inset;
    cursor: pointer;
    cursor: hand;
    font-size: 130%;
    font-weight: normal;
    margin-bottom: 0;
    padding: 10px 15px; }
    html.about_wrap #about_homes_content .accordion h3#top {
      border-radius: 8px 8px 0 0;
      -moz-border-radius: 8px 8px 0 0;
      -webkit-border-radius: 8px 8px 0 0;
      background: #fffce2;
      /* old browsers */
      background: -moz-linear-gradient(top, #fffce2 0%, #fffbd2 100%);
      /* firefox */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fffce2), color-stop(100%, #fffbd2));
      /* webkit */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffce2', endColorstr='#fffbd2',GradientType=0 );
      /* ie */ }
    html.about_wrap #about_homes_content .accordion h3#mid {
      background: #fffbd1;
      /* old browsers */
      background: -moz-linear-gradient(top, #fffbd1 0%, #fff9bb 100%);
      /* firefox */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fffbd1), color-stop(100%, #fff9bb));
      /* webkit */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffbd1', endColorstr='#fff9bb',GradientType=0 );
      /* ie */ }
    html.about_wrap #about_homes_content .accordion h3#bottom {
      background: #fff9b9;
      /* old browsers */
      background: -moz-linear-gradient(top, #fff9b9 0%, #fff7a3 100%);
      /* firefox */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff9b9), color-stop(100%, #fff7a3));
      /* webkit */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff9b9', endColorstr='#fff7a3',GradientType=0 );
      /* ie */ }
    html.about_wrap #about_homes_content .accordion h3:last-child {
      border-radius: 0 0 8px 8px;
      -moz-border-radius: 0 0 8px 8px;
      -webkit-border-radius: 0 0 8px 8px;
      background: #fff7a2;
      /* old browsers */
      background: -moz-linear-gradient(top, #fff7a2 0%, #fff693 100%);
      /* firefox */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff7a2), color-stop(100%, #fff693));
      /* webkit */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff7a2', endColorstr='#fff693',GradientType=0 );
      /* ie */
      font-size: 0; }
  html.about_wrap #about_homes_content .accordion div {
    background: white;
    border-bottom: 1px solid #d0c98e;
    -moz-box-shadow: 0 3px 5px -3px rgba(0, 0, 0, 0.15) inset;
    -webkit-box-shadow: 0 3px 5px -3px rgba(0, 0, 0, 0.15) inset;
    color: #137f2f;
    padding-top: 25px; }
html.about_wrap #about_vision_content h2 {
  background: url("/img/about_vision_heading.png") no-repeat top center;
  border-bottom: 1px solid #a5aebe;
  -moz-box-shadow: 0 1px 0 0 white;
  -webkit-box-shadow: 0 1px 0 0 white;
  height: 120px;
  margin: 0 auto 25px;
  width: 595px; }
  html.about_wrap #about_vision_content h2 span {
    display: none; }
html.about_wrap #about_investing_content p.subheading {
  text-align: center; }
html.about_wrap #about_investing_content form {
  border-top: 1px solid #a5aebe;
  -moz-box-shadow: 0 1px 0 0 white inset;
  -webkit-box-shadow: 0 1px 0 0 white inset;
  padding: 30px 20px 0; }
  html.about_wrap #about_investing_content form .text_input {
    margin-bottom: 10px; }
    html.about_wrap #about_investing_content form .text_input label {
      float: left;
      font-size: 150%;
      line-height: 25px;
      text-shadow: 1px 1px 0 white;
      width: 165px; }
      html.about_wrap #about_investing_content form .text_input label.for_select {
        position: relative;
        top: 5px; }
    html.about_wrap #about_investing_content form .text_input input {
      background: #f9fcff;
      border-radius: 5px;
      -moz-border-radius: 5px;
      -webkit-border-radius: 5px;
      border-top: 1px solid #919294;
      border-left: 1px solid #919294;
      border-right: 1px solid #FFFFFF;
      border-bottom: 1px solid #FFFFFF;
      float: right;
      font-size: 130%;
      height: 25px;
      padding-left: 5px;
      width: 380px; }
      html.about_wrap #about_investing_content form .text_input input:focus {
        background: white; }
    html.about_wrap #about_investing_content form .text_input select {
      float: right;
      height: 30px;
      width: 385px; }
    html.about_wrap #about_investing_content form .text_input div.selector {
      float: right;
      width: 381px; }
      html.about_wrap #about_investing_content form .text_input div.selector span {
        width: 358px; }
  html.about_wrap #about_investing_content form label.for_details {
    display: block;
    font-size: 115%;
    margin-bottom: 7px; }
  html.about_wrap #about_investing_content form textarea {
    background: #f9fcff;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-top: 1px solid #919294;
    border-left: 1px solid #919294;
    border-right: 1px solid #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
    height: 225px;
    font-size: 130%;
    padding: 5px 10px;
    width: 550px; }
    html.about_wrap #about_investing_content form textarea:focus {
      background: white; }
  html.about_wrap #about_investing_content form #send {
    background: #fff076;
    /* old browsers */
    background: -moz-linear-gradient(top, #fff9ba 0%, #ffe734 100%);
    /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff9ba), color-stop(100%, #ffe734));
    /* webkit */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff9ba', endColorstr='#ffe734',GradientType=0 );
    /* ie */
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #8e844a;
    color: #744e05;
    float: right;
    font-size: 120%;
    font-weight: bold;
    height: 35px;
    line-height: 10px;
    text-shadow: 1px 1px 0 #fffbd5;
    text-transform: uppercase;
    width: 100px; }
    html.about_wrap #about_investing_content form #send:hover {
      background: #ffeb4b;
      /* old browsers */
      background: -moz-linear-gradient(top, #fffc9c 0%, #ffdd12 100%);
      /* firefox */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fffc9c), color-stop(100%, #ffdd12));
      /* webkit */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffc9c', endColorstr='#ffdd12',GradientType=0 );
      /* ie */
      cursor: hand;
      cursor: pointer; }

/********************************   FEATURES   *********************************/
html.features #features_content {
  background: url("/img/features_shadow.png") no-repeat bottom center;
  margin: 0 auto -30px;
  padding-bottom: 100px;
  width: 960px; }
html.features #illy_header {
  background: rgba(255, 255, 255, 0.75);
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-left: 1px solid white;
  border-top: 1px solid white;
  border-right: 1px solid rgba(0, 0, 0, 0.5);
  -moz-box-shadow: -2px -2px 5px 0 rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: -2px -2px 5px 0 rgba(0, 0, 0, 0.15);
  margin: 0 25px;
  padding: 15px 15px 40px;
  position: relative;
  z-index: 1; }
  html.features #illy_header h3 {
    color: #333;
    font-size: 190%;
    font-weight: bold;
    margin-bottom: 10px;
    text-shadow: 1px 1px 0 white; }
  html.features #illy_header p {
    color: #333;
    font-size: 115%;
    padding-left: 20px; }
html.features #illy {
  background: url("/img/features_illy.png") no-repeat 100% 20%;
  height: 520px;
  margin-top: -20px;
  position: relative;
  width: 954px;
  z-index: 2; }
html.features #selector {
  background: #fffbb8;
  /* old browsers */
  background: -moz-linear-gradient(top, #fffbb8 0%, #fff575 100%);
  /* firefox */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fffbb8), color-stop(100%, #fff575));
  /* webkit */
  border: 1px solid #857f41;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-box-shadow: 3px 0 8px 0 rgba(0, 0, 0, 0.37);
  -webkit-box-shadow: 3px 0 8px 0 rgba(0, 0, 0, 0.37);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffbb8', endColorstr='#fff575',GradientType=0 );
  /* ie */
  width: 225px; }
  html.features #selector li {
    border-top: 1px solid white;
    border-bottom: 1px solid #dcb765;
    padding: 10px 0 8px 18px; }
    html.features #selector li:first-child {
      border-top: none; }
    html.features #selector li:last-child {
      border-bottom: none; }
  html.features #selector a {
    background: url("/img/feature_selector_dot_rest.png") no-repeat 50% right;
    color: #444;
    display: block;
    font-size: 115%;
    font-weight: bold;
    text-decoration: none;
    text-shadow: 1px 1px 0 white;
    width: 195px; }
    html.features #selector a:hover {
      background: url("/img/feature_selector_dot_hover.png") no-repeat 50% right;
      color: #e97900; }
html.features #dots a {
  background: url("/img/feature_big_dot.png") no-repeat top left;
  display: block;
  height: 27px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 27px; }
html.features #dots #dot_garage {
  left: 476px;
  top: 333px; }
html.features #dots #dot_heated_floor {
  left: 520px;
  top: 276px; }
html.features #dots #dot_vent {
  left: 527px;
  top: 113px; }
html.features #dots #dot_wastewater {
  left: 613px;
  top: 209px; }
html.features #dots #dot_water_heat {
  left: 609px;
  top: 328px; }
html.features #dots #dot_windows {
  left: 718px;
  top: 177px; }
html.features #dots #dot_solar_panels {
  left: 687px;
  top: 70px; }
html.features #dots #dot_geothermal_hvac {
  left: 760px;
  top: 410px; }
html.features #dots #dot_lighting {
  left: 323px;
  top: 165px; }
html.features #dots #dot_automation {
  left: 348px;
  top: 220px; }
html.features #dots #dot_recycling {
  left: 648px;
  top: 256px; }
html.features #dots #dot_frame {
  left: 648px;
  top: 135px; }
html.features #dots #dot_rainwater {
  left: 842px;
  top: 374px; }
html.features #expander {
  background: #fff7a4;
  border: 1px solid #8e8449;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-box-shadow: 3px 3px 5px 0 rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 3px 3px 5px 0 rgba(0, 0, 0, 0.25);
  display: none;
  left: 0;
  padding: 7px 15px;
  position: absolute;
  top: 0px;
  z-index: 9999; }
  html.features #expander .tab_left {
    background: url("/img/feature_expanded_dot_left.png") no-repeat top left;
    cursor: hand;
    cursor: pointer;
    height: 40px;
    left: -36px;
    position: absolute;
    top: -1px;
    width: 42px; }
  html.features #expander .tab_right {
    background: url("/img/feature_expanded_dot_right.png") no-repeat top left;
    cursor: hand;
    cursor: pointer;
    height: 40px;
    position: absolute;
    right: -36px;
    top: -1px;
    width: 42px; }
  html.features #expander h4 {
    color: #4d3b15;
    font-size: 150%;
    font-weight: bold;
    text-shadow: 1px 1px 0 white; }
  html.features #expander img {
    margin: 7px 0; }
  html.features #expander #feature_description {
    color: #4d3508;
    font-size: 110%;
    width: 332px; }
    html.features #expander #feature_description p {
      margin-bottom: .75em; }
    html.features #expander #feature_description a {
      color: #ad4c32; }
  html.features #expander #expander_close {
    color: #ad4c32;
    display: block;
    font-size: 100%;
    text-align: right;
    text-decoration: none;
    width: 100%; }
    html.features #expander #expander_close:hover {
      text-decoration: underline; }
html.features #feature_list {
  background: rgba(255, 255, 255, 0.75);
  border-right: 1px solid rgba(0, 0, 0, 0.5);
  border-bottom: 1px solid rgba(0, 0, 0, 0.5);
  border-left: 1px solid white;
  border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  -webkit-border-radius: 0 0 5px 5px;
  display: table;
  margin: -55px 25px 100px;
  padding: 65px 20px 20px;
  z-index: 1; }
  html.features #feature_list a {
    visibility: hidden; }
  html.features #feature_list li {
    display: table-row; }
    html.features #feature_list li h4, html.features #feature_list li img, html.features #feature_list li div {
      display: table-cell;
      padding: 40px 0;
      vertical-align: top; }
    html.features #feature_list li h4 {
      color: #333;
      font-family: Helvetica, Arial, sans-serif;
      font-size: 150%;
      font-weight: bold;
      padding-left: 15px;
      padding-right: 15px;
      width: 250px; }
    html.features #feature_list li img {
      height: 100px;
      width: 165px; }
    html.features #feature_list li div {
      color: #333;
      padding-left: 35px; }
      html.features #feature_list li div p {
        margin-bottom: 1em; }
      html.features #feature_list li div a {
        color: #333;
        display: inline;
        visibility: visible; }

/********************************   TOUR   **********************************/
html.tour video.no-js {
  border: 1px solid #333;
  display: block;
  margin-bottom: 10px;
  width: 547px; }
html.tour video.js {
  border: 1px solid #333;
  border-bottom: none;
  display: block; }
html.tour #video_wrap {
  background: url("/img/tour_videos_shadow.png") no-repeat bottom center;
  float: left;
  margin-bottom: -25px;
  padding-bottom: 75px;
  width: 550px; }
html.tour #videos {
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid rgba(0, 0, 0, 0.25);
  padding: 5px;
  width: 550px; }
html.tour #slider_mask {
  height: 368px;
  overflow: hidden;
  position: relative;
  width: 550px; }
html.tour .hide_overflow {
  overflow: hidden; }
html.tour #slider_wrap {
  left: 0;
  position: absolute;
  top: 0;
  width: 1100px; }
  html.tour #slider_wrap video {
    float: left; }
html.tour #selector {
  background: -moz-linear-gradient(top, #fff8af, #ffe835);
  background: -webkit-gradient(linear, left top, left bottom, from(#fff8af), to(#ffe835));
  border: 1px solid #8e844a;
  border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  -webkit-border-radius: 0 0 5px 5px;
  height: 55px;
  padding: 20px 0 0 35px;
  text-align: center; }
  html.tour #selector a {
    color: #a26e0a;
    float: left;
    font-size: 195%;
    line-height: 37px;
    text-decoration: none;
    text-transform: uppercase;
    text-shadow: 1px 1px #fff6ad; }
    html.tour #selector a:hover {
      color: #b98114; }
  html.tour #selector #switch_wrap {
    background: url("/img/switch_bg.png") no-repeat top left;
    float: left;
    height: 37px;
    margin: 0 30px;
    position: relative;
    width: 161px; }
  html.tour #selector #switch_btn {
    background: url("/img/switch_btn.png") no-repeat top left;
    height: 36px;
    left: 0;
    position: absolute;
    top: 0;
    width: 60px; }
    html.tour #selector #switch_btn:hover {
      cursor: hand;
      cursor: pointer; }
html.tour #quotes_wrap {
  background: url("/img/tour_quotes_shadow.png") no-repeat bottom center;
  float: right;
  margin-bottom: -25px;
  padding-bottom: 75px;
  width: 340px; }
html.tour #quotes {
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  background: rgba(255, 255, 255, 0.7);
  border-left: 1px solid white;
  border-top: 1px solid white;
  border-right: 1px solid rgba(0, 0, 0, 0.3);
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  height: 455px;
  width: 340px; }
  html.tour #quotes dl {
    padding: 20px; }
  html.tour #quotes dt {
    color: #444;
    font-size: 175%;
    margin-bottom: 5px; }
  html.tour #quotes dd {
    color: #787878;
    font-size: 150%;
    margin-bottom: 1.25em;
    margin-right: 4px;
    text-align: right; }

/*# sourceMappingURL=styles.css.map */