/* Site: Cobblestone CN */

* {
  margin: 0;
  padding: 0;
}

body{
  background: url(/_img/bg_body.gif);
  font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
  line-height: 1;
}

hr{
  display: none;
}

#skip{
  position: absolute;
  left: -9999px;
}

#container{
  background: url(/_img/bg_container.jpg) no-repeat center top;
}

a{
  overflow: hidden;
}

/* =header
---------------------------------------------------------------------
*/

#topBar{
  height: 48px;
  margin-bottom: 32px;
  background: url(/_img/bg_topBar.png) no-repeat center top;
  background: url(/_img/bg_topBar_alpha.png) no-repeat center top;
  background: url(/_img/bg_topBar_beta.png) no-repeat center top;
  text-indent: -9999px;
}

#header h1{
  width: 265px;
  height: 102px;
  margin: 0 auto 7px;
  background: url(/_img/bg_h1.png) no-repeat;
  text-indent: -9999px;
}

#header h1 a{
  display: block;
  width: 265px;
  height: 102px;
}

/* =contentWrap
---------------------------------------------------------------------
*/

#contentWrap{
  width: 910px;
  height: 374px;
  margin: 0 auto;
  padding-top: 43px;
  background: url(/_img/bg_content.png) no-repeat center top;
}

#contentWrap img.screenshot{
  position: absolute;
  margin-left: -12px;
}

/* =content
---------------------------------------------------------------------
*/

#content{
  float: right;
  width: 400px;
  margin: 20px 39px 0 0;
}

#content h2{
  width: 347px;
  height: 67px;
  background: url(/_img/bg_h2.png) no-repeat;
  text-indent: -9999px;
}

#content p,
#content li{
  clear: left;
  color: #a7bbbf;
  font-size: 14px;
  line-height: 1.643;
}

#content p.benefits{
  margin: -31px 0 15px 215px;
  text-indent: -9999px;
}

#content p.benefits a{
  display: block;
  width: 85px;
  height: 23px;
  background: url(/_img/bg_benefits.png) no-repeat;
  outline: 0;
}

#content p.twitter{
  margin-bottom: 4px;
  color: #fff;
  font-size: 12px;
}

#content p.copyright{
  font-size: 12px;  
}

#content p.thanks{
  position: absolute;
  margin-top: 83px;
  padding: 1px 7px;
  background: #1e2b35;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  font-size: 16px;
  font-weight: bold;
  font-style: italic;
}

#content ul,
#content ol{
  margin: 0 0 1em 3em;
}

#content ul#byline{
  display: inline; /* IE6 double margin float bug hack */
  float: left;
  margin-bottom: 10px;
  list-style: none;
}

#content li{
  margin: 0;
}

#content blockquote{
  margin-left: 3em;
}

#content hr{
  display: block;
  margin-bottom: 1em;
}

#content a{
  color: #6dcff6;
  text-decoration: none;
}

#content a:hover{
  text-decoration: underline;
}

#content form{
  float: left;
  width: 500px;
  padding: 15px 0 43px;
}

#content form fieldset{
  display: block;
  border: 0;
}

#content form input{
  float: left;
}

#content form input#newsletter_text{
  width: 273px;
  height: 31px;
  margin-right: 8px;
  padding: 6px 7px 0;
  border: 2px solid #fff;
  background: #FFF url(/_img/bg_input.gif) repeat-x;
  color: #14191C;
  font-size: 20px;
  font-weight: bold;
  font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
}

#content form p.note{
  padding: 2px;
  font-size: 11px;
  color: #272C33;
}

/* =benefits
---------------------------------------------------------------------
*/

#zoom h3{
  margin-bottom: 11px;
  color: #242d32;
  font-size: 17px;
}

#zoom h4{
  margin-bottom: 3px;
  color: #1f7c9a;
  font-size: 13px;
  line-height: 1.25;
}

#zoom p,
#zoom li{
  margin-bottom: 20px;
  color: #273036;
  font-size: 12px;
  line-height: 1.5;
}

#zoom ul{
  margin: 0 0 10px 13px;
}

#zoom li{
  margin-bottom: 0;
}

#zoom table#zoomTable td{
  vertical-align: top;
}

#zoom table#zoomTable td p{
  margin-bottom: 12px;
}

#zoom table#zoomTable td p a{
  color: #496E7D;
}

#zoom table#zoomTable td p a:hover{
  text-decoration: none;
}

/* =footer
---------------------------------------------------------------------
*/

#footer{
  clear: both;
}