@charset "UTF-8";
/* line 17, /usr/local/rvm/gems/ruby-1.9.3-p194/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline; }

/* line 22, /usr/local/rvm/gems/ruby-1.9.3-p194/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
html {
  line-height: 1; }

/* line 24, /usr/local/rvm/gems/ruby-1.9.3-p194/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
ol, ul {
  list-style: none; }

/* line 26, /usr/local/rvm/gems/ruby-1.9.3-p194/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
table {
  border-collapse: collapse;
  border-spacing: 0; }

/* line 28, /usr/local/rvm/gems/ruby-1.9.3-p194/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle; }

/* line 30, /usr/local/rvm/gems/ruby-1.9.3-p194/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
  quotes: none; }
  /* line 103, /usr/local/rvm/gems/ruby-1.9.3-p194/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
  q:before, q:after, blockquote:before, blockquote:after {
    content: "";
    content: none; }

/* line 32, /usr/local/rvm/gems/ruby-1.9.3-p194/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
a img {
  border: none; }

/* line 116, /usr/local/rvm/gems/ruby-1.9.3-p194/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
  display: block; }

/* line 1, src/body.scss */
body {
  background-color: #f6f4eb;
  font-family: Arial, Helvetica, sans-serif; }

/* line 7, src/body.scss */
.group:before, .box-2 .science .science-actions:before, .box-2 .publishers .publishers-actions:before,
.group:after,
.box-2 .science .science-actions:after,
.box-2 .publishers .publishers-actions:after {
  content: "";
  display: table; }

/* line 11, src/body.scss */
.group:after, .box-2 .science .science-actions:after, .box-2 .publishers .publishers-actions:after {
  clear: both; }

/* line 14, src/body.scss */
.group, .box-2 .science .science-actions, .box-2 .publishers .publishers-actions {
  zoom: 1;
  /* For IE 6/7 (trigger hasLayout) */ }

/*********************************
** Base Styles are Mobile First **
*********************************/
/* line 22, src/body.scss */
.container {
  margin: 0 auto;
  min-width: 320px;
  height: 1100px;
  position: relative; }

/* line 29, src/body.scss */
.box-1 {
  z-index: 1;
  position: absolute;
  margin: 0 6.25%;
  /*  20px ÷ 320px = .0625 */
  width: 87.5%;
  /*  280px ÷ 320px = .8750 */
  height: 100%;
  background-color: #1f1f1f;
  color: #fff; }
  /* line 38, src/body.scss */
  .box-1 .intro {
    padding: 30px 10.71429%;
    /* 30px ÷ 280px = 0.1071428571 */ }
    /* line 41, src/body.scss */
    .box-1 .intro p {
      font-size: 0.9em;
      /*font-size: 0.9375em;*/
      /* 15px ÷ 16px = 0.9375 */
      line-height: 1.4em;
      /* 21px ÷ 15px = 1.4 */
      color: #999; }

/* line 49, src/body.scss */
.box-2 {
  z-index: 2;
  position: absolute;
  margin: 0 6.25%;
  /*  20px ÷ 320px = .0625 */
  width: 87.5%;
  /*  280px ÷ 320px = .8750 */
  height: 87%; }
  /* line 56, src/body.scss */
  .box-2 .science {
    margin: 220px 0 0 0;
    background-color: #fff;
    border-bottom: 1px solid #1f1f1f;
    position: relative;
    height: 45%; }
    /* line 63, src/body.scss */
    .box-2 .science .science-copy {
      padding: 5.35714% 10.71429%;
      /*15px ÷ 280px = 0.05357142857  30px ÷ 280px = 0.1071428571*/ }
      /* line 66, src/body.scss */
      .box-2 .science .science-copy p {
        margin-top: 20px;
        font-size: 0.8125em;
        /* 13px ÷ 16px = 0.8125 */
        line-height: 1.30769em;
        /* 17px ÷ 13px = 1.30769 */
        color: #666; }
    /* line 73, src/body.scss */
    .box-2 .science .science-actions {
      position: absolute;
      bottom: 0;
      right: 0; }
      /* line 79, src/body.scss */
      .box-2 .science .science-actions .science-arrow {
        float: right; }
  /* line 84, src/body.scss */
  .box-2 .science-hover {
    width: 100%;
    height: 100%;
    border-top: 5px solid #693a77;
    position: absolute;
    z-index: 4; }
  /* line 92, src/body.scss */
  .box-2 .publishers {
    margin: 0;
    background-color: #fff;
    position: relative;
    height: 45%; }
    /* line 98, src/body.scss */
    .box-2 .publishers .publishers-copy {
      padding: 5.35714% 10.71429%;
      /*15px ÷ 280px = 0.05357142857  30px ÷ 280px = 0.1071428571*/ }
      /* line 101, src/body.scss */
      .box-2 .publishers .publishers-copy p {
        margin-top: 20px;
        font-size: 0.8125em;
        /* 13px ÷ 16px = 0.8125 */
        line-height: 1.30769em;
        /* 17px ÷ 13px = 1.30769 */
        color: #666; }
    /* line 108, src/body.scss */
    .box-2 .publishers .publishers-actions {
      position: absolute;
      bottom: 0;
      right: 0; }
      /* line 114, src/body.scss */
      .box-2 .publishers .publishers-actions .publishers-arrow {
        float: right; }
  /* line 119, src/body.scss */
  .box-2 .publishers-hover {
    width: 100%;
    height: 100%;
    border-top: 5px solid #e12f44;
    position: absolute;
    z-index: 4; }

/* line 1, src/sprites.scss */
.publishers-logo, .science-arrow, .publishers-arrow {
  background: url(../images/sprites.png) no-repeat; }

/* line 5, src/sprites.scss */
.science-logo {
  background: url(../images/macmillan-education-logo.jpg) no-repeat;
  background-position: 0 0;
  width: 210px;
  height: 47px; }

/* line 11, src/sprites.scss */
.publishers-logo {
  background-position: 0 -49px;
  width: 210px;
  height: 47px; }

/* line 17, src/sprites.scss */
.science-arrow {
  background-position: 0 -100px;
  width: 80px;
  height: 50px; }

/* line 23, src/sprites.scss */
.publishers-arrow {
  background-position: 0 -151px;
  width: 80px;
  height: 50px; }

/* line 29, src/sprites.scss */
.science-image {
  padding-top: 5%;
  /* slope */
  min-height: 140px;
  background-image: url(../images/macmillan-education.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;
  /* Firefox 3.6 */
  background-position: center;
  /* Internet Explorer 7/8 */ }

/* line 39, src/sprites.scss */
.publishers-image {
  padding-top: 5%;
  /* slope */
  min-height: 140px;
  background-image: url(../images/publishers-image.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;
  /* Firefox 3.6 */
  background-position: center;
  /* Internet Explorer 7/8 */ }
.intro a {
  color: #999;
}

@media screen and (min-width: 380px) {
  /* line 2, src/responsive.scss */
  .container {
    min-width: 380px;
    height: 1300px; }

  /* line 6, src/responsive.scss */
  .science-image {
    min-height: 190px; }

  /* line 9, src/responsive.scss */
  .publishers-image {
    min-height: 190px; } }
@media screen and (min-width: 600px) {
  /* line 15, src/responsive.scss */
  .container {
    min-width: 600px;
    height: 650px; }

  /* line 19, src/responsive.scss */
  .box-1 {
    margin-top: 40px;
    -webkit-box-shadow: 0px 3px 5px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 0px 3px 5px rgba(50, 50, 50, 0.75);
    box-shadow: 0px 3px 5px rgba(50, 50, 50, 0.75); }
    /* line 26, src/responsive.scss */
    .box-1 .intro p {
      /*font-size: 1em; NOTE: more text was added, font-size changed to make room */
      /* 16px ÷ 16px = 0.9375 */
      line-height: 1.375em;
      /* 22px ÷ 16px = 1.375 */ }
  /* line 32, src/responsive.scss */
  .box-2 {
    margin: 200px 6.25% 0 6.25%; }
    /* line 34, src/responsive.scss */
    .box-2 .science {
      margin: 0 2px 0 0;
      float: left;
      width: 49.8%;
      border-bottom: none;
      height: 80%; }
      /* line 40, src/responsive.scss */
      .box-2 .science .science-copy {
        height: 190px; }
    /* line 44, src/responsive.scss */
    .box-2 .publishers {
      float: right;
      width: 49.8%;
      height: 80%; }
      /* line 48, src/responsive.scss */
      .box-2 .publishers .publishers-copy {
        height: 190px; }

  /* line 56, src/responsive.scss */
  .science-image {
    min-height: 140px; }

  /* line 59, src/responsive.scss */
  .publishers-image {
    min-height: 140px; } }
@media screen and (min-width: 769px) {
  /* line 65, src/responsive.scss */
  .container {
    min-width: none;
    max-width: 1023px; }

  /* line 69, src/responsive.scss */
  .box-1 {
    margin: 120px 1.97368%;
    /*  15px ÷ 760px = 0.0197368 */
    height: 260px;
    width: 96%; }
    /* line 75, src/responsive.scss */
    .box-1 .intro {
      padding: 30px;
      width: 23%; }
      /* line 78, src/responsive.scss */
      .box-1 .intro p {
        font-size: 0.75em; /*NOTE: more text was added, font-size decreased to fit in bounding box */
        /*font-size: 0.875em;*/
        /* 14px ÷ 16px = 0.875 */
        line-height: 1.428571em;
        /* 22px ÷ 16px = 1.428571 */ }

  /* line 84, src/responsive.scss */
  .box-2 {
    margin: 30px 3.28947% 0 29.60526%;
    /* 25px ÷ 760px = 0.0328947 225px ÷ 760px = 0.2960526 */
    width: 67.10526%;
    /* 510px ÷ 760px = 0.6710526316 */
    height: auto;
    background-color: #1f1f1f;
    -webkit-box-shadow: 0px 3px 5px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 0px 3px 5px rgba(50, 50, 50, 0.75);
    box-shadow: 0px 3px 5px rgba(50, 50, 50, 0.75); }
    /* line 93, src/responsive.scss */
    .box-2 .science {
      height: 450px;
      margin: 0;
      width: 49.75%; }
      /* line 99, src/responsive.scss */
      .box-2 .science .science-copy {
        height: 220px; }
    /* line 103, src/responsive.scss */
    .box-2 .science-hover {
      height: 445px;
      float: left; }
      /* line 106, src/responsive.scss */
      .box-2 .science-hover:hover {
        border: 5px solid #693a77;
        width: 98%; }
    /* line 111, src/responsive.scss */
    .box-2 .divider {
      height: 450px;
      background-color: #000;
      width: 0.5%;
      float: left;
      position: absolute;
      left: 49.75%; }
    /* line 119, src/responsive.scss */
    .box-2 .publishers {
      height: 450px;
      width: 49.75%; }
      /* line 122, src/responsive.scss */
      .box-2 .publishers .publishers-copy {
        height: 220px; }
    /* line 126, src/responsive.scss */
    .box-2 .publishers-hover {
      right: 0;
      height: 445px; }
      /* line 129, src/responsive.scss */
      .box-2 .publishers-hover:hover {
        border: 5px solid #e12f44;
        width: 98%; } }
@media screen and (min-width: 1025px) {
  /* line 138, src/responsive.scss */
  .container {
    max-width: none;
    min-width: 1025px;
    padding-bottom: 100px; }

  /* line 143, src/responsive.scss */
  .box-1 {
    margin: 200px 12.5%;
    /*  160px ÷ 1280px = 0.125 */
    height: 340px;
    width: 72%; }
    /* line 147, src/responsive.scss */
    .box-1 .intro {
      padding: 30px 0 0 30px;
      width: 23%; }
      /* line 150, src/responsive.scss */
      .box-1 .intro p {
        font-size: 0.9em; /* NOTE: more text added */
        /*font-size: 1.1em;*/
        /* 18px ÷ 16px = 1.125 */
        line-height: 1.3em;
        /* 26px ÷ 18px = 1.44444 */ }

  /* line 156, src/responsive.scss */
  .box-2 {
    margin: 100px 14.0625% 0 34.375%;
    /* 180px ÷ 1280px = 0.140625 440px ÷ 1280px = 0.34375 */
    width: 48.4375%;
    /* 620px ÷ 1280px = 0.484375 */ }
    /* line 159, src/responsive.scss */
    .box-2 .science {
      height: 470px; }
      /* line 161, src/responsive.scss */
      .box-2 .science .science-copy {
        height: 230px; }
    /* line 165, src/responsive.scss */
    .box-2 .science-hover {
      height: 465px; }
      /* line 167, src/responsive.scss */
      .box-2 .science-hover:hover {
        border: 5px solid #693a77; }
    /* line 171, src/responsive.scss */
    .box-2 .divider {
      height: 470px; }
    /* line 174, src/responsive.scss */
    .box-2 .publishers {
      height: 470px; }
      /* line 176, src/responsive.scss */
      .box-2 .publishers .publishers-copy {
        height: 230px; }
    /* line 180, src/responsive.scss */
    .box-2 .publishers-hover {
      height: 465px; }
      /* line 182, src/responsive.scss */
      .box-2 .publishers-hover:hover {
        border: 5px solid #e12f44; } }
@media screen and (min-width: 1300px) {
  .box-1 .intro p {
    font-size: 1em;
  }
  /* line 189, src/responsive.scss */
  .science-image {
    min-height: 160px; }

  /* line 192, src/responsive.scss */
  .publishers-image {
    min-height: 160px; } }