/*--------------------- general ---------------------*/

html, body { margin: 0; padding: 0; }
body { background: #666; color: #4d4d4d; font: 62.5% Arial, Helvetica, sans-serif; }

	/* to force scrollbar with centered layout */
	html {
		min-height: 100%;
		margin-bottom: 1px; }

	/*  Baseline values for browser consistency  */
	p, div, h1, h2, h3, h4, h5, ul, li, ol, img, fieldset { margin: 0; padding: 0; }
	img { border: 0; }
	
	ul, ol { list-style-position: inside; margin: 0 0 1em; }
	ul li, ol li { font-size: 1.2em; margin: 0 0 0.2em; }
	
	hr { background: #000; color: #000; border: 0; height: 1px; margin: 20px 0; }
	
	a:link, a:visited, a:active { color: #66811F; text-decoration: underline; outline: 0; }
	a:hover { text-decoration: none; }

.clear { clear: both; height: 0px; }
.left { float: left; }
.right { float: right; }
.padder { padding: 10px; }

/*---------------- layout elements ----------------*/

#container {
	width: 900px;
	background: white;
	margin: 20px auto 0;
	padding: 15px 20px 10px; }
	
	#head {
		width: 900px;
		height: 153px;
		position: relative;
		background: url('../img/bg_head.jpg') top left repeat-x; }
		
		#logo {
			position:absolute; top: 12px; left: 10px; }
			
			img.logoFade { position: absolute; right: 0; bottom: 0; }
			
	.home #content {
		width: 626px;
		float: left;
		padding: 35px 0 0 17px; 
		background: url('../img/bg_content.jpg') left 25px repeat-x; }
		
	.subpage #content {
		width: 649px; position: relative;
		padding: 37px 20px 0;
		float: right;
		margin:0;
		background: url('../img/bg_content.jpg') left 25px repeat-x; }
		
		.contentLeft { width: 410px; }
		.contentLeftNarrow { width: 360px; }
		.contentLeftMedium { width: 540px; }
		.contentLeftWide { width: 560px; }
		.contentLeftWider { width: 660px; }
		
	.wide #content { width: 860px; }
			
		body#demo #content { padding: 0; width: 689px; margin-top: 25px; }
		
		.register #content {
			width: 674px;
			float: left;
			padding: 35px 0 0 0;
			margin:0;
			background: url('../img/bg_content.jpg') left 25px repeat-x; }
		
		.whatDemo #content, .border { border: 1px dashed #a0a0a0; }
		
		.greenbg {
			background: #ECFFC6;
			padding: 15px; }
			
			.narrow { width: 75%; margin-top: 80px; }
			.contactbox { margin: 60px 0 30px 0; padding: 8px 10px 2px; }
				.contactbox img { margin: 5px 0 0; }
		
	.register #content p { padding-left:17px; padding-right:120px; }
	.register #content h2 { padding-left:17px; }
	#registerForm h3 { font-weight:normal; font-size:1.4em; padding:10px 0 10px 17px; }
		
		#getstarted {
			height: 125px; width: 641px;
			position: relative;
			float: left;
			background: url('../img/bg_getstarted.jpg') top left repeat-x;
			border: 1px dashed #a0a0a0; }	

		#registerForm {
			position: relative; float: left;			
			width: 642px;
			padding:0 0 10px 0; margin: 15px 0 0;
			background-color: #f1f4ec;
			border: 1px dashed #a0a0a0;
			font-size: 12px; }
			
		.callUs {
			width: 666px;
			position: relative;
			float: left;
			background-color: #ecffc6;
			border: 1px dashed #a0a0a0;
			margin:40px 0 0 0;	}
			
		.call { padding:25px 0 10px 17px; }
		.hrs { font-size:0.8em; }
		
	.registerTable { margin:0 0 10px 60px; width:520px; }
	.registerTable tr { padding:0; }
	
	.registerTable input {
					width: 268px; height: 17px;
					border: 1px solid #A5ACB2;
					margin: 0 0 2px; 
					font-size: 12px; font-family: Arial, Helvetica, sans-serif; }
					
	.registerTable textarea { margin: 0 0 2px; }
					
	.registerFormRight { padding-left:20px; }
	.registerFormRight2 { padding-left:20px; }
	.registerBtn { float:right; padding-right:92px; display:inline; padding-top: 4px; }
	
	/*------------------- Registration Form Validation -------------------------*/
	
	td.registerValImg { width: 25px; }
	
	td.registerValImg div { text-align: center; }
	
	.registerLabel { width: 200px; }

	/*--------------------------------------------------------------------------*/
	
	.require { font-size:1em; float:left; padding: 11px 0 0; }
	
	.star { color:#9d0b0a;}
	
	.ccc { 
		float:left;
		background: url('../img/ccc_bg.jpg') bottom left repeat-x;
		margin: 4px 20px 10px 0; }
		
	.cccText { font-size:0.9em; padding:0 0 0 5px; }	
		
	#rightcol {
		width: 224px;
		float: right; }
		
	#rightcolRegister {
		margin:0;
		width: 221px;
		float: left; }
		
	#rightcolSupport {
		margin:0;
		padding:0 50px 0 0;
		width: 124px;
		float: right; }
		
		#login {
			width: 223px; height: 127px;
			position: relative;
			background: transparent url('../img/bg_login.jpg') left 29px repeat-x;
			float: right; }
			
			#loginMain { 
				float: none; width: 343px;
				position: relative;
				background: #E1E1E1 url('../img/bg_login.jpg') left 29px repeat-x;
				margin: 97px 0 100px 244px; }
				
				#loginMain p { font-size: 11px; margin: 0 0 0.3em; padding: 0; }
			
			#login .inputs, #login2 .inputs {
				border: 1px solid #ccc;
				height: 80px;
				padding: 8px; }				
				
				#loginMain .inputs { padding: 10px 20px 0px 20px; border: 1px solid #ccc; }
				
				#login .inputs label, #loginMain .inputs label {
					display: block; float: left;
					width: 65px;
					font-size: 1.3em; }
										
					#loginMain .inputs label { width: 80px; padding: 5px 10px 0 0; }
				
				#login .inputs input, #loginMain .inputs input {
					width: 130px; height: 17px;
					border: 1px solid #A5ACB2;
					margin: 0 0 2px;
					font-family: Arial, Helvetica, sans-serif; font-size: 1.3em; }
					
					#loginMain .inputs input { width: 208px; margin-top: 3px; }
					
				#login .inputs a, #login .inputs a:visited, #login .inputs a:active {
					font-size: 11px;
					color: #666;
					display: block; float: left;
					margin: 11px 0 0; }
					
					#loginMain .inputs a, #loginMain .inputs a:visited, #loginMain .inputs a:active { color: #666; }
					
					
	#foot {
		border-top: 1px dashed #a0a0a0;
		height: 30px; padding: 31px 0 0 10px;
		margin: 35px 0 0;
		background: url('../img/bg_foot.jpg') top left repeat-x; }
		
	.footRight { float:right; display:inline; padding-right:20px; }

/*---------------- headings and paragraphs ----------------*/

p { 
	font-size: 1.3em;
	line-height: 1.3em;
	margin: 0 0 1em; }
	
	.home #content p {
		margin: 0 0 1.5em;
		padding-right: 126px; }
		
	#getstarted p {
		position: absolute; top: 42px; left: 170px;
		font-size: 12px;
		width: 400px; }
		
	p.telnumber { font-size: 1.8em; margin: 0; padding: 8px 10px 0 0; line-height: 20px; }
		p.telnumber span { font-size: 10px; }
	p.askfor { padding: 10px 0 0; }
	
	#foot p {
		font-size: 11px; color: #757575; }

h1 { 
	font-size: 2em; 
	margin: 0 0 1em; }
	
	#head h1 {
		position: absolute; left: 0; bottom: 0;
		display: block;
		height: 33px; width: 884px;
		padding: 16px 0 0 16px;
		margin: 0;
		text-indent: -1000px; }
		
		body.home #head h1 { background: url('../img/head_welcome.gif') 16px 18px no-repeat; }
		body.what #head h1 { background: url('../img/head_what.gif') 16px 18px no-repeat; }
		body.whatTotal #head h1 { background: url('../img/head_what_total.gif') 16px 18px no-repeat; }
		body.whatHow #head h1 { background: url('../img/head_what_how.gif') 16px 18px no-repeat; }
		body.whatDemo #head h1 { background: url('../img/head_what_demo.gif') 16px 18px no-repeat; }
		body.whatScreenshots #head h1 { background: url('../img/head_what_screenshots.gif') 16px 18px no-repeat; }
		body.whatFuture #head h1 { background: url('../img/head_what_future.gif') 16px 18px no-repeat; }
		body.why #head h1 { background: url('../img/head_why.gif') 16px 18px no-repeat; }
		body.getHow #head h1 { background: url('../img/head_get_how.gif') 16px 18px no-repeat; }
		body.getPricing #head h1 { background: url('../img/head_get_pricing.gif') 16px 18px no-repeat; }
		body.getLarge #head h1 { background: url('../img/head_get_large.gif') 16px 18px no-repeat; }
		body.about #head h1 { background: url('../img/head_about.gif') 16px 18px no-repeat; }
		body.affiliate #head h1 { background: url('../img/head_affiliate.gif') 16px 18px no-repeat; }
		body.marketing #head h1 { background: url('../img/head_marketing.gif') 16px 18px no-repeat; }
		body.support #head h1 { background: url('../img/head_support.gif') 16px 18px no-repeat; }
		body.register #head h1 { background: url('../img/head_register.gif') 16px 18px no-repeat; }
		body.login #head h1 { background: url('../img/head_login.gif') 16px 18px no-repeat; }
		body.contact #head h1 { background: url('../img/head_contact.gif') 16px 18px no-repeat; }
		
	#content h2 {
		font-size: 1.5em; color: #4d4d4d; font-weight: normal;
		line-height: 1.4em;
		margin: 0 0 1.2em; }
		
	#login h1, #loginMain h1 {
		display: block;
		width: 215px; height: 23px;
		background: url('../img/bg_loginh1.jpg') top left no-repeat;
		font-size: 1.5em; font-weight: normal;
		margin: 0; padding: 5px 0 0 8px; }
		
		#loginMain h1 {
			width: 340px;
			background: url('../img/bg_loginhead.jpg') top left no-repeat; }

h2 { 
	font-size: 1.8em; 
	margin: 0 0 1em; }

/*--------------------- navigation -----------------------*/

ul.toollinks {
	list-style: none;
	float: right; }
	
	ul.toollinks li {
		float: left;
		color: #666; }
		
	ul.toollinks li a, ul.toollinks li a:visited, ul.toollinks li a:active {
		font-size: 11px; color: #666; 
		text-decoration: none;
		display: block; float: left;
		height: 16px;
		padding: 3px 7px 0;
		border-right: 1px solid #999; }
		
		ul.toollinks li a:hover {
			text-decoration: underline; }
			
		ul.toollinks li a.on, ul.toollinks li a:visited.on {
			text-decoration: none;
			color: #fff;
			background: url('../img/bg_toollinks.jpg') top left repeat-x; }
			
		ul.toollinks li.lastlink a, ul.toollinks li.lastlink a:visited, ul.toollinks li.lastlink a:active {
			border-right: none; }

ul.level1 { 
	list-style: none; list-style-position: outside;
	height: 25px; width: 900px;
	position: absolute; left: 0; top: 79px;
	display: block; }
	
	ul.level1 li { float: left; }
	
	ul.level1 li a, ul.level1 li a:visited, ul.level1 li a:active { display: block; height: 25px; float: left; }
	
	ul.level1 li.bt_home a { background: url('../img/bt_home.jpg') top left no-repeat; width: 59px; }
	ul.level1 li.bt_home a:hover, ul.level1 li.bt_home a.on { background: url('../img/bt_home.jpg') bottom left no-repeat; }
	
	ul.level1 li.bt_what a { background: url('../img/bt_what.jpg') top left no-repeat; width: 131px; }
	ul.level1 li.bt_what a:hover, ul.level1 li.bt_what a.on { background: url('../img/bt_what.jpg') bottom left no-repeat; }
	
	ul.level1 li.bt_why a { background: url('../img/bt_why.jpg') top left no-repeat; width: 113px; }
	ul.level1 li.bt_why a:hover, ul.level1 li.bt_why a.on { background: url('../img/bt_why.jpg') bottom left no-repeat; }
	
	ul.level1 li.bt_get a { background: url('../img/bt_get.jpg') top left no-repeat; width: 124px; }
	ul.level1 li.bt_get a:hover, ul.level1 li.bt_get a.on { background: url('../img/bt_get.jpg') bottom left no-repeat; }
	
	ul.level1 li.bt_about a { background: url('../img/bt_about.jpg') top left no-repeat; width: 82px; }
	ul.level1 li.bt_about a:hover, ul.level1 li.bt_about a.on { background: url('../img/bt_about.jpg') bottom left no-repeat; }
	
	ul.level1 li.bt_affiliate a { background: url('../img/bt_affiliate.jpg') top left no-repeat; width: 208px; }
	ul.level1 li.bt_affiliate a:hover, ul.level1 li.bt_affiliate a.on { background: url('../img/bt_affiliate.jpg') bottom left no-repeat; }
	
	ul.level1 li.bt_marketing a { background: url('../img/bt_marketing.jpg') top left no-repeat; width: 183px; }
	ul.level1 li.bt_marketing a:hover, ul.level1 li.bt_marketing a.on { background: url('../img/bt_marketing.jpg') bottom left no-repeat; }

ul.level2 { 
	list-style: none; list-style-position: outside;
	width: 188px;
	float: left;
	border: 1px solid #ccc;
	border-bottom: none;
	margin: 25px 0 0; }

	ul.level2 li {
		display: block;
		width: 188px; height: 29px;
		margin: 0; padding: 0;
		border-bottom: 1px solid #ccc; }

	ul.level2 a, ul.level2 a:visited, ul.level2 a:active {
		display: block;
		width: 180px; height: 21px;
		padding: 8px 0 0 8px;
		background: url('../img/bg_level2.jpg') top left no-repeat;
		margin: 0;
		color: #333; text-decoration: none; }
		
		ul.level2 a:hover, ul.level2 a.on, ul.level2 a:visited.on {
			background: url('../img/bg_level2_on.jpg') top left no-repeat; }


ul.arrowlist {
	list-style: none; list-style-position: outside;
	padding: 0 0 0 15px; }
	
	ul.arrowlist li {
		display: block;
		padding: 0 0 11px 28px;
		background: url('../img/arrow.gif') top left no-repeat; }
		
		ul.affiliate li { font-size: 1.3em; height: auto; margin: 0 0 12px; }
		
	ul.arrowlist a, ul.arrowlist a:visited, ul.arrowlist a:active {
		color: #66811F; text-decoration: underline; }
		
	ul.arrowlist a:hover {
		text-decoration: none; }

ul.bullet_green {
	width: 45%; float: left; list-style: none; list-style-position: outside; }
	
ul.bullet_red {
	width: 45%; float: right; list-style: none; list-style-position: outside; margin-right: 20px; }
	
	ul.bullet_green li, ul.bullet_red li { margin: 0; padding: 3px 0 8px 30px; }
	ul.bullet_green li { background: url('../img/bullet_green.gif') top left no-repeat; }
	ul.bullet_red li { background: url('../img/bullet_red.gif') top left no-repeat; }

/*--------------------- images -------------------------*/

img.tagline {
	width: 224px; height: 288px; float: right;
	margin: 0 0 20px; }
	
img.register {
	float: right;
	margin:25px 0 0 0; }
	
img.support {
	float: right;
	margin:25px 25px 0 35px; }
	
img.contact {
	float: right;
	margin:0;
	padding:0; }
	
img.click { 
	border: 1px dashed #a0a0a0;
	margin-bottom:3px;}
	
#getstarted img {
	width: 169px; height: 115px; float: left;
	padding: 10px 0 0 21px; }
	
#getstarted a img {
	width: 164px; height: 31px;
	position: absolute; right: 7px; bottom: 5px;
	padding: 0; float: none; }

#login img {
	position: absolute; right:10px; bottom: 8px; }
	
img.img_why, img.img_get, img.img_about, img.img_right { position: absolute; right: 0; top: 25px; }
img.img_about { top: 0; padding-left: 35px; background: white; }

img.bt_register { padding: 18px 0 0; }

/*--------------------- form elements ---------------------*/

form {  
	/*padding: 10px;*/ }

/*
form label {
	 cursor: pointer;
	 font-size: 1.2em;
	 display: block; 
	 float: left;
	 width: 150px; }
*/ 	
	form span { font-size: 1.2em; }
 		
form fieldset {
	border: none; clear: left; }
		
textarea {
 	font: 13px Arial, Helvetica, sans-serif;
 	width: 266px; height: 50px; }
 
 	input.checkbox, input.radio { width: auto; margin-top: 5px; }

button { margin: 0 0 0 10px; }


/*---------------------New login box 21/5/08 ---------------------*/

#redirectlogin {
	width: 223px; height: 147px;
	position: relative;
	background: #e1e1e1 url('../img/bg_login.jpg') left 29px repeat-x;
	float: right; }

#redirectlogin .inputs {
	border: 1px solid #ccc;
	height: 102px;
	padding: 8px 0px 8px 8px; }						
	
#redirectlogin h1 {
	display: block;
	width: 215px; height: 23px;
	background: url('../img/bg_loginh1.jpg') top left no-repeat;
	font-size: 1.5em; font-weight: normal;
	margin: 0; padding: 5px 0 0 8px; }
		
#redirectlogin img {
	position: absolute; right:28px; top: 57px; }	
	
#redirectlogin p {font-size:1.1em; position:absolute; bottom:-4px; left:15px;}