@charset "UTF-8";
/* CSS Document for application-wide styles */
/* Intended for graphic designer use */

body {
	text-rendering: optimizeLegibility;
	color: #333;
	font-size: 12px;
	font: Helvetica, Arial,sans-serif;
}

h1#logo {
  position: absolute;
  left: -9999px;
  background: url(../img/logo.png) no-repeat;
  margin: 5px 0 -2px 0;
  padding: 0;
}
		
.yellowbar{
	background: #F2C629; 
	height: 20px; 
	margin-top: 80px; 
	margin-bottom: 4px;
	}
	
.graybar{
	background: #494949; 
	height: 20px;
	}
	
.bluebar{
	background: #006899;
	margin-bottom: 4px;
	opacity: 0.8;
	text-align: center;
	}

.image{opacity: 1; padding: 20px 0px 20px 0;}

.box{
background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQIHWP4////MwAJ4gPkZBZGqQAAAABJRU5ErkJggg==);
position:fixed;
	right:2%;
	top:0;
	z-index:100;
	padding:15px 30px;
	text-align:center;
	-moz-border-radius-bottomleft: 15px;
	-webkit-border-bottom-left-radius: 15px;
	border-bottom-left-radius: 15px;
	-moz-border-radius-bottomright: 15px;
	-webkit-border-bottom-right-radius: 15px;
	border-bottom-right-radius: 15px;
	


	
}

.energy-box{
	background: url(../images/energy_img.png) no-repeat;
	position:fixed;
	left:0px;
	bottom:0px;
	width:500px;
	height:250px;
	z-index:200;
	padding:0;
	


}

.energy-logo{
	bottom:20px;
	left:50px;
	position:fixed;
	z-index:300;
}

h1{
font-family: futura-pt,sans-serif;
font-style: normal;
font-weight:400;
font-size:22px;
color:#036;
margin:0;
padding:0;
text-shadow:1px 1px 0 rgba(255, 255, 255, 1.0);
}