/* @group Eric Meyer CSS Reset */

/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { /* Removed sub, sup */
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	/*font-size: 100%;*/
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
/*
table {
	border-collapse: collapse;
	border-spacing: 0;
}
*/

/* @end */

/* @group General */

body {
	background: 			#235357;
	font-family:			arial,sans-serif;
	font-size:				62.5%; /* Makes 1em = 10px */
	text-align:				center;
}

hr, a span, h1 span, h2 span, h3 span, h4 span, h5 span, h6 span {
	display: 				none;
	visibility: 			hidden;
}

a img {
	border: 				none;
}

a {
	text-decoration: 		none;
}

/* @end */

/* @group Forms */

div.obj input, textarea {
	border-style:						solid;
	border-width:						thin;
	color: 								black;
	font-family:						arial, sans-serif;
	font-size:							1.2em;
	padding:							3px;
}

textarea {height:100px;}

div.obj input:focus, textarea:focus {background:#f2f2f2;}

div.obj input.err, textarea.err {border-color:#cd0000;}

#sendme {margin-top:14px;}

/* @end */

/* @group Header */

#header {
	background: 			#122b2d;
	display: 				block;
	text-align: 			left;
	width: 					100%;
}

#header div.container {
	display: 				block;
	margin:					0 auto 0 auto;
	width: 					920px;
}

/* @end */

/* @group Navigation */

#navigation {
	background:				url(res/img/common/gradient.jpg) no-repeat 270px top;
	display: 				block;
	height: 				60px;
	width: 					920px;
}

#navigation.alt {
	height: 				75px;
}

#navigation #logo {
	float: 					left;
	display: 				inline;
	margin: 				20px 0 0 15px;
}

#navigation #logo a {
	background:				url(res/img/logos/simplecontactpro.gif) no-repeat left top;
	display: 				block;
	height: 				28px;
	width:					200px;
}

#navigation ul {
	float: 					right;
	margin-top: 			20px;
}

#navigation ul li {
	float: 					left;
	height: 				29px;
}

#navigation ul li a {
	margin: 				8px 32px 0 0;
}

#navigation ul li.last a {
	margin: 				0 0 0 0;
}

#navigation a {
	background-position: 	top;
	background-repeat: 		no-repeat;
	display: 				block;
	height: 				12px;
}

#navigation a:hover, #navigation a.current {
	background-position: 	bottom;
}

#nav_pro {
	background-image:		url(res/img/nav/pro.gif);
	width: 					30px;
}

#nav_lite {
	background-image:		url(res/img/nav/lite.gif);
	width: 					30px;
}

#nav_buzz {
	background-image:		url(res/img/nav/buzz.gif);
	width: 					37px;
}

#nav_support {
	background-image:		url(res/img/nav/support.gif);
	width: 					68px;
}

#nav_blog {
	background-image:		url(res/img/nav/blog.gif);
	width: 					39px;
}

#nav_contact {
	background-image:		url(res/img/nav/contact.gif);
	width: 					68px;
}

#navigation #nav_buy {
	background-image:		url(res/img/nav/buy.gif);
	height: 				29px;
	width: 					96px;
}

/* @end */

/* @group Promo */

#promo {
	background:				url(res/img/home/promo/bg.jpg) no-repeat left bottom;
	display: 				block;
	height: 				239px;
	width: 					920px;
}

#promo img {
	float: 					right;
}

#introduction {
	display: 				inline;
	float: 					left;
	margin: 				50px 0 0 50px;
}

#header_buy, #header_done, #header_lite, #header_pro, #header_thankyou {
	color: 					#122b2d;
	font-size: 				2.7em;
	font-weight: 			normal;
	padding-bottom: 		15px;
}

#promo p {
	font-size: 				1.95em;
	line-height: 			1.4em;
	padding-bottom: 		15px;
	width: 					350px;
}

#promo.lite p {
	width: 					320px;
}

#button_findoutmore {
	background:				url(res/img/home/promo/button-findoutmore.gif) no-repeat left top;
	display: 				block;
	height: 				40px;
	width: 					177px;
}

/* @end */

/* @group Message */

#message {
	clear: 					both;
	color: 					white;
	display: 				block;
	font-size: 				1.95em;
	line-height: 			1.3em;
	width: 					100%;
}

#message.alt {
	background:				#e1dcb6 url(res/img/common/message-alt-tile.gif) repeat-y center top;
	border-bottom: 			18px solid #122b2d;
	color: 					#122b2d;
	font-size: 				1.95em;
	line-height: 			1.3em;
}

#message div.container {
	display: 				block;
	margin:					0 auto 0 auto;
	padding: 				10px 0 10px 0;
	width: 					920px;
}

#message strong, #message a {
	color: 					#b2d95d;
	font-weight: 			normal;
}

/* @end */

/* @group Main */

#main {
	background: 			#ebe7ca;
	border-bottom: 			14px solid #ebe7ca;
	display: 				block;
	text-align: 			left;
	width: 					100%;
}

#main div.container, #main div.two_columns {
	display: 				block;
	margin:					0 auto 0 auto;
	overflow: 				auto;
	width: 					960px;
}

#main div.container {
	background:				url(res/img/common/two-columns/tile.gif) repeat-y center;
}

#main div.two_columns {
	background:				url(res/img/common/two-columns/bottom.gif) no-repeat center bottom;
}

div.primary, div.secondary {
	display: 				block;
	float: 					left;
	padding-bottom: 		26px;
}

div.primary {
	width: 					596px;
}

div.secondary {
	width: 					364px;
}

#forward {
	background:				#ebe7ca url(res/img/common/forward/top.gif) no-repeat left top;
	display: 				block;
	margin: 				26px 0 26px 36px;
	width: 					543px;
}

#forward p {
	background:				url(res/img/common/forward/bottom.gif) no-repeat left bottom;
	color: 					#4b3c30;
	font-size: 				1.70em;
	line-height: 			1.5em;
	padding: 				15px 20px 15px 20px;
	text-align: 			justify;
}

#instruction p {
	color: 					#4b3c30;
	font-size: 				1.3em;
	line-height: 			1.5em;
	margin: 				26px 0 26px 36px;
	width: 					543px;
}

#instruction p a {
	color: 					#235357;
}

/* @end */

/* @group Home */

#benefits {
	display: 				block;
	height: 				352px;
	overflow: 				visible;
	width: 					576px;
}

#benefits li {
	background:				url(res/img/home/benefits/divide.gif) no-repeat right bottom;
	clear: 					left;
	float: 					left;
	height: 				113px;
	width: 					576px;
}

#benefits li.last {
	background: 			none;
	height: 				126px;
}

#benefits h2, #benefits p, #benefits img {
	float: 					left;
}

#benefits h2 {
	color: 					#235357;
	font-size: 				1.9em;
	font-weight: 			normal;
	padding: 				16px 0 8px 0;
}

#benefits p {
	color: 					#4b3c30;
	font-size: 				1.3em;
	line-height: 			1.5em;
	width: 					430px;
}

#benefits img {
	display: 				block;
	padding-right: 			20px;
}

#header_features a {
	clear: 					left;
	background:				url(res/img/home/button-features.gif) no-repeat left top;
	display: 				block;
	height: 				58px;
	margin: 				0 0 0 36px;
	width: 					543px;
}

/* @end */

/* @group Pro */

#header_demo a {
	clear: 					left;
	background:				url(res/img/pro/button-demo.gif) no-repeat left top;
	display: 				block;
	height: 				58px;
	margin: 				0 0 0 36px;
	width: 					543px;
}

#thumb_pro {
	display: 				block;
	margin-bottom: 			13px;
	width: 					576px;
}

#thumb_pro li {
	background:				url(res/img/home/benefits/divide.gif) no-repeat right bottom;
	clear: 					left;
	float: 					left;
	height: 				124px;
	width: 					576px;
}

#thumb_pro h2, #thumb_pro p, #thumb_pro img {
	float: 					left;
}

#thumb_pro h2 {
	color: 					#235357;
	font-size: 				1.9em;
	font-weight: 			normal;
	padding: 				26px 0 8px 0;
}

#thumb_pro p {
	color: 					#4b3c30;
	font-size: 				1.3em;
	line-height: 			1.5em;
	width: 					350px;
}

#thumb_pro img {
	display: 				inline;
	margin:	 				16px 20px 0 36px;
}

#thumb_pro li.first {
	height: 				108px;
}

#thumb_pro li.first img {
	margin-top: 			0;
}

#thumb_pro li.first h2 {
	padding-top: 			13px;
}

#thumb_pro li.last {
	background: 			none;
	height: 				140px;
}

#buy {
	background:				url(res/img/buy/trust/tile.gif) repeat-y left top;
	clear: 					both;
	display: 				block;
	margin: 				26px 0 0 16px;
	width: 					313px;
}

#buy #paypal #button {
	background-image:		url(res/img/buy/trust/top.gif);
	background-position:	left top;
	background-repeat: 		no-repeat;
	display: 				block;
	height: 				65px;
	padding-top: 			12px;
	width: 					313px;
}

#buy h1 a {
	background:				url(res/img/pro/button-buy.gif) no-repeat left top;
	display: 				block;
	height: 				55px;
	margin: 				0 0 10px 12px;
	width: 					287px;
}

#buy p {
	background:				url(res/img/buy/trust/bottom.gif) no-repeat left bottom;
	color: 					#4b3c30;
	font-size: 				1.15em;
	line-height: 			1.7em;
	padding:				0 12px 16px 12px;
}

#buy img {
	float: 					right;
	padding: 				4px 12px 0 12px;
}

/* @end */

/* @group Lite */

#button_downloads {
	background:				url(res/img/lite/promo/button-downloads.gif) no-repeat left top;
	display: 				block;
	height: 				40px;
	width: 					291px;
}

#button_download_lite a {
	background:				url(res/img/lite/button-download-lite.gif) no-repeat left top;
	display: 				block;
	height: 				72px;
	margin: 				24px 0 0 16px;
	width: 					315px;
}

#header_contact a {
	clear: 					left;
	background:				url(res/img/lite/button-contact.gif) no-repeat left top;
	display: 				block;
	height: 				58px;
	margin: 				0 0 0 36px;
	width: 					543px;
}

#thumb_lite {
	background:				url(res/img/home/benefits/divide.gif) repeat-x left top;
	display: 				block;
	margin: 				4px 0 26px 36px;
	overflow: 				auto;
	width: 					543px;
}

#thumb_lite li {
	background:				url(res/img/home/benefits/divide.gif) repeat-x left bottom;
	float: 					left;
	padding:				22px 0 22px 0;
	width: 					271px;
}

#thumb_lite li.alt {
	text-align: 			right;
}

#join_facebook {
	clear: 					both;
	display: 				block;
	margin: 				26px 0 0 22px;
	overflow: 				hidden;
	width: 					300px;
}

#join_facebook img {
	float:					left;
	margin:					0 12px 0 0;
}

#join_facebook p {
	color: 					#122b2d;
	display: 				block;
	font-size: 				1.3em;
	line-height: 			1.3em;
	padding: 				4px 0 0 0;
}

/* @end */

/* @group Contact */

#documentation, #faqs, #rate, #requirements {
	display: 				block;
	margin:					26px 0 0 20px;
	width: 					300px;
}

#heading_documentation, #heading_faqs, #heading_rate, #heading_requirements {
	display: 				block;
	height: 				29px;
	margin: 				0 0 10px 0;
	width: 					287px;
}

#heading_documentation {
	background:				url(res/img/common/heading-documentation.gif) no-repeat left top;
}

#heading_faqs {
	background:				url(res/img/common/heading-faqs.gif) no-repeat left top;
}

#heading_rate {
	background:				url(res/img/common/heading-rate.gif) no-repeat left top;
}

#heading_requirements {
	background:				url(res/img/common/heading-requirements.gif) no-repeat left top;
}

#documentation ul li, #faqs ul li, #requirements ul li {
	background:				url(res/img/common/bullet-arrow.gif) no-repeat left 3px;
	font-size: 				1.3em;
	line-height: 			1.6em;
	padding: 				0 0 4px 20px;
}

#faqs p, #rate p {
	color: 					#4b3c30;
	font-size: 				1.3em;
	line-height: 			1.6em;
	padding-bottom: 		16px;
}

#documentation p a, #documentation ul li a, #faqs p a, #faqs ul li a, #join_facebook a, #rate p a, #requirements p a, #requirements ul li a {
	color: 					#235357;
}

#rate label {
	color: 					#4b3c30;
	font-size: 				1.3em;
	font-weight: 			bold;
}

#rate label, #rate select {
	margin-right: 			6px;
}

#form_contact {
	margin: 				0 0 0 36px;
	padding: 				0;
	width:					543px;
}

#form_contact #instruction p {
	margin: 				0 !important;
}

#form_contact label {
	color: 					#4b3c30;
	font-size: 				1.3em;
	font-weight: 			bold;
}

#form_contact div.lbl {margin:12px 0 2px 0;}

#form_contact div.obj input, #form_contact textarea {
	background:				#fcfbf7;
	border-color:			#8b8b8b;
	border-style:			solid;
	border-width:			thin;
	color: 					#4b3c30;
	font-family:			arial, sans-serif;
	font-size:				1.3em;
	padding:				3px;
	width:					300px;	
}

#form_contact textarea {height:150px;}

#form_contact div.obj input:focus, #form_contact textarea:focus {background:white;}

#form_contact div.obj input.err, #form_contact textarea.err {border-color:#cd0000;}

#form_contact p.err {
	background-image:		url(contact/sc_admin/res/error_arrow.gif);
	background-repeat: 		no-repeat;
	color: 					#cd0000;
	font-size:				1.1em;
	font-style:				italic;
	height: 				12px;
	margin: 				3px 0 0 0;
	padding: 				1px 0 0 0;
	text-indent:			20px;
}

#form_contact #sendme {
	margin:					16px 0 0 0;
}

/* @end */

/* @group Attractor (Lite) */

#attractor_lite {
	display: 				block;
	margin:					26px 0 0 20px;
	width: 					324px;
}

#attractor_lite img {
	display: 				block;
	float: 					right;
	margin-left:			10px;
}

#attractor_lite p {
	color: 					#4b3c30;
	font-size: 				1.3em;
	line-height: 			1.6em;
}

#attractor_lite p a {
	color: 					#235357;
}

#heading_free {
	background:				url(res/img/common/lite/heading-free.gif) no-repeat left top;
	display: 				block;
	height: 				29px;
	margin: 				0 0 10px 0;
	width: 					287px;
}

#button_lite a {
	background:				url(res/img/common/lite/button-lite.gif) no-repeat left top;
	display: 				block;
	height: 				36px;
	margin: 				14px 0 0 0;
	width: 					287px;
}

/* @end */



/* @group Attractor (Pro) */

#attractor_pro {
	display: 				block;
	margin:					26px 0 0 20px;
	width: 					324px;
}

#attractor_pro img {
	display: 				block;
	float: 					right;
	margin: 				0 0 12px 12px;
}

#attractor_pro p {
	color: 					#4b3c30;
	font-size: 				1.3em;
	line-height: 			1.6em;
	padding-right: 			20px;
}

#attractor_pro p a {
	color: 					#235357;
}

#heading_pro {
	background:				url(res/img/common/pro/heading-pro.gif) no-repeat left top;
	display: 				block;
	height: 				29px;
	margin: 				0 0 10px 0;
	width: 					287px;
}

#button_pro a {
	background:				url(res/img/common/pro/button-pro.gif) no-repeat left top;
	display: 				block;
	height: 				36px;
	margin: 				14px 0 0 0;
	width: 					287px;
}

/* @end */

/* @group Buzz Page */

#buzz_quotes {
	margin: 				26px 0 26px 36px;
	padding: 				0;
	width: 					543px;
}

#buzz_quotes div.buzz_quote {
	background:				url(res/img/buzz/tile.gif) repeat-y left top;
	display: 				block;
	margin: 				0;
	width: 					543px;
}

#buzz_quotes div.buzz_quote blockquote {
	background:				url(res/img/buzz/top.gif) no-repeat left top;
}

#buzz_quotes div.buzz_quote blockquote p {
	background:				url(res/img/buzz/bottom.gif) no-repeat left bottom;
	color: 					#122b2d;
	display: 				block;
	font-size: 				1.4em;
	line-height: 			1.5em;
	padding-bottom:			45px;
}

#buzz_quotes li.last p.user {
	padding-bottom: 		0;
}

p.user {
	color: 					#122b2d;
	font-size: 				1.4em;
	line-height: 			1.5em;
	margin: 				0;
	padding: 				0 0 12px 45px;
}

p.user a {
	color: 					#235357;
}

/* @end */

/* @group Buzz Quote */

div.buzz_quote {
	background:				url(res/img/common/quote/tile.gif) repeat-y left top;
	clear: 					both;
	display: 				block;
	margin: 				26px 0 0 14px;
	width: 					350px;
}

div.buzz_quote blockquote {
	background:				url(res/img/common/quote/top.gif) no-repeat left top;
	padding-top:			30px;
}

div.buzz_quote p {
	background:				url(res/img/common/quote/bottom.gif) no-repeat left bottom;
	color: 					#122b2d;
	display: 				block;
	font-size: 				1.4em;
	line-height: 			1.5em;
	padding:				0 45px 15px 45px;
}

div.buzz_quote p strong {
	color: 					#235357;
}

p.buzz_quote {
	background:				url(res/img/common/quote/buzz.gif) no-repeat left top;
	color: 					#4b3c30;
	font-size: 				1.3em;
	margin-left:			14px;
	padding:	 			25px 40px 0 0;
	text-align: 			right;
}

p.buzz_quote a {
	color: 					#235357;
}

/* @end */

/* @group Buy */

#trust {
	background:				url(res/img/buy/trust/tile.gif) repeat-y left top;
	clear: 					both;
	display: 				block;
	margin: 				26px 0 0 16px;
	width: 					313px;
}

#trust #paypal {
	background-image:		url(res/img/buy/trust/top.gif);
	background-position:	left top;
	background-repeat: 		no-repeat;
	padding-top:			20px;
}

#trust p {
	background:				url(res/img/buy/trust/bottom.gif) no-repeat left bottom;
	color: 					#4b3c30;
	font-size: 				1.15em;
	line-height: 			1.7em;
	padding:				0 0 16px 12px;
}

#trust img {
	float: 					right;
	padding: 				4px 12px 0 12px;
}

#buy_single, #buy_developer {
	clear: 					both;
	display: 				block;
	height: 				158px;
	width: 					543px;
}

#buy_single {
	background:				url(res/img/buy/single-bg.gif) no-repeat left top;
	margin: 				26px 0 26px 36px;
}

#buy_developer {
	background:				url(res/img/buy/developer-bg.gif) no-repeat left top;
	margin: 				0 0 0 36px;
}

#buy_single input, #buy_developer input {
	float: 					right;
	margin: 				60px 36px 0 0;
}

#buy_single h2, #buy_developer h2 {
	font-size: 				2.2em;
	font-weight: 			bold;
	margin:		 			30px 0 12px 36px;
}

#buy_single h2, #buy_single p {
	color: 					#122b2d;
}

#buy_developer h2, #buy_developer p {
	color: 					#4b3c30;
}

#buy_single p, #buy_developer p {
	font-size: 				1.3em;
	line-height: 			1.5em;
	margin:		 			0 0 12px 36px;
	width: 					360px;
}

/* @end */

/* @group Updates */

#updates {
	background:				url(res/img/updates/top.gif) repeat-x left top;
	clear: 					both;
	display: 				block;
	text-align: 			left;
	width: 					100%;
}

#updates div.container {
	display: 				block;
	margin:					0 auto 0 auto;
	overflow: 				auto;
	width: 					920px;
}

#updates div.primary, #updates div.secondary {
	margin: 				0;
	padding: 				30px 20px 30px 20px;
}

#updates div.primary {
	width: 					516px;
}

#updates div.secondary {
	width: 					284px;
}

#updates h2 {
	color: 					white;
	font-size: 				1.8em;
	font-weight: 			normal;
	letter-spacing: 		0.05em;
}

#updates div.primary h2 {
	padding-bottom: 		12px;
}

#updates ol li {
	padding-bottom: 		12px;
	width: 					400px;
}

#updates ol li a {
	color: 					#b2d95d;
	font-size: 				1.4em;
}

#updates p {
	color: 					white;
	font-size: 				1.2em;
	line-height: 			1.5em;
	padding:	 			12px 0 12px 0;
	width: 					300px;
}

#updates label {
	color: 					white;
	font-size:				1.1em;
	font-weight:			bold;
}

#updates div.obj input {
	border-color: 			#235357;
	width: 					200px;
}

#updates p.err {
	background:				url(res/img/updates/error_arrow_white.gif) no-repeat;
	color: 					white;
	font-size:				1.1em;
	font-style:				italic;
	margin: 				3px 0 0 0;
	padding: 				0;
	text-indent:			20px;
}

#updates ul {
	display: block;
}

#updates li {
	float: left;
	margin-right: 15px;
}

#button_twitter {
	background:				url(res/img/updates/button-twitter.gif) no-repeat;
	clear: 					both;
	display: 				block;
	height: 				28px;
	width: 					157px;
}

#button_facebook {
	background:				url(res/img/updates/button-facebook.gif) no-repeat;
	display: 				block;
	height: 				28px;
	width: 					157px;
}

/* @end */

/* @group Footer */

#footer {
	clear: 					both;
	color: 					white;
	display: 				block;
	text-align: 			right;
	width: 					100%;
}

#footer div.container {
	border-top: 			1px solid #122b2d;
	display: 				block;
	margin:					0 auto 0 auto;
	width: 					920px;
}

#footer p {
	font-size: 				1.2em;
	padding: 				18px 18px 18px 0;
}

#footer a {
	color: 					#b2d95d;
}

/* @end */