/*  
Stylesheet: GreenTech Inhouse
Author: foxxyz@Šult_Dev
Author URI: .foxxyzreloads.
*/

/*---- General Styles 		----*/

* {
	margin:0;
	padding:0;
}

html {
	height: 100%;	
}

body {
	background: #fff url(images/global-bg.jpg) no-repeat 50% 75% fixed;
	font-family: Arial, sans-serif;
	font-size: .9em;
	height: 100%;
	position: relative;
	color: #000;
}

ul {
	list-style: none;
}

label {
	float: left;
	width: 100px;
	text-align: right;
	padding-right: 1em;
	padding-bottom: .3em;
}

fieldset {
	margin: 1em 0;
	border: none;
}
	
	fieldset legend {
		display: none;
	}

	fieldset div {
		margin: .3em 0;
	}
	
	fieldset input, textarea {
		border: solid 1px #aaa;
		padding: 0 .3em;
		font-size: 1.4em;
		font-family: "Verdana", sans-serif;
	}

	h1 a {
		display: block;
		position: absolute;
		font-size: .5em;
		width: 200px;
		margin-top: -50px;
		height: 82px;
		padding: 10px 0;
		background: url(images/header.png) no-repeat 0 10px !important;
		text-indent: -2500px;
	}

	h1 a:hover { background: url(images/header-hover.png) no-repeat 0 10px !important; text-decoration: none; }

h2 {
	font-size: .9em;
	margin-bottom: .7em;
	font-family: Arial, sans-serif;
	color: #6DaAcC;
	background: inherit;
	text-transform: uppercase;
}

	h2 a:link, h2 a:visited { background: inherit; color: #6DaAcC; text-decoration: none; }
	h2 a:hover { background: inherit; color: #3D7A9C; text-decoration: underline; }

h3 {
	font-size: .75em;
	font-weight: normal;
	margin-bottom: -.2em;
	color: #6DaAcC;
	background: inherit;
}

h3:before {
	content: '>'
}

h4 {
	font-weight: normal;
	line-height: 1em;
	font-size: .75em;
	padding-top: .5em;
	color: #3D7A9C;
	background: inherit;
}

a img { 
	border: none;
}

a:link, a:visited { text-decoration: none; color: #06c; background: inherit; }
a:hover { text-decoration: underline; color: #3D7A9C; background: inherit; }

p {
	margin-bottom: 1em;
}

acronym {
	border-bottom-style: dashed;
	cursor: help;
}

/*---- Sections 		----*/

#major-wrapper {
	min-height:100%;
	margin-bottom:-25px;
	height:auto;
}

#header {
	clear: both;
	background: #E9ECFE; 
}

	#header #header-wrapper {
		border-bottom: solid 2px #fff;
	}
	
	#header #flashlogo {
		position: relative;
		width: 45em;
		height: 50px;
		margin: 0 auto;
	}
	
	#header #design {
		float: right;
		border: none;
		height: 102px;
		width: 154px;
		background: url(images/subheader.png) no-repeat right top;
		text-indent: -2000px;
	}
	
	#header #flash {
		position: absolute;
		background: #E9ECFE;
		color: inherit;
		width: 540px;
		height: 50px;
		left: 70px;
		bottom: 0;
	}

#content-wrapper {
	margin-top: 3.3em;
	border-top: solid 1px #E9ECFE;
	padding-top: 1em;
}
	
#content {
	width: 45em;
	margin: 0 auto;
	padding-bottom: 2em;
}

	#content img {
		float: left;
		border: solid 1px #000;
		margin: 0 .5em .1em 0 ;
	}

	#content p {
		font-size: .8em;
	}
	
#language {
	float: right;
	margin-top: 3em;
}

	#language li {
		display: inline;
	}
	
	#language li:before {
		content: ' | ';
	}
	
	#language li:first-child:before {
		content: '';
	}		

	#language ul {
		padding-right: 1em;
	}

	#language h4 {
		float: left;
		display: inline;
		padding-right: .5em;
	}
	
	#language a { background: inherit; color: #888; text-decoration: none;}
	#language a:hover { background: inherit; color: #000; text-decoration: underline; }

#footer {
	clear: both;
	width: 100%;
	height: 25px;
	color: #fff;
	text-align: center;
	background-color: inherit;
}

	#footer #footerlist {
		background: #00A2DE;
		color: inherit;
		overflow: hidden;
		height: 25px;
	}
	
	#footer span {
		line-height: 25px;
		margin-left: 16em;
		font-size: .75em;
	}
	
	#footer ul {
		float: right;
		width: 14em;
		padding-right: .6em;
		text-transform: uppercase;
	}
	
	#footer li {
		float: right;
	}
	
	#footer ul a {
		display: block;
		border-left: solid 1px #fff;
		line-height: 25px;
		padding: 0 .5em;
		font-size: .7em;
	}
	
	#footer ul li:first-child a {
		border-right: solid 1px #fff;
	}
	
	#footer ul a:link, #footer ul a:visited, #footer ul a:active
				 	{ text-decoration: none; color: #000; background: inherit; }
	#footer ul a:hover 	{ background: #20C2FE; color: #fff; }
	
#clearfooter{
	clear: both;
	height: 25px;
}		

/*---- Navigation  		----*/

	#header ul {
		width: 45em;
		height: 1.45em;
		margin: 0 auto;
		position: relative;
	}
	
		#header ul a {
			font-size: 1.2em;
			display: block;
		}
		
		#header ul li {
			float: left;
			width: 7em;
			text-align: center;
			border-left: solid 1px #fff;
			line-height: 1.5em;
		}
			
		#header ul a:link, #header ul a:visited, #header ul a:active
				 	{ text-decoration: none; color: #000; background: inherit; }
		#header ul a:hover 	{ background: #00A2DE; color: #fff; }
		
			#header ul ul a:hover 	{ background: inherit; color: #000; text-decoration: underline;}
		
		
			#header ul li:hover ul, #header ul li.over ul {
				display: block;
				z-index: 3;
			}
		
			#header ul li ul {
				position: absolute;
				left: 0px;
				display: none;
				width: 45em;
				height: 3.1em;
				background: #fff;
				color: inherit;
				list-style: url(images/nav-bullet.png);
				list-style-position: inside;
			}
			
				#header ul li ul li {
					width: 15em;
					text-align: left;
					border: none;
					line-height: 1em;
				}
				
				#header ul li ul li:hover {
					list-style-image: url(images/nav-bullet-hover.png);
				}
				
					#header ul li ul li a {
						display: inline;
						font-size: .8em;
					}

/*---- Classes  		----*/

#header .active ul {
	display: block;
}

#header .active {
	background: #fff;
	color: inherit;
}

#language .active {
	font-weight: bold;
}

.warning {
	display: block;
	color: #f66;
	margin-bottom: 1em;
	background: inherit;
}

/*---- Main page		----*/

#intro {
	padding-bottom: .7em;
	margin-bottom: .7em;
	border-bottom: dotted 2px #ccc;
	min-height: 140px;
}

#products {
	float: left;
	width: 48%;
	border-right: dotted 2px #ccc;
	margin-right: 2%;
	padding-right: .5em;
}

	#products ul {
		list-style-image: url(images/nav-bullet.png);
		list-style-position: inside;
		font-size: .8em;
		margin-left: 3em;
		margin-top: 1em;
	}
	
	#products p#listheader {
		clear: both;
		padding-top: 1em;
		margin-left: 1em;
	}

#services:after {
	content: '.';
	display: block;
	clear: both;
	visibility: hidden;
}

	#services h2 {
		margin-left: 51%;
	}
	
/*---- Products intro page	----*/

#product-list {
	width: 400px;
	margin: 2em auto 0;
}

	#product-list li {
		width: 200px;
		float: left;
		text-align: left;
		background: url(images/list-bg.png) repeat-x 0 50px;
	}
	
	#product-list li:hover {
		background: url(images/list-bg-hover.png) repeat-x 0 50px;
	}
	
	#product-list a {
		display: block;
		height: 150px;
		background: url(images/products-oxycop-bullet.png) no-repeat 75px 25px;
		font-size: 1.1em;
		font-weight: bold;
	}
	
	#product-list li + li {
		text-align: right;
	}
	
	#product-list li + li + li {
		width: 400px;
		background: url(images/list-bottom-bg.png) repeat-x 0 -20px;
	}
	
	#product-list li + li + li:hover {
		background: url(images/list-bottom-bg-hover.png) repeat-x 0 -20px;
	}
	
	#product-list li + li + li a {
		height: 50px;
		padding-top: 100px;
		background: url(images/products-msw-landfills-bullet.png) no-repeat 75px -125px;
	}
	
	#product-list li + li a {
		padding-left: 50px;
		background: url(images/products-mbr-membrane-bullet.png) no-repeat -125px 25px;
	}
	
/*---- Products Pages       	----*/

	#notes {
		border-top: solid 1px #8DCAEC;
		font-size: .7em;
		padding: 2em 0 0 2em;
		list-style: square;
	}
	
	ul.content {
		font-size: .9em;
		padding-left: 2em;
		margin-bottom: 1em;
		list-style: url(images/nav-bullet.png);
		list-style-position: inside;
	}
	
	#brochure {
		clear: both;
	}
	
	#brochures {
		margin: 0 0 2em 2em;
		list-style: disc;
		font-size: .8em;
	}
	
/*---- Services Page       	----*/
	
#services-list {
	width: 400px;
	margin: 2em auto 300px;
}

	#services-list li {
		width: 200px;
		float: left;
		text-align: left;
		background: url(images/list-bg.png) repeat-x 0 50px;
	}
	
	#services-list li:hover {
		background: url(images/list-bg-hover.png) repeat-x 0 50px;
	}
	
	#services-list a {
		display: block;
		height: 150px;
		background: url(images/services-project-delivery-bullet.png) no-repeat 75px 25px;
		font-size: 1.1em;
		font-weight: bold;
	}
	
	#services-list li + li {
		text-align: right;
	}
	
	#services-list li + li + li {
		width: 400px;
		background: url(images/list-bottom-bg.png) repeat-x 0 -20px;
	}
	
	#services-list li + li + li:hover {
		background: url(images/list-bottom-bg-hover.png) repeat-x 0 -20px;
	}
	
	#services-list li + li + li a {
		height: 50px;
		padding-top: 80px;
		padding-left: 300px;
		background: url(images/services-sourcing-export-bullet.png) no-repeat 75px -125px;
	}
	
	#services-list li + li a {
		padding-left: 50px;
		background: url(images/services-maintenance-bullet.png) no-repeat -125px 25px;
	}
	
/*---- Markets Page       	----*/

#markets ul {
	margin: 0 0 1em 2em;
	list-style: url(images/nav-bullet.png);
}

#markets li {
	margin-bottom: .2em;
}
	
/*---- Contact Page       	----*/

	#contact img {
		float: right;
	}

	#contact address, #contact p {
		margin-bottom: 2em;
		margin-left: 2em;
		font-style: normal;
	}

	#contact address:first-line {
		font-weight: bold;
	}
	
	#proposal fieldset {
		border-bottom: solid 1px #000;
		border-top: solid 5px #8DCAEC;
		padding: 1em;
	}
	
	#proposal legend {
		display: block;
		padding: 0 .5em;
		font-weight: bold;
		background: transparent;
		width: 100px;
		color: #000;
	}
	
	#proposal div {
		clear: left;
		margin: .5em 0;
	}
	
	#proposal label {
		width: 150px;
	}
	
	#proposal span {
		margin: 0 .5em;
	}
	
	#proposal #municipal-label, #proposal #industrial-label {
		float: none;
		display: inline;
		padding: 0;
	}
	
	#proposal #municipal, #proposal #industrial {
		display: inline;
		margin-right: 1em;
		border: none;
	}
	
	#proposal input, #proposal textarea {
		font-size: 1em;
		padding-top: .2em;
		padding-bottom: .2em;
	}
	
	#proposal #client-info input, #proposal textarea {
		width: 300px;
	}
	
	#proposal input:focus, #proposal textarea:focus {
		border-color: #00A2DE;
	}
	
	#proposal #submit-button {
		float: right;
		margin-bottom: 1.2em;
	}
	
	#proposal #submit-button:focus {
		border-color: inherit;
	}
	
/*---- Admin page         	----*/

	#admin-header h2 {
		width: 29.7em;
		height: 1.45em;
		margin: 0 auto;
		font-size: 1.5em;
	}

#admin-list {
	margin-bottom: 1em;
}
	
	#admin-list ul {
		margin: .5em 0 .5em 3em;
	}
	
	#admin-list h3:before {
		content: '';
	}
	
	#admin-list h3 {
		font-size: 1em;
		background: #eee;
		padding: .2em;
		color: inherit;
	}
	
	#admin-list h3:hover, #admin-list a:hover {
		background: #E9ECFE;
		color: #000;
	}
	
	#admin-list a {
		float: right;
		display: block;
		padding: 0 .2em;
		background: #eee;
		line-height: 1.5em;
		color: inherit;
	}
	
	#admin-list p {
		clear: both;
		margin: .5em 0;
	}
	
	#admin-list li {
		margin: .5em 0;
	}
	
	#admin-edit p {
		background: #eee;
		padding: .5em;
		color: inherit;
	}

	#admin-edit textarea {
		width: 100%;
	}

	#admin-edit legend {
		display: inline;
		font-size: 1.2em;
		margin-bottom: .5em;
	}
	
	#admin-edit #submit-button {
		float: right;
	}
	
	#item-value {
		font-size: 1em;
	}
	
/*---- Classes            	----*/

	.showcase img {
		border: none !important;
	}

	.display {
		margin-bottom: 1em;
		clear: both;
	}

	.display img {
		display: block;
		float: none !important;
		margin: 0 auto !important;
	}
	
	.seperate {
		clear: both;
	}
	
	.display span, .seperate span {
		clear: both;
		display: block;
		text-align: center;
		color: #00A2DE; 
		font-size: .7em;
	}

	.error {
		color: #ff0000;
		font-size: .9em;
	}
	
	.free {
		margin-top: 5em;
	}
	
	ul.error {
		margin-left: 2em;
		list-style: square;
	}
	
	span.error {
		display: block;
		margin-bottom: 1em;
	}
	
	.right {
		float: right;
		margin-left: 1em;
	}
	
	.clearing {
		padding-top: 1em;
		clear: both;
	}
		
	.references {
		list-style: square;
		margin-left: 2em;
		margin-bottom: 2em;
	}
	
		.references li {
			margin-bottom: 5px;
		}
	
	.seperate img {
		margin: 0 5px;
	}
	
	.transparent {
		border: none !important;
	}