body {
	font-family: Helvetica Neue, Helvetica, Verdana, Arial, sans-serif;
	color: #333;
	
	margin: 0;
	padding: 0;
	border-top: 4px solid #CADDC5;
}

/* Layout */
#page {
  width: 700px;
  margin: 40px auto;
}

#content {
  width: 490px;
  float: right;
}

#sidebar {
  width: 180px;
  margin-right: 30px;
  float: left;
}

#bar {
  margin: 7px 15px;
}

/* Bar */
#bar {
  text-align: right;
  color: #ccc;
}

  #bar a {
    
    text-decoration: none;
    color: #C1D3F1;
    font-style: italic;
  }
  
  #bar a:hover {
    color: #3462c5;
  }

/* Sidebar */
#sidebar p {
  margin: 1em 6px;
}

#sidebar img {
  float: left;
}

/* Price */
p#price {
  text-align: right;
  font-size: 105%;
  
  clear: both;
  margin: 0 10px 0 0;

  background: url(images/arrow.png) no-repeat right top;
}

  #price small {
    display: block;
  }
  
  #price a {
    display: block;
    text-decoration: none;
    color: #333;
    
    padding: 18px 54px 0 0;
  }
  
/* Screenshots */
#screenshots {
  margin: 40px 0 80px 0;
}

  #screenshots img.odd {
    margin-right: 15px;
  }

/* Header */
h1 {
  margin: 8px 0 0 0;
}

h1 a {
  width: 442px;
  height: 174px;
  margin-left: -3px;
  display: block;
  overflow: hidden;
  text-indent: -9999em;
  
  background: url(images/logo.png) no-repeat;
}

/* Focus */
.focus {
  font-size: 135%;
  font-weight: normal;
  
  margin: .4em 0;
}

/* Beta */
#beta label {
  margin: .7em 0 .4em 0;
  display: block;
}

#beta input.text {
  font-size: 105%;
  padding: 2px 3px;
  color: #666;
  width: 440px;
}

#beta input#sign-up {
  display: none;
}

/* Features */
#features ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

  #features img {
    float: left;
  }
  
  #features h2 {
    margin: .8em 0 0 105px;
  }
  
  #features p {
    margin: .3em 0 0 105px;
  }

/* Typography */
a {
  color: #3462c5;
}

h1 {
	font-size: 600%;
}

h2 {
  font-family: Verdana;
	margin-bottom: 0px;
	font-style: normal;
	font-weight: normal;
	font-size: 145%;
	color: #3462c5;
}