/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		BODY, WRAPPINGS, ANCHORS
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
	
	body {
		margin: 0;
		padding: 0;
		text-align: center;
		/*font-family: "Lucida Grande", Verdana, sans-serif;*/
		"Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
		
		}	
		
		#wrapper {
			width: 100%;
			/*min-width: 510px;*/
			min-width: 600px;
			background: url("./images/bg_green.png");
			margin: 0 auto;
			}
			
			#wrapper_again {
				height: 100%;
				width: 100%;
				background: url("./images/bg_grad.png") repeat-x;
				}
				
				#wrapper_yet_again {
					height: 100%;
					width: 100%;
					
					background: url("./images/bg_checks.png");
					}
					
					#real_wrapper {
						/*width: 490px;*/
						width: 550px;
						margin: 0 auto;
						/*padding: 0 0 300px 0; bottom bit*/
						padding: 0 0 20px 0;
		
						}



/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		HEADER
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
	
	#header {
		width: 490px;
		/*width: 490px;*/
						width: 550px;
		/*height: 119px;*/
		height: 139px;
		background: transparent url("./images/bg_white.png");
		}
		
		
		h1 {
			width: 464px;
			/*height: 49px;*/
			height: 124px;
			background: url("./images/title.png");
			margin: 0 auto;
			clear: both;
			/*position: relative;*/
			}
			
			h1 span { display: none; }
			
			
		a#homelink {
			display: block;
			/*width: 464px;
			height: 49px;*/
			width: 464px;
			height: 124px;
			/*position: absolute;*/
			position: center;
			top: 0;
			left: 0;
			}



/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		MENU
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
	
	ul#menu {
		/*width: 291px;*/
		width: 450px;
		height: 34px;
		list-style: none;
		padding: 0;
		margin: 0 auto 35px auto;
		}
		
		ul#menu li {
			height: 34px;
			float: left;
			}
			
			ul#menu li a {
				display: block;
				height: 34px
				}
				
				ul#menu li a span { display: none; }
				
			li#install { width: 100px; margin: 0 5px 0 0; }
				a.install { width: inherit; background: url("./images/menu/install.png"); }
					a.install:hover { background: url("./images/menu/o_install.png"); }
			
			li#about { width: 100px; margin: 0 5px 0 0; }
				a.about { width: inherit; background: url("./images/menu/about.png"); }
					a.about:hover { background: url("./images/menu/o_about.png"); }
		
			li#faq { width: 100px; margin: 0 5px 0 0;  }
				a.faq { width: inherit; background: url("./images/menu/faq.png"); }
					a.faq:hover { background: url("./images/menu/o_faq.png"); }
			
					/*keet*/
					li#dingle { width: 100px; margin: 0 5px 0 0;  }
				a.dingle  { width: inherit; background: url("./images/menu/dingle.png"); }
					a.dingle:hover { background: url("./images/menu/o_dingle.png"); }
					
			li#contact { width: 100px; }
				a.contact  { width: inherit; background: url("./images/menu/contact.png"); }
					a.contact:hover { background: url("./images/menu/o_contact.png"); }




 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		HEADINGS
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
		
	h2 {
		height: 38px;
		margin: 0 0 20px 10px;
		}
		
		h2 span { display: none; }
		
		#h_faq { width: 76px; background: url("./images/headings/faq.png"); }
		#step_1 { width: 334px; background: url("./images/headings/step_1.png"); }
		#step_2 { width: 334px; background: url("./images/headings/step_2.png"); }
		#step_3 { width: 334px; background: url("./images/headings/step_3.png"); }
		#step_4 { width: 334px; background: url("./images/headings/step_4.png"); }
		
		#h_login { width: 110px; background: url("./images/headings/login.png"); }
		#h_edit { width: 328px; background: url("./images/headings/edit_acc.png"); }
		#h_success { width: 171px; background: url("./images/headings/success.png"); }
		#h_word { width: 308px; background: url("./images/headings/spread_word.png"); }
		#h_password { width: 364px; background: url("./images/headings/forgot.png"); }
		#h_what { width: 125px; background: url("./images/headings/what.png"); }
		#h_5reasons { width: 447px; margin-top: 40px; background: url("./images/headings/5reasons.png"); }



/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		CONTENT
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
	
	p {
		margin: 0 10px 10px 10px;
		text-align: left;
		/* font-size: 0.9em; */
		font-size: 1.1em;
		line-height: 1.5em;
		/*color: #99A58E;*/
		background: transparent url("./images/bg_white.png");
		color: #ccc;
padding: 10px 10px 10px 10px;
		}
		
		p.what a { color: #FF8F00; text-decoration: none; }
		
			p.what a:hover { color: #fff; }
			
		p a { color: #fff; text-decoration: none; }
		
			p a:hover { color: #FF8F00; }
		
	ul#reasons {
		margin: 0 10px 20px 10px;
		font-size: 1.1em;
		text-align: left;
		/*color: #99A58E;*/
		color: #ccc;
		list-style: none;
padding: 10px 10px 10px 10px;
		/*padding: 0;*/
		
		background: transparent url("./images/bg_white.png");
		}
		
		ul#reasons li {
			background: url("./images/bullet.png") 0 50% no-repeat;
			padding: 0 0 0 40px;
			margin: 0 0 10px 20px;
			}
			
	ol {
		margin: 15px 0 15px 30px;
		text-align: left;
		/*color: #99A58E;*/
		color: #ccc;
		font-size: 0.9em;
		}
		
		ol li { margin: 0 0 12px 0; padding: 0; }
		
			ol li a , dd a { color: #fff; text-decoration: none; }
			
				ol li a:hover, dt a:hover, dd a:hover { color: #FF8F00; }
				
	dl {
		font-size: 0.9em;
		/*color: #99A58E;*/
		color: #ccc;
		text-align: left;
		}
		
		dt {
			font-weight: bold;
			margin: 0 16px 12px 16px;
			}
			
			dt a {
				color: #fff;
				text-decoration: none;
				font-size: 0.8em;
				}
				
		dd { margin: 0 16px 40px 40px; }
		
	#spread {
		background: transparent url("./images/bg_white.png");
		padding: 10px;
		margin: 20px 16px 35px 16px;
		}
		
		#spread img { margin: 10px; }
			



/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		FORMS
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

	form {/*
		background: transparent url("./images/bg_white.png");
		margin: 25px 15px 30px 15px;
		padding: 20px;
		text-align: left;
		color: #fff;
		font-size: 0.8em;*/
		}
		
		
		
		label {
			padding: 0 0 3px 0;
			}
			
			
		
		input[type=text], input[type=password], select {
			font-size: 1.4em;
			padding: 6px;
			margin: 3px 8px 8px 10px;
			/*margin: 3px 0 8px 0;*/
			width: 350px;
			/*width: 290px;*/
			background: #fff !important;  
			}

			input.submit { margin: 10px 0 0 10px; }
			/*
	.error {
		background: url("./images/exclamation.png") 0 50% no-repeat;
		padding: 0 0 0 25px;
		color: #E76656;
		font-size: 1.1em;
		margin-left: 0;
		}
		
		p.success {
			background: url("./images/accept.png") 0 50% no-repeat;
			padding: 0 0 0 25px;
			color: #6DC462;
			font-size: 1.1em;
			margin-left: 0;
			}
		
			.question {
			font-size: 1.4em;
			color: #fff;
			margin-left: 0;
			}
			
			.radios {
			margin: 6px 0 15px 20px;
			font-size: 1em;
			color: black;
			}
	
			.radios label { margin-bottom: 0; }
	*/
	textarea {
		margin: 8px 0 0 0;
		/*font-family: "Lucida Grande", Verdana, sans-serif;*/
		"Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
		width: 380px;
		padding: 5px;
		font-size: 0.9em;
		}


/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		FAQ
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

	




/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		FOOTER
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#footer{
		width: 100%;
		height: 70px;
		padding: 0;
		align: center;
		margin: 0px 0px 10px 0px;
		display: block;
		}
		
		/*#footer span { display: none; }*/
	/*	
#footerbuttons{
		width: 60%;
		height: 62px;
		
		padding: 5px 5px 5px 5px;
		display: block;
		}*/
		#footerbuttons {

 margin-top: -10px;
 float: center;
/* margin-right: 12px;*/
 }

	
		
	/*	
	#bclink {
		width: 170px;
		height: 62px;
		background: url("./images/bc.png");
		margin: 0 auto;
		display: block;
		}
		
		#bclink span { display: none; }
		*/
		



#line {
	position: absolute;
	border-right: dashed #555555 3px;
	border-bottom: dashed #555555 3px;
	height: 275px;
	/*top: 15px;
	right: 66px;*/
	top: 425px;
//top: 425px;
	right: 70px;
//right: -80px;
	width: 51%;
	z-index: -1;
}

#arrow {
	position: absolute;
	height: 11px;
	background: url(./images/up.png) no-repeat top left;
	top: 9px;
	right: 70px;
//right: 61px;
	width: 12px;
	z-index: -1;
}

#dot {
	position: absolute;
	height: 12px;
	background: url(./images/dot.png) no-repeat bottom left;
	height: 288px;
	top: 420px;
	/*top: 10px;
	right: 54px;*/
	right: -40px;
	width: 55%;
	z-index: -1;
}

.stepnum {
	color: #C7001F;
}

.stepnum img {
	z-index: 99;
}

.buttons {
	position: relative;
	top: 35px;
}

#howto {
	width: 770px;
	height: 135px;
	margin: 0 auto;
	text-align: center;
}