/* #1 layout */
* {border:0; margin:0; padding:0;}
	body {background:#fff url("../images/bg.gif") top left repeat-x;}	
	body.home {background-image:url("../images/bg-home.gif")}	
		#container {margin:0 auto; width:730px;}
			#header {background:#000;}
				#logo { float:left; margin:10px 0 0 0;}
				#banner {position:inherit; width:700px;}
				#stages {margin:0 0 20px 0;}
					.stage-01, .stage-02, .stage-03 {float:left; width:210px; padding:10px;}
					.stage-01 {background: url("../images/box-stage-01.gif") top left no-repeat;}
					.stage-02 {background: url("../images/box-stage-02.gif") top left no-repeat; margin:0 20px;}
					.stage-03 {background: url("../images/box-stage-03.gif") top left no-repeat;}
						#stages img {margin:0 0 -3px 0;}
						#stages .decoration{background:url("../images/box-bottom-green.gif") top left no-repeat; height:10px; display:block; margin:0 -10px -10px -10px;}
				
					#submenu {width:210px; padding:10px; margin:0 0 20px 0; background:#199409 url("../images/box-submenu.gif") top left no-repeat;}
						#submenu .decoration {background:url("../images/box-submenu-bottom.gif") top left no-repeat; height:10px; display:block; margin:0 -10px -10px -10px;}
				
				#login, #newsletter {float:left; width:350px;}
					#login {padding: 0 5px 0 10px;}
					#newsletter {padding:0 0 0 5px;}
				
				#login-newsletter {background:#000 url("../images/box-login-newsletter.gif") top left no-repeat; padding-top:10px;}
					#login-newsletter .decoration {clear:both; background:url("../images/box-login-newsletter-bottom.gif") top left no-repeat; height:10px; display:block; margin:0 -10px -10px 0;}
					#login-newsletter fieldset {background:#e4e4e4 url("../images/box-login-newsletter-fieldset.gif") top left no-repeat; margin:0 0 10px 0;}
					#login-newsletter fieldset div {padding:15px 20px 10px 20px}
						#login-newsletter fieldset .decoration {background:url("../images/box-login-newsletter-fieldset-bottom.gif") top left no-repeat; height:10px; display:block; margin:0; padding:0;}
					#login-newsletter .action {text-align:right;}
					

				.extras-form {margin:0 0 20px 0;}
				.extras-form #newsletter {width:210px; padding:0 0 0 10px;}
					.extras-form {background:#000 url("../images/box-smallform.gif") top left no-repeat; padding-top:10px;}
					.extras-form .decoration {clear:both; background:url("../images/box-smallform-bottom.gif") top left no-repeat; height:10px; display:block; margin:0 -10px -10px 0;}
					.extras-form fieldset {background:#e4e4e4 url("../images/box-smallform-fieldset.gif") top left no-repeat; margin:0 0 10px 0;}
					.extras-form fieldset div {padding:15px 20px 10px 20px}
						.extras-form fieldset .decoration {background:url("../images/box-smallform-fieldset-bottom.gif") bottom left no-repeat; height:10px; display:block; margin:0; padding:0;}
					.extras-form .action {text-align:right;}				
				
			#page {float:left; width:460px; margin:40px 0 0 0;}
			#page_index {float:left; width:730px; margin:40px 0 0 0;}
			  page_index_h1 {font-size:3.5em; border-bottom:1px solid #cdcdcd; font-weight:normal; margin:0 0 0.7em 0;}
				#pagefull {margin:40px 0 0 0;}
					#demowrap {padding:0 9px;}
			#extras {float:left; width:230px; margin:40px 0 0 40px;}
				#free-account {margin:0 0 15px 0;}			
			#footer { clear:both; background:#e4e4e4 url("../images/bg-footer.gif") top left repeat-x; margin:10px 0 0 0; padding:12px 15px 10px 15px}
				.home #footer {margin:30px 0 0 0;}
				
			.feature {clear:both; margin:0 0 20px 0; padding:0 0 10px 0; border-bottom:1px solid #ddd;}
				.feature img {float:left; margin:0 20px 0 0; border:2px solid #ddd;}
				.feature p {padding:0 0 0 233px;}
				.last-item {border:none; margin:0; padding:0;}

				
			#intrance-logo {float:left; margin:0 20px 20px 0;}
			.price-option {margin:20px 0; padding:20px 0 0 0; border-top:1px solid #ddd;}
				.pricing {float:left; margin:0 10px 10px 0;}
				.price-option p {padding:0 0 0 100px;}
			
			
/* #2 navigation */
#navigation { margin:0; list-style: none; height: 120px; display: inline; overflow: hidden; float:right; }
	#navigation li { display: inline; list-style-type: none;}
		#navigation a { float: left; margin:0 0 0 3px; padding: 120px 0 0 0; overflow: hidden; height: 0px !important; width:90px; }
			#navigation a:hover { background-position: 0 -120px; }
			#navigation a:active, #navigation a.selected { background-position: 0 -120px; }
				#nav-home a  { background: url("../images/nav-home.gif") top left no-repeat; }
				#nav-features a  { background: url("../images/nav-features.gif") top left no-repeat;  }
				#nav-pricing a  { background: url("../images/nav-pricing.gif") top left no-repeat; }
				#nav-signup a  { background: url("../images/nav-signup.gif") top left no-repeat;  }
				#nav-aboutus a  { background: url("../images/nav-aboutus.gif") top left no-repeat;  }

#submenu ul {margin:0 10px; line-height:3; color:#8f5700; list-style-type:none;}
	#submenu li {font-size:0.7em; border-bottom:2px solid #66cc33; background:url("../images/sub-menu-bullet.gif") left center no-repeat; padding-left:17px;}
		#submenu li.last-item {border:none;}
					
#footer ul {list-style-type:none; float:right;}
	#footer ul li {font-size:0.75em; float:left; margin:0 0 0 10px;}
	
	
/* #3 typography */
body {font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;}
	p {margin:0 0 1em 0;font-size:0.75em;}
	
	h1, h2, h3, h4, h5, h6 {margin:0 0 0.3em 0;}
	h1 {font-size:1.75em; border-bottom:1px solid #cdcdcd; font-weight:normal; margin:0 0 0.7em 0;}
	h2 {font-size:1.25em; text-transform:uppercase; line-height:1.2;}
	h3 {font-size:1.3em;}
	h4, h5, h6 {font-size:1.2em;}
	
	#page {font-size:1.2em;}
	#stages p {margin:0 10px 1em 10px;}
	#stages h2, #submenu h2 {margin:0 0 0 10px; color:#fff; font-size:2.5em; text-transform:none;}
	#login h3, #newsletter h3 {color:#fff; margin-left:10px;}
	#footer p {margin:0; color:#777;}
	.disclaimer { color:#777; font-size:0.85em; }
	
	#signup-thanks, #signup-error {border:1px solid #ffc210; background:#fff6da url("../images/signup-thanks.gif") 20px 20px no-repeat; padding:20px 20px 20px 80px; margin:0 0 20px 0;}
	#signup-error {background:#fff6da url("../images/signup-error.gif") 20px 16px no-repeat;}
		#signup-thanks p, #signup-error p {margin:0;}
	
	#page ul, #page ol { margin:0 0 1em 1.6em; }
		#page ul li, #page ol li { margin:0 0 0.5em 0; }
	
	#page .acceptable, #page .unacceptable {margin:0 0 1em 0;}
		.acceptable li {background:url("../images/icon-tick.gif") left 3px no-repeat; list-style-type:none; padding:0 0 0 22px;}
		.unacceptable li {background:url("../images/icon-cross.gif") left 3px no-repeat; list-style-type:none; padding:0 0 0 22px;}


/* #4 forms */

form div {clear:both; margin:0 0 10px 0;}

	#login-newsletter div, .extras-form #newsletter div {margin-bottom:0;}

	#signup {border:1px solid #ddd; padding:20px 20px 10px 20px; margin:0 0 20px 0;}
	#signup fieldset {padding:0 0 0 120px;}
		#signup fieldset label {float:none;}
	
label {float:left; width:120px; font-size:13px; font-weight:bold; padding:5px 0 0 0;}

.text
{
  border: 1px inset #787878;
  padding: 5px 3px;
  font-size: 0.75em;
  width: 290px;
  font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif;
}
	.first-item {margin:0 10px 0 0;}
	#login-newsletter .text {width:140px;}
	.extras-form #newsletter .text {width:160px;}
		.extras-form #newsletter .first-item {margin:0 0 5px 0;}
	
	.alt {width:40px;}
	.alt2 {width:180px;}
	
	#mailcheck { display:none; margin:0; }
	
.submit
{
  width: 80px;
  height: 20px;
  text-indent: -3000em;
  background: transparent url("../images/btn-submit.gif") no-repeat left top;
  overflow: hidden;
  cursor: pointer;
}
form > .submit
{
  /* For non-IE browsers*/
  height: 0px;
}

	.login { background: transparent url("../images/button-login.gif") no-repeat left top; }
	.signup { background: transparent url("../images/button-signup.gif") no-repeat left top; }
	.signupblack { background: transparent url("../images/button-signup-black.gif") no-repeat left top; }
	
	.required {background:#fdf5f5;}
	
	
/*  #5 links  */	
a			{color:#66cc33; font-weight:bold; text-decoration:underline;}
a:active	{color:#66cc33; text-decoration:none;}
a:hover		{color:#66cc33; text-decoration:none;}
a:visited	{color:#66cc33;}

#stages a			{color:#fff; font-weight:bold; text-decoration:none;}
#stages a:active	{color:#fff; text-decoration:none;}
#stages a:hover		{color:#fff; text-decoration:underline;}
#stages a:visited	{color:#fff;}

#submenu a			{color:#fff; font-weight:bold; text-decoration:none;}
#submenu a:active	{color:#fff; text-decoration:none;}
#submenu a:hover	{color:#fff; text-decoration:underline;}
#submenu a:visited	{color:#fff;}

#footer a {color:#777; font-weight:normal; text-decoration:none;}
#footer a:active {color:#777;}
#footer a:hover {color:#777;text-decoration:underline;}
#footer a:visited {color:#777;}

a.intrance			{color:#66cc33; font-weight:bold;}
a.intrance:active	{color:#66cc33;}
a.intrance:hover		{color:#66cc33;}
a.intrance:visited	{color:#66cc33;}

/*a:focus { -moz-outline: none; }*/

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

/* force footer to bottom of screen */
    html
    {
      height: 100.2%;
    }
    body
    {
      height: 100%;
    }
    #container
    {
      min-height: 100%;
      position: relative;
    }
    #content
    {
      padding: 0px;
      padding-bottom: 40px; /* Height of the footer */
    }
    #footer
    {
     /* height: 20px; */
      position: absolute;
      bottom: 0;
      width: 700px; /*100%;*/
    }