@charset "utf-8";
/* CSS Document */
body {background:url(images/background.jpg) fixed no-repeat top center #5499d4; color:#000000; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
p{ color:#000000; font-size:1em}

.wrapper {width:900px; margin:0 auto}
.header{position:relative; height:94px;}
.header .menu	{background:#0b3159; height:35px; width:100%;}
.header .menu ul	{list-style:none; float:right; width:550px;}
.header .menu ul li	{float:left; font-size:14px; font-weight:bold; padding:10px 10px 0px 10px;}
.header .menu ul li a{color:#fff; text-decoration:none;}
.header .menu ul li a:hover{color:#fff; text-decoration:underline;}
.header img.logo {position:absolute; top:10px; left:-30px; }
.header .logo-image {width:295px; height:105px; float:left}
.header .slogan {float:left; width:300px; height:50px; margin:30px 0 0 0}
.header .slogan h1 {color:#b2cce1; font-size:2em}
.header .contact {float:right; width:250px; text-align:right; margin:30px 0 0 0}
.header .contact h4 {color:#b2cce1; font-size:1.1em}
.header .contact h1 {color:#b7c800; font-size:2.2em; font-weight:bold}
.header .burst {position:absolute; top:0; right:180px}

.middle{
	background:url(images/white-trans.png) repeat top left;
	position: relative;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-bottom: 20px;
}
.middle .left-nav { width:154px; padding:30px 0 0 0px; float:left; display:block}


/*Drop Down Nav*/
 #nav { display: block; margin: -20px 0 0 15px; padding: 0; position: relative; list-style:none;}
  #nav li { display: block; width:154px; margin:10px 0 6px 0; padding: 0; position: relative;}
  #nav a { display: block;}
  #nav ul { display: none; position: absolute; right:-100px; margin: 0; padding: 0; }
  * html #nav ul { line-height: 0; } /* IE6 "fix" */
  	#nav ul a { zoom: 1; } /* IE6/7 fix */
    #nav ul li { float: none; }
    #nav ul ul { top: 0; }
    
/* Essentials - configure this */

#nav ul { width: 130px; }
#nav ul ul { left: 131px; }

/* Everything else is theming */
 
#nav {  height: 24px; }
#nav *:hover { background-color: none; }
#nav a { border-right: 0px solid white; color:#195ca3; font-size:1.6em; text-decoration:none; }
  #nav li.hover a {color:#88c13b; font-size:1.6em; text-decoration:none }
  #nav ul { top: 0px; }
    #nav ul li a { background:#fff; padding:6px; height:24px; width:170px }
      #nav ul a.hover { background:#fff; }
   #nav ul a { border-bottom: 1px solid white; border-right: none; opacity: .8; filter: alpha(opacity=80); }
   
.middle .left-nav #nav ul {list-style:none; margin:0 0 0 15px}
.middle .left-nav #nav ul li {margin:00px 0 0px 0 }
.middle .left-nav #nav ul li a {color:#195ca3; font-size:1.6em; line-height:1.6em; text-decoration:none}
.middle .left-nav #nav ul li a:hover {color:#88c13b; font-size:1.6em; line-height:1.6em; text-decoration:none}
.middle .content { min-height:525px; height:auto !important; height:525px;}
.middle .content .solar-energy {float:right; width:340px}
.middle .content .solar-energy img {margin:0 -40px 0 0 }
.middle .content .home-content {float:left; margin:4px 36px 0 28px; width:330px;}
.middle .content .home-content h1 {color:#005aa6; font-size:2.5em; margin:10px 0 30px 0}
.middle .content .home-content p {font-size:1em; color:#000000; margin:0 0 20px 0; line-height:1.15em}
.middle .content .home-content p strong {font-weight:bold}

#content .middle .content .home-content {float:left; margin:0 36px 0 28px; padding:0 0 10px 0; width:530px}
#content .middle .content .home-content h1 {color:#005aa6; font-size:2.5em; margin:10px 0 30px 0}
#content .middle .content .home-content h2 {color:#005aa6; font-size:1.75em; margin:5px 0 5px 0}
#content .middle .content .home-content h3 {color:#005aa6; font-size:1.5em; margin:5px 0 5px 0}
#content .middle .content .home-content h4 {color:#005aa6; font-size:1.3em; margin:5px 0 5px 0}
#content .middle .content .home-content a {color:#195ca3; font-size:1.0em; margin:0px 0 0px 0; text-decoration:none}
#content .middle .content .home-content a:hover {color:#88c13b; font-size:1.0em; margin:0px 0 0px 0; text-decoration:underline}
#content .middle .content .home-content p {font-size:1em; color:#000000; margin:0 0 20px 0; line-height:1.15em}
#content .middle .content .home-content p strong {font-weight:bold}
#content .middle .content .home-content .red {color:#FF0000; font-weight:bold}
#content .middle .content .home-content .form table {}
#content .middle .content .home-content .form table tr {}
#content .middle .content .home-content .form table tr td {padding:0 5px 8px 0}
#content .middle .content .home-content ul {list-style:circle; margin:10px 0 10px 30px}
#content .middle .content .home-content ul li {line-height:1.3em}
#content .middle .content .home-content ul.commercial-list li {font-size:1.2em; line-height:1.3em}
#content .middle .content .home-content .breadcrumbs {list-style:none; margin:15px 0 0 0; padding:0}
#content .middle .content .home-content .breadcrumbs li {display:inline; padding:0 3px 0 3px; border-right:1px solid #999999; font-size:1.0em; font-weight:bold}
#content .middle .content .home-content .breadcrumbs li a {font-weight:bold}
#content .middle .content .home-content .breadcrumbs li a:hover {font-weight:bold; text-decoration:underline}
#content .middle .content .home-content .breadcrumbs li.last {border:none} 
#widget {
	position: absolute;
	left: 308px;
	bottom: 28px;
}

#content .middle .content .testimonials {float:left; display:block; background:url(images/testimonial2.jpg) 60% top  no-repeat; width:125px; height:491px}
#content .middle .content .about-us {float:left; display:block; background:url(images/about_us.jpg) 70% top  no-repeat; width:125px; height:491px}
#content .middle .content .commercial {float:left; display:block; background:url(images/powerline2.jpg) 85% top  no-repeat; width:125px; height:491px}
#content .middle .content .current-promotions {float:left; display:block; background:url(images/money_lightbulb2.jpg) 60% top  no-repeat; width:125px; height:491px}
#content .middle .content .energy-efficient-lighting {float:left; display:block; background:url(images/onelightbulblit2.jpg) 70% top  no-repeat; width:125px; height:500px}
#content .middle .content .renewable_energy {float:left; display:block; background:url(images/turbines_sunset2.jpg) 70% top  no-repeat; width:125px; height:491px}
#content .middl .content .request_service {float:left; display:block; background:url(images/laptop_cellphone2.jpg) 65% top  no-repeat; width:125px; height:491px}
#content .middle .content .residential {float:left; display:block; background:url(images/porchlight2.jpg) 70% top  no-repeat; width:125px; height:491px}
#content .middle .content .solar {float:left; display:block; background:url(images/solar-panel.jpg) 100% top  no-repeat; width:125px; height:491px}
#content .middle .content .service-areas {float:left; display:block; background:url(images/map-side.png) 70% top  no-repeat; width:125px; height:491px}
#content .middle .content .low-voltage-wiring {float:left; display:block; background:url(images/low-voltage-wiring.jpg) 70% top  no-repeat; width:125px; height:491px}
.footer {margin:15px 0 28px 0; line-height:1.2em; background:url(images/white-trans.png) repeat;/* opacity: .5; filter: alpha(opacity=50);*/}
.footer .locations {float:left; width:900px; color:#195ca3; margin:3px 0 0 0; text-align:center}
.footer .locations ul {list-style:none; margin:0 0 5px 0}
.footer .locations ul li {display:inline; margin:0 5px 0 5px}
.footer .locations ul li a {color:#195ca3; text-decoration:none; text-transform:lowercase; opacity: 1; filter: alpha(opacity=100);}
.footer .locations ul li a:hover {color:#88c13b; text-decoration:none; text-transform:lowercase}
.footer .footer-nav {float:left; width:370px; color:#195ca3; margin:3px 0 0 0}
.footer .footer-nav ul {list-style:none; margin:0 0 5px 0}
.footer .footer-nav ul li {display:inline; margin:0 5px 0 5px}
.footer .footer-nav ul li a {color:#195ca3; text-decoration:none; text-transform:lowercase; opacity: 1; filter: alpha(opacity=100);}
.footer .footer-nav ul li a:hover {color:#88c13b; text-decoration:none; text-transform:lowercase}
.footer .footer-contact {float:right; padding:0 10px 0 0; width:500px; text-align:right; color:#195ca3; line-height:1.5em}

.margin {margin:0 0 10px 10px}
.left {float:left;}
.right {float:right}
.center {text-align:center}
.clear {clear:both}

#content .middle .content .solar-menu							{background:url(images/solar-menu.jpg) no-repeat top left; width:530px; height:190px; position:relative; margin-top:21px; padding:0;}
#content .middle .content .solar-menu ul.solar-m				{ list-style:none; padding:0; margin:0; position:absolute; top:0px; left:0px; width:160px; margin-top:7px; }
#content .middle .content .solar-menu ul.solar-m li				{list-style:none; margin:3px 0px; padding:0;}
#content .middle .content .solar-menu ul.solar-m li a			{display:block; margin:0; padding:3px 5px; width:150px; color:#ffffff; font-weight:bold; text-decoration:none;}
#content .middle .content .solar-menu ul.solar-m li a:hover,
#content .middle .content .solar-menu ul.solar-m li a.selected	{background:#093e69; color:#ffffff;}


.middle .left-nav #nav ul li #twitter_div	{width:130px;}
.middle .left-nav #nav ul li #twitter_div h2	{font-size:16px; font-weight:bold;}
.middle .left-nav #nav ul li #twitter_div #twitter-link	{font-size:12px;}

.employee		{width:141px; float:left; margin-right:15px; margin-left:15px; margin-bottom:30px;}
.employee img	{padding:5px; background:#fff; border:3px solid #799ab4;}
.employee .name	{font-size:14px; background:#799ab4; font-weight:bold; color:#fff; padding:3px; line-height:1.2em;}
.employee .name	span {font-size:12px; font-weight:normal; color:#2d485d;}