@font-face {
  font-family: "myfont";
  src: url("../font/TheSansMono_500_.eot");
  src: url("../font/TheSansMono_500_.eot?") format("embedded-opentype"), url("../font/TheSansMono_500_.woff") format("woff"), url("../font/TheSansMono_500_.svg") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "myfont";
  src: url("../font/TheSansMono_700_.eot");
  src: url("../font/TheSansMono_700_.eot?") format("embedded-opentype"), url("../font/TheSansMono_700_.woff") format("woff"), url("../font/TheSansMono_700_.svg") format("svg");
  font-weight: bold;
  font-style: normal; }
/* HTML5 boilerplate stuff */
html,
button,
input,
select,
textarea {
  color: #222222; }

html {
  font-size: 1em;
  line-height: 1.4; }

::-moz-selection {
  background: #b3d4fc;
  text-shadow: none; }

::selection {
  background: #b3d4fc;
  text-shadow: none; }

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0; }

audio,
canvas,
img,
video {
  vertical-align: middle; }

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

textarea {
  resize: vertical; }

.browsehappy {
  margin: 0.2em 0;
  background: #cccccc;
  color: black;
  padding: 0.2em 0; }

/* ELISS */
body {
  background-color: gray; }

/* columns layout ------------------------------------- */
#wrap {
  margin: 0 auto;
  width: 922px; }

#main {
  float: right;
  width: 922px;
  padding-right: 0px; }

#footer {
  clear: both; }

body {
  background-color: #d9dcdc; }

/* centering */
#awards img,
#logo img,
#quotes img,
#footer img,
#video_holder {
  display: block;
  margin: 0 auto; }

/* vertical spacing */
#awards {
  margin-top: 28px;
  margin-bottom: 35px; }

#quotes {
  margin-top: 45px;
  margin-bottom: 80px; }

#footer {
  margin-top: 100px;
  margin-bottom: 100px; }

#top_buy_buttons {
  margin-top: 10px;
  margin-bottom: 80px; }

#bottom_buy_buttons {
  margin-top: 100px; }

/* buy buttons */
#bottom_buy_buttons,
#top_buy_buttons {
  text-align: center; }

#buy_android,
#buy_music {
  margin-left: 20px; }

/* video holder */
#video_holder {
  width: 864px;
  height: 492px;
  background-image: url("../bmp/eliss/video_bg.png"); }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #video_holder {
      background-image: url("../bmp/eliss/video_bg@2x.png");
      -webkit-background-size: 864px 492px;
      -moz-background-size: 864px 492px;
      -o-background-size: 864px 492px;
      background-size: 864px 492px; } }

#video_holder_inner {
  position: relative;
  top: 6px;
  left: 6px; }