@font-face {
    font-family: 'helveticaneue';
    src: url('fonts/helveticaneue.eot');
    src: url('fonts/helveticaneue.eot?#iefix') format('embedded-opentype'),
         url('fonts/helveticaneue.woff') format('woff'),
         url('fonts/helveticaneue.ttf') format('truetype'),
         url('fonts/helveticaneue.svg#helveticaneue') format('svg');
    font-weight: normal;
    font-style: normal;
}
body {
	font-family: helveticaneue;
	margin: 0;
}
p {
	font-size: 13px;
	padding-left: 10px;
}
.clr {
	clear: both;
}
.wrapper {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}
header {
	width: 961px;
	height: 89px;
	background-image: url('img/header.png');
	color: white;
}
h1 {
	font-size: 25px;
}
.valueprop {
	font-size: 25px;
	text-align: center;
	margin-top: 40px;
	margin-bottom: 60px;
}
.nav {
	margin-left: 250px;
	padding-top: 9px;
	font-size: 18px;
}
.nav a {
	color: white;
}
.nav ul {
	list-style: none;
	float: left;
}
.nav ul li {
	float: left;
	margin-left: 40px;
}
#social {
	margin-left: 100px;
}
.logo {
	width: 140px;
	height: 80px;
	float: left;
	position: relative;
}
.site-logo {
	margin-left: 10px;
	float: left;
	position: absolute;
	bottom: 20px;
}
.review {
	width: 100%;
	overflow: visible;
}
.review-body {
	height: 120px;
	overflow: hidden;
}
.read-more {
	margin: 10px;
	margin-top: 20px;
	position: absolute;
}
.left {
	width: 650px;
	float: left;
	position: relative;
}
.right {
	width: 310px;
	float: right;
}
.features {
	float: right;
	width: 486px;
	height: 70px;
	position: relative;
	margin-left: 20px;
}
.bottom-fix {
	position: absolute;
	bottom: 0;
}
p.feat {
	padding-left: 10px ;
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 5px;
}
.score {
	color: green;
	margin-right: 15px;
	margin-left: 8px;
}
.start {
	float: right;
}
.review-title {
	color: green;
	float: left;
}
.add-comment {
	float: right;
}
.comment-top {
	height: 25px;
	padding-top: 30px;
	padding-left: 15px;
	padding-right: 15px;
}
.comment-bottom {
	-moz-border-radius: 10px; /* Firefox */
  	-webkit-border-radius: 10px; /* Safari, Chrome */
  	border-radius: 10px; /* CSS3 */
	background-color: #f7f7ee;
	height: 200px;
	width: 290px;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid rgba(0,0,0,.18);
	overflow: auto;
	overflow-x: hidden;
}
.hr-star {
	margin: 20px 0;
}
footer {
	width: 100%;
	height: 80px;
	background-color: #272833;
}
.badge {
	width: 61px;
	height: 60px;
	background-image: url('img/badge.png');
	position: absolute;
	top: -25px;
	left: -40px;
	z-index: 200;
}
.badge-text {
	color: white;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 30px;
	height: 30px;
	padding-top: 12px;
	padding-right: 5px;
	font-size: 15px;
	/* Safari */
	-webkit-transform: rotate(-20deg);

	/* Firefox */
	-moz-transform: rotate(-20deg);

	/* IE */
	-ms-transform: rotate(-20deg);

	/* Opera */
	-o-transform: rotate(-20deg);

}
.free-acct {
	text-align: right;
	opacity: .25;
	line-height:1.2em;
	font-size:13px;
	position: absolute; 
	bottom: 9px; 
	left: 385px;
}