@charset "UTF-8";
/**********ABOUT US OVERVIEW***********/
#overview {
  min-height: 819px;
  background: url(/images/bg_overview.jpg) no-repeat;
  background-size: cover;
  top: 103px;
}

#overview blockquote {
  width: 415px;
  top: 245px;
  left: 0;
}

#ovHand {
  width: 483px;
  height: 274px;
  position: absolute;
  top: 475px;
  left: 435px;
  z-index: 1;
  background: url(/images/Holding_Streams.png) 0 0 no-repeat;
}

#vidblock {
  width: 500px;
  height: 288px;
  position: absolute;
  top: 500px;
  right: 0;
  z-index: 1;
  background: url(/images/play_video.png) 0 0 no-repeat;
}

#vidblock a {
  display: block;
  width: 95%;
  height: 95%;
}

.learnhow {
  width: 300px;
  position: absolute;
  top: 655px;
  left: 80px;
  padding-right: 43px;
  font-family: SohoStd-BoldCompressed;
  font-size: 198%;
  font-weight: normal;
  color: #fff;
  text-align: right;
  text-shadow: 0 0 5px #333;
  background: url(/images/ptr_bigcarrot.png) top right no-repeat;
}

#overview:after {
  width: 100%;
  height: 11px;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
  background: transparent url(/images/trim_overview.png) repeat-x;
  content: "";
}

/***********MISSION***********/
#misHand {
  width: 502px;
  height: 664px;
  background: url(/images/hand_holding_stream.png) no-repeat;
  position: absolute;
  top: 110px;
  left: -365px;
  /*-365 -35*/
  z-index: 1;
}

#misMusic {
  width: 2000px;
  height: 455px;
  background: url(/images/our_mission_stream.png) no-repeat;
  position: absolute;
  top: 40px;
  left: 5px;
  /*5 -> 235 */
  z-index: 0;
}

#mission {
  min-height: 730px;
  background: #C5E4D8;
  background: -webkit-gradient(linear, left top, left bottom, from(#c5e4d8), to(#90a79e));
  background: -moz-linear-gradient(top, #c5e4d8, #90a79e);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#C5E4D8', endColorstr='#90A79E');
}

#mission blockquote {
  width: 490px;
  top: 430px;
  right: 0;
}

#mission:after {
  width: 2720px;
  height: 1530px;
  position: absolute;
  top: 643px;
  left: -97px;
  z-index: 1;
  background: url(/images/bg_fastfacts.jpg) -100px 0 no-repeat;
  background-size: cover;
  transform: rotate(-4deg);
  -moz-transform: rotate(-4deg);
  -webkit-transform: rotate(-4deg);
  content: "";
  border: 1px transparent red;
}

/***********FAST FACTS************/
#facts:before {
  width: 2720px;
  height: 1530px;
  position: absolute;
  top: -87px;
  left: -97px;
  z-index: 0;
  background: url(/images/bg_fastfacts.jpg) -100px 0 no-repeat;
  background-size: cover;
  transform: rotate(-4deg);
  -moz-transform: rotate(-4deg);
  -webkit-transform: rotate(-4deg);
  content: "";
  border: 1px transparent red;
}

#facts {
  min-height: 1275px;
}
@media (max-width: 749px) {
  #facts {
    min-height: 1425px;
  }
}
@media (min-width: 750px) and (max-width: 933px) {
  #facts {
    min-height: 985px;
  }
}

#facts aside {
  position: absolute;
  z-index: 1;
}

#facts h3, #facts p {
  text-shadow: 1px 1px 3px #000;
  color: #fff;
}

#facts h3 {
  font-family: 'SohoStd-BoldCompressed';
  font-weight: normal;
}
@media (min-width: 750px) {
  #facts h3 {
    text-shadow: 0 0 30px #fff;
    color: transparent;
    margin: 0;
    padding: 0;
  }
}

@media (min-width: 750px) {
  #facts p {
    text-shadow: 0 0 20px #fff;
    color: transparent;
    margin: 0;
    padding: 0;
  }
}
aside.p {
  font-size: 167%;
}

.stat1 {
  top: 15px;
  left: 0;
  z-index: 3;
}
@media (max-width: 749px) {
  .stat1 {
    top: -265px;
    left: 0;
  }
}
@media (min-width: 480px) and (max-width: 749px) {
  .stat1 {
    left: 50px;
  }
}
@media (min-width: 750px) and (max-width: 933px) {
  .stat1 {
    top: 15px;
    left: 50px;
  }
}

.stat1 h3 {
  font-size: 2795%;
}
@media (max-width: 749px) {
  .stat1 h3 {
    font-size: 2285%;
  }
}
@media (min-width: 750px) and (max-width: 933px) {
  .stat1 h3 {
    font-size: 2285%;
  }
}

.stat1 h3 sup {
  position: relative;
  left: -40px;
  font-size: 65%;
}

.stat1 p {
  position: relative;
  top: -270px;
  left: 145px;
  width: 240px;
}
@media (max-width: 749px) {
  .stat1 p {
    top: -600px;
    left: 115px;
    width: 200px;
    font-size: 138%;
  }
}
@media (min-width: 750px) and (max-width: 933px) {
  .stat1 p {
    top: -230px;
    left: 120px;
    width: 190px;
    font-size: 138%;
  }
}

.stat2 {
  top: 50px;
  left: 485px;
  z-index: 4;
}
@media (max-width: 749px) {
  .stat2 {
    top: 165px;
    left: 20px;
  }
}
@media (min-width: 480px) and (max-width: 749px) {
  .stat2 {
    left: 180px;
  }
}
@media (min-width: 750px) and (max-width: 933px) {
  .stat2 {
    top: 58px;
    left: 390px;
  }
}

.stat2 h3 {
  font-size: 1920%;
}
@media (max-width: 749px) {
  .stat2 h3 {
    font-size: 1540%;
  }
}
@media (min-width: 750px) and (max-width: 933px) {
  .stat2 h3 {
    font-size: 1540%;
  }
}

.stat2 p {
  position: relative;
  top: -90px;
  left: 220px;
  width: 225px;
}
@media (max-width: 749px) {
  .stat2 p {
    top: -325px;
    left: 5px;
    width: 250px;
    font-size: 118%;
  }
}
@media (min-width: 750px) and (max-width: 933px) {
  .stat2 p {
    top: -80px;
    left: 105px;
    width: 255px;
    font-size: 118%;
  }
}

.stat3 {
  top: 463px;
  left: 5px;
  z-index: 5;
}
@media (max-width: 749px) {
  .stat3 {
    top: 663px;
    left: 8px;
  }
}
@media (min-width: 480px) and (max-width: 749px) {
  .stat3 {
    top: 625px;
  }
}
@media (min-width: 750px) and (max-width: 933px) {
  .stat3 {
    top: 373px;
    left: 18px;
  }
}

.stat3 h3 {
  font-size: 1210%;
}
@media (max-width: 749px) {
  .stat3 h3 {
    font-size: 410%;
  }
}
@media (min-width: 480px) and (max-width: 749px) {
  .stat3 h3 {
    font-size: 610%;
  }
}
@media (min-width: 750px) and (max-width: 933px) {
  .stat3 h3 {
    font-size: 960%;
  }
}

.stat3 p {
  position: relative;
  top: -42px;
  left: 128px;
  width: 500px;
}
@media (max-width: 749px) {
  .stat3 p {
    top: -75px;
    left: 2px;
    width: 280px;
    font-size: 118%;
  }
}
@media (min-width: 480px) and (max-width: 749px) {
  .stat3 p {
    top: -120px;
    width: 360px;
  }
}
@media (min-width: 750px) and (max-width: 933px) {
  .stat3 p {
    top: -32px;
    left: 128px;
    width: 500px;
    font-size: 118%;
  }
}

.stat4 {
  top: 670px;
  left: 40px;
  z-index: 6;
}
@media (max-width: 749px) {
  .stat4 {
    top: 530px;
    left: 0;
  }
}
@media (min-width: 480px) and (max-width: 749px) {
  .stat4 {
    left: 30px;
    top: 540px;
  }
}
@media (min-width: 750px) and (max-width: 933px) {
  .stat4 {
    top: 530px;
    left: 40px;
  }
}

.stat4 h3 {
  font-size: 2970%;
  letter-spacing: -0.04em;
}
@media (max-width: 749px) {
  .stat4 h3 {
    font-size: 1850%;
  }
}
@media (min-width: 750px) and (max-width: 933px) {
  .stat4 h3 {
    font-size: 2300%;
  }
}

.stat4 p {
  position: relative;
  top: -450px;
  left: 360px;
  width: 205px;
}
@media (max-width: 749px) {
  .stat4 p {
    top: -560px;
    left: 230px;
    width: 160px;
    font-size: 138%;
  }
}
@media (min-width: 480px) and (max-width: 749px) {
  .stat4 p {
    left: 240px;
  }
}
@media (min-width: 750px) and (max-width: 933px) {
  .stat4 p {
    top: -350px;
    left: 300px;
    width: 305px;
    font-size: 138%;
  }
}

.stat5 {
  top: 935px;
  left: 440px;
  z-index: 7;
}
@media (max-width: 749px) {
  .stat5 {
    top: 845px;
    left: 35px;
  }
}
@media (min-width: 480px) and (max-width: 749px) {
  .stat5 {
    left: 85px;
  }
}
@media (min-width: 750px) and (max-width: 933px) {
  .stat5 {
    top: 705px;
    left: 420px;
  }
}

.stat5 h3 {
  font-size: 1550%;
}
@media (max-width: 749px) {
  .stat5 h3 {
    font-size: 1500%;
  }
}
@media (min-width: 750px) and (max-width: 933px) {
  .stat5 h3 {
    font-size: 1260%;
  }
}

.stat5 p {
  position: relative;
  top: -70px;
  left: 70px;
  width: 265px;
}
@media (max-width: 749px) {
  .stat5 p {
    top: -310px;
    left: 60px;
    width: 225px;
    font-size: 128%;
  }
}
@media (min-width: 750px) and (max-width: 933px) {
  .stat5 p {
    top: -55px;
    left: 60px;
    width: 205px;
    font-size: 108%;
  }
}

/************LEADERSHIP***********/
#leadership {
  background: white url(/images/grid_background.png) 0 0 repeat-x;
}

#leadership #jm3 {
  margin-left: 45px;
  margin-right: 45px;
}

#bganim {
  padding: 55px 0 45px;
  background: url(/images/leadership_triangle.png) -195px -430px no-repeat;
}

#leadership dl {
  width: 275px;
  color: #464646;
  margin: 0;
  padding: 0;
  display: inline-block;
  vertical-align: top;
}

#leadership dt {
  text-align: center;
}

#leadership dd {
  margin: 0;
  padding: 0;
  font-size: 84%;
  font-weight: lighter;
  line-height: 131%;
}

#leadership h2 {
  margin: 20px 0 0;
  padding: 0;
  color: #000;
  font-size: 189%;
  font-family: 'SohoStd-MediumCompressed';
  font-weight: normal;
  line-height: 108%;
}

#leadership h3 {
  margin: 0;
  padding: 0;
  font-size: 108%;
  font-family: 'SohoStd-LightCompressed';
  font-weight: normal;
}

#leadership h3, #leadership strong {
  color: #0076a3;
}

#leadership a, #leadership a:visited {
  color: #0075A3;
  text-decoration: none;
  font-weight: bold;
}

#leadership a:hover {
  color: #FF6243;
}

/*MEDIA QUERIES FOR DIFF PLATFORMS  iphone:640×960, ipad:1024×768, 2048×1536*/
@media (max-width: 749px) {
  /*OVERVIEW*/
  #overview:before {
    display: none;
  }

  #overview {
    min-height: 785px;
    background: #000000;
    background: -webkit-gradient(linear, left top, left bottom, from(black), to(#2c2c2c));
    background: -moz-linear-gradient(top, black, #2c2c2c);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#2c2c2c');
  }

  #overview blockquote {
    width: 100%;
    left: 0;
    top: 278px;
    background: #fff;
    padding-bottom: 30px;
    box-shadow: none;
    border-radius: 0;
  }

  #ovHand {
    width: 356px;
    height: 203px;
    top: 75px;
    left: -20px;
    background: url(/images/Holding_Streams_tablet.png) 0 0 no-repeat;
  }

  #vidblock, .learnhow {
    display: none;
  }

  /*MISSION*/
  #mission:after, #mission:before, #misHand {
    display: none;
  }

  #misMusic {
    width: 758px;
    height: 274px;
    left: -135px;
    background: url(/images/our_mission_stream_tablet.png) no-repeat;
  }

  #mission {
    min-height: 610px;
  }

  #mission blockquote {
    width: 310px;
    top: 280px;
    right: 5px;
    box-shadow: none;
  }

  /*LEADERSHIP*/
  #leadership #jm3 {
    margin-left: 0;
    margin-right: 0;
  }

  #bganim {
    padding: 55px 0 0;
    background-position: -205px -355px;
  }

  #leadership dl {
    width: 100%;
    margin-bottom: 25px;
  }

  #leadership dl p {
    padding: 0 30px;
  }
}
@media (min-width: 480px) and (max-width: 749px) {
  /*OVERVIEW*/
  #overview {
    min-height: 625px;
  }

  #ovHand {
    left: 60px;
  }

  /*MISSION*/
  #mission {
    min-height: 485px;
  }

  #mission blockquote {
    width: 470px;
  }

  /*LEADERSHIP*/
  #bganim {
    background-position: -93px -276px;
  }
}
@media (min-width: 750px) and (max-width: 933px) {
  /*OVERVIEW*/
  #overview {
    min-height: 710px;
  }

  #overview blockquote {
    width: 330px;
    left: 0;
  }

  #ovHand {
    width: 356px;
    height: 203px;
    top: 445px;
    left: 370px;
    /*top: 445 > 260*/
    background: url(/images/Holding_Streams_tablet.png) 0 0 no-repeat;
  }

  #vidblock {
    width: 400px;
    height: 234px;
    top: 460px;
    right: 5px;
    background: url(/images/play_video_tablet.png) 0 0 no-repeat;
  }

  .learnhow {
    display: none;
  }

  /*MISSION*/
  #mission:after {
    top: 581px;
  }

  #misHand {
    left: -455px;
    top: 60px;
  }

  /*-455 > -210*/
  #misMusic {
    top: 25px;
    left: -85px;
    /*-85 > 75*/
  }

  #mission {
    min-height: 668px;
  }

  #mission blockquote {
    right: -10px;
    top: 380px;
    box-shadow: none;
  }

  /*LEADERSHIP*/
  #leadership #jm3 {
    margin: 0 12px;
  }

  #bganim {
    padding: 55px 20px 45px;
  }

  #leadership dl {
    width: 225px;
  }
}