@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(http://www.i-e-g.net/i/banner-led-i.jpg) no-repeat;}
.inner#electro h2#banner{ background:url(banner-f.jpg) no-repeat;}
.inner#solar h2#banner{ background:url(http://www.i-e-g.net/i/banner-solar-i.jpg) no-repeat;}
.inner#wind h2#banner{ background:url(http://www.i-e-g.net/i/banner-wind-i.jpg) no-repeat;}
.inner#mediaroom h2#banner{ background:url(banner-m.jpg) no-repeat;}
.inner#contact h2#banner{ background:url(http://www.i-e-g.net/i/banner-contact.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(http://www.i-e-g.net/i/btn-send.gif) no-repeat; text-indent:-9999px; float:right;}

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

p.facebook a{background:url(http://www.i-e-g.net/i/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('http://www.i-e-g.net/font/myriadpro-regular-webfont.eot');
	src: local('☺'), url('http://www.i-e-g.net/font/myriadpro-regular-webfont.woff') format('woff'), url('http://www.i-e-g.net/font/myriadpro-regular-webfont.ttf') format('truetype'), url('http://www.i-e-g.net/font/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(http://www.i-e-g.net/i/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(http://www.i-e-g.net/i/next.png);}
.pagination ul li#prev a{ background-image:url(http://www.i-e-g.net/i/prev.png);}
.pagination ul li.disabled a{ background-position:bottom;}

.album-thumbs img{ display:none;}