html {
  margin: 0;
  padding: 0;
  border: 0;
}

.bp-reset-element, body, h1, h2, h3, h4, h5, h6, article, aside, dialog, figure, footer, header, hgroup, nav, section, blockquote, q, th, td, caption, table,
div, span, object, iframe, p,
pre, a, abbr, acronym, address,
code, del, dfn, em, img,
dl, dt, dd, ol, ul, li, fieldset,
form, label, legend,
caption, tbody, tfoot, thead, tr {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

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

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

th, td, caption {
  float: none !important;
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

table {
  border-collapse: separate;
  border-spacing: 0;
  vertical-align: middle;
}

a img {
  border: none;
}

aside, hgroup, section, article {
  display: block;
}

.left {
  float: left;
}

.right {
  float: right;
}

html, body {
  height: 100%;
}

body {
  line-height: 1.5;
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
  color: #333333;
  font-size: 75%;
  background-color: #eeeeec;
}
body h1, body h2, body h3, body h4, body h5, body h6 {
  font-weight: normal;
  color: #222222;
}
body h1 img, body h2 img, body h3 img, body h4 img, body h5 img, body h6 img {
  margin: 0;
}
body h1 {
  font-size: 3em;
  line-height: 1;
  margin-bottom: 0.50em;
}
body h2 {
  font-size: 2em;
  margin-bottom: 0.75em;
}
body h3 {
  font-size: 1.5em;
  line-height: 1;
  margin-bottom: 1.00em;
}
body h4 {
  font-size: 1.2em;
  line-height: 1.25;
  margin-bottom: 1.25em;
}
body h5 {
  font-size: 1em;
  font-weight: bold;
  margin-bottom: 1.50em;
}
body h6 {
  font-size: 1em;
  font-weight: bold;
}
body p {
  margin: 0 0 1.5em;
}
body p .left {
  display: inline;
  float: left;
  margin: 1.5em 1.5em 1.5em 0;
  padding: 0;
}
body p .right {
  display: inline;
  float: right;
  margin: 1.5em 0 1.5em 1.5em;
  padding: 0;
}
body a {
  text-decoration: underline;
  color: #0066cc;
}
body a:visited {
  color: #004c99;
}
body a:focus {
  color: #0099ff;
}
body a:hover {
  color: #0099ff;
}
body a:active {
  color: #bf00ff;
}
body blockquote {
  margin: 1.5em;
  color: #666666;
  font-style: italic;
}
body strong, body dfn {
  font-weight: bold;
}
body em, body dfn {
  font-style: italic;
}
body sup, body sub {
  line-height: 0;
}
body abbr, body acronym {
  border-bottom: 1px dotted #666666;
}
body address {
  margin: 0 0 1.5em;
  font-style: italic;
}
body del {
  color: #666666;
}
body pre {
  margin: 1.5em 0;
  white-space: pre;
}
body pre, body code, body tt {
  font: 1em "andale mono", "lucida console", monospace;
  line-height: 1.5;
}
body li ul, body li ol {
  margin: 0;
}
body ul, body ol {
  margin: 0 1.5em 1.5em 0;
  padding-left: 1.5em;
}
body ul {
  list-style-type: disc;
}
body ol {
  list-style-type: decimal;
}
body dl {
  margin: 0 0 1.5em 0;
}
body dl dt {
  font-weight: bold;
}
body dd {
  margin-left: 1.5em;
}
body table {
  margin-bottom: 1.4em;
  width: 100%;
}
body th {
  font-weight: bold;
}
body thead th {
  background: #c3d9ff;
}
body th, body td, body caption {
  padding: 4px 10px 4px 5px;
}
body table.striped tr:nth-child(even) td,
body table tr.even td {
  background: #e5ecf9;
}
body tfoot {
  font-style: italic;
}
body caption {
  background: #eeeeee;
}
body .quiet {
  color: #666666;
}
body .loud {
  color: #111111;
}
body .clear {
  clear: both;
}
body .nowrap {
  white-space: nowrap;
}
body .clearfix {
  overflow: hidden;
  *zoom: 1;
}
body .small {
  font-size: 0.8em;
  margin-bottom: 1.875em;
  line-height: 1.875em;
}
body .large {
  font-size: 1.2em;
  line-height: 2.5em;
  margin-bottom: 1.25em;
}
body .first {
  margin-left: 0;
  padding-left: 0;
}
body .last {
  margin-right: 0;
  padding-right: 0;
}
body .top {
  margin-top: 0;
  padding-top: 0;
}
body .bottom {
  margin-bottom: 0;
  padding-bottom: 0;
}
body .showgrid {
  background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(5%, rgba(0, 0, 0, 0.5)), color-stop(5%, rgba(0, 0, 0, 0))), -webkit-gradient(linear, 0% 50%, 960 50%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(0%, rgba(100, 100, 225, 0.25)), color-stop(3.125%, rgba(100, 100, 225, 0.25)), color-stop(3.125%, rgba(0, 0, 0, 0)), color-stop(4.167%, rgba(0, 0, 0, 0)), color-stop(4.167%, rgba(100, 100, 225, 0.25)), color-stop(7.292%, rgba(100, 100, 225, 0.25)), color-stop(7.292%, rgba(0, 0, 0, 0)), color-stop(8.333%, rgba(0, 0, 0, 0)), color-stop(8.333%, rgba(100, 100, 225, 0.25)), color-stop(11.458%, rgba(100, 100, 225, 0.25)), color-stop(11.458%, rgba(0, 0, 0, 0)), color-stop(12.5%, rgba(0, 0, 0, 0)), color-stop(12.5%, rgba(100, 100, 225, 0.25)), color-stop(15.625%, rgba(100, 100, 225, 0.25)), color-stop(15.625%, rgba(0, 0, 0, 0)), color-stop(16.667%, rgba(0, 0, 0, 0)), color-stop(16.667%, rgba(100, 100, 225, 0.25)), color-stop(19.792%, rgba(100, 100, 225, 0.25)), color-stop(19.792%, rgba(0, 0, 0, 0)), color-stop(20.833%, rgba(0, 0, 0, 0)), color-stop(20.833%, rgba(100, 100, 225, 0.25)), color-stop(23.958%, rgba(100, 100, 225, 0.25)), color-stop(23.958%, rgba(0, 0, 0, 0)), color-stop(25%, rgba(0, 0, 0, 0)), color-stop(25%, rgba(100, 100, 225, 0.25)), color-stop(28.125%, rgba(100, 100, 225, 0.25)), color-stop(28.125%, rgba(0, 0, 0, 0)), color-stop(29.167%, rgba(0, 0, 0, 0)), color-stop(29.167%, rgba(100, 100, 225, 0.25)), color-stop(32.292%, rgba(100, 100, 225, 0.25)), color-stop(32.292%, rgba(0, 0, 0, 0)), color-stop(33.333%, rgba(0, 0, 0, 0)), color-stop(33.333%, rgba(100, 100, 225, 0.25)), color-stop(36.458%, rgba(100, 100, 225, 0.25)), color-stop(36.458%, rgba(0, 0, 0, 0)), color-stop(37.5%, rgba(0, 0, 0, 0)), color-stop(37.5%, rgba(100, 100, 225, 0.25)), color-stop(40.625%, rgba(100, 100, 225, 0.25)), color-stop(40.625%, rgba(0, 0, 0, 0)), color-stop(41.667%, rgba(0, 0, 0, 0)), color-stop(41.667%, rgba(100, 100, 225, 0.25)), color-stop(44.792%, rgba(100, 100, 225, 0.25)), color-stop(44.792%, rgba(0, 0, 0, 0)), color-stop(45.833%, rgba(0, 0, 0, 0)), color-stop(45.833%, rgba(100, 100, 225, 0.25)), color-stop(48.958%, rgba(100, 100, 225, 0.25)), color-stop(48.958%, rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0)), color-stop(50%, rgba(100, 100, 225, 0.25)), color-stop(53.125%, rgba(100, 100, 225, 0.25)), color-stop(53.125%, rgba(0, 0, 0, 0)), color-stop(54.167%, rgba(0, 0, 0, 0)), color-stop(54.167%, rgba(100, 100, 225, 0.25)), color-stop(57.292%, rgba(100, 100, 225, 0.25)), color-stop(57.292%, rgba(0, 0, 0, 0)), color-stop(58.333%, rgba(0, 0, 0, 0)), color-stop(58.333%, rgba(100, 100, 225, 0.25)), color-stop(61.458%, rgba(100, 100, 225, 0.25)), color-stop(61.458%, rgba(0, 0, 0, 0)), color-stop(62.5%, rgba(0, 0, 0, 0)), color-stop(62.5%, rgba(100, 100, 225, 0.25)), color-stop(65.625%, rgba(100, 100, 225, 0.25)), color-stop(65.625%, rgba(0, 0, 0, 0)), color-stop(66.667%, rgba(0, 0, 0, 0)), color-stop(66.667%, rgba(100, 100, 225, 0.25)), color-stop(69.792%, rgba(100, 100, 225, 0.25)), color-stop(69.792%, rgba(0, 0, 0, 0)), color-stop(70.833%, rgba(0, 0, 0, 0)), color-stop(70.833%, rgba(100, 100, 225, 0.25)), color-stop(73.958%, rgba(100, 100, 225, 0.25)), color-stop(73.958%, rgba(0, 0, 0, 0)), color-stop(75%, rgba(0, 0, 0, 0)), color-stop(75%, rgba(100, 100, 225, 0.25)), color-stop(78.125%, rgba(100, 100, 225, 0.25)), color-stop(78.125%, rgba(0, 0, 0, 0)), color-stop(79.167%, rgba(0, 0, 0, 0)), color-stop(79.167%, rgba(100, 100, 225, 0.25)), color-stop(82.292%, rgba(100, 100, 225, 0.25)), color-stop(82.292%, rgba(0, 0, 0, 0)), color-stop(83.333%, rgba(0, 0, 0, 0)), color-stop(83.333%, rgba(100, 100, 225, 0.25)), color-stop(86.458%, rgba(100, 100, 225, 0.25)), color-stop(86.458%, rgba(0, 0, 0, 0)), color-stop(87.5%, rgba(0, 0, 0, 0)), color-stop(87.5%, rgba(100, 100, 225, 0.25)), color-stop(90.625%, rgba(100, 100, 225, 0.25)), color-stop(90.625%, rgba(0, 0, 0, 0)), color-stop(91.667%, rgba(0, 0, 0, 0)), color-stop(91.667%, rgba(100, 100, 225, 0.25)), color-stop(94.792%, rgba(100, 100, 225, 0.25)), color-stop(94.792%, rgba(0, 0, 0, 0)), color-stop(95.833%, rgba(0, 0, 0, 0)), color-stop(95.833%, rgba(100, 100, 225, 0.25)), color-stop(98.958%, rgba(100, 100, 225, 0.25)), color-stop(98.958%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 5%, rgba(0, 0, 0, 0) 5%), -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0px, rgba(100, 100, 225, 0.25) 0px, rgba(100, 100, 225, 0.25) 30px, rgba(0, 0, 0, 0) 30px, rgba(0, 0, 0, 0) 40px, rgba(100, 100, 225, 0.25) 40px, rgba(100, 100, 225, 0.25) 70px, rgba(0, 0, 0, 0) 70px, rgba(0, 0, 0, 0) 80px, rgba(100, 100, 225, 0.25) 80px, rgba(100, 100, 225, 0.25) 110px, rgba(0, 0, 0, 0) 110px, rgba(0, 0, 0, 0) 120px, rgba(100, 100, 225, 0.25) 120px, rgba(100, 100, 225, 0.25) 150px, rgba(0, 0, 0, 0) 150px, rgba(0, 0, 0, 0) 160px, rgba(100, 100, 225, 0.25) 160px, rgba(100, 100, 225, 0.25) 190px, rgba(0, 0, 0, 0) 190px, rgba(0, 0, 0, 0) 200px, rgba(100, 100, 225, 0.25) 200px, rgba(100, 100, 225, 0.25) 230px, rgba(0, 0, 0, 0) 230px, rgba(0, 0, 0, 0) 240px, rgba(100, 100, 225, 0.25) 240px, rgba(100, 100, 225, 0.25) 270px, rgba(0, 0, 0, 0) 270px, rgba(0, 0, 0, 0) 280px, rgba(100, 100, 225, 0.25) 280px, rgba(100, 100, 225, 0.25) 310px, rgba(0, 0, 0, 0) 310px, rgba(0, 0, 0, 0) 320px, rgba(100, 100, 225, 0.25) 320px, rgba(100, 100, 225, 0.25) 350px, rgba(0, 0, 0, 0) 350px, rgba(0, 0, 0, 0) 360px, rgba(100, 100, 225, 0.25) 360px, rgba(100, 100, 225, 0.25) 390px, rgba(0, 0, 0, 0) 390px, rgba(0, 0, 0, 0) 400px, rgba(100, 100, 225, 0.25) 400px, rgba(100, 100, 225, 0.25) 430px, rgba(0, 0, 0, 0) 430px, rgba(0, 0, 0, 0) 440px, rgba(100, 100, 225, 0.25) 440px, rgba(100, 100, 225, 0.25) 470px, rgba(0, 0, 0, 0) 470px, rgba(0, 0, 0, 0) 480px, rgba(100, 100, 225, 0.25) 480px, rgba(100, 100, 225, 0.25) 510px, rgba(0, 0, 0, 0) 510px, rgba(0, 0, 0, 0) 520px, rgba(100, 100, 225, 0.25) 520px, rgba(100, 100, 225, 0.25) 550px, rgba(0, 0, 0, 0) 550px, rgba(0, 0, 0, 0) 560px, rgba(100, 100, 225, 0.25) 560px, rgba(100, 100, 225, 0.25) 590px, rgba(0, 0, 0, 0) 590px, rgba(0, 0, 0, 0) 600px, rgba(100, 100, 225, 0.25) 600px, rgba(100, 100, 225, 0.25) 630px, rgba(0, 0, 0, 0) 630px, rgba(0, 0, 0, 0) 640px, rgba(100, 100, 225, 0.25) 640px, rgba(100, 100, 225, 0.25) 670px, rgba(0, 0, 0, 0) 670px, rgba(0, 0, 0, 0) 680px, rgba(100, 100, 225, 0.25) 680px, rgba(100, 100, 225, 0.25) 710px, rgba(0, 0, 0, 0) 710px, rgba(0, 0, 0, 0) 720px, rgba(100, 100, 225, 0.25) 720px, rgba(100, 100, 225, 0.25) 750px, rgba(0, 0, 0, 0) 750px, rgba(0, 0, 0, 0) 760px, rgba(100, 100, 225, 0.25) 760px, rgba(100, 100, 225, 0.25) 790px, rgba(0, 0, 0, 0) 790px, rgba(0, 0, 0, 0) 800px, rgba(100, 100, 225, 0.25) 800px, rgba(100, 100, 225, 0.25) 830px, rgba(0, 0, 0, 0) 830px, rgba(0, 0, 0, 0) 840px, rgba(100, 100, 225, 0.25) 840px, rgba(100, 100, 225, 0.25) 870px, rgba(0, 0, 0, 0) 870px, rgba(0, 0, 0, 0) 880px, rgba(100, 100, 225, 0.25) 880px, rgba(100, 100, 225, 0.25) 910px, rgba(0, 0, 0, 0) 910px, rgba(0, 0, 0, 0) 920px, rgba(100, 100, 225, 0.25) 920px, rgba(100, 100, 225, 0.25) 950px, rgba(0, 0, 0, 0) 950px, rgba(0, 0, 0, 0) 960px);
  background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 5%, rgba(0, 0, 0, 0) 5%), -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0px, rgba(100, 100, 225, 0.25) 0px, rgba(100, 100, 225, 0.25) 30px, rgba(0, 0, 0, 0) 30px, rgba(0, 0, 0, 0) 40px, rgba(100, 100, 225, 0.25) 40px, rgba(100, 100, 225, 0.25) 70px, rgba(0, 0, 0, 0) 70px, rgba(0, 0, 0, 0) 80px, rgba(100, 100, 225, 0.25) 80px, rgba(100, 100, 225, 0.25) 110px, rgba(0, 0, 0, 0) 110px, rgba(0, 0, 0, 0) 120px, rgba(100, 100, 225, 0.25) 120px, rgba(100, 100, 225, 0.25) 150px, rgba(0, 0, 0, 0) 150px, rgba(0, 0, 0, 0) 160px, rgba(100, 100, 225, 0.25) 160px, rgba(100, 100, 225, 0.25) 190px, rgba(0, 0, 0, 0) 190px, rgba(0, 0, 0, 0) 200px, rgba(100, 100, 225, 0.25) 200px, rgba(100, 100, 225, 0.25) 230px, rgba(0, 0, 0, 0) 230px, rgba(0, 0, 0, 0) 240px, rgba(100, 100, 225, 0.25) 240px, rgba(100, 100, 225, 0.25) 270px, rgba(0, 0, 0, 0) 270px, rgba(0, 0, 0, 0) 280px, rgba(100, 100, 225, 0.25) 280px, rgba(100, 100, 225, 0.25) 310px, rgba(0, 0, 0, 0) 310px, rgba(0, 0, 0, 0) 320px, rgba(100, 100, 225, 0.25) 320px, rgba(100, 100, 225, 0.25) 350px, rgba(0, 0, 0, 0) 350px, rgba(0, 0, 0, 0) 360px, rgba(100, 100, 225, 0.25) 360px, rgba(100, 100, 225, 0.25) 390px, rgba(0, 0, 0, 0) 390px, rgba(0, 0, 0, 0) 400px, rgba(100, 100, 225, 0.25) 400px, rgba(100, 100, 225, 0.25) 430px, rgba(0, 0, 0, 0) 430px, rgba(0, 0, 0, 0) 440px, rgba(100, 100, 225, 0.25) 440px, rgba(100, 100, 225, 0.25) 470px, rgba(0, 0, 0, 0) 470px, rgba(0, 0, 0, 0) 480px, rgba(100, 100, 225, 0.25) 480px, rgba(100, 100, 225, 0.25) 510px, rgba(0, 0, 0, 0) 510px, rgba(0, 0, 0, 0) 520px, rgba(100, 100, 225, 0.25) 520px, rgba(100, 100, 225, 0.25) 550px, rgba(0, 0, 0, 0) 550px, rgba(0, 0, 0, 0) 560px, rgba(100, 100, 225, 0.25) 560px, rgba(100, 100, 225, 0.25) 590px, rgba(0, 0, 0, 0) 590px, rgba(0, 0, 0, 0) 600px, rgba(100, 100, 225, 0.25) 600px, rgba(100, 100, 225, 0.25) 630px, rgba(0, 0, 0, 0) 630px, rgba(0, 0, 0, 0) 640px, rgba(100, 100, 225, 0.25) 640px, rgba(100, 100, 225, 0.25) 670px, rgba(0, 0, 0, 0) 670px, rgba(0, 0, 0, 0) 680px, rgba(100, 100, 225, 0.25) 680px, rgba(100, 100, 225, 0.25) 710px, rgba(0, 0, 0, 0) 710px, rgba(0, 0, 0, 0) 720px, rgba(100, 100, 225, 0.25) 720px, rgba(100, 100, 225, 0.25) 750px, rgba(0, 0, 0, 0) 750px, rgba(0, 0, 0, 0) 760px, rgba(100, 100, 225, 0.25) 760px, rgba(100, 100, 225, 0.25) 790px, rgba(0, 0, 0, 0) 790px, rgba(0, 0, 0, 0) 800px, rgba(100, 100, 225, 0.25) 800px, rgba(100, 100, 225, 0.25) 830px, rgba(0, 0, 0, 0) 830px, rgba(0, 0, 0, 0) 840px, rgba(100, 100, 225, 0.25) 840px, rgba(100, 100, 225, 0.25) 870px, rgba(0, 0, 0, 0) 870px, rgba(0, 0, 0, 0) 880px, rgba(100, 100, 225, 0.25) 880px, rgba(100, 100, 225, 0.25) 910px, rgba(0, 0, 0, 0) 910px, rgba(0, 0, 0, 0) 920px, rgba(100, 100, 225, 0.25) 920px, rgba(100, 100, 225, 0.25) 950px, rgba(0, 0, 0, 0) 950px, rgba(0, 0, 0, 0) 960px);
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 5%, rgba(0, 0, 0, 0) 5%), -o-linear-gradient(left, rgba(0, 0, 0, 0) 0px, rgba(100, 100, 225, 0.25) 0px, rgba(100, 100, 225, 0.25) 30px, rgba(0, 0, 0, 0) 30px, rgba(0, 0, 0, 0) 40px, rgba(100, 100, 225, 0.25) 40px, rgba(100, 100, 225, 0.25) 70px, rgba(0, 0, 0, 0) 70px, rgba(0, 0, 0, 0) 80px, rgba(100, 100, 225, 0.25) 80px, rgba(100, 100, 225, 0.25) 110px, rgba(0, 0, 0, 0) 110px, rgba(0, 0, 0, 0) 120px, rgba(100, 100, 225, 0.25) 120px, rgba(100, 100, 225, 0.25) 150px, rgba(0, 0, 0, 0) 150px, rgba(0, 0, 0, 0) 160px, rgba(100, 100, 225, 0.25) 160px, rgba(100, 100, 225, 0.25) 190px, rgba(0, 0, 0, 0) 190px, rgba(0, 0, 0, 0) 200px, rgba(100, 100, 225, 0.25) 200px, rgba(100, 100, 225, 0.25) 230px, rgba(0, 0, 0, 0) 230px, rgba(0, 0, 0, 0) 240px, rgba(100, 100, 225, 0.25) 240px, rgba(100, 100, 225, 0.25) 270px, rgba(0, 0, 0, 0) 270px, rgba(0, 0, 0, 0) 280px, rgba(100, 100, 225, 0.25) 280px, rgba(100, 100, 225, 0.25) 310px, rgba(0, 0, 0, 0) 310px, rgba(0, 0, 0, 0) 320px, rgba(100, 100, 225, 0.25) 320px, rgba(100, 100, 225, 0.25) 350px, rgba(0, 0, 0, 0) 350px, rgba(0, 0, 0, 0) 360px, rgba(100, 100, 225, 0.25) 360px, rgba(100, 100, 225, 0.25) 390px, rgba(0, 0, 0, 0) 390px, rgba(0, 0, 0, 0) 400px, rgba(100, 100, 225, 0.25) 400px, rgba(100, 100, 225, 0.25) 430px, rgba(0, 0, 0, 0) 430px, rgba(0, 0, 0, 0) 440px, rgba(100, 100, 225, 0.25) 440px, rgba(100, 100, 225, 0.25) 470px, rgba(0, 0, 0, 0) 470px, rgba(0, 0, 0, 0) 480px, rgba(100, 100, 225, 0.25) 480px, rgba(100, 100, 225, 0.25) 510px, rgba(0, 0, 0, 0) 510px, rgba(0, 0, 0, 0) 520px, rgba(100, 100, 225, 0.25) 520px, rgba(100, 100, 225, 0.25) 550px, rgba(0, 0, 0, 0) 550px, rgba(0, 0, 0, 0) 560px, rgba(100, 100, 225, 0.25) 560px, rgba(100, 100, 225, 0.25) 590px, rgba(0, 0, 0, 0) 590px, rgba(0, 0, 0, 0) 600px, rgba(100, 100, 225, 0.25) 600px, rgba(100, 100, 225, 0.25) 630px, rgba(0, 0, 0, 0) 630px, rgba(0, 0, 0, 0) 640px, rgba(100, 100, 225, 0.25) 640px, rgba(100, 100, 225, 0.25) 670px, rgba(0, 0, 0, 0) 670px, rgba(0, 0, 0, 0) 680px, rgba(100, 100, 225, 0.25) 680px, rgba(100, 100, 225, 0.25) 710px, rgba(0, 0, 0, 0) 710px, rgba(0, 0, 0, 0) 720px, rgba(100, 100, 225, 0.25) 720px, rgba(100, 100, 225, 0.25) 750px, rgba(0, 0, 0, 0) 750px, rgba(0, 0, 0, 0) 760px, rgba(100, 100, 225, 0.25) 760px, rgba(100, 100, 225, 0.25) 790px, rgba(0, 0, 0, 0) 790px, rgba(0, 0, 0, 0) 800px, rgba(100, 100, 225, 0.25) 800px, rgba(100, 100, 225, 0.25) 830px, rgba(0, 0, 0, 0) 830px, rgba(0, 0, 0, 0) 840px, rgba(100, 100, 225, 0.25) 840px, rgba(100, 100, 225, 0.25) 870px, rgba(0, 0, 0, 0) 870px, rgba(0, 0, 0, 0) 880px, rgba(100, 100, 225, 0.25) 880px, rgba(100, 100, 225, 0.25) 910px, rgba(0, 0, 0, 0) 910px, rgba(0, 0, 0, 0) 920px, rgba(100, 100, 225, 0.25) 920px, rgba(100, 100, 225, 0.25) 950px, rgba(0, 0, 0, 0) 950px, rgba(0, 0, 0, 0) 960px);
  background-image: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 5%, rgba(0, 0, 0, 0) 5%), -ms-linear-gradient(left, rgba(0, 0, 0, 0) 0px, rgba(100, 100, 225, 0.25) 0px, rgba(100, 100, 225, 0.25) 30px, rgba(0, 0, 0, 0) 30px, rgba(0, 0, 0, 0) 40px, rgba(100, 100, 225, 0.25) 40px, rgba(100, 100, 225, 0.25) 70px, rgba(0, 0, 0, 0) 70px, rgba(0, 0, 0, 0) 80px, rgba(100, 100, 225, 0.25) 80px, rgba(100, 100, 225, 0.25) 110px, rgba(0, 0, 0, 0) 110px, rgba(0, 0, 0, 0) 120px, rgba(100, 100, 225, 0.25) 120px, rgba(100, 100, 225, 0.25) 150px, rgba(0, 0, 0, 0) 150px, rgba(0, 0, 0, 0) 160px, rgba(100, 100, 225, 0.25) 160px, rgba(100, 100, 225, 0.25) 190px, rgba(0, 0, 0, 0) 190px, rgba(0, 0, 0, 0) 200px, rgba(100, 100, 225, 0.25) 200px, rgba(100, 100, 225, 0.25) 230px, rgba(0, 0, 0, 0) 230px, rgba(0, 0, 0, 0) 240px, rgba(100, 100, 225, 0.25) 240px, rgba(100, 100, 225, 0.25) 270px, rgba(0, 0, 0, 0) 270px, rgba(0, 0, 0, 0) 280px, rgba(100, 100, 225, 0.25) 280px, rgba(100, 100, 225, 0.25) 310px, rgba(0, 0, 0, 0) 310px, rgba(0, 0, 0, 0) 320px, rgba(100, 100, 225, 0.25) 320px, rgba(100, 100, 225, 0.25) 350px, rgba(0, 0, 0, 0) 350px, rgba(0, 0, 0, 0) 360px, rgba(100, 100, 225, 0.25) 360px, rgba(100, 100, 225, 0.25) 390px, rgba(0, 0, 0, 0) 390px, rgba(0, 0, 0, 0) 400px, rgba(100, 100, 225, 0.25) 400px, rgba(100, 100, 225, 0.25) 430px, rgba(0, 0, 0, 0) 430px, rgba(0, 0, 0, 0) 440px, rgba(100, 100, 225, 0.25) 440px, rgba(100, 100, 225, 0.25) 470px, rgba(0, 0, 0, 0) 470px, rgba(0, 0, 0, 0) 480px, rgba(100, 100, 225, 0.25) 480px, rgba(100, 100, 225, 0.25) 510px, rgba(0, 0, 0, 0) 510px, rgba(0, 0, 0, 0) 520px, rgba(100, 100, 225, 0.25) 520px, rgba(100, 100, 225, 0.25) 550px, rgba(0, 0, 0, 0) 550px, rgba(0, 0, 0, 0) 560px, rgba(100, 100, 225, 0.25) 560px, rgba(100, 100, 225, 0.25) 590px, rgba(0, 0, 0, 0) 590px, rgba(0, 0, 0, 0) 600px, rgba(100, 100, 225, 0.25) 600px, rgba(100, 100, 225, 0.25) 630px, rgba(0, 0, 0, 0) 630px, rgba(0, 0, 0, 0) 640px, rgba(100, 100, 225, 0.25) 640px, rgba(100, 100, 225, 0.25) 670px, rgba(0, 0, 0, 0) 670px, rgba(0, 0, 0, 0) 680px, rgba(100, 100, 225, 0.25) 680px, rgba(100, 100, 225, 0.25) 710px, rgba(0, 0, 0, 0) 710px, rgba(0, 0, 0, 0) 720px, rgba(100, 100, 225, 0.25) 720px, rgba(100, 100, 225, 0.25) 750px, rgba(0, 0, 0, 0) 750px, rgba(0, 0, 0, 0) 760px, rgba(100, 100, 225, 0.25) 760px, rgba(100, 100, 225, 0.25) 790px, rgba(0, 0, 0, 0) 790px, rgba(0, 0, 0, 0) 800px, rgba(100, 100, 225, 0.25) 800px, rgba(100, 100, 225, 0.25) 830px, rgba(0, 0, 0, 0) 830px, rgba(0, 0, 0, 0) 840px, rgba(100, 100, 225, 0.25) 840px, rgba(100, 100, 225, 0.25) 870px, rgba(0, 0, 0, 0) 870px, rgba(0, 0, 0, 0) 880px, rgba(100, 100, 225, 0.25) 880px, rgba(100, 100, 225, 0.25) 910px, rgba(0, 0, 0, 0) 910px, rgba(0, 0, 0, 0) 920px, rgba(100, 100, 225, 0.25) 920px, rgba(100, 100, 225, 0.25) 950px, rgba(0, 0, 0, 0) 950px, rgba(0, 0, 0, 0) 960px);
  background-image: linear-gradient(bottom, rgba(0, 0, 0, 0.5) 5%, rgba(0, 0, 0, 0) 5%), linear-gradient(left, rgba(0, 0, 0, 0) 0px, rgba(100, 100, 225, 0.25) 0px, rgba(100, 100, 225, 0.25) 30px, rgba(0, 0, 0, 0) 30px, rgba(0, 0, 0, 0) 40px, rgba(100, 100, 225, 0.25) 40px, rgba(100, 100, 225, 0.25) 70px, rgba(0, 0, 0, 0) 70px, rgba(0, 0, 0, 0) 80px, rgba(100, 100, 225, 0.25) 80px, rgba(100, 100, 225, 0.25) 110px, rgba(0, 0, 0, 0) 110px, rgba(0, 0, 0, 0) 120px, rgba(100, 100, 225, 0.25) 120px, rgba(100, 100, 225, 0.25) 150px, rgba(0, 0, 0, 0) 150px, rgba(0, 0, 0, 0) 160px, rgba(100, 100, 225, 0.25) 160px, rgba(100, 100, 225, 0.25) 190px, rgba(0, 0, 0, 0) 190px, rgba(0, 0, 0, 0) 200px, rgba(100, 100, 225, 0.25) 200px, rgba(100, 100, 225, 0.25) 230px, rgba(0, 0, 0, 0) 230px, rgba(0, 0, 0, 0) 240px, rgba(100, 100, 225, 0.25) 240px, rgba(100, 100, 225, 0.25) 270px, rgba(0, 0, 0, 0) 270px, rgba(0, 0, 0, 0) 280px, rgba(100, 100, 225, 0.25) 280px, rgba(100, 100, 225, 0.25) 310px, rgba(0, 0, 0, 0) 310px, rgba(0, 0, 0, 0) 320px, rgba(100, 100, 225, 0.25) 320px, rgba(100, 100, 225, 0.25) 350px, rgba(0, 0, 0, 0) 350px, rgba(0, 0, 0, 0) 360px, rgba(100, 100, 225, 0.25) 360px, rgba(100, 100, 225, 0.25) 390px, rgba(0, 0, 0, 0) 390px, rgba(0, 0, 0, 0) 400px, rgba(100, 100, 225, 0.25) 400px, rgba(100, 100, 225, 0.25) 430px, rgba(0, 0, 0, 0) 430px, rgba(0, 0, 0, 0) 440px, rgba(100, 100, 225, 0.25) 440px, rgba(100, 100, 225, 0.25) 470px, rgba(0, 0, 0, 0) 470px, rgba(0, 0, 0, 0) 480px, rgba(100, 100, 225, 0.25) 480px, rgba(100, 100, 225, 0.25) 510px, rgba(0, 0, 0, 0) 510px, rgba(0, 0, 0, 0) 520px, rgba(100, 100, 225, 0.25) 520px, rgba(100, 100, 225, 0.25) 550px, rgba(0, 0, 0, 0) 550px, rgba(0, 0, 0, 0) 560px, rgba(100, 100, 225, 0.25) 560px, rgba(100, 100, 225, 0.25) 590px, rgba(0, 0, 0, 0) 590px, rgba(0, 0, 0, 0) 600px, rgba(100, 100, 225, 0.25) 600px, rgba(100, 100, 225, 0.25) 630px, rgba(0, 0, 0, 0) 630px, rgba(0, 0, 0, 0) 640px, rgba(100, 100, 225, 0.25) 640px, rgba(100, 100, 225, 0.25) 670px, rgba(0, 0, 0, 0) 670px, rgba(0, 0, 0, 0) 680px, rgba(100, 100, 225, 0.25) 680px, rgba(100, 100, 225, 0.25) 710px, rgba(0, 0, 0, 0) 710px, rgba(0, 0, 0, 0) 720px, rgba(100, 100, 225, 0.25) 720px, rgba(100, 100, 225, 0.25) 750px, rgba(0, 0, 0, 0) 750px, rgba(0, 0, 0, 0) 760px, rgba(100, 100, 225, 0.25) 760px, rgba(100, 100, 225, 0.25) 790px, rgba(0, 0, 0, 0) 790px, rgba(0, 0, 0, 0) 800px, rgba(100, 100, 225, 0.25) 800px, rgba(100, 100, 225, 0.25) 830px, rgba(0, 0, 0, 0) 830px, rgba(0, 0, 0, 0) 840px, rgba(100, 100, 225, 0.25) 840px, rgba(100, 100, 225, 0.25) 870px, rgba(0, 0, 0, 0) 870px, rgba(0, 0, 0, 0) 880px, rgba(100, 100, 225, 0.25) 880px, rgba(100, 100, 225, 0.25) 910px, rgba(0, 0, 0, 0) 910px, rgba(0, 0, 0, 0) 920px, rgba(100, 100, 225, 0.25) 920px, rgba(100, 100, 225, 0.25) 950px, rgba(0, 0, 0, 0) 950px, rgba(0, 0, 0, 0) 960px);
  -moz-background-size: 100% 20px, auto;
  -webkit-background-size: 100% 20px, auto;
  -o-background-size: 100% 20px, auto;
  background-size: 100% 20px, auto;
  background-position: left top;
}

#content {
  background-color: white;
}

header .inner, #content .inner, footer .inner {
  width: 950px;
  margin: 0 auto;
  overflow: hidden;
  *zoom: 1;
}

#content .inner {
  padding: 18px 0;
}

header#site-header {
  z-index: 50;
  height: 28px;
  position: relative;
  width: 100%;
  padding: 18px 0 16px 0;
  background-color: #4e9a06;
  border-bottom: solid 2px #73d216;
}
header#site-header .inner {
  overflow: visible;
}
header#site-header p, header#site-header h1, header#site-header h2 {
  color: #eeeeec;
}
header#site-header #logo {
  display: inline;
  float: left;
  margin-right: 10px;
  width: 230px;
}
* html header#site-header #logo {
  overflow-x: hidden;
}
header#site-header #logo a {
  background: url("../Images/integration-logo.png");
  text-indent: -9999px;
  display: block;
  width: 247px;
  height: 30px;
}
header#site-header nav {
  display: inline;
  float: left;
  margin-right: 10px;
  width: 710px;
  margin-right: 0;
  padding: 0;
  position: relative;
}
* html header#site-header nav {
  overflow-x: hidden;
}
header#site-header nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
  float: right;
}
header#site-header nav ul li {
  display: block;
  float: left;
  width: auto;
  border-top: 2px solid transparent;
  margin: 0 10px;
  position: relative;
}
header#site-header nav ul li:hover {
  border-color: #53a406;
}
header#site-header nav ul li ul.submenu {
  position: absolute;
  width: 16em;
  top: 26px;
  left: -999em;
  padding: 16px 0 0 0;
}
header#site-header nav ul li ul.submenu li {
  width: 16em;
  border-left: none;
  margin: 0;
  background-color: #5ab307;
  border-top: 2px solid #73d216;
}
header#site-header nav ul li ul.submenu li a {
  font-size: 1em;
  width: 14.5em;
}
header#site-header nav ul li:hover ul {
  left: auto;
}
header#site-header nav ul li a {
  padding: 5px 9px;
  font-size: 1.1em;
  float: left;
  font-weight: bold;
  color: #eeeeec;
  text-decoration: none;
  cursor: pointer;
}
header#site-header nav ul li a:visited {
  color: #eeeeec;
}
header#site-header nav ul li a:hover {
  color: white;
}

footer {
  padding: 9px 0;
}
footer #copyright {
  display: inline;
  float: left;
  margin-right: 10px;
  width: 150px;
}
* html footer #copyright {
  overflow-x: hidden;
}
footer nav {
  display: inline;
  float: left;
  margin-right: 10px;
  width: 790px;
  margin-right: 0;
  text-align: right;
}
* html footer nav {
  overflow-x: hidden;
}
footer nav ul {
  float: right;
  margin: 0;
  padding: 0;
  list-style: none;
}
footer nav ul li {
  display: inline;
  float: left;
  margin: 0 2px;
  padding: 0 2px;
}

body#index #content {
  background: transparent url("../Images/index-bg-gradient.png") repeat-x 0 50%;
  height: 700px;
}
body#index #content p, body#index #content h1, body#index #content h2 {
  color: #eeeeec;
}
body#index section#introduction {
  padding: 9px 0;
}
body#index section#introduction .inner {
  width: 950px;
  margin: 0 auto;
  overflow: hidden;
  *zoom: 1;
  color: #eeeeec;
  padding: 7px 0;
}
body#index section#introduction .inner .banner {
  display: inline;
  float: left;
  margin-right: 10px;
  width: 590px;
}
* html body#index section#introduction .inner .banner {
  overflow-x: hidden;
}
body#index section#introduction .inner .headline {
  display: inline;
  float: left;
  margin-right: 10px;
  width: 350px;
  margin-right: 0;
  padding-top: 18px;
}
body#index section#introduction .inner .message {
  display: inline;
  float: left;
  margin-right: 10px;
  margin-right: 0;
  padding-top: 18px;
}
* html body#index section#introduction .inner .headline {
  overflow-x: hidden;
}
body#index section#introduction .inner .headline h1 {
  text-shadow: #2e3436 1px 1px 1px;
  padding: 0 20px;
  font-size: 2.4em;
  line-height: 1.1;
}
body#index section#introduction .inner .message h1 {
  text-shadow: #2e3436 1px 1px 1px;
  padding: 0 20px;
  font-size: 1.9em;
  line-height: 1.1;
}
body#index section#introduction .inner .headline a {
  margin-left: 20px;
}
body#index section#features .slidewrapper {
  width: 950px;
  margin: 0 auto;
  overflow: hidden;
  *zoom: 1;
  height: 256px;
  overflow: hidden;
  position: relative;
}
body#index section#features .slidewrapper .slides {
  width: 950px;
  height: 256px;
  background-color: #2e3436;
}
body#index section#features .slidewrapper .slides .feature {
  width: 950px;
  padding: 18px 0;
  height: 256px;
}
body#index section#features .slidewrapper .slides .feature#webapp h2 {
  background-image: url("../Images/web-application-64.png");
}
body#index section#features .slidewrapper .slides .feature#mobile h2 {
  background-image: url("../Images/mobile-64.png");
}
body#index section#features .slidewrapper .slides .feature#filtering h2 {
  background-image: url("../Images/filtering-64.png");
}
body#index section#features .slidewrapper .slides .feature#profile h2 {
  background-image: url("../Images/profile-64.png");
}
body#index section#features .slidewrapper .slides .feature#elearning h2 {
  background-image: url("../Images/classbook-64.png");
}
body#index section#features .slidewrapper .slides .feature .description {
  display: inline;
  float: left;
  margin-right: 10px;
  width: 470px;
}
* html body#index section#features .slidewrapper .slides .feature .description {
  overflow-x: hidden;
}
body#index section#features .slidewrapper .slides .feature .description h2 {
  background-repeat: no-repeat;
  padding-left: 96px;
  font-size: 3em;
  line-height: 1.778;
  margin-bottom: 6px;
  background-position: 18px 0;
}
body#index section#features .slidewrapper .slides .feature .description p {
  padding-left: 18px;
  font-size: 1.6em;
  line-height: 1.3;
}
body#index section#features .slidewrapper .slides .feature .illustration {
  display: inline;
  float: left;
  margin-right: 10px;
  width: 470px;
  margin-right: 0;
  height: 220px;
  overflow: hidden;
}
* html body#index section#features .slidewrapper .slides .feature .illustration {
  overflow-x: hidden;
}
body#index section#features .slidewrapper .slides .feature .illustration img {
  margin-right: 18px;
  float: right;
}
body#index section#features .pager {
  position: absolute;
  bottom: 18px;
  left: 18px;
  z-index: 40;
}
body#index section#features .pager a {
  display: block;
  float: left;
  height: 8px;
  width: 8px;
  border: 1px solid #eeeeec;
  margin-right: 6px;
  background-color: transparent;
  text-indent: -9999px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  -o-border-radius: 8px;
  -ms-border-radius: 8px;
  -khtml-border-radius: 8px;
  border-radius: 8px;
}
body#index section#features .pager a.activeSlide {
  background-color: #eeeeec;
}
body#index section#features p {
  font-size: 1.2em;
  line-height: 1.5;
  margin-bottom: 1em;
}
body#index #call-to-action {
  text-align: center;
  margin-top: 36px;
}

section#articles {
  display: inline;
  float: left;
  margin-right: 10px;
  width: 950px;
  margin-right: 0;
  padding: 18px 0;
}
* html section#articles {
  overflow-x: hidden;
}
section#articles h1#section-title {
  margin-top: 36px;
  margin-bottom: 36px;
  color: #2e3436;
  text-align: center;
}
section#articles #article-list {
  display: inline;
  float: left;
  margin-right: 10px;
  width: 710px;
}
* html section#articles #article-list {
  overflow-x: hidden;
}
section#articles #article-list .row {
  border-bottom: dashed 1px #d3d7cf;
  margin-bottom: 18px;
  padding-bottom: 17px;
  overflow: hidden;
  *zoom: 1;
}
section#articles #article-list .row.last {
  border-color: transparent;
}
section#articles #article-list .row article {
  display: inline;
  float: left;
  margin-right: 10px;
  width: 350px;
}
* html section#articles #article-list .row article {
  overflow-x: hidden;
}
section#articles #article-list .row article.last {
  margin-right: 0;
}
section#articles #article-list .row article .icon {
  display: inline;
  float: left;
  margin-right: 10px;
  width: 70px;
  height: 110px;
}
* html section#articles #article-list .row article .icon {
  overflow-x: hidden;
}
section#articles #article-list .row article .body {
  display: inline;
  float: left;
  margin-right: 10px;
  width: 270px;
  margin-right: 0;
}
* html section#articles #article-list .row article .body {
  overflow-x: hidden;
}
section#articles #article-list .row article h1 {
  font-size: 1.6em;
  line-height: 1;
  margin-bottom: 0.4em;
}
section#articles #article-list .row article h1 a {
  text-decoration: none;
  color: #2e3436;
}
section#articles #article-list .row article p {
  font-size: 1.1em;
  line-height: 1.4;
  margin-bottom: 0;
}
section#articles #article-list .row article .more-link {
  font-size: 1em;
  line-height: 1;
  margin-top: 0.5em;
  display: block;
  text-decoration: none;
}
section#articles #article-list .row article .more-link:hover {
  text-decoration: underline;
}
section#articles aside {
  display: inline;
  float: left;
  margin-right: 10px;
  width: 230px;
  margin-right: 0;
}
* html section#articles aside {
  overflow-x: hidden;
}

article#single {
  display: inline;
  float: left;
  margin-right: 10px;
  width: 950px;
  margin-right: 0;
}
* html article#single {
  overflow-x: hidden;
}
article#single header {
  display: inline;
  float: left;
  margin-right: 0;
  width: 950px;
}
* html article#single header {
  overflow-x: hidden;
}
article#single header h1 {
  line-height: 2.667;
  font-size: 4em;
  margin-bottom: 0;
}
article#single header .icon {
  float: left;
  margin-right: 20px;
}
article#single .content {
  display: inline;
  float: left;
  margin-right: 10px;
  width: 670px;
}
* html article#single .content {
  overflow-x: hidden;
}
article#single .content aside {
  display: block;
  width: 200px;
  float: right;
  padding: 20px;
  background-color: #eeeeec;
}
article#single aside {
  display: inline;
  float: left;
  margin-right: 0;
  width: 230px;
  padding-left: 40px;
}
* html article#single aside {
  overflow-x: hidden;
}
article#single .buttons {
  margin-top: 36px;
}

#contact-person {
  background-color: #2e3436;
  color: #eeeeec;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius: 10px;
}
#contact-person hgroup {
  padding: 10px 10px 2px 10px;
}
#contact-person .info {
  padding: 10px;
}
#contact-person h1, #contact-person h2 {
  color: #eeeeec;
  margin-bottom: 1px;
}
#contact-person h1 {
  font-size: 1.2em;
  font-weight: bold;
}
#contact-person h2 {
  font-size: 1em;
  text-indent: 6px;
}

a#learn-more-button {
  display: inline-block;
  margin: 0 10px 9px 0;
  color: #eeeeec;
  background-color: #8f5902;
  font-size: 26px;
  padding: 8px 19px 9px;
  line-height: 1;
  text-decoration: none;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  position: relative;
  -moz-box-shadow: inset 1px 1px 0 0 #764902;
  -webkit-box-shadow: inset 1px 1px 0 0 #764902;
  -o-box-shadow: inset 1px 1px 0 0 #764902;
  box-shadow: inset 1px 1px 0 0 #764902;
  text-shadow: #2a1a01 0 1px 2px;
  cursor: pointer;
  overflow: visible;
  width: auto;
}

a#get-started-button {
  display: inline-block;
  margin: 0 10px 9px 0;
  color: #eeeeec;
  background-color: #5c3566;
  font-size: 12px;
  padding: 8px 19px 9px;
  line-height: 1;
  text-decoration: none;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  position: relative;
  -moz-box-shadow: inset 1px 1px 0 0 #4d2c55;
  -webkit-box-shadow: inset 1px 1px 0 0 #4d2c55;
  -o-box-shadow: inset 1px 1px 0 0 #4d2c55;
  box-shadow: inset 1px 1px 0 0 #4d2c55;
  text-shadow: #1f1223 0 1px 2px;
  cursor: pointer;
  overflow: visible;
  width: auto;
  font-weight: bold;
}

body.explore section#explore {
  display: inline;
  float: left;
  margin-right: 0;
  width: 950px;
}
* html body.explore section#explore {
  overflow-x: hidden;
}
body.explore section#explore header {
  display: inline;
  float: left;
  margin-right: 0;
  width: 950px;
}
* html body.explore section#explore header {
  overflow-x: hidden;
}
body.explore section#explore header h1 {
  line-height: 2.667;
  font-size: 4em;
  margin-bottom: 0;
}
body.explore section#explore header .icon {
  float: left;
  margin-right: 20px;
}
body.explore section#explore div#interactive-feature-view {
  display: inline;
  float: left;
  margin-right: 0;
  width: 950px;
  margin-bottom: 18px;
  border-bottom: dashed 1px #73d216;
}
* html body.explore section#explore div#interactive-feature-view {
  overflow-x: hidden;
}
body.explore section#explore div#interactive-feature-view div#screen {
  position: relative;
  background: transparent url("../Images/full-screenshot.png") no-repeat 0;
  height: 594px;
  margin: 72px 0 54px;
}
body.explore section#explore div#interactive-feature-view div#screen #filtering {
  height: 2em;
  left: 70px;
  top: -55px;
  position: absolute;
  display: block;
}
body.explore section#explore div#interactive-feature-view div#screen #filtering h2 {
  padding: 0 10px;
  margin: 0;
  font-size: 1.3em;
  text-transform: uppercase;
  color: #555753;
  text-shadow: #bbcfe9 0px 0px 3px;
}
body.explore section#explore div#interactive-feature-view div#screen #filtering.no-link {
  text-decoration: none;
}
body.explore section#explore div#interactive-feature-view div#screen #filtering.no-link:hover h2 {
  color: #555753;
  cursor: default;
}
body.explore section#explore div#interactive-feature-view div#screen #filtering.no-link:hover .arrow {
  background-color: #3465a4;
  border-top: none;
}
body.explore section#explore div#interactive-feature-view div#screen #filtering:hover h2 {
  color: black;
}
body.explore section#explore div#interactive-feature-view div#screen #filtering:hover .arrow {
  background-color: #22416a;
  border-top: 8px transparent solid;
}
body.explore section#explore div#interactive-feature-view div#screen #filtering .arrow {
  border-top: none;
  top: 0;
  left: 0;
  height: 190px;
  position: absolute;
  width: 2px;
  background-color: #3465a4;
  cursor: default;
}
body.explore section#explore div#interactive-feature-view div#screen #social-media {
  height: 2em;
  left: 440px;
  top: -20px;
  position: absolute;
  display: block;
}
body.explore section#explore div#interactive-feature-view div#screen #social-media h2 {
  padding: 0 10px;
  margin: 0;
  font-size: 1.3em;
  text-transform: uppercase;
  color: #555753;
  text-shadow: #bbcfe9 0px 0px 3px;
}
body.explore section#explore div#interactive-feature-view div#screen #social-media.no-link {
  text-decoration: none;
}
body.explore section#explore div#interactive-feature-view div#screen #social-media.no-link:hover h2 {
  color: #555753;
  cursor: default;
}
body.explore section#explore div#interactive-feature-view div#screen #social-media.no-link:hover .arrow {
  background-color: #3465a4;
  border-top: none;
}
body.explore section#explore div#interactive-feature-view div#screen #social-media:hover h2 {
  color: black;
}
body.explore section#explore div#interactive-feature-view div#screen #social-media:hover .arrow {
  background-color: #22416a;
  border-top: 8px transparent solid;
}
body.explore section#explore div#interactive-feature-view div#screen #social-media .arrow {
  border-top: none;
  top: 0;
  right: 0;
  height: 150px;
  position: absolute;
  width: 2px;
  background-color: #3465a4;
  cursor: default;
}
body.explore section#explore div#interactive-feature-view div#screen #personal-profile {
  height: 2em;
  left: 500px;
  top: -55px;
  position: absolute;
  display: block;
}
body.explore section#explore div#interactive-feature-view div#screen #personal-profile h2 {
  padding: 0 10px;
  margin: 0;
  font-size: 1.3em;
  text-transform: uppercase;
  color: #555753;
  text-shadow: #bbcfe9 0px 0px 3px;
}
body.explore section#explore div#interactive-feature-view div#screen #personal-profile.no-link {
  text-decoration: none;
}
body.explore section#explore div#interactive-feature-view div#screen #personal-profile.no-link:hover h2 {
  color: #555753;
  cursor: default;
}
body.explore section#explore div#interactive-feature-view div#screen #personal-profile.no-link:hover .arrow {
  background-color: #3465a4;
  border-top: none;
}
body.explore section#explore div#interactive-feature-view div#screen #personal-profile:hover h2 {
  color: black;
}
body.explore section#explore div#interactive-feature-view div#screen #personal-profile:hover .arrow {
  background-color: #22416a;
  border-top: 8px transparent solid;
}
body.explore section#explore div#interactive-feature-view div#screen #personal-profile .arrow {
  border-top: none;
  top: 0;
  right: 0;
  height: 50px;
  position: absolute;
  width: 2px;
  background-color: #3465a4;
  cursor: default;
}
body.explore section#explore div#interactive-feature-view div#screen #multilingual {
  height: 2em;
  left: 650px;
  top: -90px;
  position: absolute;
  display: block;
}
body.explore section#explore div#interactive-feature-view div#screen #multilingual h2 {
  padding: 0 10px;
  margin: 0;
  font-size: 1.3em;
  text-transform: uppercase;
  color: #555753;
  text-shadow: #bbcfe9 0px 0px 3px;
}
body.explore section#explore div#interactive-feature-view div#screen #multilingual.no-link {
  text-decoration: none;
}
body.explore section#explore div#interactive-feature-view div#screen #multilingual.no-link:hover h2 {
  color: #555753;
  cursor: default;
}
body.explore section#explore div#interactive-feature-view div#screen #multilingual.no-link:hover .arrow {
  background-color: #3465a4;
  border-top: none;
}
body.explore section#explore div#interactive-feature-view div#screen #multilingual:hover h2 {
  color: black;
}
body.explore section#explore div#interactive-feature-view div#screen #multilingual:hover .arrow {
  background-color: #22416a;
  border-top: 8px transparent solid;
}
body.explore section#explore div#interactive-feature-view div#screen #multilingual .arrow {
  border-top: none;
  top: 0;
  right: 0;
  height: 86px;
  position: absolute;
  width: 2px;
  background-color: #3465a4;
  cursor: default;
}
body.explore section#explore div#interactive-feature-view div#screen #e-learning {
  height: 2em;
  left: 800px;
  top: -55px;
  position: absolute;
  display: block;
}
body.explore section#explore div#interactive-feature-view div#screen #e-learning h2 {
  padding: 0 10px;
  margin: 0;
  font-size: 1.3em;
  text-transform: uppercase;
  color: #555753;
  text-shadow: #bbcfe9 0px 0px 3px;
}
body.explore section#explore div#interactive-feature-view div#screen #e-learning.no-link {
  text-decoration: none;
}
body.explore section#explore div#interactive-feature-view div#screen #e-learning.no-link:hover h2 {
  color: #555753;
  cursor: default;
}
body.explore section#explore div#interactive-feature-view div#screen #e-learning.no-link:hover .arrow {
  background-color: #3465a4;
  border-top: none;
}
body.explore section#explore div#interactive-feature-view div#screen #e-learning:hover h2 {
  color: black;
}
body.explore section#explore div#interactive-feature-view div#screen #e-learning:hover .arrow {
  background-color: #22416a;
  border-top: 8px transparent solid;
}
body.explore section#explore div#interactive-feature-view div#screen #e-learning .arrow {
  border-top: none;
  top: 0;
  right: 0;
  height: 180px;
  position: absolute;
  width: 2px;
  background-color: #3465a4;
  cursor: default;
}
body.explore section#explore div#interactive-feature-view div#screen #export {
  height: 2em;
  left: 40px;
  bottom: 30px;
  position: absolute;
  display: block;
}
body.explore section#explore div#interactive-feature-view div#screen #export h2 {
  padding: 0 10px;
  margin: 0;
  font-size: 1.3em;
  text-transform: uppercase;
  color: #555753;
  text-shadow: #bbcfe9 0px 0px 3px;
}
body.explore section#explore div#interactive-feature-view div#screen #export.no-link {
  text-decoration: none;
}
body.explore section#explore div#interactive-feature-view div#screen #export.no-link:hover h2 {
  color: #555753;
  cursor: default;
}
body.explore section#explore div#interactive-feature-view div#screen #export.no-link:hover .arrow {
  background-color: #3465a4;
  border-bottom: none;
}
body.explore section#explore div#interactive-feature-view div#screen #export:hover h2 {
  color: black;
}
body.explore section#explore div#interactive-feature-view div#screen #export:hover .arrow {
  background-color: #22416a;
  border-bottom: 8px transparent solid;
}
body.explore section#explore div#interactive-feature-view div#screen #export .arrow {
  border-bottom: none;
  bottom: 0;
  left: 0;
  height: 286px;
  position: absolute;
  width: 2px;
  background-color: #3465a4;
  cursor: default;
}
body.explore section#explore div#interactive-feature-view div#screen #offline-access {
  height: 2em;
  left: 138px;
  bottom: 56px;
  position: absolute;
  display: block;
}
body.explore section#explore div#interactive-feature-view div#screen #offline-access h2 {
  padding: 0 10px;
  margin: 0;
  font-size: 1.3em;
  text-transform: uppercase;
  color: #555753;
  text-shadow: #bbcfe9 0px 0px 3px;
}
body.explore section#explore div#interactive-feature-view div#screen #offline-access.no-link {
  text-decoration: none;
}
body.explore section#explore div#interactive-feature-view div#screen #offline-access.no-link:hover h2 {
  color: #555753;
  cursor: default;
}
body.explore section#explore div#interactive-feature-view div#screen #offline-access.no-link:hover .arrow {
  background-color: #3465a4;
  border-bottom: none;
}
body.explore section#explore div#interactive-feature-view div#screen #offline-access:hover h2 {
  color: black;
}
body.explore section#explore div#interactive-feature-view div#screen #offline-access:hover .arrow {
  background-color: #22416a;
  border-bottom: 8px transparent solid;
}
body.explore section#explore div#interactive-feature-view div#screen #offline-access .arrow {
  border-bottom: none;
  bottom: 0;
  left: 0;
  height: 260px;
  position: absolute;
  width: 2px;
  background-color: #3465a4;
  cursor: default;
}
body.explore section#explore div#interactive-feature-view div#screen #private-activity {
  height: 2em;
  left: 340px;
  bottom: 30px;
  position: absolute;
  display: block;
}
body.explore section#explore div#interactive-feature-view div#screen #private-activity h2 {
  padding: 0 10px;
  margin: 0;
  font-size: 1.3em;
  text-transform: uppercase;
  color: #555753;
  text-shadow: #bbcfe9 0px 0px 3px;
}
body.explore section#explore div#interactive-feature-view div#screen #private-activity.no-link {
  text-decoration: none;
}
body.explore section#explore div#interactive-feature-view div#screen #private-activity.no-link:hover h2 {
  color: #555753;
  cursor: default;
}
body.explore section#explore div#interactive-feature-view div#screen #private-activity.no-link:hover .arrow {
  background-color: #3465a4;
  border-bottom: none;
}
body.explore section#explore div#interactive-feature-view div#screen #private-activity:hover h2 {
  color: black;
}
body.explore section#explore div#interactive-feature-view div#screen #private-activity:hover .arrow {
  background-color: #22416a;
  border-bottom: 8px transparent solid;
}
body.explore section#explore div#interactive-feature-view div#screen #private-activity .arrow {
  border-bottom: none;
  bottom: 0;
  right: 0;
  height: 110px;
  position: absolute;
  width: 2px;
  background-color: #3465a4;
  cursor: default;
}
body.explore section#explore div#interactive-feature-view div#screen #timetable {
  height: 2em;
  left: 300px;
  bottom: 70px;
  position: absolute;
  display: block;
}
body.explore section#explore div#interactive-feature-view div#screen #timetable h2 {
  padding: 0 10px;
  margin: 0;
  font-size: 1.3em;
  text-transform: uppercase;
  color: #555753;
  text-shadow: #bbcfe9 0px 0px 3px;
}
body.explore section#explore div#interactive-feature-view div#screen #timetable.no-link {
  text-decoration: none;
}
body.explore section#explore div#interactive-feature-view div#screen #timetable.no-link:hover h2 {
  color: #555753;
  cursor: default;
}
body.explore section#explore div#interactive-feature-view div#screen #timetable.no-link:hover .arrow {
  background-color: #3465a4;
  border-bottom: none;
}
body.explore section#explore div#interactive-feature-view div#screen #timetable:hover h2 {
  color: black;
}
body.explore section#explore div#interactive-feature-view div#screen #timetable:hover .arrow {
  background-color: #22416a;
  border-bottom: 8px transparent solid;
}
body.explore section#explore div#interactive-feature-view div#screen #timetable .arrow {
  border-bottom: none;
  bottom: 0;
  right: 0;
  height: 220px;
  position: absolute;
  width: 2px;
  background-color: #3465a4;
  cursor: default;
}
body.explore section#explore div#interactive-feature-view div#screen #iphone-app {
  height: 2em;
  left: 790px;
  bottom: 0px;
  position: absolute;
  display: block;
}
body.explore section#explore div#interactive-feature-view div#screen #iphone-app h2 {
  padding: 0 10px;
  margin: 0;
  font-size: 1.3em;
  text-transform: uppercase;
  color: #555753;
  text-shadow: #bbcfe9 0px 0px 3px;
}
body.explore section#explore div#interactive-feature-view div#screen #iphone-app.no-link {
  text-decoration: none;
}
body.explore section#explore div#interactive-feature-view div#screen #iphone-app.no-link:hover h2 {
  color: #555753;
  cursor: default;
}
body.explore section#explore div#interactive-feature-view div#screen #iphone-app.no-link:hover .arrow {
  background-color: #3465a4;
  border-bottom: none;
}
body.explore section#explore div#interactive-feature-view div#screen #iphone-app:hover h2 {
  color: black;
}
body.explore section#explore div#interactive-feature-view div#screen #iphone-app:hover .arrow {
  background-color: #22416a;
  border-bottom: 8px transparent solid;
}
body.explore section#explore div#interactive-feature-view div#screen #iphone-app .arrow {
  border-bottom: none;
  bottom: 0;
  left: 0;
  height: 42px;
  position: absolute;
  width: 2px;
  background-color: #3465a4;
  cursor: default;
}
body.explore section#explore div#interactive-feature-view div#screen #android-app {
  height: 2em;
  left: 580px;
  bottom: 0px;
  position: absolute;
  display: block;
}
body.explore section#explore div#interactive-feature-view div#screen #android-app h2 {
  padding: 0 10px;
  margin: 0;
  font-size: 1.3em;
  text-transform: uppercase;
  color: #555753;
  text-shadow: #bbcfe9 0px 0px 3px;
}
body.explore section#explore div#interactive-feature-view div#screen #android-app.no-link {
  text-decoration: none;
}
body.explore section#explore div#interactive-feature-view div#screen #android-app.no-link:hover h2 {
  color: #555753;
  cursor: default;
}
body.explore section#explore div#interactive-feature-view div#screen #android-app.no-link:hover .arrow {
  background-color: #3465a4;
  border-bottom: none;
}
body.explore section#explore div#interactive-feature-view div#screen #android-app:hover h2 {
  color: black;
}
body.explore section#explore div#interactive-feature-view div#screen #android-app:hover .arrow {
  background-color: #22416a;
  border-bottom: 8px transparent solid;
}
body.explore section#explore div#interactive-feature-view div#screen #android-app .arrow {
  border-bottom: none;
  bottom: 0;
  right: 0;
  height: 42px;
  position: absolute;
  width: 2px;
  background-color: #3465a4;
  cursor: default;
}

body.mobile-apps section#mobile-intro ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
body.mobile-apps section#mobile-intro ol li .number {
  color: #4e9a06;
  font-size: 3em;
  font-weight: bold;
}
body.mobile-apps section#mobile-intro ol li p {
  font-size: 1.2em;
  line-height: 1.25;
  margin-bottom: 1.25em;
}
body.mobile-apps section#mobile-intro ol li#download {
  display: inline;
  float: left;
  margin-right: 0;
  width: 590px;
  padding-left: 40px;
  padding-right: 40px;
}
* html body.mobile-apps section#mobile-intro ol li#download {
  overflow-x: hidden;
}
body.mobile-apps section#mobile-intro ol li#download .number {
  float: left;
  font-size: 4em;
}
body.mobile-apps section#mobile-intro ol li#download p {
  font-size: 1.5em;
  line-height: 1.5;
  margin-bottom: 1em;
  margin-top: 0.4em;
  padding-left: 3em;
}
body.mobile-apps section#mobile-intro ol li#download a#app_store, body.mobile-apps section#mobile-intro ol li#download a#android_market {
  background: transparent url('/static/images/mobile/mobile_sprite.png') no-repeat;
  text-indent: -999em;
  height: 43px;
  display: inline-block;
  width: 120px;
  vertical-align: middle;
}
body.mobile-apps section#mobile-intro ol li#download a#android_market {
  background-position: 0 -43px;
}
body.mobile-apps section#mobile-intro ol li#login, body.mobile-apps section#mobile-intro ol li#schedule {
  display: inline;
  float: left;
  margin-right: 10px;
  width: 190px;
  padding-right: 40px;
}
* html body.mobile-apps section#mobile-intro ol li#login, * html body.mobile-apps section#mobile-intro ol li#schedule {
  overflow-x: hidden;
}
body.mobile-apps section#mobile-intro ol li#todo {
  display: inline;
  float: left;
  margin-right: 0;
  width: 190px;
}
* html body.mobile-apps section#mobile-intro ol li#todo {
  overflow-x: hidden;
}
body.mobile-apps section#mobile-intro ol li#login, body.mobile-apps section#mobile-intro ol li#schedule, body.mobile-apps section#mobile-intro ol li#todo {
  text-align: center;
}
body.mobile-apps section#mobile-intro ol li#login p, body.mobile-apps section#mobile-intro ol li#schedule p, body.mobile-apps section#mobile-intro ol li#todo p {
  height: 54px;
}
body.mobile-apps section#mobile-intro ol li#login img, body.mobile-apps section#mobile-intro ol li#schedule img, body.mobile-apps section#mobile-intro ol li#todo img {
  margin: 0 auto;
}