@import url("/stylesheets/reset.css");

body {
	background:#174773 url("/images/marketing/background2.jpg") 0 0 repeat-x;
	font:62.5%/1.5 "Helvetica Neue", Arial, sans-serif;
}

#wrapper {
	margin:2em auto;
	width:78%;
}

#header h1 {
	background:transparent url("/images/marketing/logo.png") 0 0 no-repeat;
	height:50px;
	margin:1em 0;
	text-indent:-9999px;
}

#content {
	background-color: rgba(255,255,255,.1);
	border:4px solid rgba(255,255,255,.2);
	-moz-border-radius: 10px;
	-webkit-border-radius: 1px;
	-webkit-box-shadow: 0 0 20px #333;
	-moz-box-shadow: 0 0 20px #333;
	overflow:hidden;
	padding:2em;
}

#pricing {
	float:left;
	width:320px;
}

#pricing h2 {
	color:rgba(255,255,255,.9);
	font-size:4em;
	font-weight:200;
	margin:0 0.4em 0.2em;
	text-shadow:-1px -1px 1px rgba(0,0,0,.8);
}

#pricing ul {
	background:rgba(255,255,255,.1);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,.5);
	-moz-box-shadow: 0 0 5px rgba(0,0,0,.5);
	margin:1em;
	width:300px;
}

#pricing ul li {
	background:transparent url("/images/marketing/check.png") 10px 50% no-repeat;
	border-bottom:1px solid rgba(0,0,0,.25);
	border-top:1px solid rgba(255,255,255,.15);
	color:#FFF;
	font-size:2.4em;
	font-weight:100;
	padding:0.2em 2.4em;
	text-shadow:1px 1px 0 rgba(0,0,0,.9);
}

#pricing ul li:first-child {
	border-top:none;
}

#pricing ul li:last-child {
	background:none;
	border-bottom:none;
	padding:0.2em 0;
}

#pricing ul li a {
	background:transparent url("/images/marketing/signup_button.png") 0 0 no-repeat;
	display:inline-block;
	height:65px;
	margin:0 0.7em;
	text-indent:-9999px;
	width:260px;
}

#pricing ul li a:active {
	background-position:0 -68px;
	outline:none;
}

#screenshot {
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,.5);
	-moz-box-shadow: 0 0 5px rgba(0,0,0,.5);
	float:right;
	margin:1em;
}

#footer {
	color:rgba(255,255,255,.5);
	font-size:1.2em;
	font-weight:100;
	letter-spacing:1px;
	padding:1.2em 1em;
}