/* Ecolateral CSS */

html, body {
	height: 100%;
}

body {
	font-family: Verdana, Arial, "Helvetica", sans-serif;
	font-size: 11px;
	color: #ccc;
	background: #616161 url('../images/bg-tile.gif') left top repeat;
	text-align: center;
	line-height: 16px;
	font-weight: normal;
}

/* paragraph styles */

	h1, h2, h3, h4 { margin: 0; padding: 0; font-family: Arial, Verdana, "Helvetica", sans-serif; letter-spacing: -0.025em; }
	
	h2, h3 { color: #11486b; font-size: 14px; margin-bottom: 9px; font-weight: normal; }
	
	h4 { color: #2b2b2b; font-size: 12px; margin-bottom: 5px; }
	
	p {  }
	
	a:link { color: #8abd01; }
	a:visited { color: #8abd01; }
	a:hover { color: #0e9abf; text-decoration: none; }
	a:active { color: #8abd01; }
	
	ul { list-style: none; margin: 0; padding: 0; }
	ul li { margin-left: 12px; }

/* forms styles */
	
	FORM { zoom: 1; }
	FIELDSET { border: none; }

	.formElement { margin-bottom: 3px; overflow: auto; }
	INPUT, 
	TEXTAREA, 
	SELECT,
	.formElement INPUT,
	.formElement TEXTAREA,
	.formElement SELECT { font-size: 11px; font-family: Arial; }
	.field INPUT, .formElement INPUT {  }	
	.field INPUT.text, .formElement INPUT.text { 
		width: 186px; 
		overflow: auto; 
		padding: 9px 3px 3px 3px; 
		background: url('../images/form/single-field.gif') left center no-repeat; 
		border: none; 
		height: 21px; 
	}
	.field TEXTAREA, .formElement TEXTAREA.textarea { 
		width: 294px; 
		padding: 3px; 
		background: url('../images/form/single-textbox.gif') no-repeat; 
		border: none; 
		height: 124px; 
		overflow: auto; 
	}
	.form_1_question_55 { 
		background: url('../images/form/single-field.gif') 80px top no-repeat; 
		background-position: 83px top; 
		border: none; 
		height: 30px; 
		line-height: 30px; 
	}
	.field SELECT, .formElement SELECT { width: 180px; margin: 5px 0 0 5px; }
	.field LABEL, .formElement LABEL { float: left; width: 80px; color: #191918; line-height: 30px; }
	.formElement .radio,
	.formElement .checkbox { margin-left: 80px; }
	.formSubmit, .submit { }
	.formSubmit INPUT, .submit INPUT { 
		float: left; 
		margin: 5px 0 0 80px; 
		background: url('../images/form/submit-button.gif'); 
		border: none; 
		width: 75px; 
		height: 34px; 
		text-indent:-9999px; 
		font-size: 0px; 
	}
	H3.formElement { border-bottom: 1px solid #ccc; }
	.honeyPot { display: none; }

	FORM H5 {
		color: #3b3b3b;
		font-size: 14px;
		padding: 12px 0 8px 0;
		margin: 0 0 6px 0;
		background: transparent url('../images/dotted.gif') left bottom repeat-x;
		font-family: Arial, Helvetica, sans-serif;
	}
	
/* form friend styles */

	FIELDSET.friend-set {
		margin-left: 15px;
		border: none;
	}
	
	LABEL.friend { 
		display: block;
		font-size: 11px;
		padding: 3px 0;
		color: #191918;
		font-weight: bold;
	}
	
		FIELDSET.friend-set INPUT.text,
		FIELDSET.friend-set TEXTAREA { width: 130px; }
	
	.submit_friend INPUT { 
		float: left; 
		margin: 5px 0 0 60px; 
		background: url('../images/form/submit-button.gif'); 
		border: none; 
		width: 75px; 
		height: 34px; 
		text-indent:-9999px; 
		font-size: 0px; 
	}
	
/* re-usable styles */

	#send-to-friend {
		position: absolute;
		top: 329px;
		right: 300px;
		*right: 180px;
		width: 206px;
		height: 401px;
		overflow: hidden;
		/*border: 1px solid #444;*/
		z-index: 10000;
		display: none;
	}

	H2.module-title {
		background: url('../images/headings/heading.jpg') left top no-repeat;
		height: 58px;
		padding-top: 32px;
		padding-bottom: 5px;
		padding-left: 40px;
		color: #3b3b3b;
		font-size: 28px;
	}
	
	div.nav-column {
			width: 205px;
			float: left;
		}
		
			div.nav-column ul li { margin: 0; padding: 0; }
		
			div.nav-column a.nav {
				display: block;
				width: 170px;
				height: 24px;
				margin-bottom: 3px;
				margin-left: 12px;
				padding: 10px 0 0 15px;
				background: url('../images/sidebar-button.gif') left top no-repeat;
				font-family: "Helvetica", Arial, sans-serif;
				color: rgb(255,255,255);
				font-weight: bold;
				font-size: 12px;
			}
			
			div.nav-column a.nav:visited { color: rgb(255,255,255); }
			
			div.nav-column a.active:link, div.nav-column a.active:visited , div.nav-column a.nav:hover { color: rgb(203,244,12); }

	div.sidebar-links {
		width: 193px;
		padding: 0 6px;
		margin: 15px 0;
		color: rgb(20,20,20);
		background: url('../images/sidebar-tile.gif') center top repeat-y;
	}
	
	div#sidebar-friend {
		width: 193px;
		padding: 0 6px;
		color: rgb(20,20,20);
	}
	
	div#sidebar-friend .bg {
		background: url('../images/sidebar-tile.gif') center top repeat-y;
	}
	
		.sidebar-links h4, div#sidebar-friend h4 {
			background: url('../images/sidebar-hd.gif') center top no-repeat;
			font-size: 12px;
			font-weight: bold;
			color: rgb(255,255,255);
			font-family: "Helvetica", Arial, sans-serif;
			padding: 14px 0 8px 22px;
		}
		
		div#sidebar-friend h4 a:link, div#sidebar-friend h4 a:active { color: #fff; }
		div#sidebar-friend h4 a:hover { color: #ddd; }
		
		.sidebar-links h4.blue {
			background: url('../images/sidebar-hd-blue.gif') center top no-repeat;
			font-size: 12px;
			font-weight: bold;
			color: rgb(255,255,255);
			font-family: "Helvetica", Arial, sans-serif;
			padding: 14px 0 8px 22px;
		}
		
		.sidebar-links .base {
			height: 47px;
			display: block;
			clear: both;
			background: url('../images/sidebar-bg.gif') center bottom no-repeat;
		}
		
		#sidebar-friend .base {
			margin-top: -3px;
			height: 47px;
			width: 193px;
			display: block;
			clear: both;
			background: url('../images/sidebar-trprnt-bg.png') center bottom no-repeat;
			/* IE 6 */
			_background: url('../images/sidebar-bg.gif') center bottom no-repeat;
		}
		
		.sidebar-links ol.links, .sidebar-links ul.links { padding-bottom: 0; margin-bottom: 0; padding-top: 0; margin-top: 10px; }
		.sidebar-links ol.links li, .sidebar-links ul.links li { list-style-image: url('../images/sidebar-point.gif'); }
		.sidebar-links ul.links li {
			margin-left: 38px;
		}
		.sidebar-links ol.links li a, .sidebar-links ul.links li a { 
			background: none; 
			padding: 0; 
			margin: 0; 
			font-size: 12px; 
			color: rgb(20,20,20); 
			width: auto; 
			height: auto; 
		}
		.sidebar-links ol.links li a:hover, .sidebar-links ul.links li a:hover { color: rgb(15,156,194); }
		.sidebar-links ol.links li p, .sidebar-links ul.links li p { line-height: 12px; font-size: 10px; color: rgb(96,96,96); padding: 5px 0; }
		.sidebar-links ol.links li p a, .sidebar-links ul.links li p a { color: #88ad19; font-size: 10px; }
	
	div.eco-footer {
		height: 53px;
		clear: both;
		background: url('../images/bg-eco-footer.png') left top no-repeat;
	}
		
		div.content-column {
			width: 662px;
			_width: 660px;
			margin-left: 205px;
			background: url('../images/column-bg.gif') center top no-repeat;
		}	
		
/* structure styles */
	
	#fade {
		background: url('../images/bg-fade.png') left top repeat-x;
		width: auto;
		width: 100%;
		min-width: 990px;
		min-height: 100%;
		/* IE 6 */
		_background-image: none;
	}
	
	#container {
		background: transparent url('../images/fade-container.png') left top repeat-y;
		width: 959px;
		margin: 0 auto;
		padding: 0 9px;
		text-align: left;
		/* IE 6 */
		_background-image: none;
	}
	
		#header {
			width: auto;
			height: 127px;
			position: relative;
			background: url('../images/bg-header.png') left top no-repeat;
		}
		
		a.logo { position: absolute; top: 0; left: 0; }
		
		/* sub-nav styles */
		
		div.sub-nav {
			height: 14px;
			width: 200px;
			display: block;
			position: absolute;
			right: 20px;
			_right: 26px;
			bottom: 19px;
			text-align: right;
		}
		
		div.sub-nav a {
			height: 14px;
			text-transform: uppercase;
			font-size: 10px;
			margin-left: 8px;
			color:#fff;
			background-repeat: no-repeat;
			background-position: left 0px;
		}
		div.sub-nav a:hover {color:#000;}
		/*
		div.sub-nav a.menuItem_8 { 
			width: 57px;
			height: 8px;
			background-image: url('../images/sub-nav/sprite-contact.gif');
		}
		
		div.sub-nav a.menuItem_8:hover {
			background-position: left -8px;
		}
		
		div.sub-nav a.menuItem_6 { 
			width: 26px;
			height: 8px;
			background-image: url('../images/sub-nav/sprite-links.gif');
		}
		
		div.sub-nav a.menuItem_6:hover {
			background-position: left -8px;
		}
		
		div.sub-nav a.menuItem_7 { 
			width: 25px;
			height: 8px;
			background-image: url('../images/sub-nav/sprite-faqs.gif');
		}
		
		div.sub-nav a.menuItem_7:hover {
			background-position: left -8px;
		}
		
		div.sub-nav a.menuItem_4 { 
			width: 26px;
			height: 8px;
			background-image: url('../images/sub-nav/sprite-news.gif');
		}
		
		div.sub-nav a.menuItem_4:hover {
			background-position: left -8px;
		}
		*/
		/* main-nav styles */
		
		#main-nav {
			background: url('../images/main-nav/bg-main-nav.png') left top no-repeat;
			height: 54px;
			padding-left: 36px;
			width: auto;
		}
		
		#main-nav ul { list-style: none; height: 54px; }
		#main-nav ul li { float: left; height: 54px; margin: 0 12px 0 0; padding: 0 0 0 8px; }
		#main-nav ul li.active { background: url('../images/main-nav/nav-active-a.gif') left center no-repeat; }
		
			div#main-nav ul li a {
				height: 9px;
				display: block;
				overflow: hidden;
				margin-top: 22px;
				background-repeat: no-repeat;
				background-position: left 0px;
				text-indent: -9999px;
			}
			
			div#main-nav ul li.active a.menuItem_1 { 
				width: 33px;
				height: 54px;
				margin: 0;
				padding: 0 18px 0 0;
				background-image: url('../images/main-nav/home-active.gif');
				background-position: right center;
			} 
			
			div#main-nav ul li.active a.menuItem_1:hover {
				background-position: right center;
			}
			
			div#main-nav ul li a.menuItem_1 { 
				width: 33px;
				height: 9px;
				background-image: url('../images/main-nav/sprite-home.gif');
			} 
			
			div#main-nav ul li a.menuItem_1:hover {
				background-position: left -9px;
			}
			
			div#main-nav ul li.active a.menuItem_16 { 
				width: 69px;
				height: 54px;
				margin: 0;
				padding: 0 18px 0 0;
				background-image: url('../images/main-nav/who-we-are-active.gif');
				background-position: right center;
			}
			
			div#main-nav ul li.active a.menuItem_16:hover {
				background-position: right center;
			}
			
			div#main-nav ul li a.menuItem_16 { 
				width: 69px;
				height: 9px;
				background-image: url('../images/main-nav/sprite-who-we-are.gif');
			} 
			
			div#main-nav ul li a.menuItem_16:hover {
				background-position: left -9px;
			}
			
			div#main-nav ul li.active a.menuItem_17 { 
				width: 70px;
				height: 54px;
				margin: 0;
				padding: 0 18px 0 0;
				background-image: url('../images/main-nav/what-we-do-active.gif');
				background-position: right center;
			}
			
			div#main-nav ul li.active a.menuItem_17:hover {
				background-position: right center;
			}
			
			div#main-nav ul li a.menuItem_17 { 
				width: 70px;
				height: 9px;
				background-image: url('../images/main-nav/sprite-what-we-do.gif');
			} 
			
			div#main-nav ul li a.menuItem_17:hover {
				background-position: left -9px;
			}
			
			div#main-nav ul li.active a.menuItem_18 { 
				width: 114px;
				height: 54px;
				margin: 0;
				padding: 0 18px 0 0;
				background-image: url('../images/main-nav/who-should-use-us-active.gif');
				background-position: right center;
			}
			
			div#main-nav ul li.active a.menuItem_18:hover {
				background-position: right center;
			}
			
			div#main-nav ul li a.menuItem_18 { 
				width: 114px;
				height: 9px;
				background-image: url('../images/main-nav/sprite-who-should-use-us.gif');
			} 
			
			div#main-nav ul li a.menuItem_18:hover {
				background-position: left -9px;
			}
			
			div#main-nav ul li.active a.menuItem_19 { 
				width: 69px;
				height: 54px;
				margin: 0;
				padding: 0 18px 0 0;
				/*background-image: url('../images/main-nav/who-is-using-us-active.gif');*/
				background-image: url('../images/main-nav/our-clients-active.gif');
				background-position: right center;
			}
			
			div#main-nav ul li.active a.menuItem_19:hover {
				background-position: right center;
			}
			
			div#main-nav ul li a.menuItem_19 { 
				width: 69px;
				height: 9px;
				/*background-image: url('../images/main-nav/sprite-who-is-using-us.gif');*/
				background-image: url('../images/main-nav/sprite-our-clients.gif');
			} 
			
			div#main-nav ul li a.menuItem_19:hover {
				background-position: left -9px;
			}
			
			
			div#main-nav ul li.active a.menuItem_4 { 
				width: 33px;
				height: 54px;
				margin: 0;
				padding: 0 18px 0 0;
				background-image: url('../images/main-nav/news-active.gif');
				background-position: right center;
			}
			
			div#main-nav ul li.active a.menuItem_4:hover {
				background-position: right center;
			}
			div#main-nav ul li a.menuItem_4 { 
				width: 33px;
				height: 9px;
				background-image: url('../images/main-nav/sprite-news.gif');
			} 
			
			div#main-nav ul li a.menuItem_4:hover {
				background-position: left -9px;
			}
		
		#content {
			background-color: #fff;
			width: auto;
		}
		
		/* footer styles */
		
		#footer {
			text-align: left;
			background: transparent url('../images/bg-footer.png') left bottom repeat-x;
			color: #fff;
			padding: 18px;
			height: 48px;
			width: 923px;
			font-family: Arial, Helvetica, sans-serif;
		}
		
			.contacts {
				width: 325px;
				float: left;
			}
		
			.basic-menu {
				width: 220px;
				float: right;
				text-align:right;
				margin-right:58px;
				margin-top:4px;
				font-size:22px;
				text-transform:uppercase;
			}
			
				.basic-menu a:link, .basic-menu a:visited { color: rgb(255,255,255); }
				.basic-menu a:hover { color:#8ABD01; /*color: rgb(15,156,194);*/ }
				
				.basic-menu a { margin: 0 6px; }

.galleryLogos {
	margin: 20px 10px;
}				
.galleryLogos IMG {
	margin: 5px;
}