/**
 *  --------------------------------------------------------------------------------------
 *  Master CSS
 *  ----------------------------------------------------
 *  1.	Global Styles
 		- Body
		- Text
		- Headers
		- Hyperlinks
		- Lists
		- Forms
		- Extras
 *  2.	Subpage Template Layout Styles
 *  3.	Navigation
 		- Main Nav >>>>> located in seperate CSS files
		- Sub Nav
 *  4.	Page Specific Styles
 		- Homepage
		- All other pages
 *  5.	Footer
 *  --------------------------------------------------------------------------------------
 */



/* ----------------------------------------------------------------------------- */

/* ---------------------------->>> 1. GLOBAL STYLES <<<------------------------- */

/* ----------------------------------------------------------------------------- */



/*
	voice-family: "\"}\"";
	voice-family:inherit;
*/


body,html {
	height:100%;
	margin:0;
	background-image:url(../images/bg2.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	background-color:#b5bbad;
	}

/* ------------ */
/* --- Text --- */
/* ------------ */
p {font:11px Arial, Helvetica, sans-serif; color:#6a7a84; margin:0; padding:0px 0px 20px 0px; line-height:1.7em; white-space:normal;}
td {font:11px Arial, Helvetica, sans-serif; color:#6a7a84;}
	.superScript	{font-size:7px; vertical-align:super; line-height:normal;}
	.lineHeightNormal	{line-height:normal;}

/* --------------- */
/* --- Headers --- */
/* --------------- */
h1 {font:16px Arial, Helvetica, sans-serif; color:#465157; font-weight:normal; letter-spacing:1px; margin:0px 0px 5px 0px; padding:0;}
h2 {font:13px Arial, Helvetica, sans-serif; color:#6a7a84; font-weight:normal; letter-spacing:1px; margin:10px 0px 0px 0px; padding:0px 0px 5px 0px; line-height:normal;}
h3 {font:11px Arial, Helvetica, sans-serif; color:#6a7a84; font-weight:bold; margin:5px 0px 20px 0px; padding:0; line-height:normal;}
h4 {font:14px Arial, Helvetica, sans-serif; color:#fff; font-weight:bold; margin:0px 0px 5px 0px; padding:0; line-height:normal;}



/* ------------------ */
/* --- Hyperlinks --- */
/* ------------------ */
a {font:11px Arial, Helvetica, sans-serif; color:#99CC33; font-weight:bold; line-height:normal;}
a:link, a:active, a:visited {text-decoration:none;}
a:hover {color:#465157; text-decoration:underline;}

.backBtn {display:block; text-align:center; width:50px; padding:5px 0px; margin:10px 0px 25px 0px; background-color:#99CC33; color:#fff;}


/* ------------- */
/* --- Lists --- */
/* ------------- */
ul {margin:0px 0px 20px 0px; padding:0;}
ol {margin:0px 0px 20px 10px; padding:0;}
li {margin:0px 0px 0px 19px; padding:0px 0px 5px 0px; font:11px Arial, Helvetica, sans-serif; font-weight:normal; color:#6a7a84; list-style-type:disc;}



/* ------------- */
/* --- Forms --- */
/* ------------- */
form {padding:0; margin:0;}
input {padding:3px; margin:0; font-size:11px;}



/* -------------- */
/* --- Extras --- */
/* -------------- */
img {border:0; padding:0; margin:0; display:block;}
.noCSS {visibility:hidden;}
.noDisplay {display:none;}
.inline {display:inline;}
.clear {clear:both;}











/* ----------------------------------------------------------------------------- */
/*                                                                               */
/* ----------------->>> 2. SUBPAGE TEMPLATE LAYOUT STYLES <<<------------------- */
/*                                                                               */
/* ----------------------------------------------------------------------------- */

/* --- main wrapper --- */
#mainWrap {width:1000px; margin:0px auto 0px auto;}


/* --- header --- */
#headerWrap {position:relative; width:1000px; height:148px; margin:0 auto; background-image:url(../images/bg_subpg_header.jpg); background-position:top; background-repeat:no-repeat; z-index:10;}
	img.logo {position:absolute; left:65px; top:45px;}
	img.phone {position:absolute; left:803px; top:34px;}

/* --- content area --- */
#contentWrap {clear:both; width:1000px; margin:0; padding:0px 25px 0px 25px; voice-family: "\"}\""; voice-family:inherit; width:950px; background-image:url(../images/bg_subpg_content_mid.jpg); background-repeat:repeat-y; z-index:20;}
	#contentInnerWrap {width:800px; margin:0 auto; padding:50px 0px 0px 0px;}
	
		/* columns (if required) */
		.container		{width:100%; overflow:hidden;}
		.contentCol1 {display:inline; float:left; width:400px;}
		.contentCol2 {display:inline; float:right; width:350px;}






/* --------------------------------------------------------- */
/*                                                           */
/* ------------------>>> 3. NAVIGATION <<<------------------ */
/*                                                           */
/* --------------------------------------------------------- */

/* --- main nav >>>>> located in seperate CSS files --- */







/* --------------------------------------------------------- */
/*                                                           */
/* ----------->>> 4. PAGE SPECIFIC STYLES <<<--------------- */
/*                                                           */
/* --------------------------------------------------------- */

/* ---------------- */
/* --- Homepage --- */
/* ---------------- */

.bgHp {
	background-image:url(../images/bg.jpg);
	background-position:center center;
	background-repeat:no-repeat;
	}

#centeringWrap {
	width: 1000px;
	height: 650px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -500px;
	margin-top: -325px;
	background-image:url(../images/bg_hp_mainarea.png); background-repeat:no-repeat;
	}

#hpHeaderWrap {position:relative; width:950px; height:123px; margin:25px auto 0px auto; background-color:#fff; z-index:10;}
	img.hpLogo {position:absolute; left:45px; top:20px;}
	img.hpPhone {position:absolute; left:777px; top:10px;}

#hpContentWrap {position:relative; width:950px; height:347px; margin:0 auto; padding:0; background-image:url(../images/bg_hp_mainpic.jpg); background-repeat:no-repeat;}
#hpContentWrap a {font-weight:bold; color:#444; text-decoration:underline;}
#hpContentWrap a:hover {color:#a1ba20;}

	/* Infobox 1 */
	.infoBox1Txt {position:absolute; left:45px; top:63px; width:185px; font:11px Arial, Helvetica, sans-serif; color:#444;}
	
	.infoBox1Pic {position:absolute; left:241px; top:48px;}
	
	.btnInfoBox1 {position:absolute; left:45px; top:48px; background:url(../images/btn_hp_infobox1.gif) no-repeat; white-space:nowrap; display:block; width:175px; height:11px; margin:0; padding:0;}
	.btnInfoBox1 a {display:block; width:135px; height:11px; float:left; padding:0;}
	.btnInfoBox1 img {width:135px; height:11px; border:0;}
	* html a:hover {visibility:visible;}
	.btnInfoBox1 a:hover img {visibility:hidden;}


	/* Infobox 2 */
	.infoBox2Txt {position:absolute; left:45px; top:165px; width:185px; font:11px Arial, Helvetica, sans-serif; color:#444;}
	
	.infoBox2Pic {position:absolute; left:241px; top:150px;}

	.btnInfoBox2 {position:absolute; left:45px; top:150px; background:url(../images/btn_hp_infobox2.gif) no-repeat; white-space:nowrap; display:block; width:145px; height:11px; margin:0; padding:0;}
	.btnInfoBox2 a {display:block; width:145px; height:11px; float:left; padding:0;}
	.btnInfoBox2 img {width:145px; height:11px; border:0;}
	* html a:hover {visibility:visible;}
	.btnInfoBox2 a:hover img {visibility:hidden;}

	
	/* Infobox 3 */
	.infoBox3Txt {position:absolute; left:45px; top:270px; width:185px; font:11px Arial, Helvetica, sans-serif; color:#444;}
	
	.infoBox3Pic {position:absolute; left:241px; top:255px;}
	
	.btnInfoBox3 {position:absolute; left:45px; top:255px; background:url(../images/btn_hp_infobox3.gif) no-repeat; white-space:nowrap; display:block; width:112px; height:11px; margin:0; padding:0;}
	.btnInfoBox3 a {display:block; width:112px; height:11px; float:left; padding:0;}
	.btnInfoBox3 img {width:112px; height:11px; border:0;}
	* html a:hover {visibility:visible;}
	.btnInfoBox3 a:hover img {visibility:hidden;}

	/* locations */
	#hpLocationWrap {position:relative; width:950px; height:128px; margin:0 auto; padding:0; background-image:url(../images/bg_hp_locations.jpg); background-repeat:no-repeat;}



	/* footer */
	#hpFooterWrap {position:absolute; left:0px; top:630px; width:1000px; margin:0; padding:0;}



/* ---------------- */
/* --- Projects --- */
/* ---------------- */
ul.projectList {margin:0px 0px 0px 0px; padding:0;}
ul.projectList li {margin:0px 0px 0px 0px; padding:0px 0px 0px 10px; font:11px/20px Arial, Helvetica, sans-serif; font-weight:normal; color:#666; list-style-type:none;}
	.listBgOn {background-color:#eef4d0;}
ul.projectList li a {font:11px/20px Arial, Helvetica, sans-serif; font-weight:normal; color:#666; list-style-type:none;}
ul.projectList li a:hover {text-decoration:none; cursor:default;}

.disclaimer {font:10px Arial, Helvetica, sans-serif; font-weight:normal; color:#999; margin:0; padding:0;}


/* -------------------- */
/* --- Aerius Green --- */
/* -------------------- */

div#contentInnerWrap.contentAeriusGreen {
	background-image:url(../images/bg_aerius_green.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	width:950px;
	}

div#contentInnerWrap.contentAeriusGreen div.contentCol1 {display:inline; float:left; width:350px; padding:0; margin-left:80px;}
	div#contentInnerWrap.contentAeriusGreen div.contentCol1 h1 {font-size:18px; font-weight:normal; color:#fff; margin-bottom:35px;}
	div#contentInnerWrap.contentAeriusGreen div.contentCol1 p {color:#fff;}

div#contentInnerWrap.contentAeriusGreen div.contentCol2 {display:inline; float:right; width:400px; padding:0px; margin-right:50px; margin-bottom:0;}
	div#contentInnerWrap.contentAeriusGreen div.contentCol2 h1 {font-size:18px; font-weight:normal; color:#465157; margin-left:20px; padding-bottom:5px;}
	div#contentInnerWrap.contentAeriusGreen div.contentCol2 ul {width:320px; margin-left:20px;}
	div#contentInnerWrap.contentAeriusGreen div.contentCol2 ul li {font-size:12px; color:#465157; line-height:17px;}


/* ------------------------ */
/* --- AERIUS BUILD LTD --- */
/* ------------------------ */
.aeBuildProjectWrap		{border-bottom:1px dotted #ccc; line-height:normal;}
.aeBuildProjectWrap p	{line-height:normal;}
.aeBuildProject			{padding-bottom:8px;}


/* -------------------- */
/* ---- GEOTHERMAL ---- */
/* -------------------- */
table.energyCost		{width:100%;}
table.energyCost td		{padding:6px; font-size:13px; text-align:center;}




/* ----------------- */
/* --- Employees --- */
/* ----------------- */

div.employeeDirectoryWrap {clear:both;}
	div.employeeDirectoryWrap img {display:inline; float:left; margin:0px 10px 10px 0px;}
	div.employeeDirectoryWrap p {display:inline; float:left; width:225px; padding-top:12px; line-height:normal;}
	div.employeeDirectoryWrap a {font-size:12px;}




/* -------------------- */
/* --- REGISTRATION --- */
/* -------------------- */

/* registration form */
.bgForm {background-image:none; background-color:#004c77;}
.formWrap div {padding:2px 0px;}
.formWrap label {font:11px Verdana, Arial, Helvetica, sans-serif; color:#fff; margin:0; padding:0;}
.submit {margin-left:310px;}

/* form */
.formWrap {width:600px;}
.formWrap div p {float:left; display:inline; margin:0; padding:0;}
.formWrap input {display:inline; float:left; font-family:Verdana, Arial, sans-serif; font-size:11px; color:#000000; background-color:#fff; border:1px solid #fff;}
.formWrap div {clear:left; display:block; margin:5px 0 0 0; padding:0;}
.formWrap div label {display:inline; float:left; width:90px; padding:3px 5px; margin:0 0 5px 0; text-align:right; font:11px Verdana, Arial, sans-serif; color:#fff;}
.formWrap div.submit {border:0; padding:0 0 0 320px;}
.formWrap img {clear:both; padding-top:20px;}





/* --------------- */
/* --- CONTACT --- */
/* --------------- */

#careersCol1 {display:inline; float:left; width:375px;}
#careersCol2 {display:inline; float:right; width:375px;}

ul.careersList {padding-top:10px;}
ul.careersList li {font-size:11px; line-height:normal; list-style:square; margin-left:25px; padding-bottom:5px;}
ul.careersList li a {font-size:12px;}


/* ----------------------------------------------------------------------------- */
/* ------------------------------>>> 5. FOOTER <<<------------------------------ */
/* ----------------------------------------------------------------------------- */


/* Footer Wrap */
#footerWrap {width:1000px; margin:8px auto 0px auto; padding:0; padding-bottom:5px;}

	.copyrightContent {margin:0; padding:0; text-align:center;}
	.copyrightContent p {font:10px Arial, Helvetica, sans-serif; color:#FFF; padding:0;}
	.copyrightContent a {font:10px Arial, Helvetica, sans-serif; color:#FFF;}
	.copyrightContent a:hover {text-decoration:underline;}

	.thinkLink {margin:5px 0px 0px 0px; padding:0; text-align:center;}
	.thinkLink p {font:10px Arial, Helvetica, sans-serif; color:#330000; padding:0;}
	.thinkLink a {font:10px Arial, Helvetica, sans-serif; color:#330000;}
	.thinkLink a:hover {text-decoration:underline;}