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

html{ height:101%;}

body { /* the main background of the computer screen*/
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: center;
	background-image:url(images/bg.jpg);
}

.mainOuter {/*the main background of the container eg.layout background*/
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color:#000000;
	width:900px;
	height:auto;
	text-align: left;
	background-image:url(images/border_12.jpg);
	background-repeat:repeat-y;
}

.links { /* this is the main outlines for all links within the site*/
	font-family:Arial, Helvetica, sans-serif;
	color:#c0ac55;
	font-size:12px;
}

.links a:link{ color:#c0ac55; text-decoration: none;}
.links a:visited{ color:#c0ac55; text-decoration: none; }
.links a:active{ color: #c0ac55; text-decoration: none; }
a:hover{ text-decoration: underline; color: #6a157d;}


/*========== CONTAINER ==========*/

.mainContainer{ 
width: 900px; 
height: auto; 
float: left; 
background-image:url(images/border_12.jpg); 
background-repeat:repeat-y;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#69147d;
}

h1{
	font-size:14px;
	text-decoration:underline;
}
h2{
	font-size:12px;
	text-decoration: underline;
}
h3{font-size:12px; text-decoration:underline;}
h4{font-size:16px; text-decoration:underline; color:#d8de40;}

/*========== HEADER ==========*/

.headerContainer{ width: 900px; height: auto; float: left; background-color:#FFFFFF;}
.headerImage{width:900px; height:168px; float:left;}
.underImage{width:900px; height:7px; float:left; font-size:1px; background-image:url(images/border_10.jpg);}
.menuTop{width:900px; height:33px; float:left; background-color:#00CC66;}

/*========== VERTICAL MENU ==========*/
.menuContainer{ width: 153px; height:auto; float:left; }
.menuOption a {
	width:153px;
	height: 23px;
	float:left;
	background-image:url(images/verticalmenu.jpg);
	background-repeat:no-repeat;
	border:none;
	color:#69147d;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	text-indent:15px;
	font-weight:bold;
}
.menuOption a:hover {
	background-image:url(images/vertical2_12.jpg);
}
.contactInfo{ width: 153px; height: 111px; float: left; background-image:url(images/contactinfo_22.jpg);}
.facebook{ width: 153px; height: 50px; float: left;}

/*========== MAIN CONTENT ==========*/
.contentContainer{width:747px; height: auto; float: left; background-image:url(images/contentbg_23.jpg);}
.titleBanner{width: 52px; height: auto; float:left; background-color:#d8de40;}
.textArea{ width:695px; height:auto; float: left;}
.text{ width:630px; height:auto; float: left; margin:20px;}
.textImage1{ width:160px; height:auto; float:right;}
.textImage2{ width:250px; height:auto; float:right;}
.textImage3{ width:170px; height:auto; float:left;}
.textImage4{ width:170px; height:auto; float:right;}
.lowerBg{ width:695px; height:106px; float:left; background-image:url(images/lowercontent_23.jpg);}

/*HOME PAGE*/
.benifitsContainer{ width:230px; height:auto; float:left;}
#benefitsofrenenergy {
	width: auto;
}
.benifitsLeft{
	width:505px;
	height: auto;
	float:right;
}
.benifitsText{ width: 230px; height:auto; float:left; margin-left:10px;}
.benifitsIntro{ width: 440px; height:auto; float:left; margin:10px 10px 0px 10px ;}
.benifitsTable{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#69147d;
}


.rightBanners{ width:175px; height:auto; float:left;}
.banner1{ width:175px; height:auto; float:left; margin-top:10px;}
.banner2{ width:175px; height:auto; float:left; margin-top:40px;}

/*PRESS PAGE*/
.questionContainer{ width: 600px; height:auto; float:left;  background-color:#601b86;}
.questionBarOpenBG{ width:500px; height:auto; float:left; background-color:#601b86;}
.questionBarText{ height:auto; margin:5px;}
.questionBarHideBG{ width:100px; height:auto; float:left; background-color:#601b86;}
.questionBarText a{ font-weight:bold; color:#FFFFFF; text-decoration:none;}
.answer{ width:600px; height:auto; float:left; margin-top:5px;}

/*GROUND SOURCE*/
.diagramInfo{ width:155px; height:242px; float:left; background-color:#80d364;}
.diagramInfoText{ margin:5px;}
.text_gs{ width:395px; height:auto; float: left; margin:20px;}
.image_gs{ width:215px; height:auto; float: left; margin-top:20px;}
.pdfContainer{ width:200px; height: auto; float:left; margin-left:50px; margin-right:50px;}

/*AIR SOURCE*/
.text_as{ width:300px; height:auto; float: left; margin-left:10px; margin-right:20px;}
.image_as{ width:300px; height:auto; float: left;}


/*CONTACT PAGE*/
.text_contact{ width:300px; height:auto; float: left; margin:20px;}
.map{ width:300px; height:auto; float:left; margin:20px; }
.table{ font-size:12px; color:#601b86; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
/*========== FOOTER ==========*/

.footerContainer{ width: 900px; height: 73px; float: left; background-image:url(images/footerbg_23.jpg);}

.footerText{
	width: 696px;
	height: 15px;
	float: left;
	margin-top: 40px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:left;
	color:#000000;
	text-indent:20px;
}
.footerLogo{width:204px; height:73px; float:left;}