/* incase an inverted custom gradient isn't specified */

@font-face {
  font-family: 'ChunkFive Regular';
  src: url('/stylesheets/fonts/Chunkfive.eot');
  src: local('ChunkFive Regular'), url(/stylesheets/fonts/Chunkfive.woff) format('woff'), url(/stylesheets/fonts/Chunkfive.otf) format('opentype'), url(/stylesheets/fonts/Chunkfive.svg#ChunkFive) format('svg'); }

html, body, div, span, a, img, h1, h2, h3, h4, h5, h6, hgroup, p, dl, dialog, dt, dd, ol, ul, li, abbr, acronym, address, b, big, blockquote, cite, code, del, dfn, em, i, ins, kbd, pre, q, samp, tt, var, small, strong, sub, sup, object, iframe, form, fieldset, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, footer, header, nav, section, figure, menu, time, mark, audio, video {
  font-family: inherit;
  font-size: 100%;
  font-weight: inherit;
  font-style: inherit;
  vertical-align: baseline;
  white-space: normal;
  text-align: left;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  background: transparent; }

textarea {
  font-family: inherit;
  font-size: 100%;
  font-weight: normal;
  font-style: normal;
  white-space: normal;
  text-align: left;
  margin: 0;
  padding: 0; }

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

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal; }

del, ins {
  text-decoration: none; }

ol, ul {
  list-style: none; }

nav ul {
  list-style-type: none; }

table {
  border-collapse: separate;
  border-spacing: 0;
  background-color: transparent;
  width: auto;
  height: auto; }

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

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

blockquote, q {
  quotes: "" ""; }

applet, basefont, dir, font, isindex, menu, s, strike, u {
  font-family: inherit;
  font-size: 100%;
  font-weight: normal;
  font-style: normal;
  white-space: normal;
  vertical-align: baseline;
  text-decoration: inherit;
  text-align: left;
  color: inherit;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0; }

dir, menu {
  list-style: none; }

nobr {
  white-space: normal; }

blink {
  text-decoration: none; }

marquee {
  overflow: visible; }

body {
  text-align: center;
  font-size: 87.5%;
  line-height: 1.571em;
  background: #333;
  font-family: 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', arial, sans-serif;
  color: #2a2a2a; }

h1, h2, h3, h4, h5, h6 {
  line-height: 1.2; }

h4, h5, h6, b, strong, caption, th, thead, dt, legend {
  font-weight: bold; }

cite, dfn, em, i {
  font-style: italic; }

code, kbd, samp, pre, tt, var {
  font-family: mono-space, monospace; }

h1, h2, h3, h4, h5, h6 {
  word-spacing: -0.125em; }

p {
  word-spacing: 0.125em;
  hyphenate: auto;
  hyphenate-lines: 3; }

p+p {
  text-indent: 1.5em; }
  p+p.no-indent {
    text-indent: 0; }

pre {
  white-space: pre; }

del {
  text-decoration: line-through; }

mark {
  background: rgba(255, 255, 0, 0.4);
  padding: 0 .25em; }

ins {
  color: #f00; }

small, sup, sub {
  font-size: 80%; }

big {
  font-size: 125%;
  line-height: 80%; }

abbr, acronym {
  font-size: 85%;
  text-transform: uppercase;
  letter-spacing: .1em; }

abbr[title], acronym[title], dfn[title] {
  border-bottom: 1px dotted black;
  cursor: help; }

sup, sub {
  line-height: 0; }

sup {
  vertical-align: super; }

sub {
  vertical-align: sub; }

blockquote {
  padding: 1.5em; }

hr {
  border: none;
  background: #ddd;
  width: 100%; }

ul, ol {
  margin-left: 1.5em; }

ul {
  list-style: disc outside; }

ol {
  list-style: decimal outside; }

input, select, button {
  cursor: pointer; }

table {
  font: inherit;
  width: 100%; }

article, aside, header, hgroup, nav, section, footer {
  float: left;
  display: block; }

figure {
  display: block; }

.debug {
  outline: solid gold 1px; }

.debug-background {
  background: rgba(255, 215, 0, 0.2) !important; }

h1, h2, h3, h4, h5, h6 {
  position: relative; }

h1, h2 {
  line-height: 36px;
  margin-bottom: 18px; }

h1, h2, h3, h4 {
  margin-top: 18px; }

h3, h4, h5, h6 {
  line-height: 18px; }

h1 {
  font-size: 36px;
  top: 5px; }

h2 {
  font-size: 28px;
  top: 8px; }

h3 {
  font-size: 22px;
  top: 1px; }

h4 {
  font-size: 18px;
  top: 2px; }

h5 {
  font-size: 15px;
  top: 4px; }

h6 {
  font-size: 13px;
  top: 5px; }

h1:first-child, h2:first-child, h3:first-child, h4:first-child {
  margin-top: 0; }

p, pre, address {
  font-size: 13px;
  line-height: 18px;
  position: relative;
  top: 5px; }

abbr, code, kbd, samp, small, var {
  line-height: 15px; }

ul, ol, dl, dialog {
  font-size: 13px;
  line-height: 18px;
  position: relative;
  top: 5px;
  margin-top: 18px;
  margin-bottom: 18px; }

li ul, li ol {
  top: 0;
  margin-top: 0;
  margin-bottom: 0; }

ul ul, ol ol {
  top: 0;
  margin-top: 0;
  margin-bottom: 0; }

li h1, li h2, li h3, li h4, li h5, li h6, li p {
  top: 0; }

form, legend, label {
  font-size: 13px;
  line-height: 18px; }

legend {
  position: relative;
  top: 5px; }

input, textarea {
  font-size: 12px; }

table {
  font-size: 13px; }

caption {
  font-size: 13px;
  line-height: 18px;
  position: relative; }

hr {
  position: relative;
  height: 4px;
  margin: 18px 0 14px 0; }

a {
  font-weight: bold;
  color: #0388a6; }

h1, h2, h3 {
  font-family: 'ChunkFive Regular';
  font-weight: 200;
  color: #2a2a2a;
  word-spacing: 0;
  text-shadow: 0 1px 1px rgba(255,255,255,0.5); }
  h1 a, h2 a, h3 a {
    text-decoration: none;
    color: #2a2a2a !important;
    font-weight: 200; }

hr {
  margin: 2em 0 1em 0; }

h2 {
  margin: 0 0 0.5em 0; }

p {
  margin-bottom: 1.5em; }

p+p {
  text-indent: 0; }

#frame {
  overflow: hidden;
  display: inline-block;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  width: 51em;
  max-width: 100%;
  background: #eee;
  margin-top: 2em;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  /* Webkit (Safari, Chrome) */
  -webkit-box-shadow: black 1px 1px 10px;
  /* Gecko (Firefox, Camino) */
  -moz-box-shadow: black 1px 1px 10px;
  /* CSS3 */
  box-shadow: black 1px 1px 10px;
  position: relative; }
  #frame {
    display: block; }
  #frame h6 {
    position: absolute;
    top: 0;
    right: 0;
    background: #666;
    border-bottom-left-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
    -webkit-border-bottom-left-radius: 10px;
    border-top-right-radius: 8px;
    -moz-border-radius-topright: 8px;
    -webkit-border-top-right-radius: 8px;
    font-size: 0.8em;
    padding: 4px 5px 5px 10px;
    font-weight: normal;
    color: #ddd;
    text-shadow: 0 1px 1px rgba(0,0,0,0.5); }

#header {
  background: #e6e6e6;
  background: -webkit-gradient(linear, left top, left bottom, from(#e6e6e6), to(#aaaaaa));
  background: -moz-linear-gradient(left top, left bottom, from(#e6e6e6), to(#aaaaaa));
  padding: 1.5em 0 1.5em 5em;
  border-top-left-radius: 10px;
  -moz-border-radius-topleft: 10px;
  -webkit-border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  -moz-border-radius-topright: 10px;
  -webkit-border-top-right-radius: 10px; }
  #header h1 {
    color: #444444;
    margin-bottom: 0.25em; }
  #header h3 {
    color: #777777;
    margin-top: 0.25em; }

#navigation {
  background: #bbb;
  background: -webkit-gradient(linear, left top, left bottom, from(#777777), to(#bbbbbb), color-stop(25%, #bbbbbb));
  background: -moz-linear-gradient(left top, left bottom, from(#777777), to(#bbbbbb), color-stop(25%, #bbbbbb));
  padding: 7px 0 14px 5em;
  overflow: hidden;
  display: inline-block; }
  #navigation {
    display: block; }
  #navigation ul {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    overflow: hidden;
    display: inline-block; }
    #navigation ul {
      display: block; }
    #navigation ul li {
      list-style-type: none;
      margin-left: 0px;
      white-space: nowrap;
      display: inline;
      float: left;
      padding-left: 4px;
      padding-right: 4px; }
      #navigation ul li.first {
        padding-left: 0px; }
      #navigation ul li.last {
        padding-right: 0px; }
    #navigation ul li {
      padding: 0 10px 0 0; }
      #navigation ul li a {
        text-decoration: none;
        font-family: "Lucida Grande", Lucida, Arial, sans_serif;
        background: url('/images/button_bg.png?1267387672') repeat-x bottom left;
        margin: 0;
        width: auto;
        overflow: visible;
        display: inline-block;
        cursor: pointer;
        text-decoration: none;
        border-style: solid;
        font-weight: bold;
        border-radius: 0.25em;
        -moz-border-radius: 0.25em;
        -webkit-border-radius: 0.25em;
        font-size: 16px;
        line-height: 19.2px;
        padding: 4px 16px;
        border-width: 1px;
        background-color: #555555;
        background: -webkit-gradient(linear, left top, left bottom, from(#7b7b7b), to(#464646));
        background: -moz-linear-gradient(left top, left bottom, from(#7b7b7b), to(#464646));
        border-color: #2f2f2f;
        text-shadow: #151515 0px 1px 1px;
        color: #e6e6e6;
        transition-property: all;
        -webkit-transition-property: all;
        -moz-transition-property: all;
        -o-transition-property: all;
        transition-duration: 750ms;
        -webkit-transition-duration: 750ms;
        -moz-transition-duration: 750ms;
        -o-transition-duration: 750ms; }
        #navigation ul li a::-moz-focus-inner {
          border: none;
          padding: 0; }
        #navigation ul li a:focus {
          outline: none; }
        #navigation ul li a.disabled, #navigation ul li a[disabled] {
          opacity: 0.7;
          -moz-opacity: 0.7;
          -khtml-opacity: 0.7;
          -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
          filter: alpha(opacity=70); }
          #navigation ul li a.disabled:hover, #navigation ul li a.disabled:focus, #navigation ul li a[disabled]:hover, #navigation ul li a[disabled]:focus {
            cursor: default; }
        #navigation ul li a:active {
          padding: 3px 15px;
          border-width: 2px; }
        #navigation ul li a.disabled:active, #navigation ul li a[disabled] {
          padding: 4px 16px;
          border-width: 1px; }
        #navigation ul li a.disabled:active, #navigation ul li a.disabled:hover, #navigation ul li a[disabled]:active, #navigation ul li a[disabled]:hover {
          background-color: #555555;
          background: -webkit-gradient(linear, left top, left bottom, from(#7b7b7b), to(#464646));
          background: -moz-linear-gradient(left top, left bottom, from(#7b7b7b), to(#464646));
          border-color: #2f2f2f;
          text-shadow: #151515 0px 1px 1px;
          color: #e6e6e6; }
        #navigation ul li a:hover, #navigation ul li a:focus {
          background-color: #4d4d4d;
          background: -webkit-gradient(linear, left top, left bottom, from(#737373), to(#3e3e3e));
          background: -moz-linear-gradient(left top, left bottom, from(#737373), to(#3e3e3e));
          border-color: #272727;
          text-shadow: #0d0d0d 0px 1px 1px;
          color: #e6e6e6; }
        #navigation ul li a:active {
          background-color: #464646;
          background: -webkit-gradient(linear, left top, left bottom, from(#444444), to(#5d5d5d), color-stop(85%, #4b4b4b), color-stop(40%, #4b4b4b));
          background: -moz-linear-gradient(left top, left bottom, from(#444444), to(#5d5d5d), color-stop(85%, #4b4b4b), color-stop(40%, #4b4b4b));
          border-color: #202020;
          text-shadow: #060606 0px -1px -1px;
          color: #e6e6e6; }
        #navigation ul li a:active {
          border-width: 1px !important;
          padding: 4px 16px !important; }

#content {
  padding: 1.5em 3em 2em 5em;
  overflow: hidden;
  display: inline-block; }
  #content {
    display: block; }

#pages {
  overflow: hidden;
  position: relative; }

.page {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: inline-block; }
  .page {
    display: block; }

.col1 {
  width: 56.863%;
  display: inline;
  float: left;
  margin-right: 1.961%; }

.col2 {
  width: 37.255%;
  display: inline;
  float: left;
  margin-right: 1.961%;
  display: inline;
  float: right;
  margin-right: 1.961%;
  /* ugly hacks for IE6-7 */
  #margin-right: 0.961%;
  /* end ugly hacks */ }

.col1, .col2 {
  padding-top: 1em; }
  .col1 ul, .col2 ul {
    margin-top: 0.5em;
    margin-bottom: 2.5em; }

.me {
  display: inline;
  float: left;
  border: 10px solid #fff;
  margin: 0 1.5em 0.5em 10px;
  /* Webkit (Safari, Chrome) */
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  /* Gecko (Firefox, Camino) */
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  /* CSS3 */
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); }

.left, .right {
  overflow: hidden;
  display: inline-block; }
  .left, .right {
    display: block; }
  .left img, .right img {
    margin: 10px;
    /* Webkit (Safari, Chrome) */
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    /* Gecko (Firefox, Camino) */
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    /* CSS3 */
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px; }
  .left p, .right p {
    margin-top: 2em; }

.left img {
  display: inline;
  float: left;
  margin-right: 2em; }

.right img {
  display: inline;
  float: right;
  margin-left: 2em; }