/* CSS Document */
body{padding:0px; margin:0px; background:#fff url(../images/b_body2.jpg) 0 0 repeat-x ; color:#848484; font:10px/14px Tahoma, sans-serif;}
div, p, ul, h2, h3, h4, img{padding:0px; margin:0px;}
ul{list-style-type:none;}

.clear {clear: both; margin: 0px; height:0}

p a{font:10px/14px Tahoma, sans-serif; color:#2bcade; text-decoration:underline;}
p a:hover{ color:#000; text-decoration:none;}

.headline{font:12px/14px Arial, sans-serif; color:#849e04; font-weight:bold}
.subtitle{font:10px/12px Tahoma, Geneva, sans-serif; color:#42a3a5;}

#container{width:773px; margin:0 auto; background:url(../images/b_header2.jpg) 0 0 no-repeat}
#footer{margin:0 auto; height:81px; background:url(../images/b_footer2.gif) 0 0 repeat-x;  margin-top:15px}

#footer p{padding: 25px 0 0 0; font:10px/14px Tahoma, Geneva, sans-serif; font-weight:normal; text-align:center; color:#fff;}
#footer p a{font:10px/14px Tahoma, Geneva, sans-serif; font-weight:normal; color:#fff; text-decoration:none; padding: 0 3px }
#footer p a:hover{text-decoration:none; background:#fff; color:#000}


/* HEADER */

#header{width:773px; height:317px;  position:relative; }

#header img#logo{position:absolute; top:145px; left:66px}
#header img#slogan{position:absolute; top:148px; left:547px}

#header ul.btn_slogan{position:absolute; top:194px; left:623px; width:72px; height:18px; background:url(../images/b_btn1.gif) 0 0 no-repeat}
#header ul.btn_slogan li{ text-align:center; padding-top:1px}
#header ul.btn_slogan li a{font:10px/14px Tahoma, Geneva, sans-serif; color:#0c292b; text-decoration:none;}
#header ul.btn_slogan li a:hover{text-decoration:underline;}

#header ul.menu{position:absolute; top:1px; left:60px; width:700px}
#header ul.menu li{float:left; height:40px; margin-right:39px}
#header ul.menu li a{height:40px; display:block; text-indent:-20000px; }
#header ul.menu li a:hover{height:40px;}

#header ul.menu li.home a{width:87px; background:url(../images/btn_home.gif) 0 0 no-repeat; }
#header ul.menu li.home a:hover{width:87px; background:url(../images/btn_home_over.gif) 0 0 no-repeat;}

#header ul.menu li.about a{width:73px; background:url(../images/btn_about.gif) 0 0 no-repeat; }
#header ul.menu li.about a:hover{width:73px; background:url(../images/btn_about_over.gif) 0 0 no-repeat;}

#header ul.menu li.services a{width:69px; background:url(../images/btn_services.gif) 0 0 no-repeat; }
#header ul.menu li.services a:hover{width:69px; background:url(../images/btn_services_over.gif) 0 0 no-repeat;}

#header ul.menu li.customers a{width:79px; background:url(../images/btn_customers.gif) 0 0 no-repeat; }
#header ul.menu li.customers a:hover{width:79px; background:url(../images/btn_customers_over.gif) 0 0 no-repeat;}

#header ul.menu li.events a{width:69px; background:url(../images/btn_events.gif) 0 0 no-repeat; }
#header ul.menu li.events a:hover{width:69px; background:url(../images/btn_events_over.gif) 0 0 no-repeat;}

#header ul.menu li.contacts {margin-right:0}
#header ul.menu li.contacts a{width:76px; background:url(../images/btn_contacts.gif) 0 0 no-repeat; }
#header ul.menu li.contacts a:hover{width:76px; background:url(../images/btn_contacts_over.gif) 0 0 no-repeat;}

/* CONTENT */

#content{width:665px; position:relative; margin:0 0 0 57px}
#leftPan{width:405px; position:relative; margin:0 30px 0 0; float:left;}
#centrePan{width:655px; position:relative; margin:0 30px 0 0; float:left;}
#rightPan{width:230px; position:relative; float:left;}

ul.btn_more{width:72px; height:18px; background:url(../images/b_btn2.gif) 0 0 no-repeat}
ul.btn_more li{text-align:center; padding-top:1px}
ul.btn_more li a{font:10px/14px Tahoma, Geneva, sans-serif; color:#0c292b; text-decoration:none;}
ul.btn_more li a:hover{text-decoration:underline;}

#welcome{margin-bottom:24px}
#welcome h2{height:24px; position:relative; background:url(../images/h_welcome2.gif) 0 0 no-repeat; }
#welcome p.subtitle{margin-left:2px; margin-bottom:18px}
#welcome img{float:left; margin-right:9px}
#welcome p#wel_text{float:left; width:253px; margin-bottom:10px; padding-top:3px}
#welcome ul.btn_more{margin-left:165px; float:left}

#projects{margin-bottom:30px}
#projects h2{height:19px; position:relative; background:url(../images/h_projects.gif) 0 0 no-repeat; }
#projects p.subtitle{margin-left:2px; margin-bottom:18px}
#projects img{float:left; margin-right:9px}
#projects p#ach_text{float:left; width:253px; padding-top:3px}

#projects .clear{ height:13px}

#listimage{margin-bottom:30px}
#listimage h2{height:19px; position:relative; background:url(../images/h_projects.gif) 0 0 no-repeat; }
#listimage p.subtitle{margin-left:2px; margin-bottom:18px}
#listimage img{float:left; margin-right:9px}
#listimage p#ach_text{float:left; width:253px; padding-top:3px}

#listimage .clear{ height:13px}

#aboutus{margin-bottom:30px}
#aboutus h2{height:30px; position:relative; background:url(../images/h_aboutus.gif) 0 0 no-repeat; }
#aboutus p.subtitle{margin-left:2px; margin-bottom:18px}
#aboutus img{float:left; margin-right:8px}
#aboutus p#ach_text{float:left; width:423px; padding-top:3px}
#aboutus p#ach_text2{float:left; width:655px; padding-top:3px}

#aboutus .clear{ height:13px}

#existing{margin-bottom:30px}
#existing h2{height:30px; position:relative; background:url(../images/h_existing.gif) 0 0 no-repeat; }
#existing p.subtitle{margin-left:2px; margin-bottom:18px}
#existing img{float:right; margin-right:2px}
#existing p#ach_text{float:left; width:423px; padding-top:3px}
#existing p#ach_text2{float:left; width:655px; padding-top:3px}

#existing .clear{ height:13px}

#lowcost{margin-bottom:30px}
#lowcost h2{height:30px; position:relative; background:url(../images/h_low.gif) 0 0 no-repeat; }
#lowcost p.subtitle{margin-left:2px; margin-bottom:18px}
#lowcost img{float:right; margin-right:2px}
#lowcost p#ach_text{float:left; width:423px; padding-top:3px}
#lowcost p#ach_text2{float:left; width:655px; padding-top:3px}

#lowcost .clear{ height:13px}

#process{margin-bottom:30px}
#process h2{height:30px; position:relative; background:url(../images/h_process.gif) 0 0 no-repeat; }
#process p.subtitle{margin-left:2px; margin-bottom:18px}
#process img{float:right; margin-right:2px}
#process p#ach_text{float:left; width:423px; padding-top:3px}
#process p#ach_text2{float:left; width:655px; padding-top:3px}

#process .clear{ height:13px}

#remodule{margin-bottom:30px}
#remodule h2{height:30px; position:relative; background:url(../images/h_remodule.gif) 0 0 no-repeat; }
#remodule p.subtitle{margin-left:2px; margin-bottom:18px}
#remodule img{float:right; margin-right:2px}
#remodule p#ach_text{float:left; width:423px; padding-top:3px}
#remodule p#ach_text2{float:left; width:655px; padding-top:3px}

#remodule .clear{ height:13px}

#pvtraining{margin-bottom:30px}
#pvtraining h2{height:30px; position:relative; background:url(../images/h_pv.gif) 0 0 no-repeat; }
#pvtraining p.subtitle{margin-left:2px; margin-bottom:18px}
#pvtraining img{float:right; margin-right:2px}
#pvtraining p#ach_text{float:left; width:423px; padding-top:3px}
#pvtraining p#ach_text2{float:left; width:655px; padding-top:3px}

#pvtraining .clear{ height:13px}

#solarworkshop{margin-bottom:30px}
#solarworkshop h2{height:30px; position:relative; background:url(../images/h_solarworkshop.gif) 0 0 no-repeat; }
#solarworkshop p.subtitle{margin-left:2px; margin-bottom:18px}
#solarworkshop img{float:right; margin-right:2px}
#solarworkshop p#ach_text{float:left; width:423px; padding-top:3px}
#solarworkshop p#ach_text2{float:left; width:655px; padding-top:3px}

#solarworkshop .clear{ height:13px}

#windworkshop{margin-bottom:30px}
#windworkshop h2{height:30px; position:relative; background:url(../images/h_windworkshop.gif) 0 0 no-repeat; }
#windworkshop p.subtitle{margin-left:2px; margin-bottom:18px}
#windworkshop img{float:right; margin-right:2px}
#windworkshop p#ach_text{float:left; width:423px; padding-top:3px}
#windworkshop p#ach_text2{float:left; width:655px; padding-top:3px}

#windworkshop .clear{ height:13px}

#system{margin-bottom:30px}
#system h2{height:30px; position:relative; background:url(../images/h_system.gif) 0 0 no-repeat; }
#system p.subtitle{margin-left:2px; margin-bottom:18px}
#system img{float:right; margin-right:102px}
#system p#ach_text{float:left; width:423px; padding-top:3px}
#system p#ach_text2{float:left; width:655px; padding-top:3px}

#system .clear{ height:13px}


#module{margin-bottom:30px}
#module h2{height:30px; position:relative; background:url(../images/h_module.gif) 0 0 no-repeat; }
#module p.subtitle{margin-left:2px; margin-bottom:18px}
#module img{float:right; margin-right:15px}
#module p#ach_text{float:left; width:543px; padding-top:3px}
#module p#ach_text2{float:left; width:655px; padding-top:3px}

#module .clear{ height:13px}


#equip{margin-bottom:30px}
#equip h2{height:30px; position:relative; background:url(../images/h_equip.gif) 0 0 no-repeat; }
#equip p.subtitle{margin-left:2px; margin-bottom:18px}
#equip img{float:right; margin-right:0px}
#equip p#ach_text{float:left; width:443px; padding-top:3px}
#equip p#ach_text2{float:left; width:655px; padding-top:3px}

#equip .clear{ height:13px}

#accomp{margin-bottom:30px}
#accomp h2{height:30px; position:relative; background:url(../images/h_accomp.gif) 0 0 no-repeat; }
#accomp p.subtitle{margin-left:2px; margin-bottom:18px}
#accomp img{float:left; margin-right:8px}
#accomp p#ach_text{float:left; width:423px; padding-top:3px}
#accomp p#ach_text2{float:left; width:655px; padding-top:3px}

#accomp .clear{ height:13px}

#services{margin-bottom:30px}
#services h2{height:30px; position:relative; background:url(../images/h_services.gif) 0 0 no-repeat; }
#services p.subtitle{margin-left:2px; margin-bottom:18px}
#services img{float:left; margin-right:8px}
#services p#ach_text{float:left; width:423px; padding-top:3px}
#services p#ach_text2{float:left; width:655px; padding-top:3px}

#services .clear{ height:13px}

#customers{margin-bottom:30px}
#customers h2{height:30px; position:relative; background:url(../images/h_customers.gif) 0 0 no-repeat; }
#customers p.subtitle{margin-left:2px; margin-bottom:18px}
#customers img{float:left; margin-right:8px}
#customers p#ach_text{float:left; width:423px; padding-top:3px}
#customers p#ach_text2{float:left; width:655px; padding-top:3px}

#customers .clear{ height:13px}


#profile{margin-bottom:30px}
#profile h2{height:30px; position:relative; background:url(../images/h_profile.gif) 0 0 no-repeat; }
#profile p.subtitle{margin-left:2px; margin-bottom:18px}
#profile img{float:left; margin-right:8px}
#profile p#ach_text{float:left; width:423px; padding-top:3px}
#profile p#ach_text2{float:left; width:655px; padding-top:3px}

#profile .clear{ height:13px}

#events{margin-bottom:30px}
#events h2{height:30px; position:relative; background:url(../images/h_events.gif) 0 0 no-repeat; }
#events p.subtitle{margin-left:2px; margin-bottom:18px}
#events img{float:left; margin-right:8px}
#events p#ach_text{float:left; width:423px; padding-top:3px}
#events p#ach_text2{float:left; width:655px; padding-top:3px}

#events .clear{ height:13px}

#contacts{margin-bottom:30px}
#contacts h2{height:30px; position:relative; background:url(../images/h_contacts.gif) 0 0 no-repeat; }
#contacts p.subtitle{margin-left:2px; margin-bottom:18px}
#contacts img{float:left; margin-right:8px}
#contacts p#ach_text{float:left; width:423px; padding-top:3px}
#contacts p#ach_text2{float:left; width:655px; padding-top:3px}

#contacts .clear{ height:13px}

#achievements{margin-bottom:30px}
#achievements h2{height:19px; position:relative; background:url(../images/h_equipment.gif) 0 0 no-repeat; }
#achievements p.subtitle{margin-left:2px; margin-bottom:18px}
#achievements img{float:left; margin-right:9px}
#achievements p#ach_text{float:left; width:253px; padding-top:3px}

#achievements .clear{ height:13px}

#achievements ul{margin-left:7px}
#achievements ul li{font:10px/12px Tahoma, Geneva, sans-serif; color:#122831; background:url(../images/check.gif) 0 3px no-repeat; padding-left:15px; height:16px}
#achievements ul li a{color:#122831; text-decoration:underline;}
#achievements ul li a:hover{color:#122831; text-decoration:none;}

#applications h2{height:19px; position:relative; background:url(../images/h_accomplishments.gif) 0 0 no-repeat; }
#applications p.subtitle{margin-left:2px; margin-bottom:18px}
#applications img{float:left; margin-right:9px}
#applications p#app_text{float:left; width:253px; padding-top:3px}

#spotlight{margin-bottom:18px; margin-left:11px}
#spotlight h2{height:39px; position:relative; background:url(../images/1.gif) 0 0 no-repeat; }
#spotlight p.subtitle{margin-left:2px; margin-bottom:18px}

#spotlight ul{margin-left:7px}
#spotlight ul li{font:10px/12px Tahoma, Geneva, sans-serif; color:#122831; background:url(../images/bullet1.gif) 0 4px no-repeat; padding-left:15px; height:24px}
#spotlight ul li a{color:#122831; text-decoration:underline;}
#spotlight ul li a:hover{color:#122831; text-decoration:none;}

#featured{width:222px; padding:3px; border:#ededed 1px solid; position:relative}
#infeatured{background:#fbfbfb; padding-bottom:10px}
#infeatured h2{height:52px; position:relative; background:url(../images/h_business.gif) 12px 13px no-repeat; }
#infeatured p.subtitle{margin-left:2px; margin-bottom:13px; width:198px; border-bottom:#e3e3e3 1px solid; padding-bottom:5px; margin-left:12px}
.featured_topic{margin-left:8px; margin-bottom:9px}
.featured_topic img{float:left; margin-right:10px}
.featured_topic p{float:left; width:144px; line-height:12px}

#featured2{width:222px; padding:3px; border:#ededed 1px solid; position:relative}
#infeatured2{background:#fbfbfb; padding-bottom:10px}
#infeatured2 h2{height:52px; position:relative; background:url(../images/h_gist.gif) 12px 13px no-repeat; }
#infeatured2 p.subtitle{margin-left:2px; margin-bottom:13px; width:198px; border-bottom:#e3e3e3 1px solid; padding-bottom:5px; margin-left:12px}
.featured2_topic{margin-left:12px; margin-bottom:9px}
.featured2_topic img{float:right; margin-right:10px}
.featured2_topic p{float:left; width:144px; line-height:12px}


.imageSlideshowHolder,.imageSlideshowHolder_left{
margin:2px;	/* "Air" */
float:left; /* Floating gallery at the right side of other web page content */		
width:130px;	/* Image width */
height:100px;	/* Image height */
		
position:relative;	/* Don't remove this line */
}
.leftFloatingDiv{
float:left;
width:130px;
height:100px;
}
/* Don't change these values */
.imageSlideshowHolder img{
position:absolute;
left:0px;
top:0px;
}


/* Coding Image Slide Show */

	body{
		background-image:url('../../images/heading3.gif');
		background-repeat:no-repeat;
		/* padding-top:80px; */
	}
	#dhtmlgoodies_slideshow{
		width:600px;	/* Total width of slideshow */


	}
	
	#previewPane{
		border:1px solid #CCCCCC;
		margin-bottom:10px;	
		text-align:center;
		vertical-align:middle;
		padding-top:10px;
		margin-left:60px;
		position:relative;
		
		/* CSS HACK */
		height: 432px;	/* IE 5.x */
		height/* */:/**/420px;	/* Other browsers */
		height: /**/420px;
				
	}
	#previewPane img{
		line-height:400px;
	}
	#previewPane #largeImageCaption{	/* CSS styling of image caption below large image */
		font-style:italic;
		text-align:center;
		font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;	/* Font to use */
		font-size:0.9em;
	}
	#galleryContainer{
		
		height:102px;	/* Height of the images + 2 */
		border:1px solid #CCCCCC;
		position:relative;
		overflow:hidden;
		padding:1px;
		margin-left:60px;
		/* CSS HACK */
		height: 104px;	/* IE 5.x - Added 2 pixels for border left and right */
		height/* */:/**/102px;	/* Other browsers */
		height: /**/102px;
				
	}
	#arrow_left{
		position:absolute;
		left:0px;
		z-index:10;
		background-color: #FFF;
		padding:1px;
	}
	#arrow_right{
		position:absolute;
		right:0px;
		z-index:10;
		background-color: #FFF;
		padding:1px;		
	}
	#theImages{
		position:absolute;
		height:100px;
		left:40px;
		width:100000px;
		
	}
	#theImages #slideEnd{
		float:left;
	}
	#theImages img{
		float:left;
		padding:1px;
		filter: alpha(opacity=50);
		opacity: 0.5;
		cursor:pointer;
		border:0px;
	}

	#waitMessage{
		display:none;
		position:absolute;
		left:200px;
		top:150px;
		background-color:#FFF;
		border:3px double #000;
		padding:4px;
		color:#555;
		font-size:0.9em;
		font-family:arial;	
	}
	
	#theImages .imageCaption{
		display:none;
	}