html,body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
	color:#414141;background-color:#cccccc;
}
img{border:none; margin:0; padding:0;}
a{text-decoration:none; color:#18465D;} 
a:hover{color:#18465D;}
h1, h2, h3, h4, h5, h6, p{margin:0; padding:0;}
ol, ul{margin:0; padding:0; list-style-type:square;}
ul.menu{list-style:none;}
li{margin:0; padding:0; list-style:none;}
form{margin:0; padding:0;}

/*****************************************************************BODY*****************************************************************/
body{
left:auto; top:auto; margin:0; padding:0;
background-color:
#FFF;}
#page{width:981px; margin:0 auto; padding:0;}

/*****************************************************************HEADER*****************************************************************/
#header{width:981px;display:block;}
#header #logo{ width:270px; height:93px; float:left;}

#header #login{width:325px; padding-left:100px; height:71px; font-family:"Trebuchet MS", sans-serif; font-size:12px; font-weight:bolder; color:#18465D; float:left; line-height:71px; text-transform:uppercase; text-align:right;}

#header #logo2{width:245px; padding-left:10px; height:93px;float:left;}


#header #login a{color:#18465D; text-decoration:none;}
#header #login a:hover{text-decoration:underline;}

#header #site-name{width:320px; height:71px;padding-left:130px; float:left; font-family:
Verdana, Geneva, sans-serif; font-size:17px; text-align:left; line-height:71px; color:#2D6C80; font-weight:bold;}
#header #site-name a{color:#2D6C80; text-decoration:none;}
#header #site-name a:hover{color:#2D6C80; text-decoration:none;}



#menu{width:981px; height:50px; background:url(../images/bg-menu.jpg) repeat-x ; float:right;}

#menu ul{margin:0; padding:0; list-style:none; text-align:center;}

#menu ul li{line-height:50px; color:#ffffff;  background:url(../images/menu-line.jpg) right top no-repeat; float:left; font-family:Georgia, sans-serif; font-weight:bolder; font-size:13px;}

#menu ul li a{color:#ffffff;padding:0 13px;}

#menu ul li a:hover{color:#ffffff; background:url(../images/bg-menu-over.jpg) left top repeat-x; display:block; padding:0 13px;}

#menu ul li .active{color:#fff; background:url(../images/bg-menu-over.jpg) left top repeat-x;display:block;}

#menu ul li.last{background:none;}
#header #flash-block{width:981px;
	height:258px;
	clear:both;
	background-image:url(../images/header1.jpg);
	background-repeat: no-repeat;
	background-position: left;}

/*****************************************************************MAIN_CONTENT*****************************************************************/


#wrapper1 { 

margin-right:auto;
margin-left:auto;
margin-top:10px;
width: 1000px;
background:#FFFFFF;
}
#main-content{width:981px; display:block;}
#content-top{ width:981px; height:188px; padding:0; margin:0 0 0 0;}

#content-top ul{margin:0; padding:0; list-style:none;}

#content-top ul li{margin:0 1px 0 0; padding:0; list-style:none; width:244px; height:188px; float:left;}

#content-top ul li.about{ background:url(../images/about.jpg) left top no-repeat; padding:16px 24px; height:156px; width:197px;}

#content-top ul li.about h2{ color:#444444; font-family:Georgia, sans-serif; font-size:14px;  font-weight:bolder; padding-bottom:10px;text-align:center;}

#content-top ul li.about ul{margin:0; padding:0; list-style:circle;}

#content-top ul li.about ul li{ font-family:Georgia, sans-serif; font-size:16px; color:#D86917; height:auto; width:195px; margin:0; padding:0 0 10px 0;}


#content-top ul li.about p.read{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#3B8294; text-align:right;}
#content-top ul li.about p.read a{ color:#3B8294; text-decoration:underline;}


#content-top ul li.about ul li p{
	font-size:12px;
	text-align:left;
	padding-top:12px;
	font-family:Verdana,sans-serif;
	color:#444!important; 						
	word-spacing: normal;
	padding-bottom: 10px;
}



#content-top ul li.about ul li p a{color:#414141;}



#content-top ul li.why{ background:url(../images/why.jpg) left top no-repeat; padding:16px 24px; height:156px; width:197px;}
#content-top ul li.why h2{ color:#444444; font-family:Georgia, sans-serif; font-size:14px;  font-weight:bolder; padding-bottom:10px;text-align:center;}
#content-top ul li.why p{ font-family:Verdana, sans-serif; font-size:12px; text-align:left; word-spacing: normal;color:#444;letter-spacing: 0; padding-top:12px;padding-bottom:10px;}
#content-top ul li.why p.read{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#3B8294; text-align:right;}
#content-top ul li.why p.read a{ color:#3B8294; text-decoration:underline;}






#content-top ul li.program{ background:url(../images/programschedule.jpg) left top no-repeat; padding:16px 15px; height:156px; width:214px;}
.hpservices ul{margin:0; padding:0; list-style:none;}
#content-top .program ul li{float:left; display:block; background:url(../images/arrow1.jpg) left top no-repeat; padding:0 20px; margin:0; width:174px; height:auto;}
#content-top .program ul li p.black{font-family:"Trebuchet MS", sans-serif; font-size:12px; font-weight:bolder; text-align:center; color:#414141; display:block; line-height:10px;}
#content-top .program ul li p.blue{font-family:"Trebuchet MS", sans-serif; font-size:12px; font-weight:bolder; text-align:center; color:#3A8291; display:block;line-height:10px;}
#content-top .program ul li p.orange{font-family:"Trebuchet MS", sans-serif; font-size:12px; font-weight:bolder; text-align:center; color:#D86917; display:block;line-height:10px;}
#content-top .program ul li p.orange a{color:#D86917; text-decoration:none;}
#content-top .program ul li p.orange a:hover{text-decoration:underline;}
#content-top .program ul li.last{border:none;}




#content-top ul li.program h2{ color:#444444; font-family:Georgia, sans-serif; font-size:14px;  font-weight:bolder; padding-bottom:10px;text-align:center;}
#content-top ul li.program p{
	font-family:Verdana, sans-serif;
	font-size:12px;
	text-align:left;
	word-spacing: normal;
	color:#444;
	padding-top:12px;
	padding-bottom:10px;
}




#content-top ul li.program p.read{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#D86917; text-align:right; clear:both;}
#content-top ul li.program p.read a{ color:#3B8294; text-decoration:underline;}

#content-top ul li.contact{ background:url(../images/products.jpg) left top no-repeat; padding:16px 10px; height:156px; width:224px; margin:0;}
#content-top ul li.contact h2{ color:#444444; font-family:Georgia, sans-serif; font-size:14px;  font-weight:bolder; padding-bottom:10px;text-align:center;}

#content-top ul li.plctrg{ background:url(../images/plc_hmi_Scada_trg.jpg) left top no-repeat; padding:16px 10px; height:156px; width:224px; margin:0;}
#content-top ul li.plctrg h2{ color:#444444; font-family:Georgia, sans-serif; font-size:14px;  font-weight:bolder; padding-bottom:10px;text-align:center;}
#content-top ul li.plctrg p{
	font-family:Verdana, sans-serif;
	font-size:12px;
	text-align:left;
	word-spacing: normal;
	color:#444;
	padding-top:12px;
	padding-bottom:10px;
}

#content-top ul li.plctrg p.read{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#D86917; text-align:right; clear:both;}
#content-top ul li.plctrg p.read a{ color:#3B8294; text-decoration:underline;}

/*****************************************************************SIDEBAR_LEFT*****************************************************************/
#sidebar-left{ margin:0 22px 22px 0; padding:0; width:260px; float:left;}

#sidebar-left #adv{ width:199px; height:260px; padding:0px 23px; background:#F1F1F1; margin:0 0 0px 0;background:url(../images/adv_mod1_2_Summer.jpg) left top no-repeat;}

#sidebar-left #adv h3{ color:#3A8291; font-family:Georgia, sans-serif; font-size:16px; text-transform:uppercase; font-weight:bolder; line-height:30px; border-bottom:1px dashed #B4B0B1;}

#sidebar-left #adv p{ font-family:Verdana, sans-serif; font-size:12px; text-align:left; word-spacing: normal;color:#444;letter-spacing: 0; padding-top:12px;padding-bottom:10px;}


#sidebar-left #adv p.read{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; padding-top:5px; text-align:right;}
#sidebar-left #adv p.read a{ text-decoration:none;}
#sidebar-left #adv p.read a:hover{text-decoration:underline;}


/*#sidebar-left #photogallery{ overflow:auto;
}*/
#sidebar-left #photogallery ul li { display:block; float:left }

/*****************************************************************CONTENT*****************************************************************/
#content{
	margin:0;
	padding:10px 0 0 0;
	width:644px;
	float:left;
	border:thick;
	border-color:#C30;
}
#content #overview{
	margin:0;
	padding:0;
	
}
#content #overview h3{color:#444444; font-family:Georgia, sans-serif; font-size:16px; text-transform:uppercase; font-weight:bolder; line-height:30px; border-bottom:1px dashed #B4B0B1;}
#content #overview p{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; text-align:justify; color:#414141; padding-bottom:8px;}
#content #overview p img{ padding-bottom:-10px; margin-top:10px;}
#content #overview p.read{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#414141; text-align:right;}
#content #overview p.read a{ color:#414141; text-decoration:underline;font-size:12px;}

/*****************************************************************SIDEBAR_RIGHT*****************************************************************/

ul.content1{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin: 5px 20px 0px 25px;}

ul.content1 li {
list-style:decimal;
margin-left:20px;
	color:#666633;
	text-align:left;
	line-height: 1.6em;
	font-size:14px;}


/*****************************************************************FOOTER*****************************************************************/
#footer{width:981px; display:block; height:64px; clear:both; border-top:1px solid #E0E0E0;}

#footer #footer-menu{width:680px; height:64px; float:left;}
#footer #footer-menu ul{margin:0; padding:0; list-style:none;}
#footer #footer-menu ul li{line-height:64px; color:#A0A0A0; float:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:normal;text-transform:uppercase; font-size:10px;}
#footer #footer-menu ul li a{color:#A0A0A0; padding:0 5px;}
#footer #footer-menu ul li a:hover{color:#18465D; padding:0 5px;}

#footer #powered{
	width:250px;
	float:left;
	line-height:64px;
	color:#C00;
	text-align:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:9px;
}
#footer #powered a{color:#A0A0A0;}
#footer #powered a:hover{text-decoration:underline;}

#footer #social{ width:80px; padding:16px 0; height:31px; float:right;}
#footer #social ul{margin:0; padding:0; list-style:none; text-align:right;}
#footer #social ul li{margin:0; padding:00; float:left;}
#footer #social ul li.first{padding:0 5px;}