html, body {
height: 100%;
}
			
body {
margin: 0;
padding: 0;
font: 80% arial, sans;
color: #71764c;
background: #bdcb7c url(images/bg_body.jpg) repeat-y bottom center;

font-family: georgia, serif;
font-size:80%;
}

body#index {
margin: 0;
padding: 0;
font: 80% arial, sans;
color: #71764c;

background: #bdcb7c url(images/bg_body_index.jpg) repeat-y bottom center;
font-family: georgia, serif;
font-size:80%;
}

div, p, a, img, h1, h2, h3, h4, h5, h6, table, tr, td, ul, li {
margin: 0;
padding: 0;
border: 0;
outline: 0;
}

.small {font-size: 90%}
.bold {font-weight: bold;}

a {
color: #b4c26b; 
font-weight: bold;
text-decoration: none;
outline:none;
border:0;
}

a:hover {text-decoration:underline;}

h3 {font-family:georgia, serif;font-size:180%;color:#6b744a ;text-align:center;}

.small {font-size: 90%; letter-spacing: 2px}
.medium {font-size: 120%; line-height: 130%}
.large {font-size:150%; line-height: 180%}


p.contact {text-align:center}


ul {list-style-position: outside; list-style-type: disc; padding: 0 0 0 15px;}
ul li {margin: 0 0 10px 0}




.header {
position: relative;
top:0px;
width:100%;
height:307px;
margin:0;
padding:0;
background: url(images/bg_header.gif) repeat-x top left;
}

.header_index {
position: relative;
top:0px;
width:100%;
height:703px;
margin:0;
padding:0;
background: url(images/bg_header.gif) repeat-x bottom left;

}

.header_center {
position:relative;
width: 617px;
height:307px;
margin: 0 auto;
padding:0;
background: url(images/bg_masthead.jpg) repeat-x top left;
}

.header_center_index {
position:relative;
width: 617px;
height:840px;
margin: 0 auto;
padding:0;
background: url(images/bg_container_index.jpg) no-repeat top left;
}



.center {
position: relative;
width: 497px;
vertical-align:top;
margin:auto;
font-size:95%;
padding: 30px 60px 50px 60px;
line-height:200%;
}

.main {
position: relative;
min-height:100%;
_height:100%;
width:100%;
background: transparent url(images/bg_container.jpg) no-repeat center bottom;
padding: 0;
}

.main#index {
position: relative;
min-height:100%;
_height:100%;
width:100%;
background: transparent url(images/bg_container_index.jpg) no-repeat center top;
padding: 0;
}





.footer {
position:absolute;
bottom: 0px;
width:100%;
height:37px;
margin:0;
padding:0;
}

.footer_container {
position:relative;
width: 617px;
height:37px;
margin: 0 auto;
padding:0;
}

.footer_container a{
	display:block;
	width:230px;
	text-align:center;
	margin:0 auto;
	padding:3px 0 0 0;
	
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#FFF;
	font-size:12px;
	line-height:14px;
	font-weight:normal;
	text-decoration:none;
}

.footer_container a:hover{
	color: #AEB775;
}

/*.footer_container a#upcoming {
position:absolute;
left:242px;
display:block;
height: 36px;
width: 150px;
background: transparent url(images/upcoming.jpg) no-repeat left top;
}

.footer_container a#upcoming:hover {background-position: 0 -36px}

.footer_container a#upcoming span {display:none;}

.footer_container a#upcoming_index {
position:absolute;
top:-100px;
left:242px;
display:block;
height: 36px;
width: 150px;
background: transparent url(images/upcoming_index.jpg) no-repeat left top;
}

.footer_container a#upcoming_index:hover {background-position: 0 -36px}

.footer_container a#upcoming_index span {display:none;}*/


.h2_title {
display:block;
width: 438px;
height: 73px;
position:absolute;
left: 97px;
top: -73px;
text-indent:-5000px;
}

#h2_about {background: url(images/h2_about.jpg) no-repeat left top;}
#h2_contact {background: url(images/h2_contact.jpg) no-repeat left top;}
#h2_energywork {background: url(images/h2_energywork.jpg) no-repeat left top;}
#h2_services {background: url(images/h2_services.jpg) no-repeat left top;}
#h2_welcome {background: url(images/h2_welcome.jpg) no-repeat left top;}
#h2_upcoming {background: url(images/h2_upcoming.jpg) no-repeat left top;}


#nav {
position:absolute;
top: 187px;
display:block;
height:47px;
width:617px;
background:#A39A60;
} 

#menu {
margin: 0;
padding: 0;
list-style-type: none; 
text-align: center; 
}

#menu li {
display:inline;
float: left; 
}

#menu li a {display:block; height: 47px; text-indent: -5000px;}

#menu li a#menu_welcome {
width: 97px;
background: url(images/menu_welcome.gif) no-repeat top left;
}

#menu li a#menu_about {
width: 105px;
background: url(images/menu_about.gif) no-repeat top left;
}

#menu li a#menu_energywork {
width: 184px;
background: url(images/menu_energywork.gif) no-repeat top left;
}

#menu li a#menu_services {
width: 148px;
background: url(images/menu_services.gif) no-repeat top left;
}

#menu li a#menu_contact {
width: 83px;
background: url(images/menu_contact.gif) no-repeat top left;
}

#menu li a#menu_welcome:hover,#menu li a#menu_about:hover,#menu li a#menu_energywork:hover,#menu li a#menu_services:hover, #menu li a#menu_contact:hover {
background-position: 0 -47px;}

#menu li a#menu_welcome.on,#menu li a#menu_about.on,#menu li a#menu_energywork.on,#menu li a#menu_services.on, #menu li a#menu_contact.on {
background-position: 0 -47px;}



#nav_index {
position:absolute;
top: 583px;
left:0px;
display:block;
height:47px;
width:617px;
background:#A39A60;
} 
