@import url('http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,400,600,200italic,400italic,600italic');
/* Reset.scss
 * Props to Eric Meyer (meyerweb.com) for his CSS reset file. We're using an adapted version here	that cuts out some of the reset HTML elements we will never need here (i.e., dfn, samp, etc).
 * ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
html, body {
  margin: 0;
  padding: 0; }

h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, dfn, em, img, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, button, table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: normal;
  font-style: normal;
  font-size: 100%;
  line-height: auto;
  font-family: inherit; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

ol, ul {
  list-style: none; }

q:before, q:after, blockquote:before, blockquote:after {
  content: ""; }

html {
  overflow-y: scroll;
  overflow-x: hidden;
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

a:focus {
  outline: thin dotted; }

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

audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

audio:not([controls]) {
  display: none; }

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

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

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

button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle; }

button,
input {
  line-height: normal;
  *overflow: visible; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button; }

input[type="search"] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box; }

input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

textarea {
  overflow: auto;
  vertical-align: top; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

.container .span1 {
  width: 60px; }
.container .span2 {
  width: 140px; }
.container .span3 {
  width: 220px; }
.container .span4 {
  width: 300px; }
.container .span5 {
  width: 380px; }
.container .span6 {
  width: 460px; }
.container .span7 {
  width: 540px; }
.container .span8 {
  width: 620px; }
.container .span9 {
  width: 700px; }
.container .span10 {
  width: 780px; }
.container .span11 {
  width: 860px; }
.container .span12 {
  width: 940px; }
.container .span13 {
  width: 1020px; }
.container .span14 {
  width: 1100px; }
.container .span15 {
  width: 1180px; }
.container .span16 {
  width: 1260px; }

body {
  background: #2e98d4; }
  body div {
    box-shadow: inset inset 0px -85px 400px #2a68bd;
    -webkit-box-shadow: inset 0px -85px 400px #2a68bd;
    -moz-box-shadow: inset 0px -85px 400px #2a68bd;
    height: 100%;
    width: 100%;
    overflow: scroll;
    position: absolute;
    bottom: 0; }
    body div .wrapper {
      -moz-box-shadow: none;
      -webkit-box-shadow: none;
      box-shadow: none;
      position: relative;
      background: url("../img/cloud.png") no-repeat 65% 0%;
      width: 780px;
      height: auto;
      text-align: center;
      overflow: hidden;
      margin: 0 auto;
      z-index: 9; }
      body div .wrapper div {
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        margin-top: 120px;
        margin-bottom: 120px;
        color: white;
        font-family: "Source Sans Pro", sans-serif;
        overflow: hidden;
        position: relative; }
        body div .wrapper div ul {
          width: 778px;
          border: 1px solid rgba(255, 255, 255, 0.4);
          overflow: visible;
          margin-top: 50px; }
          body div .wrapper div ul li {
            overflow: visible;
            padding: 60px 80px 50px 30px;
            text-align: left;
            position: relative; }
            body div .wrapper div ul li.sec {
              border-top: 1px solid rgba(255, 255, 255, 0.4); }
              body div .wrapper div ul li.sec h2 {
                left: 41%; }
            body div .wrapper div ul li h2 {
              display: block;
              text-transform: uppercase;
              font-size: 10px;
              font-weight: normal;
              line-height: 14px;
              letter-spacing: 2px;
              border: 1px solid rgba(255, 255, 255, 0.4);
              background: #2e98d4;
              position: absolute;
              top: 0;
              left: 40%;
              padding: 5px 20px;
              margin-top: -15px; }
            body div .wrapper div ul li p {
              font-size: 18px;
              font-weight: normal;
              line-height: 30px;
              font-weight: 200; }
              body div .wrapper div ul li p a {
                text-decoration: none;
                color: inherit; }