/*
Screen CSS for: Ecocleen
Last Updated: 7 July 2006
Author: Active Ice
URL: www.activeice.co.zs
*/

/* added by RW july 06 */

#groupTag {
position:absolute;
top:0;
right:10px;

}

body {padding:0;
	margin:0; /* added by RW july 06 */
	text-align: center;
	background: #C4E600;
}

#container {
	position: relative;
	text-align: left;
	width: 809px;
	margin: 0 auto;
}

body, th, tr, input, textarea, select {
	font: normal 11px Tahoma, Arial, Verdana, sans-serif;
	color: #311952;
	line-height: 13px;
}

#logo {
	position: absolute;
	top: 17px;
	left: 26px;
}

#nav {
	position: absolute;
	top: 57px;
	left: 173px;
	width: 628px;
}

.nav-block {
	float: left;
	display: inline;
	margin-right: 1px;
}

#subnav {
	clear: left;
	color: #fff;
	height: 31px;
	background: #311952 url(../images/subnav_cnr.gif) no-repeat top right;
}

#subnav p {
	margin: 0;
	color: #fff;
	padding: 8px 0 0 13px;
}

#subnav .purple {
	color: #5F2BA9;
}

#subnav p a {
	padding: 5px 0 10px 0;
	text-decoration: none;
	color: #fff;
}

#subnav p a.selected {
	background: url(../images/subnav_selected.gif) no-repeat bottom;
}

#topspacer {
	height: 144px;
}

#shell_top {
	padding: 18px 0 0 0;
	background: url(../images/body_shell_top.gif) no-repeat top left;
}

#shell_bottom {
	padding: 0 0 18px 0;
	background: url(../images/body_shell_bottom.gif) no-repeat bottom left;
}

#shell {
	padding: 7px 0 10px 25px;
	background: url(../images/body_shell.gif) repeat-y;
}

/* Peekaboo Hack: Start - These may be affected with the release of IE7 */

* html #shell_top { 
	height: 1%;
}

*>html #shell_top {
	he\ight: auto;
}

* html #shell_bottom { 
	height: 1%;
}

*>html #shell_bottom {
	he\ight: auto;
}

* html #shell { 
	height: 1%;
}

*>html #shell {
	he\ight: auto;
}

/* Peekaboo Hack: End - These may be affected with the release of IE7 */

.home_block {
	float: left;
	display: inline;
	margin-right: 8px;
	width: 168px !important;
	width /**/: 175px; 
	height: 226px;
	border-left: 7px solid #311952;
	background: #D6D1DC;
}

.home_block img {
	display: block;
}

.home_block p {
	margin: 0;
	padding: 7px 10px 5px 8px;
	background: #fff;
}

#home_banners {
	padding: 10px 0 0 0;
}

#home_banners img {
	float: left;
	display: inline;
	margin-right: 8px;
}

a {
	color: #F8951E;
}

img {
	border: none;
}

form {
	margin: 0;
}

.clear {
	font-size: 1px;
	line-height: 1px;
	height: 1px;
	clear: both;
}

/* CSS by Brett	--------------------------- */

#businessPlanGraph {
	display:inline;
	float:left;
	text-align: center;
	width: 355px;
	padding: 18px 0 8px 0;
	background: #382158;
}

#businessPlanBreakdown {
	display:inline;
	float:right;
	width: 381px;
	padding: 18px 0 8px 0;
}

.bus_plan_block {
	float: left;
	display: inline;
 
	width: 153px !important;
	width /**/: 174px; 
	 
	border-left: 7px solid #311952;
	border-right: 14px solid #E0DDE5;
	background: #E0DDE5;
	margin-bottom:12px;
	margin-right: 12px;
}

.bus_plan_block img {
	display: block;
}

.bus_plan_block p {
	height: 49px !important;
	height /**/: 66px;
	margin: 0px 0px 14px 0px;
	padding: 7px 0 10px 12px;
	background: #fff;
}

.large_blue {
	font-size: 17px;
	font-weight: bold;
}

#graphOver {
	position: absolute;
	top: 57px;
	right: -17px;
}

* html #graphOver {
	right: -18px;
}



/* CSS by Richard Wicht	--------------------------- */

#bottomFooter {
	font: normal 11px Tahoma, Arial, Verdana, sans-serif;
	padding-top:12px;
	padding-left:20px;
	padding-bottom: 40px;
	color:#768A00;
	}
	
#bottomFooter a{
	text-decoration:none;
	color:#768A00;
	}

#bottomFooter a:hover{
	text-decoration:none;
	color:#768A00;}

#supportHolder {
	float:left;
	width: 765px;  
	 
	background: #fff;
	margin-top:10px;
	}

#supportPackage {
	display:inline;
	float:left;
	width: 440px;
	height:200px;
	padding:10px 10px 10px 20px;
	background: #fff;
	color:#000000;
	}

#supportPlanning {
	display:inline;
	float:left;
	width: 380px;
	height:300px;
	padding:10px 10px 10px 20px;
	background: #fff;
	color:#000000;
	}

#supportPlanning strong {
	 color:#311952;
	}

#supportPlanning ul{
	list-style-image:url(../images/support/listIcon.gif);
	padding:0;
	margin-left:14px;
	} 
 
#supportPlanning li{
	padding-bottom:2px; 
	} 

#supportTraining {
	display:inline;
	float:left;
	width: 380px;
	padding:10px 10px 10px 10px;
	bord er:1px solid black;
	background: #fff;
	}

#supportTraining table{
	margin:0;
	padding:0;
	background: #fff;
	border:1px solid #311952;
	color:#000000;
	}

#supportTraining table th{
	background-color:#311952;
	color:#FFFFFF;
	}
 

.borderLeftColor {
	border-left:1px solid #311952;
	}

.tableRowColor1 {
	background-color:#837597;
	color:#FFFFFF;
	}
	
.tableRowColor2 {
	background-color:#EAE8ED;
	}
	
.tableRowColor3 {
	background-color:#311952;
	color:#FFFFFF;
	}
 
 #tableRegions {
 	border-collapse: collapse;
 }
 
#tableRegions td {
	color: #000;
	text-align: center;
	border:1px solid #311952;
}
 
#supportDevelop {
	display:inline;
	float:left;
	width: 380px;
	height:300px;
	padding:10px 10px 10px 20px;
	background: #fff;
	color:#000000;
	}

/* who? when? How much? */
.support_block {
	float: right;
	display: inline;
 	width: 280px !important;
	width /**/: 288px; 
	border-left: 7px solid #311952;
	border-right: 14px solid #E0DDE5;
	background: #E0DDE5;
	margin-bottom:12px;
	}

.support_block img {
	display: block;
	}

.support_block p {
	margin: 0px 0px 14px 0px;
	padding: 7px 12px 10px 12px;
	background: #fff;
	color:#000000;
	}

.support_block strong {
	color:#311952;
	}

/*FAQ  Content --------------------------------- */

#faqHolder {
	float:left;
	width: 765px;  
	background: #fff;
	margin-top:10px;
	}

#faqContent {
	display:inline;
	float:left;
	width: 607px;
	color:#000000;
	padding:10px 10px 10px 20px;
	background: #fff;
	}

#faqContent strong {
	color:#311952;
	}

/* Next Steps  Content --------------------------------- */

#nextHolder {
	float:left;
	width: 765px;  
	background: #fff;
	margin-top:10px;
	}

#nextContent {
	display:inline;
	float:left;
	width: 607px;
	color:#000000;
	padding:10px 10px 10px 20px;
	background: #fff;
	}

#nextStepTable td {
	padding: 16px 16px 16px 16px;
	color:#000000;
	}

#nextStepTable strong {
	color:#311952;
	}

#nextContent2 {
	display:inline;
	float:left;
	width: 470px;
	color:#000000;
	padding:10px 10px 10px 20px;
	background: #fff;
	}

/*Meet the team --------------------------- */

#meetTeamContent {
	display:inline;
	float:left;
	width: 450px;
	color:#000000;
	padding:10px 10px 10px 20px;
	background: #fff;
	}

#meetTeamContent strong {
	 color:#311952;
	}

#meetTeamLikeContent {
	display:inline;
	float:left;
	width: 600px;
	color:#311952;
	padding:10px 10px 10px 20px;
	}

.tableTextBlack {
	color:#000000;
	}

#meetTeamContent td {
	color:#000000;
	}

#peopleHolder {
	float:left;
	width: 765px;  
	 
	background: #fff;
	margin-top:10px;
	}

#meetPeople {
	display:inline;
	float:left;
	width: 380px;
	height:300px;
	padding:10px 10px 10px 20px;
	background: #fff;
	}



/* ---------- PROFILE SECTION STARTS ------------------ */

#content1, #content2, #content3 {
	display: none;
		float: left;
	}

#content0 p {
	margin: 0;
	padding: 0 18px 0 3px;
	}

#content_right_column a.selected, #content_right_column a.selected:hover {
	color: #311952;
	text-decoration: none;
	font-weight:bold;
	margin-top:0;
	
	 
	}

#content_right_column {

	float: right;
	display: inline;
	margin:0;
	width: 280px;

 

}
/*	Contact Us	---------------------------------------- */

#contactForm  input {
	padding:2px 2px 2px 2px;
	 	border:1px solid #7F9DB9;
	width:270px;
 
	}
	
#contactForm  input.wide210 {
	padding:2px 2px 2px 2px;
	 	border:1px solid #7F9DB9;
	width:210px;
 
	}

#contactForm  textarea.height85px {
	 
	width:305px;
	height:85px;
	border:1px solid #7F9DB9;
	padding:2px 2px 2px 2px;
	}

#contactForm  textarea.height55px {
	 
	width:270px;
	height:55px;
	border:1px solid #7F9DB9;
	padding:2px 2px 2px 2px;
	}

#contactContent {
	display:inline;
	float:left;
	width: 380px;
	height:300px;
	padding:10px 10px 10px 20px;
	background: #fff;
	color:#000000;
	}

#contactHolder {
	float:left;
	width: 765px;  
	height: 500px;
	background: #fff;
	margin-top:10px;
	}