html {
	background: #5A564F center top url("../images/bg_paper.jpg");
	height: 100%;
}

body {
	background: repeat-x center top url("../images/bg_clouds.jpg");
	height: 100%;
	margin: 0;
}

a {
	outline: none;
}

.clear {
	clear: both;	
}

#brown {
	background: #35332E;
	height: 45px;
	position: absolute;
		top: 137px;
		left: 0;
		z-index: -1;
	width: 100%;
}

#green {
	background: #75B630 repeat-x center bottom url("../images/bg_grass.gif");
	height: 185px;
	position: absolute;
		top: 182px;
		left: 0;
		z-index: -1;
	width: 100%;
}

/* Wrappers */

.contained {
	margin: 0 auto;
	width: 960px;
}

#main {
	background: no-repeat 40px 550px url("../images/bg_brush.gif");
	padding-bottom: 40px;
}

#error {
	position: relative;
		top: 0;
		left: 0;
	padding: 15px 60px 20px 60px;
	background: #22211E;
	margin: 0;
}

	#error p {
		margin: 5px 0 0 0;
		padding: 0;
	}

#content {
	position: relative;
		top: 0;
		left: 0;
}

/* Header elements */

#header {
	height: 182px;
	position: relative;
		top: 0;
		left: 0;
}

	#header h1 {
		margin: 0;
		padding: 0;
		position: absolute;
			top: 34px;
			left: 10px;
	}
	
	#header h1 img {
		border: 0;
		height: 88px;
		width: 273px;
	}
	
/* Main navigation */
	
#primary_nav {
	height: 45px;
	margin: 0;
	padding: 0;
	position: absolute;
		bottom: 0;
		left: 0;
	width: 960px;
}

	#primary_nav li {
		list-style: none;
		float: left;
		padding: 0 0 0 6.5%;
		width: auto;
	}
	
	#primary_nav .last {
		border: 0;
	}
	
	#primary_nav a {
		background-position: 0 0;
		background-repeat: no-repeat;
		display: block;
		height: 45px;
	}
	
	#primary_nav a:hover, 
	#primary_nav .on a {
		background-position: 0 -45px;
	}
	
		#about a {
			background-image: url("../images/nav_about.gif");
			width: 127px;
		}
		
		#professionals a {
			background-image: url("../images/nav_professionals.gif");
			width: 85px;
		}
		
		#consumers a {
			background-image: url("../images/nav_consumers.gif");
			width: 73px;
		}
		
		#case a {
			background-image: url("../images/nav_case.gif");
			width: 85px;
		}
		
		#partners a {
			background-image: url("../images/nav_partners.gif");
			width: 55px;
		}
		
		#news a {
			background-image: url("../images/nav_news.gif");
			width: 97px;
		}
		
/* Secondary navigation, above the main navigation */
		
#secondary_nav {
	height: 11px;
	margin: 0;
	padding: 0;
	position: absolute;
		bottom: 65px;
		right: 0;
}

	#secondary_nav li {
		float: left;
		list-style: none;
		padding-left: 35px;
		width: auto;		
	}

/* Index elements */

#index_main {
	background: #35332E no-repeat 10px 0 url("../images/bg_flash.jpg");
	height: 437px;
	padding: 0 10px 10px 10px;
	position: relative;
		top: 0;
		left: 0;
	/*
	position: absolute;
		top: 0;
		left: 0;
	*/
	width: 605px;
}

	#index_flash {
		position: absolute;
			top: 0;
			left: 10px;
			z-index: 0;
	}
	
	#index_2nd_level {
		position: absolute;
			bottom: 10px;
			right: 10px;
			z-index: 1;
		width: 275px;
	}
	
		#index_2nd_level .feature_set {
			margin-top: 1px;
			/* padding: 22px 32px; */
			padding: 16px 32px;
		}
		
		#index_2nd_level .odd {
			background: #3C95A4;
		}
		
		#index_2nd_level .even {
			background: #6BC6C7;	
		}
		
		/* 2nd level titles */
		
		#index_2nd_level .feature_set h2 {
			background-repeat: no-repeat;
			height: 20px;
			margin: 0;
			padding: 0;	
		}
		
		#title_professional {
			background-image: url("../images/title_professional.gif");	
		}
		
		#title_buy_green {
			background-image: url("../images/title_buy_green.gif");	
		}
		
		/* Call to action buttons */
		
		#index_2nd_level .odd .button:link, 
		#index_2nd_level .odd .button:visited, 
		#index_2nd_level .even .button:link, 
		#index_2nd_level .even .button:visited {
			background-repeat: no-repeat;
			display: block;
			height: 20px;
			margin-top: 5px;
			width: 70px;
		}
		
		#index_2nd_level .odd .button:hover, 
		#index_2nd_level .odd .button:active, 
		#index_2nd_level .even .button:hover, 
		#index_2nd_level .even .button:active {
			background-position: 0 -20px;	
		}
		
		#index_2nd_level .odd .button {
			background-image: url("../images/btn_read_odd.gif");
		}
		
		#index_2nd_level .even .button {
			background-image: url("../images/btn_read_even.gif");
		}
		
	#index_column {
		position: absolute;
			top: 0;
			right: 0;
		width: 	335px;
	}
	
	#index_3rd_level {
		background: #4C8F35;
		min-height: 161px;
		padding: 12px 22px;
		/* overflow: hidden; */
	}
	
		#index_3rd_level .feature_set {
			background: no-repeat 28px top url("../images/div_dotted.gif");
			padding: 8px 0 16px 0;
		}
		
		#index_3rd_level .first {
			background: none;
		}
		
		#index_3rd_level .feature_set p {
			margin: 7px 0 0 0;
		}
		
		/* 3rd level titles */
		
		#index_3rd_level .feature_set a {
			background-image: url("../images/bullet_leaf.gif");
			background-repeat: no-repeat;
			display: block;
			padding-left: 28px;
		}
		
		#index_3rd_level .feature_set a:hover {
			background-position: -335px 0;	
		}
		
		#index_3rd_level .feature_set h3 {
			background-position: left 10px;
			background-repeat: no-repeat;
			cursor: pointer;
			height: 22px;
			margin: 0;
			padding: 0 0 7px 0;
		}
		
		#title_find_pro {
			background-image: url("../images/title_find_pro.gif");
		}
		
		#title_become_member {
			background-image: url("../images/title_become_member.gif");
		}
		
	#index_4th_level {
		padding: 35px 0 0 50px;
	}
	
		#index_4th_level h3 {
			background: no-repeat url("../images/title_fresh.gif");
			height: 15px;
			margin: 0;
			padding: 0 0 25px 0;
		}
		
		#index_4th_level ul, li {
			margin: 0;
			padding: 0;
		}
		
		#index_4th_level li {
			list-style: none;
			margin-bottom: 12px;
		}
	
#newsletter,
#newsletter_interior {
	padding-top: 30px;
	height: 30px;
}

	#newsletter {
		width: 625px;	
	}
	
	#newsletter_interior {
		width: 697px;
	}

	#newsletter h3,
	#newsletter_interior h3 {
		background: no-repeat left center url("../images/title_newsletter.gif");
		float: left;
		height: 30px;
		margin: 0;
		padding: 0;
		width: 225px;
	}
	
	#newsletter fieldset,
	#newsletter_interior fieldset {
		border: 0;
		float: right;
		margin: 0;
		padding: 0;
		width: 371px;
	}
	
	#newsletter_email {
		border: 3px solid #35332E;
		float: left;
		margin: 0;
		padding: 3px;
		width: 260px;
	}
	
	#newsletter_submit {
		background: no-repeat url("../images/btn_submit_brown.gif");
		cursor: pointer;
		float: right;
		height: 30px;
		margin: 0;
		padding: 0;
		width: 91px;
	}
	
/* Interior elements */

#interior_main {
	background: #35332E;
	padding: 0 10px 10px 10px;
	position: relative;
		top: 0;
		left: 0;
	/*
	position: absolute;
		top: 0;
		left: 0;
	*/
	width: 677px;
}

#white {
	background: #FFF;
	min-height: 400px;
	padding: 30px 50px 50px 50px;
}

/* Footer elements */
	
#logos {
	padding-top: 60px;
	height: 68px;
}

	#logos h3 {
		margin: 0;
		padding: 0;
		width: auto;
	}
	
	#logos img {
		border: 0;
		margin-left: 30px;
	}
	
#footer {
	background: #35332E;
	padding: 30px 0 40px 0;
}

	#footer p {
		font-size: 11px;
		margin: 30px 0;	
	}

/* Sidebar elements */

#sidebar {
	background: #4C8F35;
	min-height: 125px;
	padding: 30px;
	position: absolute;
		top: 0;
		right: 0;
	width: 203px;
}

	#sidebar h2 {
		margin: 0;
		padding: 0 0 10px 0;
	}

	#sidebar ul {
		margin: 0;
		padding: 0;
	}
	
	/* Level 1 */
	
	#sidebar li {
		float: left;
		list-style: none;
		width: 100%;
	}
	
	#sidebar li a {
		display: block;
		padding: 7px;
	}
	
	#sidebar li a:hover {
		background: #447F2F;	
	}
	
	#sidebar li .on {
		background: #386A27;
		cursor: default;
	}
	
	#sidebar li .on:hover, 
	#sidebar li li .on:hover {
		background: #386A27;	
	}
	
	#sidebar li .first {
		border: 0;
	}
	
	/* Level 2 */
	
	#sidebar li li {
		border: 0;
	}
	
	#sidebar li li a {
		display: block;
		padding: 7px 7px 7px 30px;	
	}
	
	#sidebar li li .on, 
	#sidebar li li .on:hover {
		background: none;
		cursor: default;
	}
	
/* Form elements */

.message {
	padding: 15px 0 15px 0;	
}

#form_instructions {
	float: right;
	width: 155px;
}

form fieldset {
	border: 0;
	display: block;
	padding: 0 0 15px 0;
	width: 400px; /* Change this width to affect all element widths */
}

	form input,
	form select,
	form textarea {
		border: 0;
		display: block;
		padding: 0;
		width: 100%;
	}
	
	/* Use these wrapper classes to change padding, margin, etc. on form elements */
	
	form .input, 
	form .textarea, 
	form .select,
	form .radio {
		border: 1px solid #D8D8D8;
		margin-top: 5px;
		padding: 3px;
	}
	
	form .radio input,
	form .checkbox input {
		float: left;
	}
	
	form .radio input {
		width: 25px;	
	}
	
	form .checkbox input {
		padding: 0;
		margin: 0 5px 20px 0;
		width: 5px;
	}
	
		form .radio .odd,
		form .radio .even {
			padding: 3px 0;	
		}
	
		form .radio .even {
			background: #F1F1F1;	
		}
	
	form label {
		display: block;
		width: 100%;
	}
	
	form .instructions {
		padding-top: 10px;
	}
	
	/* Wrapper for label and form field element */

	form .field {
		margin-bottom: 9px; 
		padding: 0;
	}
	
	/* Special widths */
	
	form .half {
		width: 50%;	
	}
	
	form .quarter {
		width: 25%;	
	}
	
	form #submit {
		background: #4C8F35;
		cursor: pointer;
		margin: 10px 0 10px 0;
		padding: 4px;
		width: auto;	
	}