﻿body {
	margin: 0;
	padding: 3px 0 0 0;
	text-align: center;
	/*background: #f5f5f5 url(/images/website/bg.png) repeat-x;*/
	font-family: Arial;
	font-size: 10pt;
}

img {
	border: 0;
}

a:link, a:visited {
	color: #06c;
}

table {
	border: none;
	border-collapse: collapse;
}

td {
	vertical-align: top;
	font-family: Arial;
	font-size: 10pt;
}

#header {
	width: 970px;
	margin: 0px auto;
	text-align: left;
	height: 84px;
}

	#logo {
		margin-top: 7px;
		margin-left: 20px;
	}

#nav {
	float: right;
	list-style: none;
	margin: 28px 20px 0 0;
	padding: 0;
}
	
	#nav li {
		float: left;
		list-style: none;
		padding: 0;
		margin-left: 5px;
		display: block;
		background: url(/images/website/menuitem_left.png) top left no-repeat;
		height: 26px;
	}
	
	#nav li a:link, #nav li a:visited {
		font-family: Arial;
		font-size: 11pt;
		color: #fff;
		text-decoration: none;
		display: block;
		background: url(/images/website/menuitem_right.png) top right no-repeat;
		padding: 4px 10px 6px 10px;
	}
	
	#nav li.active {
		background: url(/images/website/menuitem_left_active.png) top left no-repeat;
	}
	
	#nav li.active a:link, #nav li.active a:visited {
		background: url(/images/website/menuitem_right_active.png) top right no-repeat;
	}
	
	#nav li a:hover {
		color: #6ebdff;
	}
	
	#nav li.active a:hover {
		color: #fff;
	}
	
#innershot {
	height: 99px;
	border-bottom: 12px solid #f5f5f5;
}

	#innershot .wrap {
		width: 980px;
		margin: 0px auto;
		height: 99px;
		text-align: left;
	}
	
	#innershot .wrap img.left {
		margin-left: 25px;
		margin-top: 32px;	
	}
	
	#innershot .wrap img.right {
		float: right;
		margin-right: 25px;
		margin-top: 27px;	
	}

#heroshot {
	width: 980px;
	margin: 0px auto;
	text-align: left;
	height: 380px;
}

	#heroshot #screenshots {
		margin: 1px 0 20px 0;
		float: left;
	}
		
	#heroshot .promo {
		padding: 30px 0 0 5px;
		float: left;
		width: 454px;
		text-align: left;
	}
			
	#heroshot .promo h1 {
		background: url(/images/website/headline.png) no-repeat;
		text-indent: -9999px;
		width: 451px;
		height: 59px;
		margin: 15px 0 0 0;
		padding: 0;
	}
		
	#heroshot .promo .blurb {
		margin: 0;
		padding-top: 25px;
		font-family: Arial;
		font-size: 13pt;
		line-height: 1.7em;
		color: #fff;
		height: 178px;
	}
	
	#heroshot .promo .buttons {
		
	}
	
#white {
	background: #fff;
	clear: both;
}

	#content {
		width: 930px;
		padding: 30px 0;
		margin: 0px auto;
		text-align: left;
		overflow: auto;
	}
	
	.featurebox img {
		float: left;
		margin-right: 15px;
		margin-bottom: 40px;
	}
	
	#content .featurebox h2 {
		font-family: Arial;
		font-size: 11pt;
		font-weight: bold;
		margin: 0;
		padding: 0 0 5px 0;
		color: #4a565f;
	}
	
	.featurebox {
		clear: left;
		overflow: auto;
		padding-bottom: 20px;
		font-family: Arial;
		font-size: 10pt;	
		color: #333;
		line-height: 1.5em;
		padding-right: 20px;
	}
	
	#emailoffer {
		float: right;
		background: #ebf3ff;
		border: 1px solid #dbe9ff;
		padding: 15px;
		width: 420px;
		font-family: Arial;
		font-size: 10pt;
		color: #333;
	}
	
	#emailoffer p {
		line-height: 1.5em;
		margin: 0;
		padding: 0 0 10px 0;
	}
	
	#emailoffer .input {
		font-size: 10pt;
		margin-top: 2px;
		padding: 3px 6px;	
	}
	
	#emailoffer h3 {
		font-family: Arial;
		font-size: 11pt;
		font-weight: bold;
		margin: 0;
		padding: 0 0 10px 0;
		color: #4a565f;
	}
	
	#emailoffer h3 em {
		color: #c00;
		font-style: normal;
	}
	
	#emailoffer img {
		float: right;
		margin-left: 10px;
	}
	
	#content h2 {
		font-family: Arial;
		font-size: 18pt;
		font-weight: bold;
		margin: 0;
		padding: 0 0 10px 0;	
	}
	
#pricetable {
	border: 0;
	margin: 10px auto 25px auto;
	padding: 0;
	border-collapse: collapse;
}
	
	#pricetable th, #pricetable td {
		padding: 10px 26px;
		font-family: Arial;
		font-size: 10pt;
		color: #444;
		vertical-align: top;
		text-align: center;
		font-weight: normal;
		border: none;
		margin: 0;
	}
	
	#pricetable th.price h2 {
		color: #c00;
		font-family: Arial;
		font-size: 14pt;
		font-weight: bold;
		font-style: normal;
		margin: 0;
		padding: 10px 0 0 0;
	}
	
	#pricetable th.price {
		font-style: italic;
	}

	#pricetable tr.inner td {
		border-top: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
		border-left: 1px solid #ddd;
		background: #f8f8f8;
	}
	
	#pricetable th.label {
		text-align: left;
		color: #000;
		font-weight: bold;	
		padding: 10px 15px 10px 0;
	}
	
	.pricebox {
		float: left;
		width: 210px;
		padding: 25px 10px 0 10px;
		font-size: 10pt;
		line-height: 1.5em;
	}
	
	#content .pricebox h2 {
		color: #369;
		font-family: Arial;
		font-size: 12pt;
		font-weight: bold;
		margin: 0;
		padding: 0 0 15px 0;
	}
	
	#pricinginfobox {
		background: #ffffe4; 
		border-top: 1px solid #ddd; 
		border-bottom: 1px solid #ddd; 
		padding: 10px; 
		font-family: Arial; 
		font-size: 10pt; 
		text-align: center; 
		clear: both;
	}
	
	#pricingguarantee {
		background: #ebf3ff; 
		border: 1px solid #dbe9ff; 
		padding: 10px; 
		font-family: Arial; 
		font-size: 14pt; 
		margin-bottom: 20px; 
		font-weight: bold; 
		text-align: center;
		line-height: 1.3em;
	}	
		
#tour {
	clear: both;
	text-align: center;
	font-size: 11pt;
	color: #ccc;
	padding: 25px 0;
}
	
	#tour a:link, #tour a:visited {
		font-weight: bold;
		color: #c00;
		padding: 0 3px;
	}
	
	#tour a.active:link, #tour a.active:visited {
		padding: 3px 6px;
		background: #c00;
		color: #fff;
		text-decoration: none;
	}
	
	#content h1.featureheader {
		font-family: Arial;
		font-size: 18pt;
		font-weight: bold;
		margin: 0;
		padding: 5px 0 0 0;
		color: #000;
	}
	
	#content h2.featureheader {
		font-family: Arial;
		font-size: 14pt;
		font-weight: bold;
		margin: 0;
		padding: 0;	
		color: #369;
	}
	
	.featureinfobox {
		background: #ffffe4; 
		border-top: 1px solid #ddd; 
		border-bottom: 1px solid #ddd; 
		padding: 10px; 
		font-family: Arial; 
		font-size: 16pt; 
		text-align: center; 
		font-weight: bold;
		margin-bottom: 25px;
	}
	
	ul.featurelist {
		padding: 0;
		margin: 15px 0 0 25px;	
	}
	
	ul.featurelist li {
		list-style-image: url(/images/website/tick_16.png);
		font-size: 12pt;
		padding: 0 0 20px 0;
		color: #333;
		clear: left;
	}
	
	ul.featurelist ul {
		margin: 15px 15px 20px 0;
		float: left;
	}
	
	ul.featurelist ul li {
		font-size: 11pt;
		margin: 0 0 3px 0;
		padding: 5px 10px;
		list-style-image: url(/images/website/sidebar_bullet.png);
		background: #ebf3ff;
	}
	
	.feature img {
		float: left;
		margin-right: 15px;
		margin-bottom: 40px;
	}
	
	.feature ul {
		margin: 0;
		padding: 0 0 0 20px;
	}
	
	.feature ul li {
		line-height: 1.5em;
		color: #666;
	}
	
	#content .feature h2 {
		font-family: Arial;
		font-size: 11pt;
		font-weight: bold;
		margin: 0;
		padding: 0 0 5px 0;
		color: #4a565f;
	}
	
	div.feature {
		float: left;
		width: 425px;
		padding: 20px 15px 0 15px;
		font-family: Arial;
		font-size: 10pt;	
		color: #333;
		line-height: 1.5em;
	}
	
	#content h2.featureblurb, #content div.featurebig h2 {
		clear: both;
		padding-top: 15px;
		text-align: center;	
		font-family: Arial;
		font-size: 14pt;
		font-weight: bold;
	}
	
	#content div.featurebig h2 {
		text-align: left;
		color: #333;
	}
	
	div.featurebig {
		float: left;
		padding: 0 25px 25px 25px;
		font-family: Arial;
		font-size: 10pt;	
		color: #333;
		line-height: 2em;
		width: 414px;
	}
	
	div.featurebig img {
		display: block;
		border: 7px solid #e1f3fd;
		margin-bottom: 15px
	}
	
	div.featurebig em {
		font-style: normal;
		background: #eafde1;
		padding: 3px 3px;
	}
	
	#featureshots {
		float: right;
		width: 350px; 
		background: url(/images/website/sidebarbgright.png) top left no-repeat; 
		min-height: 536px;
		text-align: center;
		font-size: 8pt;
		color: #666;
		
	}
	
	#featureshots img {
		border: 1px solid #ccc;
		display: block;
		margin: 25px auto 8px auto;
	}
	
div.lpbig {
	float: left;
	padding: 0 25px 25px 25px;
	font-family: Arial;
	font-size: 10pt;	
	color: #fff;
	line-height: 2em;
	width: 414px;
}

	#content div.lpbig h2 {
		text-align: left;
		color: #fff;
	}
	
	div.lpbig img {
		display: block;
		border: 7px solid #e1f3fd;
		margin-bottom: 15px
	}
	
	div.lpbig em {
		font-style: normal;
		font-weight: bold;
		border-bottom: 1px dotted #fff;
	}

		
#blogandmore {
	background: #f5f5f5 url(/images/website/bottombg.png) top left repeat-x;
}

	#blogandmore .inner {
		margin: 0px auto;
		width: 930px;
		overflow: auto;
		padding: 30px 0;
		font-family: Arial;
		font-size: 9pt;
		text-align: left;
	}
	
	#blogandmore .inner h2 {
		font-family: Arial;
		font-size: 11pt;
		font-weight: bold;
		margin: 0;
		padding: 0 0 15px 0;
		color: #4a565f;
	}

	#blogandmore a:link, #blogandmore a:visited {
		color: #39f;	
	}
	
	#blogandmore .inner h2 a:link, #blogandmore .inner h2 a:visited {
		color: #4a565f;
	}
	
#footer {
	background: url(/images/website/footerbg.png);
}

	#footer .inner {
		margin: 0px auto;
		width: 930px;
		overflow: auto;
		padding: 15px 0;
		font-family: Arial;
		font-size: 8pt;
		color: #fff;
		text-align: left;
		line-height: 1.5em;
	}
	
	#footer .inner p {
		margin: 0;
		padding: 20px 0 0 0;	
	}
	
	#footer .inner img {
		float: right;	
	}
	
	#footer .inner a:link, #footer .inner a:visited {
		padding: 0 3px;	
		color: #fff;
	}
	
#feedback {
  top: 15%;
  right: 0; 
  border: none; 
  cursor: pointer; 
  position: fixed; 
  z-index: 10000; 
  overflow: hidden; 
}

#terms, #privacy {
	margin: 0 0 0 25px;
	padding: 0;
}

	#terms li, #privacy li {
		line-height: 1.5em;
		padding-bottom: 10px;
	}
	
	#terms h2, #privacy h2 {
		font-size: 12pt;
		margin: 0;
		padding: 0 0 10px 0;
	}
	
#learningmenu {
	width: 240px;
	background: url(/images/website/sidebarbgleft.png) top right no-repeat;
	min-height: 563px;
	float: left;
}

	#learningcontent {
		float: left;
		width: 670px;
		padding-left: 20px;	
	}
	
	#learningcontent h2 {
		font-family: Arial;
		font-size: 12pt;
		font-weight: bold;
		padding: 0 0 2px 0;
		margin: 0 0 15px 0;	
	}
	
	#learningcontent ol li {
		line-height: 1.5em;
		padding-bottom: 10px;
	}
	
	#learningcontent ol li img {
		border: 1px solid #333;
	}
	
	#learningmenu ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	
	#learningmenu ul li {
		margin: 0;
		padding: 0;
	}
	
	#learningmenu h2 {
		background: url(/images/website/sidebar_h2.png) no-repeat;
		font-family: Arial;
		font-size: 11pt;
		font-weight: bold;
		color: #fff;
		margin: 0;
		padding: 0;
		width: 231px;
		height: 42px;
		text-decoration: none;
	}
	
	#learningmenu h2 a:link, #learningmenu h2 a:visited {
		display: block;
		padding: 13px 0 0 15px;
	}
		
	#learningmenu ul li a:link, #learningmenu ul li a:visited {
		font-family: Arial;
		font-size: 11pt;
		font-weight: bold;
		color: #fff;
		text-decoration: none;
	}
	
	#learningmenu ul li ul li {
		list-style-image: url(/images/website/sidebar_bullet.png);
		list-style-position: inside;
		margin-left: 4px;
		padding: 10px 0;
		border-bottom: 1px solid #ccc;
		width: 220px;
	}

	#learningmenu ul li ul li a:link, #learningmenu ul li ul li a:visited {
		color: #39f;
		font-size: 10pt;
		font-weight: normal;
		width: 220px;
	}
	
	h1 {
		font-family: Arial;
		font-size: 14pt;
		margin: 0;
		padding: 0;	
		color: #666;
	}
	
	ul#glossary {
		margin: 20px 0 0 20px;
		padding: 0;	
	}
		
	ul#glossary li {
		line-height: 1.3em;
		padding-bottom: 10px;
		list-style-image: url(/images/website/bullet_green.png);
	}
	
	ul.learninglist {
		margin: 10px 0 0 20px;
		padding: 0;
	}
	
	ul.learninglist li {
		line-height: 1.5em;	
	}
	
	.videocontainer {
		border-top: 1px solid #ccc; 
		border-bottom: 1px solid #ccc; 
		overflow: auto; 
		margin: 20px 0; 
		padding: 20px 0;
	}
	
	.videocontainer img {
		border: 2px solid #06c;	
	}
	
	#content .videocontainer h2 {
		font-family: Arial;
		font-size: 11pt;
		font-weight: bold;
		margin: 0px;
		padding: 10px 0 0 0;	
	}

#signupsidebar {
	float: right;
	width: 270px; 
	background: url(/images/website/sidebarbgright.png) top left no-repeat; 
	min-height: 600px;
	font-size: 8pt;
	color: #666;
	padding-left: 20px;
}

	#siteseal_gd_0_h_s_dv {
		margin: 0;
		padding: 0;
		display: inline;	
	}
	
	fieldset {
		margin-bottom: 30px;
		padding: 15px;
		margin-right: 30px;
		border: 2px solid #ccc;
		width: 570px;
		color: #333;
	}
	
	fieldset legend {
		color: #369;
		font-family: Arial;
		font-size: 12pt;
		font-weight: bold;
		padding: 0 5px;
	}
	
	fieldset td {
		padding: 5px 10px;
		font-size: 9pt;
	}
	

#content h2.affiliateheader {
	font-family: Arial;
	font-size: 12pt;
	font-weight: bold;
	margin: 0 0 20px 0;
	padding: 0;
}

	#content p {
		line-height: 1.5em;
		margin: 0 0 20px 0;	
	}
