/* line 1, ../../../app/stylesheets/_overlay.sass */
div.overlay {
  /* growing background image */
  background-image: url(/images/overlay/white.png);
  /* dimensions after the growing animation finishes  */
  width: 500px;
  height: 320px;
  /* initially overlay is hidden */
  display: none;
  /* some padding to layout nested elements nicely  */
  padding: 40px;
  /* default close button positioned on upper right corner */
  /* black */
  /* petrol */
}
/* line 18, ../../../app/stylesheets/_overlay.sass */
div.overlay div.close {
  background-image: url(/images/overlay/close.png);
  position: absolute;
  right: 5px;
  top: 5px;
  cursor: pointer;
  height: 35px;
  width: 35px;
}
/* line 28, ../../../app/stylesheets/_overlay.sass */
div.overlay .black {
  background: url(/images/overlay/transparent.png) no-repeat !important;
  color: white;
}
/* line 33, ../../../app/stylesheets/_overlay.sass */
div.overlay .petrol {
  background: url(/images/overlay/petrol.png) no-repeat !important;
  color: white;
}

/* line 37, ../../../app/stylesheets/_overlay.sass */
div.black h2, div.petrol h2 {
  color: #dddddd;
}

/* line 1, ../../../app/stylesheets/_scrollable.sass */
.scrollable {
  position: relative;
  overflow: hidden;
  width: 300px;
  height: 200px;
  top: -23px;
  left: 177px;
}
/* line 9, ../../../app/stylesheets/_scrollable.sass */
.scrollable .items {
  width: 20000em;
  position: absolute;
}
/* line 12, ../../../app/stylesheets/_scrollable.sass */
.scrollable .items div {
  float: left;
}
/* line 14, ../../../app/stylesheets/_scrollable.sass */
.scrollable .items div img {
  width: 300px;
}

/* line 4, ../../../app/stylesheets/_text.sass */
body {
  font: 13px/1.5 Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
}

/* line 6, ../../../app/stylesheets/_text.sass */
a:focus {
  outline: 1px dotted invert;
}

/* line 8, ../../../app/stylesheets/_text.sass */
hr {
  border-color: #cccccc;
  border-style: solid;
  border-width: 1px 0 0;
  clear: both;
  height: 0;
}

/* line 14, ../../../app/stylesheets/_text.sass */
h1 {
  font-size: 25px;
}

/* line 16, ../../../app/stylesheets/_text.sass */
h2 {
  font-size: 23px;
}

/* line 18, ../../../app/stylesheets/_text.sass */
h3 {
  font-size: 21px;
}

/* line 20, ../../../app/stylesheets/_text.sass */
h4 {
  font-size: 19px;
}

/* line 22, ../../../app/stylesheets/_text.sass */
h5 {
  font-size: 17px;
}

/* line 24, ../../../app/stylesheets/_text.sass */
h6 {
  font-size: 15px;
}

/* line 26, ../../../app/stylesheets/_text.sass */
ol {
  list-style: decimal;
}

/* line 28, ../../../app/stylesheets/_text.sass */
ul {
  list-style: square;
}

/* line 30, ../../../app/stylesheets/_text.sass */
li {
  margin-left: 30px;
}

/* line 32, ../../../app/stylesheets/_text.sass */
p,
dl,
hr,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
pre,
table,
address,
fieldset {
  margin-bottom: 20px;
}

/* line 13, ../../../app/stylesheets/application.sass */
body {
  background-color: #6dcbcd;
  margin: 0px;
}

/* line 17, ../../../app/stylesheets/application.sass */
.bg-hp {
  background: #7fbb13 url(/images/bg_homepage.png);
  background-position: 0px 0px;
  background-repeat: no-repeat;
  height: 925px;
}

/* line 23, ../../../app/stylesheets/application.sass */
.bg-pages {
  background: #69ae29 url(/images/bg_pages.png);
  background-position: 0px 0px;
  background-repeat: no-repeat;
}

/* line 28, ../../../app/stylesheets/application.sass */
#container {
  color: white;
  margin-left: auto;
  margin-right: auto;
  width: 960px;
}
/* line 35, ../../../app/stylesheets/application.sass */
#container #header #nav {
  padding-top: 8px;
  margin-left: 70px;
  width: 800px;
}
/* line 2, ../../../app/stylesheets/_homepage.sass */
#container #seal {
  position: relative;
  top: 20px;
  left: 50px;
  z-index: 2;
}
/* line 9, ../../../app/stylesheets/_homepage.sass */
#container #contents #app-title {
  padding-top: 0px;
  padding-bottom: 10px;
}
/* line 12, ../../../app/stylesheets/_homepage.sass */
#container #contents #outer {
  width: 900px;
  margin-left: 20px;
}
/* line 16, ../../../app/stylesheets/_homepage.sass */
#container #contents #main-copy {
  font-size: 12pt;
  padding: 40px 20px 0px 60px;
}
/* line 19, ../../../app/stylesheets/_homepage.sass */
#container #contents #main-copy .icon {
  float: left;
}
/* line 3, ../../../app/stylesheets/_pages.sass */
#container #page-contents #left {
  width: 520px;
  margin-top: 190px;
  padding-left: 100px;
}
/* line 7, ../../../app/stylesheets/_pages.sass */
#container #page-contents #left img {
  margin-bottom: 20px;
}
/* line 9, ../../../app/stylesheets/_pages.sass */
#container #page-contents #left h2 {
  margin-top: 20px;
  margin-bottom: 5px;
  padding-bottom: 0px;
}
/* line 13, ../../../app/stylesheets/_pages.sass */
#container #page-contents #left p {
  font-size: 12pt;
}
/* line 16, ../../../app/stylesheets/_pages.sass */
#container #page-contents #right {
  width: 325px;
  text-align: center;
  margin-top: 170px;
}
/* line 21, ../../../app/stylesheets/_pages.sass */
#container #page-contents #right #app-title {
  margin: 10px 0px;
}
/* line 23, ../../../app/stylesheets/_pages.sass */
#container #page-contents #right #app-title img {
  width: 250px;
}
/* line 26, ../../../app/stylesheets/_pages.sass */
#container #page-contents #right #icons {
  text-align: left;
  margin-left: 20px;
}
/* line 30, ../../../app/stylesheets/_pages.sass */
#container #page-contents #right #screen-shots {
  margin-left: 20px;
}
/* line 32, ../../../app/stylesheets/_pages.sass */
#container #page-contents #right #screen-shots img {
  width: 135px;
}
/* line 43, ../../../app/stylesheets/application.sass */
#container #footer {
  background: #69ae29;
  background-image: url(/images/bg_footer.png);
  background-position: top left;
  background-repeat: no-repeat;
  font-size: 12px;
  height: 35px;
  padding: 20px 10px;
}
/* line 51, ../../../app/stylesheets/application.sass */
#container #footer #copyright {
  float: left;
}
/* line 53, ../../../app/stylesheets/application.sass */
#container #footer #nav {
  float: right;
  text-align: right;
}
/* line 56, ../../../app/stylesheets/application.sass */
#container #footer #nav .divide {
  padding: 0px 5px;
}
/* line 58, ../../../app/stylesheets/application.sass */
#container #footer #nav a {
  color: black;
}

/* line 61, ../../../app/stylesheets/application.sass */
#not_supported {
  margin-top: 400px;
  padding: 30px;
  font-size: 12pt;
  font-weight: bold;
}