/*
  The style sheet for the Disconnect homepage.

  Copyright 2010-2012 Disconnect, Inc.

  Authors (one per line):

    Brian Kennish <byoogle@gmail.com>
    Gary Teh <garyjob@gmail.com>
    Dan Kwon <dankwonjr@gmail.com>
*/
#home .bubble {
  float: left;
  margin-top: 5px; /* Promo: 30px. */
  width: 400px
}

#home .bubble img {
  margin-left: 105px;
  width: 0;
  height: 0
}

#home .install {
  display: none;
  float: right;
  width: 555px;
  text-align: center
}

#home .headline { font-size: x-large }

#home .tagline {
  margin-top: 36px;
  color: #999;
  font-size: x-large
}

#home .button {
  margin-top: 15px;
  margin-left: 20px
}

#home .button img {
  display: inline-block;
  position: relative;
  z-index: 1
}

#home .button a {
  display: inline-block;
  position: relative;
  top: 45px;
  left: -40px;
  background: url(https://s3.amazonaws.com/images.disconnect.me/images/button-get.png);
  width: 297px;
  height: 80px;
  cursor: pointer
}

#home .button a.disabled {
  background-position: 0 80px;
  cursor: auto
}

#home .button a.enabled:hover { background-position: 0 240px }

#home .button a.enabled:active { background-position: 0 160px }

#home .note {
  display: inline-block;
  margin-top: 75px;
  width: 445px;
  color: #999
}