@charset "UTF-8";
/* CSS Document */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
	background-image: url('images/background.jpg'); background-position: inherit; background-repeat: repeat-x; 
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

:focus {
	outline: 0;
}


.clear {
	clear: both;
}

ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

#container1 {width: 1024px; height: auto; margin: 0px; text-align: left; padding-top: 0px}

#nav {position: relative; float: left; width: 1024px; height: 60px; padding-top: 7px; }
.navigation {float: left; position: relative; width: 1024px; height: 70px;  padding-bottom: 10px; background-color: #ffffff; z-index: 120; }
.nav_buttons {position: relative; float: left; width: 600px; height: 90px; }
.nav_logo {position: relative; float: left; padding-left: 70px; }
.nav_text {position: relative; float: left; width: auto; height: auto; }
.nav_bar {position: relative; float: left; padding-bottom: 4px; }
.nav_home {position: relative; float: left; width: 135px; padding-left: 74px; padding-top: 28px; }
.nav_solar {position: relative; float: left; width: 108px; padding-left: 0px; padding-top: 28px;}
.nav_lighting {position: relative; float: left; width: 108px; padding-left: 0px; padding-top: 28px;}
.nav_epact {position: relative; float: left; width: 108px; padding-left: 0px; padding-top: 28px;}
.nav_utility {position: relative; float: left; width: 108px; padding-left: 0px; padding-top: 28px;}
.nav_contact {position: relative; float: left; width: 135px; padding-left: 0px; padding-top: 28px;}
.nav_title {font-family: arial, sans-serif;
			font-size: 13px;
			font-weight: bold;
			color: #00447c;
			line-height: 125%;}
.nav_sub {	font-family: verdana, sans-serif;
			font-size: 9px;
			font-weight:normal;
			color: #00447c;
			line-height: 125%;}
			
#divider_hor {float: left; padding-top: 10px; padding-bottom: 0px; padding-left: 10px; }
#divider_hor2 {float: left; padding-top: 10px; padding-bottom: 0px; padding-left: 0px; }
#divider_news {float: left; padding-top: 10px; padding-bottom: 0px; padding-left: 7px; }
#divider_news2 {float: left; padding-top: 12px; padding-bottom: 0px; padding-left: 7px; }
#divider_footer {float: left; padding-top: 7px; padding-bottom: 7px; padding-left: 0px; }

#main_img {position: relative; float: left; width: auto; height: auto; padding-left: 10px; padding-right: 10px; padding-bottom: 10px; background-color: #FFF; z-index: 100; }
.ticker_frame {float: right; position: absolute; width: 340px; height: 33px; top: 5px; right: 15px; background-color: #ffffff; }

#soc_net {position: absolute; width: 27px; height: 82px; right: 0px; top: 77px; z-index: 105; background-color: #00447c; }
.icon1 {float: left; position: absolute; left: 3px; top: 4px; }
.icon2 {float: left; position: absolute; left: 3px; top: 31px; }
.icon3 {float: left; position: absolute; left: 3px; top: 57px; }

.tri_container {float: left; position: absolute; left: 80px; top: 210px; z-index: 90; }
.tri_left {float: left; position: absolute; left: 10px; top: 15px; z-index: 80; }
.tri_center {float: left; position: absolute; left: 295px; top: 10px; z-index: 70; } 
.tri_right {float: left; position: absolute; left: 584px; top: 15px; z-index: 60; }
.tri_text {float: left; position: absolute; height: auto; pading-bottom: 10px; left: 10px; top: 0px; z-index: 50; }
.tri_textbox_left {position: absolute; height: auto; width: 275px; left: 0px; top: 197px; padding-bottom: 10px; z-index: 91; }
.tri_textbox_center {position: absolute; height: auto; width: 275px; left: 285px; top: 197px; padding-bottom: 10px; z-index: 92; }
.tri_textbox_right {position: absolute; height: auto; width: 275px; left: 574px; top: 197px; padding-bottom: 10px; z-index: 93; }
.tri_title {font-family: arial, sans-serif;
			font-size: 14px;
			font-weight: bold;
			color: #8dc63f;
			line-height: 125%;}
.tri_sub {	font-family: verdana, sans-serif;
			font-size: 11px;
			font-weight:normal;
			color: #000000;
			line-height: 140%;}

#base {float: left; position: relative; width: 869px; height: auto; padding-top: 105px; padding-bottom: 0px; left: 80px; top: 64px; background-color: #ffffff; }
.base_left {float: left; position: relative; width: 580px; height: auto; padding-top: 0px; }
.base_right {float: left; position: relative; width: 260px; height: auto; padding-top: 0px; }
.left_main {float: left; position: relative; width: 565px; padding-left: 10px; padding-top: 12px; }
.right_box {float: left; position: relative; width: 285px; height: auto; left: 4px; top: 0px; padding-bottom: 20px; background-color: #e6e7e8; z-index: 110; }
.right_text {float: left; position: relative; width: 268px; height: auto; padding-left: 7px; padding-top: 15px; }
.news_head {font-family: verdana, sans-serif;
			font-size: 14px;
			font-weight: normal;
			color: #00447c;
			line-height: 150%;}
.news_body {font-family: verdana, sans-serif;
			font-size: 12px;
			font-weight: normal;
			color: #666;
			line-height: 150%;}
.news_link {font-family: verdana, sans-serif;
			font-size: 12px;
			font-weight: normal;
			color: #8dc63f;
			line-height: 250%;}
.main_head {font-family: arial, sans-serif;
			font-size: 16px;
			font-weight: bold;
			color: #00447c;
			line-height: 125%;}
.main_head2 {font-family: arial, sans-serif;
			font-size: 16px;
			font-weight: bold;
			color: #8dc63f;
			line-height: 125%;}
.news_link_all {float: left; position: absolute; top:8px; left: 210px; }
.partner1 {float: left; position: relative; padding-top: 15px; padding-left: 0px; }
.partner2 {float: left; position: relative; padding-top: 15px; padding-left: 18px; }
.partner3 {float: left; position: relative; padding-top: 12px; padding-left: 18px; }

.touch1 {margin-top: 0px;}
.touch2 {margin-top: 5px;}
.touch3 {margin-top: 10px;}
.touch4 {margin-top: 0px;}
.touch5 {margin-top: -5px;}
			
.main_body {font-family: verdana, sans-serif;
			font-size: 12px;
			font-weight: normal;
			color: #000000;
			line-height: 150%;}

#footer {float: left; width: 850px; position: relative; padding-top: 40px; padding-left: 10px; padding-bottom: 10px; }
.foot_col1 {float: left; width: auto; position: relative; }
.foot_col2 {float: left; width: auto; position: relative; }
.foot_col3 {float: left; width: auto; position: relative; padding-left: 8px; }
.divider_foot {float: left; padding-left: 15px; padding-right: 15px;}
.divider_foot2 {float: left; padding-left: 209px; padding-right: 0px;}


.footer {	font-family: verdana, sans-serif;
			font-size: 10px;
			font-weight: normal;
			color: #666666;
			line-height: 175%;}
			
a:link    {color: #000000; text-decoration: none; }
a:visited {color: #000000; text-decoration: none; }
a:hover   {color: #000000; text-decoration: none; }
a:active  {color: #000000; text-decoration: none; }

#block {float: left; height: 50px; padding-top: 10px; padding-bottom: 25px;}

.block_int {padding-left: 5px; height: 15px; width: 370;}

.opaque {opacity: 1.0; filter: alpha(opacity=100);}