/* Fade Button Styles
   - You need these. */
.cta-button {
  display:block;
  width:200px;
  height:50px;
  background:url(call_to_action_sprite.jpg) no-repeat 0 -50px;
  margin:0 auto;
}
.cta-button a {
  display:block;
  width:100%;
  height:100%;
  background:url(call_to_action_sprite.jpg) no-repeat 0 0;
  text-indent:-9999px;
}
.cta-button a:hover {
  background-position: 0 50px;
}

/* Demo Page Styles
   - deals with prettifying the demo page.
   - You don't need these. */
* {
	margin: 0;
	padding: 0;
}
body {
	font:normal 12px/18px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#333;
	background-color:#dadcd8;
}
body#example1, body#example2 {
	background-color:#fff;
}
h1 {
	width:960px;
	height:100px;
	margin:0 auto;
	text-indent:-999999px;
	background: url(img/background_h1.jpg) no-repeat 0 0;
}
h2 {
	width:340px;
	height:90px;
	text-indent:-999999px;
	background:url(img/background_h2.jpg) no-repeat left bottom;
}
em {
	font-family:Georgia, "Times New Roman", Times, serif;
}
#container {
	background-color:#fff;
	height:300px;
}
#main {
	width:640px;
	height:300px;
	margin:0 auto;
}
#call-to-action {
	width:340px;
	float:left;
}
#sr-screenshot {
	width:290px;
	float:right;
}
#credits {
	background-color:#ccc;
}
#credits p {
	display:block;
	width:640px;
	height:40px;
	line-height:40px;
	margin:0 auto;
}
#credits a {
	color:#282828;
	text-decoration:none;
	border-bottom:1px solid #282828;
}
#credits a:hover {
	color:#7d7c7c;
	border-bottom:1px solid #7d7c7c;
}