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

/* Global Tags */

a, a:active, a:visited {
color:#333;
text-decoration:none;
}

a:hover,
.active_link {
text-decoration:underline;
}

body {
background:#231F20;
font-family:Arial, Helvetica, sans-serif;
font-size:.8em;
}

/* End Global Tags */

/* Global Classes */



/* End Global Classes */


/* Page */

#page {
background:url(images/page.jpg) no-repeat 0px 0px;
height:656px;
margin:0px auto;
position:relative;
width:962px;
}


/* End Page */


/* Header */

#header {

}

#header h1,
#header h1 a {
height:179px;
left:0px;
position:absolute;
top:0px;
width:190px;
}

#header h1 a {
color:yellow;
text-indent:-9999px;
}

#header h1 a:hover {
background:url(images/page.jpg) no-repeat -770px -656px;
}

#header #energy_savings {
color:#8A0D04;
font-size:16px;
position:absolute;
right:12px;
top:88px;
}

#savings_amount {
border:3px solid #8A0D04;
display:block;
font-size:1.4em;
margin-top:6px;
padding:4px;
text-align:center;
}


/* Main Navigation */

#site_navigation {
position:absolute;
left:0px;
top:197px;
z-index:1000;
}

#site_navigation li {
height:30px;
position:absolute;
text-indent:-9999px;
top:0px;
}

#site_navigation li a {
background-image:url(images/page.jpg);
background-repeat:no-repeat;
background-position:-9999px 0px;
display:block;
height:30px;
}

#home_link,
#home_link a {
left:2px;
width:88px;
}

#home_link a:hover {
background-position:-2px -658px;
}

#background_link,
#background_link a {
left:91px;
width:138px;
}

#background_link a:hover {
background-position:-91px -658px;
}

#locations_link,
#locations_link a {
left:230px;
width:119px;
}

#locations_link a:hover {
background-position:-230px -658px;
}

#contact_link,
#contact_link a {
left:350px;
width:94px;
}

#contact_link a:hover {
background-position:-350px -658px;
}

/* Header */

/* Main Content */

#main_content {
height:349px;
left:2px;
position:absolute;
top:228px;
}

#main_content h2 {
display:none;
}

#main_content,
.coda-slider,
.coda-slider .panel {
width:643px;
}

.coda-slider .panel-wrapper { 
height:329px;
padding:10px 23px;
}

.coda-slider #home .panel-wrapper {
background:url(images/home.jpg) no-repeat;
text-indent:-99999px;
}

.coda-slider #background .panel-wrapper {
background:url(images/up_background.jpg) no-repeat;
}

.coda-slider #background .panel-wrapper p {
font-size:12px;
line-height:1.4em;
margin-bottom:16px;
margin-left:20px;
}

.top_p {
display:inline-block;
margin-top:50px;
}

.coda-slider #locations .panel-wrapper {
background:url(images/locations.jpg) no-repeat;
text-indent:-99999px;
}

.coda-slider #contact .panel-wrapper {
background:url(images/contact.jpg) no-repeat;
}

.coda-slider #contact .panel-wrapper p {
line-height:1.3em;
margin:60px 20px 30px 20px;
}


.coda-slider #contact .panel-wrapper ul {
margin-left:20px;
}


.coda-slider #contact .panel-wrapper li {
line-height:1.3em;
margin-bottom:6px;
}


/* Most common stuff you'll need to change */

/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
.coda-slider-no-js .coda-slider { height: 349px; overflow: auto !important; padding-right: 20px }
	
/* Preloader */
.coda-slider p.loading { padding: 20px; text-align: center }

/* Miscellaneous */
.coda-slider { overflow: hidden; position: relative }
.coda-slider .panel { float: left }
.coda-slider .panel-container { position: relative }

/* End Menu */

/* End Main COntent */

/* Side Content */

#side_content {
height:346px;
position:absolute;
right:2px;
top:208px;
width:316px;
}

#side_content h3 {
display:none;
}

#side_content p {
font-size:10px;
line-height:14px;
}

#panel_1,
#panel_2 {
cursor:pointer;
position:absolute;
}

#panel_1 {
height:74px;
padding:90px 0px 0px 30px;
top:11px;
}

#panel_2 {
height:86px;
padding:90px 60px 0px 30px;
top:186px;
}

/* End Side Content */

/* Footer */

#footer {
bottom:14px;
line-height:14px;
position:absolute;
width:100%;
}

#footer a,
#footer a:active,
#footer a:visited {
color:#fff;
}

#footer p {
font-size:.76em;
text-align:center;
}