html {
  background-color: black;
  font-family: Arial, Helvetica, sans-serif;
  font-size:14px;

  background: url(images/bg.png) repeat-y top left;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

body {
  color:#333333;
}

h2 {
  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  font-size:18px;
  padding-top:21px;
  padding-bottom:6px;
}

#logo {
  padding-left:331px;
  padding-top:26px;
  padding-bottom:22px;
}

#page {
  margin: 0px auto;
  width: 1024px;
  height: 768px;
}

#strip {
  background-color: white;
  height:351px;
  -webkit-box-shadow: 1px 1px 5px 0px #333;
  -moz-box-shadow: 1px 1px 5px 0px #333;
  box-shadow: 1px 1px 5px 0px #333;
/* height:361px */
}

#strip td {
  padding-top: 38px;
  padding-left: 127px;
  width:225px;
}

#strip img {
  -webkit-box-shadow: 1px 1px 5px 0px #000000;
  -moz-box-shadow: 1px 1px 5px 0px #000000;
  box-shadow: 1px 1px 5px 0px #000000;
  background:#3F3F3F;

}

#download-app-button {
  padding-left:382px;
}

#facebook-button {
  height: 30px; vertical-align: middle;
}

#email-footer {
  padding-right: 40px;
}

#white-fade-background {
  height:88px;
  background-color:white;
/*  background: url(images/white_fade_background.png) repeat-x bottom left;*/
}

#phone-background-top {
  height:53px;
  background: url(images/phone_background_top.png) no-repeat top left;
}

#phone-background-bottom {
  height:58px;
  background: url(images/phone_background_bottom.png) no-repeat bottom left;
}

#footer {
  text-align:center;
  padding-top:20px;
}

#footer a {
  color:white;
  font-size:8pt;
  text-align:center;
  text-decoration:none;
}


@media (min-width: 768px) and (max-width: 1024px) {
  #page {
    width: 990px;
  }

  #logo {
    padding-bottom:0;
  }

  #strip {
    height: 316px;
  }
}


@media (max-width: 768px) {
  table,tbody,tr,td {
      display: block;
      clear: both;
  }

  #page {
    margin: 0px auto;
    width: auto;
    height: auto;
    padding-bottom: 50px;
  }

  #logo {
    margin: 0px auto;
    display: block;
    padding-left: 0;
    padding-bottom: 0;
  }

  #strip {
    height: auto;
    padding:20px 0;
    margin:0px 10px;
  }

  #strip td {
    padding: 0 20px !important;
    margin: 0px auto;
    margin-bottom: 50px;
    width:auto;
  }

  #strip img {
    width: 100%;
  }

  #phone-background-top,
  #phone-background-bottom {
    background: none;
  }

  #download-app-button {
    padding-left: 0;
    display: block;
    width: 259px;
    margin: 0 auto;
  }


}