h3 {
	color:#000;
}
strong {
	color:#000;
}
h1.title {
	background:url('images/bg-img-title-450x50.png') top center no-repeat;
	text-indent:-9999px;
}
.wrap.main-content {
	height:400px;
	overflow:hidden;
	position:relative;
}
.gradient {
	background:url('images/bg-img-fp-grad_df.png') left top repeat-x;
	margin-bottom:20px;
}
.gradient .wrap {
	position:relative;
}
.land-view {
	height:400px;
}
.left-col,
.right-col {
	float:left;
}
.main-content .right-col,
.main-content .left-col {
	height:340px;
}
.left-col {
	overflow:hidden;
	width:500px;
}
.right-col {
	width:460px;
}
.left-col a,
.right-col a {
	color:#00B0D9;
}
.left-col a:hover,
.right-col a:hover {
	background-color:#00B0D9;
	color:#FFF;
}
.left-col .logo {
	margin-top:60px;
	height:310px;
}
.screen-view {
	height:400px;
	overflow:hidden;
	position:relative;
	width:960px;
}
.screen-view-left {
	background:url('images/bg-img-grad-left.png') top left no-repeat;
	position:absolute;
	left:0px;
	top:83px;
	height:360px;
	width:149px;	
}
.screen-view-right {
	background:url('images/bg-img-grad-right.png') top left no-repeat;
	position:absolute;
	right:0px;
	top:83px;
	height:360px;
	width:149px;	
}
.explain {
	background:#33C918;
	color:#FFF;
	display:block;
	font-size:2.4em;
	left:10px;
	line-height:40px;
	padding:0;
	position:absolute;
	text-align:center;
	top:0px;
	width:940px;
}

.screen-shot {
	background-color:#FFF;
	border:solid #AAAAAA;
	border-width:1px 1px 0;
	height:380px;
	margin:50px auto 0;
	position:relative;
	width:660px;
	z-index:1;
}
.screen-shot.search {
	background:url('images/bg-img-scr-search.png') 0px 0px no-repeat;
}
.screen-shot.email {
	background:url('images/bg-img-scr-email-660x370.png') 0px 0px no-repeat;
}
.nav-buttons {
	background:url('images/bg-img-nav-buttons.png') top center no-repeat;
	bottom:0px;
	height:26px;
	right:10px;
	padding:0 14px;
	position:absolute;
	width:50px;	
}
.nav-buttons a {
	background:url('images/bg-img-updown-48x.png') no-repeat;
	float:left;
	height:24px;
	width:24px;
}
.nav-buttons a.up {
	background-position:0px 0px;
	display:inline;
	margin-right:2px;
}
.nav-buttons a.up:hover {
	background-position:0px -24px;
}
.nav-buttons a.down {
	background-position:-24px 0px;
	display:inline;
}
.nav-buttons a.down:hover {
	background-position:-24px -24px;
}

.signup-box {
	background-color:#AAAAAA;
	bottom:0px;
	padding:5px 10px 3px;
	position:absolute;
	left:10px;
	width:150px;
	z-index:2;
}
.signup-box a {
	background:url('images/ui-bg_glass_15_000000_1x400.png') 50% 50% repeat-x;
	border:2px solid #CFCFCF;
	display:block;
	padding:5px 0 1px;
	text-align:center;
}
.signup-box a:hover {
	background-color:#000;
	background-image:url('images/ui-bg_glass_25_000000_1x400.png');
	border-color:#CCCCCC;
}
.signup-box span.big {
	color:#FFF;
	display:block;
	font-size:2.8em;
	font-weight:bold;
	line-height:28px;
}
.signup-box span.small {
	color:#00B0D9;
	display:block;
	font-size:1.2em;
	padding:3px 5px 3px 5px;
}
.right-col h1 {
	color:#000;	
	font-size:3.4em;
	line-height:50px;
	margin:30px 5px 10px;
	text-align:center;
}
.big-p {
	color:#2F2F2F;
	font-size:2em;
	line-height:30px;
	margin:0 10px;
	text-align:center;
}

a.join-CTA {
	background:url('images/ui-bg_glass_15_000000_1x400.png') 50% 50% repeat-x;
	border-color:#AAAAAA;
	border-style:solid;
	border-width:1px;
	color:#FFF!important;
	font-size:3.5em;
	font-weight:bold;
 	padding:5px 30px;
	text-align:center;
	text-transform:uppercase;
}
a.join-CTA:hover,
a.join-now-CTA:hover {
	background-color:#000;
	background-image:url('images/ui-bg_glass_25_000000_1x400.png');
	border-color:#CCCCCC;
}
a.join-now-CTA {
	background:url('images/ui-bg_glass_15_000000_1x400.png') 50% 50% repeat-x;
	border:2px solid #AAAAAA;
	display:block;
	margin:40px 50px;
	padding:10px 0;
}
.join-now-CTA span.main {
	color:#FFF;
	display:block;
	font-size:5em;
	font-weight:bold;
	line-height:60px;
	text-align:center;
}
.join-now-CTA span.sub {
	color:#00B0D9;
	display:block;
	font-size:1.4em;
	text-align:center;
}
.about-box {
	background-color:#FFF;
	float:left;
	margin:20px 0 0;
	padding:10px 10px 0;
	width:330px;
}
.steps {
	margin:10px 0;
	height:135px;
}
.steps li {
	display:inline;
	float:left;
	height:20px;
	padding-top:100px;
	width:100px;
}
.steps li span {
	color:#000;
	display:block;
	font-size:1.2em;
	font-weight:bold;
	padding:5px;
	text-align:center;
}
.steps li.step-signup {
	background:url('images/bg-img-step-1-100x.png') top center no-repeat;
}
.steps li.step-search {
	background:url('images/bg-img-step-2-100x.png') top center no-repeat;
}
.steps li.step-report {
	background:url('images/bg-img-step-3-100x.png') top center no-repeat;
	margin:0 15px;
}
.steps li.step-support {
	background:url('images/bg-img-step-4-100x.png') top center no-repeat;
	
}
.about-box p {
	color:#444;
	font:1.6em/26px arial,sans-serif;
	margin:10px 0;
}
.about-box p a {
	color:#00B0D9;
}
.about-box p a:hover {
	background-color:#00B0D9;
	color:#FFF;
}
.plan-box {
	float:left;
	position:relative;
}
ul.plans-preview {
	background-color:#FFF;
	margin:20px 0 0 40px;
}
ul.plans-preview li.plan {
	float:left;
}

ul.plans-preview li.plan {
	margin:5px 0 10px;
	padding:0 10px;
	width:264px;
}
ul.plans-preview li.plan-basic {
	border:solid #AAAAAA;
	border-width:0 0 0 1px;
}
ul.plans-preview li .plan-title {
	background:url('images/bg-img-fp-rtft.png') center center no-repeat;
	border-bottom:2px solid #AAAAAA;
	font-size:1.8em;
	font-weight:normal;
	height:30px;
	margin:5px 0px 10px;
	padding:0;
	text-indent:-9999px;
	width:270px;
}
ul.plans-preview li.plan-basic h3.plan-title {
	background-image:url('images/bg-img-fp-cmdt.png');
}
ul.plans-preview li p {
	font-size:1.4em;
	line-height:20px;
	margin:10px 0;
}
.plan ul {
	margin:10px 0 20px;
}
.plan ul li {
	background-color:transparent;
	background-position:right center;
	background-repeat: no-repeat;
	border-bottom:2px solid #CCCCCC;
	font-size:1.8em;
	line-height:22px;
	padding:8px 20px 10px 5px;
}
li.search {
	background-image:url('images/bg-img-fp-unl.png');
}
li.brand {
	background-image:url('images/bg-img-fp-brand.png');
}
li.blog {
	background-image:url('images/bg-img-fp-blog.png');
}
li.fb {
	background-image:url('images/bg-img-fp-fb.png');
}
li.twitter {
	background-image:url('images/bg-img-fp-twitter.png');
}
li.sent {
	background-image:url('images/bg-img-fp-sent.png');
}
li.cldb {
	background-image:url('images/bg-img-fp-cldb.png');
}
li.yt {
	background-image:url('images/bg-img-fp-yt.png');
}
li.fr {
	background-image:url('images/bg-img-fp-fr.png');
}
li.reports-full {
	background-image:url('images/bg-img-reports-full-20x.png');
}
li.feedgraph {
	background-image:url('images/bg-img-feedgraph-20x.png');
}
li.export {
	background-image:url('images/bg-img-fp-exp.png');
}

.plan a {
	background:50% 50% repeat-x;
	background-image:url('images/ui-bg_glass_15_000000_1x400.png');
	border:2px solid #AAAAAA;
	color:#FFF;
	display:block;
	font-size:1.8em;
	line-height:24px;
	margin:18px 40px;
	padding:5px 0;
	text-align:center;
}
.plan a:hover {
	background-image:url('images/ui-bg_glass_25_000000_1x400.png');
	border-color:#CCCCCC;
}
div.contact-box {
	height:230px;
	position:absolute;
	left:480px;
	top:20px;
	width:160px;
}

h2.content-copy {
	color:#333333;
	font-size:2em;
	line-height:1.2em;
}
.left-col h2.content-copy {
	margin:20px 0 10px 10px;
}
p.content-copy {
	font:2em/2em georgia, times, serif;
	margin:10px 10px 10px 0;
	padding:10px;
}
.soc {
	border-top:1px solid #AAAAAA;
	float:left;
	height:100px;
	margin:20px 0;
	width:960px;
}
.ctas {
	position:absolute;
	right:5px;
	top:300px;
}
a.butt {
	background:center center no-repeat;
	display:block;
	height:40px;
	margin:10px 20px 0;
	text-indent:-9999px;
	width:240px;
}
a.butt.feat {
	background-image:url('images/bg-img-fp-butt_feat.png');	
}
a.butt.demo {
	background-image:url('images/bg-img-fp-butt_demo.png');	
}

div.clients {
	border-top:1px solid #DFDFDF;
	margin-top:20px;
	padding:10px;
}
div.clients h3 {
	margin:10px 0;
}
ul.clients {
	height:100px;
	padding:20px 0;
}
ul.clients li {
	display:inline;
	float:left;
	height:100px;
	width:188px;
}
ul.clients li a {
	background-position:0px 0px;
	background-repeat:no-repeat;
	display:block;
	height:100px;
	width:150px;
}
ul.clients li a:hover {
	background-position:0px -100px;
}
ul.clients li a.twentytwo {
	background-image:url('images/cs-logo-22sq.png');
}
ul.clients li a.ema {
	background-image:url('images/cs-logo-ema.png');
}
ul.clients li a.play {
	background-image:url('images/cs-logo-play.png');
}

ul.clients li a.tk {
	background-image:url('images/cs-logo-tk.png');
}
ul.clients li a.yucca {
	background-image:url('images/cs-logo-yucca.png');
}
