/* Start of CMSMS style sheet 'style' */
@charset "utf-8";
/* CSS Document */

/* ================================================================ GENERAL */

html{
 background-color:#2d2d2d;
}
body{
 margin:8px 0 0 0;
 padding:0;
 font-size:12px;
 line-height:18px;
 color:#151515;
 font-family:Helvetica, Verdana, Arial, Tahoma, sans-serif;
 background-color:#2d2d2d;
}

img{border:none; display:block;}

h1, p, ul, li{margin:0; padding:0;}

h1{margin:0 0 5px 0; font-weight:normal; font-size:18px}

.contact{
        position:absolute;
	right:29px;
	background-image:url(images/contact.gif);
	width:95px;
	height:27px;
	top:27px;
	text-indent:-5000px;
}

.col{float:left;}

a{
text-decoration:underline;
color:#228212;
}
a:hover{
text-decoration:none;
color:#228212;
}

.example{margin:0 0 10px 30px;}

.clr{clear:both;}

.copyright{
	position:absolute;
	top:20px;
	left:377px;
}

.number{background:url(images/phone#.gif) no-repeat; width:95px; height:12px; text-indent:-5000px; position:absolute; top:27px;}

.city{background:url(images/city.gif) no-repeat; width:241px; height:11px; position:absolute; text-indent:-5000px; top:35px; left:42px;}

.quote{float:right; padding:10px 0 10px 0;
font-size:11px; 
font-style:normal;
font-weight:normal;
text-align:right;}

.side{margin:0 0 0 30px;}

.special{line-height:24px; font-size:16px; font-style:italic; text-align:center;}

.quote{margin:0 55px 0 0;}

.banner{margin:0 0 10px -5px; float:left; }

.indent{width:600px; padding:0 0 0 50px;}

.blockquote{margin:20px 0 0 50px; font-style:italic; border-bottom:1px solid #000; width:600px;}

.name{font-style:normal; float:right; text-align:right;}

#container{margin:0 auto; padding:0; width:1000px; position:relative;}

/* ================================================================ NAVIGATION */

#nav{background:url(images/nav_bar.jpg) no-repeat; width:931px; height:54px; margin:0 0 0 26px; position:relative; padding:0 0 0 17px;}

.nav1{background:url(images/mission_btn.jpg) no-repeat; width:126px; height:54px; float:left; text-indent:-5000px; }
.nav1:hover{background:url(images/mission_hover.jpg) no-repeat;}

.nav2{background:url(images/services_btn.jpg) no-repeat; width:134px; height:54px; float:left; text-indent:-5000px;  }
.nav2:hover{background:url(images/services_hover.jpg) no-repeat;}

.nav3{background:url(images/products_btn.jpg) no-repeat; width:148px; height:54px; float:left; text-indent:-5000px; }
.nav3:hover{background:url(images/products_hover.jpg) no-repeat;}

.nav4{background:url(images/qual_btn.jpg) no-repeat; width:186px; height:54px; float:left; text-indent:-5000px;}
.nav4:hover{background:url(images/qual_hover.jpg) no-repeat;}

.nav5{background:url(images/clients_btn.jpg) no-repeat; width:126px; height:54px; float:left; text-indent:-5000px;}
.nav5:hover{background:url(images/clients_hover.jpg) no-repeat;}

.nav6{background:url(images/energy_btn.jpg) no-repeat; width:174px; height:54px; float:left; text-indent:-5000px;}
.nav6:hover{background:url(images/energy_hover.jpg) no-repeat;}

#side_nav a:link{text-decoration:none; color:#fff;}
#side_nav a:visited{text-decoration:none; color:#fff;}
#side_nav a:active{text-decoration:none;}
#side_nav a:hover{text-decoration:none; color:#000;}

#side_nav2 a:link{text-decoration:none; color:#fff;}
#side_nav2 a:visited{text-decoration:none; color:#fff;}
#side_nav2 a:active{text-decoration:none;}
#side_nav2 a:hover{text-decoration:none; color:#000;}

#footer a:link{color:#fff; text-decoration:none;}
#footer a:visited{color:#fff; text-decoration:none;}
#footer a:active{color:#fff; text-decoration:none;}
#footer a:hover{color:#fff; text-decoration:underline;}

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

#header{background:url(images/header2.gif) no-repeat; width:982px; height:186px; position:relative; z-index:9;}

#header li{display:inline; padding:0 5px 0 0;}

#header ul{position:absolute; top:33px; float:left; color:#fff; font-size:14px; margin:0 0 0 40px;}

#logo_holder{background:url(images/gallery.jpg) no-repeat; width:921px; height:116px; position:absolute; top:55px; left:30px; text-indent:-5000px;}

.logo{position:absolute; left:280px; top:-60px; z-index:1; width:347px; height:216px; z-index:10; background:url(images/logo.png) }
.logo img {width:347px; height:216px;}

#click-me {
width:347px;
height:216px;
z-index:13;
position:absolute;
left:280px;
top:-60px;
}

/* ==================================================== SIDE NAVIGATION */

#side_nav_holder{background:#191919; width:158px;  position:absolute; left:45px; z-index:3; top:70px;}

#side_nav{background:#2d2d2d; width:158px; margin:0; padding:0;}

#side_nav img{margin:0; padding:0;}

#side_nav ul{margin:0; padding:0;}

.side_nav {color:#fff; list-style-type:none; margin:0; padding:2px 0 2px 5px; border-bottom:1px solid #000; line-height:16px; font-size:11px; font-weight:normal;}

.side_nav:hover{background:url(images/sidenav_hover.jpg) no-repeat; color:#000;}

#side_nav2{background:#2d2d2d; width:158px; margin:20px 0 0 0;}

.side_nav2{color:#fff; list-style-type:none;  padding:2px 0 2px 5px; border-bottom:1px solid #000; line-height:16px;  font-size:11px;}

.side_nav2:hover{background:url(images/sidenav_hover.jpg); color:#000;}

/* ================================================================= CONTENT */


#main{background:url(images/background.jpg) repeat-y; position:relative;   min-height:665px; height:auto !important; height:665px;}

#main_content{background:#ccc; width:428px; float:left; margin:17px 0 50px 213px; position:relative; display:inline;}

#main_content_text{padding:10px 5px 0 5px; margin:0 0 30px 0;}

#main_content p{margin:0 0 15px 0;}

.learnmore_main{ position:absolute; bottom:2px; right:5px; background-image:url(images/learn_more_btn.jpg); display:block; text-indent:-5000px; width:107px; height:32px;}

.learnmore_green{ position:absolute; bottom:2px; right:5px; background-image:url(images/learn_more2.jpg); width:104px; height:32px; text-indent:-5000px; display:block;}

#video{ width:285px; position:absolute; top:70px; right:61px; }

#testimonials{ background:#2d2d2d; width:285px; position:absolute; top:325px; right:61px; }

#testimonials_text{padding:6px 6px 0 6px; color:#fff; font-style:italic; line-height:16px;}

#energy{width:283px; background:#1f5639; border:1px solid #00a650; right:61px; position:absolute; top:560px; }

#energy_text{padding:5px 10px 37px 10px;   color:#fff;}

#energy ul{margin:0 0 0 12px;}

#energy img{float:right;}

/* ===================================================== SECONDARY PAGE CONTENT */

#main2{background:url(images/background.jpg) repeat-y; position:relative;   min-height:665px; height:auto !important; height:665px;}

#main_content2{ background:#ccc; width:720px; float:left; margin:17px 0 15px 213px; position:relative; display:inline;}

#main_content3{ background:url(images/lighting_bg.jpg) no-repeat #ccc; width:720px; float:left; margin:17px 0 15px 213px; position:relative; display:inline; }

#main_content4{ background:url(images/lighting_bg2.jpg) no-repeat #ccc; width:720px; float:left; margin:17px 0 15px 213px; position:relative; display:inline; }

#main_content5{ background:url(images/lighting_bg3.jpg) no-repeat #ccc; width:720px; float:left; margin:17px 0 15px 213px; position:relative; display:inline; }

#main_content_text2{padding:10px 5px 0 5px; margin:0 0 30px 0;}

#main_content_text2 ul{margin:1em 0 1em 20px ;}

#main_content_text2 li{list-style-type:none; margin:0 0 .5em 0;}

.col2{margin:5px 0 0 50px;  width:320px;}

.col2 li{margin:5px 0 0 50px; list-style-type:none;}

#main_content2 p{margin:0 0 15px 0;}

#main_content5 p{margin:0 0 15px 0;}

#left_list{float:left; width:300px;}

#left_list li{list-style-type:disc;}

#left_list ul{margin:5px 0 0 30px;}

#right_list{
	float:right;
	width:300px;
	margin: 0;
	padding-right: 10px;
}

#right_list li{list-style-type:disc;}

#right_list ul{margin:5px 0 0 30px;}

#textBanner{
	background-color: #fff;
	text-align: center;
	width: 278px;
	border: 1px solid #111;
	margin-bottom: 20px;
color:#111;
}
#textBanner a{
color:#33329e;
text-decoration:none;
}
#textBanner a:hover{
text-decoration:underline;
}

#textBanner h3{
margin:0;
padding:4px;
	font-size:13px;
line-height:19px;
color:#fff;
border-bottom:1px solid #111;
background-color:#444;
}

#textBanner p{
	font-size: 12px;
padding:4px;
	line-height: 18px;

}
.james{
background-color:#8c8c8c;
padding:5px;
border:1px solid #000;
width:700px;
position:relative;
display:block;
}
.white{
color:#fff;
font-weight:bold;
text align:center;
}

/* ======================================================= FOOTER */

#footer{background:url(images/footer.jpg) no-repeat; width:982px; height:81px; color:#fff; font-size:10px; position:relative;}

#footer_text{position:absolute; top:15px; left:0; text-align:center; width:982px;}

.foot{padding:0 20px 0 0;}

#mylist {
	margin: 0px;
	padding: 0px;
	width: 50%;
	float: left;
}

#mylist ul {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}
#mylist li {
	margin: 0px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 0px;
	list-style-type: none;
}
/* End of 'style' */