@charset "UTF-8";
/* CSS Document */

body {
	background: #ffffff;
	margin: 0;
	padding: 0;
	color: #7b7b7b;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

div.container {
	position:relative;
	margin-left: auto ;
 	margin-right: auto ;
	width:1000px;
}
.oneColElsCtr #mainContent {
	float: left;
}

div.header {
	float: left;
	width: 1000px;
}

div.emotive-earth-logo {
	float: left;
	left:0px;
	top:0px;
	width:321px;
	height:78px;
}

div.top-contact-info {
	float: right
	width:679px;
	height:48px;
	padding: 30px 40px 0 0;
	text-align: right;
}

/*  START navigation styles  */

div.nav-container {
	float: left;
	width: 1000px;
}

div.home-button {
	float: left;
	width:122px;
	height:52px;
	border: none;
	padding: 0px;
	margin: 0px;
}

div.about-us-button {
	float: left;
	width:110px;
	height:52px;
	border: none;
	padding: 0px;
	margin: 0px;
}

div.solar-power-button {
	float: left;
	width:126px;
	height:52px;
	border: none;
	padding: 0px;
	margin: 0px;
}

div.LED-lighting-button {
	float: left;
	width:122px;
	height:52px;
	border: none;
	padding: 0px;
	margin: 0px;
}

div.economics-button {
	float: left;
	width:115px;
	height:52px;
	border: none;
	padding: 0px;
	margin: 0px;
}

div.testimonials-button {
	float: left;
	width:126px;
	height:52px;
	border: none;
	padding: 0px;
	margin: 0px;
}

div.gallery-button {
	float: left;
	width:141px;
	height:52px;
	border: none;
	padding: 0px;
	margin: 0px;
}

div.contact-button {
	float: left;
	width:138px;
	height:52px;
	border: none;
	padding: 0px;
	margin: 0px;
}

/*  END navigation styles  */



div.edit-content {
	display: block;
	float: left;
	width: 1000px;
	background-image: url(images/main-background.png);
	background-repeat: repeat;
}

div.page-text {
	display: block;
	float: left;
	width: 880px;
	margin: 20px 60px 20px 60px;
}

div.bottom-bar {
	display: block;
	float: left
	width:1000px;
	height:20px;
}

div.footer-container {
	display: block;
	float: left;
	width: 1000px;
	padding-top: 20px;
}

div.WASEA-logo {
	display: block;
	float: left;
	width:106px;
	height:61px;
}

div.Clean-Energy-Council {
	display: block;
	float: left;
	width:80px;
	height:61px;
}

div.footer {
	float: right;
	width: 800px;
	height: 61px;
}

/*  START homepage styles  */

div.Emotive-Earth-slideshow {
	float: left;
	width:944px;
	height:153px;
	padding: 0;
	margin: 0 28px 0 28px;
}

div.main-content1 {
	float: left;
	width:944px;
	padding: 0;
	margin: 0 28px 0 28px;
}

div.home-content {
	float: left;
	width:440px;
	padding: 25px 0px 20px 25px;
}

div.home-content2 {
	float: left;
	width:479px;
	padding: 15px 0px 0px 0px;
}

div.contact-ee {
	float: left;
	display: block;
	width:478px;
	height:52px;
	background-color: #FFF;
}

div.solar-power {
	float: left;
	width:478px;
	height:93px;
	padding: 0px 0px 0px 0px;
	background-image: url(images/solar-panels-perth.png);
}

div.LED-lighting {
	float: left;
	width:478px;
	height:93px;
	padding: 0px 0px 0px 0px;
	background-image: url(images/LED-lighting-perth.png);
}

div.solar-economics {
	float: left;
	width:478px;
	height:93px;
	padding: 0px 0px 0px 0px;
	background-image: url(images/economics-solar-power.png);
}

div.two-buttons {
	float: left;
	width:478px;
	height:116px;
}

.button-text {
	width: 312px;
	height: 47px;
	margin: 43px 0 0 145px;
}

div.button-text2 {
	width: 312px;
	height: 42px;
	margin: 39px 0 0 145px;
}

div.contact-form {
	float: right;
	width: 280px;
	height: auto;
	background-color: #7b7b7b;
	padding:10px 10px 10px 10px;
}

div.gallery-nav {
	float: left;
	width: 160px;
	height: auto;
	padding:10px 10px 10px 0px;
}

div.gallery {
	float: left;
	width: 670px;
	height: auto;
	padding: 10px 20px 0px 20px;
}

/*  END homepage styles  */



/*  START subpage styles  */

div.left-nav {
	float: left;
	width: 155px;
	height: auto;
	padding: 90px 35px 0px 0px;
	text-align: right;
	
}

.left-nav-text {
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;
	color: #f7931e;
	font-size: 12px;
}

div.page-header {
	float: right;
	width: 755px;
	height: auto;
	margin: 35px 55px 0px 0px;
	text-align: left;
	
}

div.page-header2 {
	float: right;
	width: 890px;
	height: auto;
	margin: 35px 55px 0px 0px;
	text-align: left;
	
}

div.page-text {
	float: right;
	width: 755px;
	height: auto;
	margin: 0px 55px 0px 0px;
	text-align: left;
	
}

div.page-text2 {
	float: right;
	width: 890px;
	height: auto;
	margin: 0px 55px 0px 0px;
	text-align: left;
	
}

div.heading-box {
	float: left;
	width: 350px;
	height: 30px;
	text-align: left;
	vertical-align: bottom;
	margin-top: 10px;
}

div.contact-box {
	float: right;
	width: 370px;
	height: 45px;
	text-align: right;
	vertical-align: text-top;
}

.contact-text {
	display: inline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #7f7f7f;
	text-align: right;
}

.contact-arrow {
	margin: 5px 0 0 5px;

}

div.form-container {
	float: left;
	width: 480px;
	height: auto;
	margin: 15px 0px 15px 0px;
	text-align: left;
	background-color: #e7e7e7;
	padding: 25px;
	
}

div.form-tags {
	float: left;
	width: 120px;
	height: 20px;
	margin: 10px 20px 0px 0px;
	text-align: right;
	padding: 0 0 0 0;
	vertical-align: middle;
	
}

.form-input {
	float: left;
	width: 300px;
	height: 20px;
	margin: 10px 0px 0px 0px;
	text-align: left;
	padding: 0px 0 0 0;
	vertical-align: middle;
	
}

.form-input2 {
	float: left;
	width: 300px;
	height: auto;
	margin: 10px 0px 0px 0px;
	text-align: left;
	padding: 0px 0 0px 0;
	vertical-align: top;
	
}

.form-recaptcha {
	display: inline-block;
	float: left;
	width: 322px;
	height: 135;
	margin: 10px 0px 0px 140px;
	text-align: left;
	padding: 0px 0 0px 0;
	vertical-align: top;
	
}


div.address-container {
	float: right;
	width: 280px;
	height: auto;
	margin: 15px 0px 0px 0px;
	text-align: left;
	padding: 25px;
	border: dashed #CCC 1px;
	
}

/*  END subpage styles  */

h1 {
	display: inline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #8b623d;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #7b7b7b;
	text-align: left;
}

.phone {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #f7931e;
	text-align: right;
}

.tagline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #8b623d;
	text-align: right;
}

.quote-name {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #8b623d;
	text-align: left;
}

.quote-place {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #8b623d;
	text-align: left;
	font-style: italic;
}

hr {
	float: left;
	display: block;
    height: 1px;
    width: 755px;
    color: #7d7d7d;
	background: #a6a6a6;
	border: 0;
    margin: 0px 0px 10px 0px; 
	padding: 0 0px 0 0;
   }
   
.hr2 {
	float: left;
	display: block;
    height: 1px;
    width: 890px;
    color: #7d7d7d;
	background: #a6a6a6;
	border: 0;
    margin: 0px 0px 10px 0px; 
	padding: 0 0px 0 0;
   }
   
.dashed-rule {
	float: left;
	display: block;
    height: 1px;
    width: 890px;
    color: none;
	border: 0;
	border-top: dashed #CCC 1px;
    margin: 0px 0px 10px 0px; 
	padding: 0;
   }

.grey-text {
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	color: #7b7b7b;
	font-size: 12px;
	line-height: 15px;
}

.dk-grey-text {
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	color: #2e2e2e;
	font-size: 12px;
}

.white-text {
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	color: #ffffff;
	font-size: 12px;
}

.white-text2 {
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	line-height: 12px;
	color: #ffffff;
	font-size: 12px;
}

.footer-text {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;
	font-style: normal;
	color: #a6a6a6;
	font-size: 11px;
	padding-right: 40px;
}

.image-floatright {
	float: right;
}
.image-floatleft {
	float: left;
	display: block;
}

.image-thumb {
	float: left;
	border: #999 solid 2px;
	margin: 20px 20px 0px 0px;
}

.image-gallery {
	float: left;
}

/*  START link styles  */

a:link {text-decoration: underline; color: #f7931e; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; line-height: 18px;}
a:visited {text-decoration: underline; color: #f7931e; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; line-height: 18px;}
a:active {text-decoration: underline; color: #f7931e; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; line-height: 18px;}
a:hover {text-decoration: underline; color: #8b623d; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; line-height: 18px;}

.greenlink a:link {text-decoration: underline; color: #008300; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; line-height: 18px;}
.greenlink a:visited {text-decoration: underline; color: #008300; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; line-height: 18px;}
.greenlink a:active {text-decoration: underline; color: #008300; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; line-height: 18px;}
.greenlink a:hover {text-decoration: underline; color: #f7931e; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; line-height: 18px;}

.whitelink a:link {text-decoration: underline; color: #ffffff; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; line-height: 18px;}
.whitelink a:visited {text-decoration: underline; color: #ffffff; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; line-height: 18px;}
.whitelink a:active {text-decoration: underline; color: #ffffff; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; line-height: 18px;}
.whitelink a:hover {text-decoration: underline; color: #694423; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; line-height: 18px;}

.orangelink a:link {text-decoration: underline; color: #f7931e; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; line-height: 18px;}
.orangelink a:visited {text-decoration: underline; color: #f7931e; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; line-height: 18px;}
.orangelink a:active {text-decoration: underline; color: #f7931e; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; line-height: 18px;}
.orangelink a:hover {text-decoration: underline; color: #ffffff; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; line-height: 18px;}

.greylink a:link {text-decoration: underline; color: #b6b6b6; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; line-height: 18px;}
.greylink a:visited {text-decoration: underline; color: #b6b6b6; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; line-height: 18px;}
.greylink a:active {text-decoration: underline; color: #b6b6b6; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; line-height: 18px;}
.greylink a:hover {text-decoration: underline; color: #ffffff; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; line-height: 18px;}

.brownlink2 a:link {text-decoration: underline; color: #8b623d; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 11px;}
.brownlink2 a:visited {text-decoration: underline; color: #8b623d; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 11px;}
.brownlink2 a:active {text-decoration: underline; color: #8b623d; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 11px; }
.brownlink2 a:hover {text-decoration: underline; color: #f7931e; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 11px;;}

.contactlink a:link {text-decoration: none; color: #f7931e; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; text-align: right;}
.contactlink a:visited {text-decoration: none; color: #f7931e; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; text-align: right;}
.contactlink a:active {text-decoration: none; color: #f7931e; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; text-align: right;}
.contactlink a:hover {text-decoration: underline; color: #7b7b7b; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; text-align: right;}

.left-nav-link a:link {text-decoration: none; color: #f7931e; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-align: right;}
.left-nav-link a:visited {text-decoration: none; color: #f7931e; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-align: right;}
.left-nav-link a:active {text-decoration: none; color: #f7931e; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-align: right;}
.left-nav-link a:hover {text-decoration: underline; color: #f7931e; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-align: right;}

.brownlink a:link {text-decoration: none; color: #8b623d; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 14px;}
.brownlink a:visited {text-decoration: none; color: #8b623d; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 14px;}
.brownlink a:active {text-decoration: none; color: #8b623d; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 14px;}
.brownlink a:hover {text-decoration: underline; color: #f7931e; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 14px;}

.footerlink a:link {text-decoration: none; color: #a6a6a6; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-align: right; padding-right: 40px;}
.footerlink a:visited {text-decoration: none; color: #a6a6a6; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-align: right; padding-right: 40px;}
.footerlink a:active {text-decoration: none; color: #a6a6a6; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-align: right; padding-right: 40px;}
.footerlink a:hover {text-decoration: underline; color: #a6a6a6; font-family: Arial, Helvetica, sans-serif; font-size: 11px;; text-align: right; padding-right: 40px;}

.textlink a:link {text-decoration: underline; color: #7b7b7b; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; line-height: 14px;}
.textlink a:visited {text-decoration: underline; color: #7b7b7b; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; line-height: 14px;}
.textlink a:active {text-decoration: underline; color: #7b7b7b; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; line-height: 14px;}
.textlink a:hover {text-decoration: underline; color: #f7931e; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; line-height: 14px;}


/*  END link styles  */

#featured { width: 890px; height: 445px; background: #009cff url('/playground/jquery-image-slider-plugin/orbit/loading.gif') no-repeat center center; overflow: hidden; }

#mySlider { height: 1px; width: 1px; }