@charset "UTF-8";


*{ margin:0; padding:0;}

body{ background:#fff url(bg-body0.jpg) repeat-x top left; font-family:"Lucida Grande", "Lucida Sans", Arial, Helvetica, sans-serif; font-size:12px; color:#4c4c4c;}

body.inner{background:#fff url(inner-bg.jpg) repeat-x top left;}

body.inner#about{background:#fff url(about-bg.jpg) repeat-x top left;}

html, body, #wrapper {height: 100%;}

body > #wrapper {height: auto; min-height: 100%;}

ul{ list-style:none;}

a, input, textarea{ outline:none; text-decoration:none;}

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

fieldset{ border:none;}

h2{ font-weight:normal;}


.font, #content h2{font-family: 'MyriadProRegular', sans-serif;}


#wrapper{ width:1000px; margin:0 auto;}


#header{ height:80px;}

#header h1{ float:left;}

#header h1 a{ display:block;width:262px; height:78px; background:url(ieg-logo.jpg) no-repeat;  text-indent:-9999px;}

#header ul{ float:right;}

#header > ul > li{ float:left; height:48px; background:url(menu-sep.jpg) no-repeat top right; padding:32px 10px 0 12px;}

#header > ul > li > a{ display:block; height:23px; background:url(menu0000.gif) no-repeat top left; text-indent:-9999px; color:#ff0000}


#header ul li#home a{ width:60px; background-position:0 0;}

#header ul li#about a{ width:80px; background-position:-82px 0;}

#header ul li#products > a{ width:92px; background-position:-184px 0; position:relative; z-index:2;}

#header ul li#services > a{ width:88px; background-position:-298px 0; position:relative; z-index:2;}

#header ul li#media a{ width:102px; background-position:-408px 0;}

#header ul li#contact a{ width:91px; background-position:top right;}


#header ul li#home a:hover, #home #header ul li#home a{ background-position:0 -23px;}

#header ul li#about a:hover, #about #header ul li#about a{ background-position:-82px -23px;}

#header ul li#products a:hover{ background-position:-184px -23px;}

#header ul li#services a:hover{ background-position:-298px -23px;}

#header ul li#media a:hover, #mediaroom #header ul li#media a{ background-position:-408px -23px;}

#header ul li#contact a:hover, #contact #header ul li#contact a{background-position:bottom right;}

#header ul li#contact{ background:none; padding-right:23px;}


#header ul li.hasSub{ position:relative;}


#header ul li div{position:absolute; left:12px; width:170px; display:none; z-index:200; top:56px; background:url(bg-subme.png) no-repeat top left; padding-top:5px;}

#header ul li ul{ background:url(bg-submf.png) no-repeat bottom left; float:none; overflow:hidden}

#header ul li ul li { padding:0 11px; background:url(bg-subli.png) repeat-x bottom left;}

#header ul li ul li.last{ background:none;}

#header ul li ul li a{ color:#ddffc7; font-size:13px; display:block; padding:8px 0;}

#header ul li ul li a:hover{ color:#fff; text-decoration:none;}

#header ul li ul li#p4 { background:none;}


#header ul li#products:hover a{background-position:-184px -23px;}

#header ul li#services:hover a{background-position:-298px -23px;}

#header ul li.hasSub:hover div{ display:block;}


/* banner */


ul#tabs{ width:1000px; height:120px; position:relative;}

ul#tabs li{ position:absolute; top:0; height:120px;}

ul#tabs li#t1{ width:248px; padding-left:21px; z-index:4; left:0; background:url(t1-bg000.png) no-repeat top left;}

ul#tabs li#t2{ width:231px; padding-left:56px; z-index:3; left:226px; background:url(t-bg0000.png) no-repeat top right;}

ul#tabs li#t3{ width:255px; padding-left:55px; z-index:2; left:470px; background:url(t-bg0000.png) no-repeat top right;}

ul#tabs li#t4{ width:208px; padding-left:55px; z-index:1; right:0; background:url(tl-bg000.png) no-repeat top right;}


ul#tabs li a{ color:#4c4c4c; font-size:12px; cursor:pointer; display:block; height:96px; padding-top:24px;}

ul#tabs li a:hover{ text-decoration:none;}
ul#tabs li a span{ width:145px; display:block; text-shadow:#fff 0 1px; line-height:15px;}

ul#tabs a span.title{ text-indent:-9999px; margin-bottom:5px; height:19px; background-position:top left;}


ul#tabs li#t1 a{ background:url(t1-ico00.png) no-repeat right 24px; width:206px;}

ul#tabs li#t1 a span.title{ background-image:url(t1-title.png); width:153px; height:35px;}


ul#tabs li#t2 a{ background:url(t2-ico00.png) no-repeat right 44px; width:180px;}

ul#tabs li#t2 a span.title{ background-image:url(t2-title.png); width:194px;}


ul#tabs li#t3 a{ background:url(t3-ico00.png) no-repeat right 44px; width:220px;}

ul#tabs li#t3 a span.title{ background-image:url(t3-title.png); width:214px;}


ul#tabs li#t4 a{ background:url(t4-ico00.png) no-repeat right 44px; width:175px;}

ul#tabs li#t4 a span.title{ background-image:url(t4-title.png); width:119px;}


ul#tabs li#t1.selected, ul#tabs li#t3.selected{ background-position:bottom left;}

ul#tabs li#t2.selected, ul#tabs li#t4.selected{ background-position:bottom right;}

ul#tabs li.selected span{ text-shadow:none; color:#cfe1c3;}

ul#tabs li#t1.selected a{ background-position:right -70px;}

ul#tabs li#t2.selected a{ background-position:right -60px;}

ul#tabs li#t4.selected a{ background-position:right -103px;}

ul#tabs .selected a span.title{ background-position:bottom left;}


ul#tabs li#t1.current, ul#tabs li#t3.current{ background-position:bottom left;}

ul#tabs li#t2.current, ul#tabs li#t4.current{ background-position:bottom right;}

ul#tabs li.current span{ text-shadow:none; color:#cfe1c3;}

ul#tabs li#t1.current a{ background-position:right -70px;}

ul#tabs li#t2.current a{ background-position:right -60px;}

ul#tabs li#t4.current a{ background-position:right -103px;}

ul#tabs .current a span.title{ background-position:bottom left;}




#screens{ width:1000px; height:432px; overflow:hidden;}

#screens div{width:980px; height:405px; padding-top:27px; padding-left:20px;}

#screens .more{ display:block; width:99px; height:28px; background:url(more0000.png) no-repeat top left; text-indent:-9999px;}

#screens .more:hover{ background-position:bottom left;}

#screens p{ font-size:16px; color:#203a51; text-shadow:#9ec3df 0 1px; width:260px; margin:20px 0; line-height:25px;}

#electro-screen h2{ width:395px; height:117px; background:url(h2-elect.png) no-repeat; text-indent:-9999px;}

#solar-screen h2{ width:275px; height:127px; background:url(h2-solar.png) no-repeat; text-indent:-9999px;}

#led-screen h2{ width:331px; height:131px; background:url(h2-led00.png) no-repeat; text-indent:-9999px;}

#wind-screen h2{ width:309px; height:72px; background:url(h2-wind0.png) no-repeat; text-indent:-9999px;}


#electro-screen{ background:url(banner-e.jpg) no-repeat;}

#wind-screen{ background:url(banner-w.jpg) no-repeat;}

#solar-screen{ background:url(banner-s.jpg) no-repeat;}

#led-screen{ background:url(banner-l.jpg) no-repeat;}


#content{ margin-top:21px; padding-top:15px; margin-bottom:20px; padding-bottom:85px;}

.inner #content{ padding-top:17px; margin-top:0; background:url(sep00000.gif) repeat-y 250px top;}

#content h2{ color:#1f3a52; font-size:19px; margin-bottom:10px;}

h2 span{ color:#538924;}


#col1{ float:left; width:730px; padding-left:20px; border-right:1px solid #e4e4e4;}

#col1 img, #col1 p{ float:left;}

#col1 p{ width:460px; margin-left:20px; line-height:20px;}

#col1 p a{ display:block; margin-top:13px; background:url(arrow000.gif) no-repeat left 5px; padding-left:15px;}


#col2{ padding-left:30px; float:left; width:219px;}

#col2 ul{ background:url(icos0000.gif) no-repeat left 52px;}

#col2 li{ border-bottom:1px solid #e4e4e4; padding:11px 0;}

#col2 li.last{ border:none;}

#col2 li.indent{ padding-left:45px;}

#col2 li span{ display:block;}


#col2 li.fb, .fb{ width:218px; height:29px; background:url(fb-bg000.jpg) no-repeat; padding:5px 0 0; border-bottom:none;}

.fb a{font-family: 'MyriadProRegular', sans-serif; font-size:16px; color:#fff;padding-left:45px;}


.inner h2#banner{ height:155px; width:1000px; text-indent:-9999px;}

.inner#led h2#banner{ background:url(banner-led-i.jpg) no-repeat;}

.inner#electro h2#banner{ background:url(banner-f.jpg) no-repeat;}

.inner#solar h2#banner{ background:url(banner-solar-i.jpg) no-repeat;}

.inner#wind h2#banner{ background:url(banner-wind-i.jpg) no-repeat;}

.inner#mediaroom h2#banner{ background:url(banner-m.jpg) no-repeat;}

.inner#contact h2#banner{ background:url(banner-c.jpg) no-repeat;}


#def, #benefit, #press, .col2{ float:left;}

#def, #press{ width:214px; padding-left:18px; padding-right:18px}
#def p{ line-height:18px; margin-top:20px;}

#def img{ border:1px solid #fff;}


#benefit, .col2{ width:728px; padding-left:22px;}

#benefit li{ background:url(bullet00.jpg) no-repeat left 5px;padding-left:15px; margin-bottom:20px; line-height:18px; }

#benefit .with-title li{ background:none; padding-left:0;}

#benefit h2{  margin-bottom:15px;}


#benefit li h3{ color:#6eb43f; font-size:12px; text-transform:uppercase;}


#diagrams{ height:495px; overflow:hidden;}


/* ABOUT US */

#about #banner{ font-size:15px; color:#fff; line-height:22px; height:220px; padding-left:250px; width:750px; padding-top:25px; background:url(about-ba.jpg) no-repeat bottom left;}

#about #banner p{ margin-bottom:15px;}

#about #benefit p{ margin-bottom:15px;}


#about #benefit .with-title li{ padding-left:53px;}

#about #benefit .with-title li#a1{ background:url(about-ic.gif) no-repeat top left;}

#about #benefit .with-title li#a2{ background:url(about-id.gif) no-repeat top left;}

#about #benefit .with-title li#a3{ background:url(about-ie.gif) no-repeat top left;}

#about #benefit .with-title li#a4{ background:url(about-if.gif) no-repeat top left;}

#about #benefit .with-title li#a5{ background:url(about-ig.gif) no-repeat top left; height:43px;}


#mission h2{ margin-top:30px}


#contact #def p{ margin-bottom:20px; margin-top:0;}


#contact form{ width:370px;}

fieldset{ margin-bottom:18px;}

label{ width:75px; display:block; float:left;}

input.txt{ width:279px; height:18px; border:1px solid #8a8a8a; font-size:12px; padding:2px 5px 0 5px; float:right;}

#other input.txt{ width:100px;}

input.txt:focus{border:1px solid #6eb43f;}

textarea{width:279px; height:88px; padding:2px 5px 0 5px; float:right; font-family:"Lucida Grande", "Lucida Sans", Arial, Helvetica, sans-serif;}

a#send{ clear:both; display:block; width:71px; height:26px; background:url(btn-send.gif) no-repeat; text-indent:-9999px; float:right;}


#send{ clear:both; display:block; width:71px; height:26px; background:url(btn-send.gif) no-repeat; text-indent:-9999px; float:right; border:none; cursor:pointer;}

#other{display:none;}


p.facebook a{background:url(fb-ico.gif) no-repeat top left; padding:0 0 0 20px; display:block; height:15px;}
.clearfix:after {content: ".";

	display: block;

	height: 0;

	clear: both;

	visibility: hidden;}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/

* html .clearfix { height: 1%;}
.clearfix {display: block;}

/* End hide from IE-mac */


@font-face {
	font-family: 'MyriadProRegular';

	src: url('myriadpro-regular-webfont.eot');

	src: local('☺'), url('myriadpro-regular-webfont.woff') format('woff'), url('myriadpro-regular-webfont.ttf') format('truetype'), url('myriadpro-regular-webfont.svg') format('svg');

	font-weight: normal;

	font-style: normal;

}

#footer{

	width:100%;

	border-top: 2px solid #56656f;

	background:#eeeff0;

	height:83px;

	font-size:10px;

	color:#888;

	clear:both;

	margin-top:-85px;}

#foot{ width:1000px; margin:0 auto;}

#copy{

	float: left;

	padding-top: 25px;

}

#copy p{

	margin-top: 5px;

}

#credits{ position:relative; color:#599133;}

#credits #cred-details{ position:absolute; width:100px; padding:8px 5px 0; background:#56656f; bottom:-8px; left:0px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #56656f; display:none; text-align:left; color:#bbc1c5;}

#credits #cred-details a{ display:block; margin:3px 0 8px 0; color:#fff;}

#credits:hover #cred-details{ display:block;}

#foot ul{

	float: right;

}

#foot ul li{

	float: right;

	height: 83px;

	text-indent: -9999px;

	margin-left: 20px;

}

#foot ul li#iso{

	background: url(iso90010.gif) no-repeat;

	width: 206px;
}

#foot ul li#efficap{

	background: url(efficap0.gif) no-repeat;

	width: 130px;
}


#mediaroom #press li{ margin-bottom:20px;}

#mediaroom #press a{ background:url(pdf00000.jpg) no-repeat top left; padding-left:20px; line-height:18px;}

#col-list{ overflow:hidden;}

#col-list li{ float:left; width:169px; margin-right:17px; margin-bottom:20px; position:relative;}

#col-list li.last{ margin-right:0;}

#col-list li a{ display:block;}

#col-list li a img{ border:none; width:169px; height:127px;}

#col-list li a:hover{ text-decoration:none;}

#col-list li a:hover span{ text-decoration:underline;}

#col-list li span.vid-ico{ display:block; width:35px; height:25px; background:url(vid-thumb.png) no-repeat; position:absolute; top:102px; left:0; z-index:100;}


.pagination{ width:100%; height:18px; background:#e6e6e6; overflow:hidden; clear:both; float:left; position:relative; padding-top:7px; *margin-top:20px;}

.pagination ul{ clear:left; float:left; position:relative; left:50%;}

.pagination ul li{ float:left; margin:0 10px; font-size:10px; position:relative; right:50%;}

.pagination ul li a{background-position:top;}

.pagination ul li#next a, .pagination ul li#prev a{ display:block; width:7px; height:9px; text-indent:-9999px; margin-top:2px;}

.pagination ul li#next a{ background-image:url(next.png);}

.pagination ul li#prev a{ background-image:url(prev.png);}

.pagination ul li.disabled a{ background-position:bottom;}


.album-thumbs img{ display:none;}