﻿/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }


* { margin:0; padding:0;}
html, body { height:100%;  min-width:1000px;}	
body { 
	background:#ffffff; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%; 
	line-height:1.25em;
	color:#5b5b5b;
	}
input, select, textarea { font-family:Arial, Helvetica, sans-serif;	font-size:1em;	vertical-align:middle;	font-weight:normal;}
object { vertical-align:top; outline:none}
.alignMiddle{ vertical-align:middle}
.alignCenter{ text-align: center}
.container1{ width:100%}
.clear { clear:both;}
.fleft{ float:left; padding-left:0px;padding-top:10px;}
.fleft2{ float:left;}
.fright{ float:right; padding-right:10px;}
.container {	overflow:hidden; width: 100%;}
a img{ border:0px}
img{ vertical-align:top;  }
fieldset{ border:none}
.oh{ overflow:hidden}

.col-1, .col-2, .col-3, .col-4{ float:left}
/*======= width =======*/
.main {	margin: 0 auto;	position: relative;	width:925px; }


.row .col-1{ width:425px; margin-right:35px; padding-bottom:25px;}
.row .col-2{ width:425px;}
.row1 .col-1{ width:200px; margin-right:10px}
.row1 .col-2{ width:217px;}
.row2 .col-1{ width:166px; margin-right:30px; position:relative}
.row2 .col-2{ width:166px; position:relative}


a{ color:#5b5b5b; text-decoration:underline; outline:none}
a:hover{ text-decoration:none}
.adobe{background:url(../images/pdf.png) top left no-repeat; background-position:0 0px; width:185px; height:45px; margin:0; padding-left:40px; padding-top:12px; overflow:hidden;}
section ul.list{margin:0; padding:0; list-style:none;}
section ul.list li{background:url(../images/marker2.png) top left no-repeat; background-position:0 5px; margin:0; padding-left:14px; overflow:hidden; padding-bottom:11px }
section ul.list li a{color:#888484; text-decoration:none; line-height:20px} 
section ul.list li a:hover { text-decoration: underline; }

section ul.list1{margin:0; padding:0; list-style:none;}
section ul.list1 li{background:url(../images/marker2.png) top left no-repeat; background-position:0 5px; margin:0; padding-left:14px; overflow:hidden; padding-bottom:10px }
section ul.list1 li a{color:#888484; text-decoration:none; line-height:20px} 
section ul.list1 li a:hover { text-decoration: underline; }

section ul.list2{margin:0; padding:0; list-style:none;}
section ul.list2 li{background:url(../images/marker2.png) top left no-repeat; background-position:0 5px; margin:0; padding-left:14px; overflow:hidden; padding-bottom:6px }
section ul.list2 li a{color:#888484; text-decoration:none; line-height:20px; text-transform:uppercase; font-size:15px} 
section ul.list2 li a:hover { text-decoration: underline; }

.link{text-decoration:none;  }
.link:hover{text-decoration:underline }

.link1{ background:url(../images/marker.png) center right no-repeat; padding-right:23px }

.link2{ background:url(../images/icon-1.gif) top left no-repeat; padding-left:25px }
.link3{ background:url(../images/icon-2.gif) top left no-repeat; padding-left:25px }

.button{color:#fff; background:url(../images/bg_link.gif) bottom left repeat-x #f5f5f5; padding:0 15px 0 10px; line-height:55px; display: inline-block; text-decoration:none; border-style: solid; margin-top:0px; border-radius:11px; -moz-border-radius: 11px; -webkit-border-radius: 11px; position: relative; float:right  }
.button a{color:#000; background:url(../images/marker.png) left no-repeat; background-position:0 23px; padding-left:25px; line-height:55px; font-size:20px; text-decoration:none; display:block  }
.button a:hover{text-decoration:none }
.button:hover{ background:url(../images/bg_link-act.gif) top left repeat-x #f5f5f5 }

.button1{color:#fff; background:url(../images/bg_link.gif) bottom left repeat-x #f5f5f5; padding:0 15px 0 10px; line-height:30px; display: inline-block; text-decoration:none; border-style: solid; border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; behavior:url(js/PIE.htc); position: relative; float:right  }
.button1 a{color:#000; background:url(../images/marker.png) top left no-repeat; background-position:0 9px; padding-left:25px; line-height:30px; font-size:18px; text-decoration:none; display:block  }
.button1 a:hover{text-decoration:none }
.button1:hover{ background:url(../images/bg_link-act.gif) top left repeat-x #f5f5f5 }

.button2{color:#fff; background:url(../images/bg_link.gif) bottom left repeat-x #f5f5f5; padding:0 15px 0 10px; line-height:30px; display: inline-block; text-decoration:none; border-style: solid; border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; behavior:url(js/PIE.htc); position: relative; float:left  }
.button2 a{color:#000; background:url(../images/marker.png) top left no-repeat; background-position:0 9px; padding-left:25px; line-height:30px; font-size:18px; text-decoration:none; display:block  }
.button2 a:hover{text-decoration:none }
.button2:hover{ background:url(../images/bg_link-act.gif) top left repeat-x #f5f5f5 }




/*header*/
header {font-size:0.75em; color:#FFFFFF; height:85px; background:url(../images/header2.png) top center no-repeat }
.top{ background: url(../images/header.png) top center no-repeat; }
header .indent{ top:10px; right:0px; position:absolute; padding:0; width:211px}
header .inside{ padding-top:48px; padding-left:263px;}

header h1 {position:absolute; left:0; top:0; text-indent:-9999px;}
header h1 a { display:block; width:275px; height:106px; background:url(../images/logo.png) no-repeat left top;	}

.block{ background:url(../images/bg_block2.png) top left no-repeat; width:925px; height:400px; border-bottom:1px solid #eeeeee;}
.block .indent-block{ padding:0px 0px 0 0px}

.date{ width:36px; line-height:37px; text-align:center; padding-right:15px; display:block; background:url(../images/bg_date.png) top left no-repeat; float:left; font-size:24px; color:#a1a1a1}

/*content*/
section{ font-size:0.75em; width:100%; text-align:left; background:#fff}
section .inside{padding:0px 0px 55px 0px}
section .inside1{padding:35px 38px 25px 40px}
.img-left{ float:left; margin:0 15px 0px 0}
.img-left1{ float:left; margin:0 1px 0 0}
.img-left2{ float:left; margin:0 8px 0px 0}
.img-indent{ margin:0 0 16px 0}
p{ margin:0 0 15px 0}
.p{ margin:0}
.p1{ margin:0 0 15px 0}
.p2{ margin:0 0 35px 0}
.p3{ margin:0 0 7px 0}
h2{color:#666666; font-size:21px; margin-bottom:15px; line-height:26px; }
h3{color:#272727; font-size:19px; margin-bottom:19px; line-height:26px; }
.h3-5{color:#272727; font-size:32px; margin-top: 10px;margin-bottom:19px; line-height:26px; }
.h3-7{color:#272727; font-size:32px; margin-top: 10px;margin-bottom:0px; line-height:26px; }
.h3-8{color:#272727; font-size:26px; margin-top: 10px;margin-bottom:0px; line-height:26px; }
.h3-6{color:#272727; font-size:18px; margin-top: 0px;margin-bottom:3px; line-height:18px; }
.h3-10{color:green; font-size:15px; margin-left:10px; margin-top: 0px;margin-bottom:20px; line-height:15px; }
.h3-9{color:#A52A2A; font-size:15px; margin-left:10px; margin-top: 0px;margin-bottom:20px; line-height:15px; }
.h3{color:#272727; font-size:19px; margin-bottom:0; padding-bottom:0; line-height:26px; background:url(../images/icon6.gif) top left no-repeat; padding-left:21px }
.h3-1{color:#272727; font-size:19px; margin-bottom:0; padding-bottom:15px; line-height:26px; background:url(../images/icons/intelameter.png) top left no-repeat; padding-left:39px }
.h3-2{color:#272727; font-size:19px; margin-bottom:0; padding-bottom:15px; line-height:26px; background:url(../images/icons/load_shedding_endpoints.png) top left no-repeat; padding-left:39px }
.h3-3{color:#272727; font-size:19px; margin-bottom:0; padding-bottom:15px; line-height:26px; background:url(../images/icons/ecoNet_SL.jpg) top left no-repeat; padding-left:39px }
.h3-4{color:#272727; font-size:19px; margin-bottom:0; padding-bottom:15px; line-height:26px; background:url(../images/icons/enterprise_software.jpg) top left no-repeat; padding-left:39px }
.h3-11{color:#272727; font-size:19px; margin-bottom:0; padding-bottom:15px; line-height:26px; background:url(../images/icons/home_products.jpg) top left no-repeat; padding-left:39px }
.h3-12{color:#272727; font-size:19px; margin-bottom:0; padding-bottom:15px; line-height:26px; background:url(../images/icons/mobile_deployment.jpg) top left no-repeat; padding-left:39px }
.h2{ font-size:23px; line-height:28px;  }
h4{color:#5e5e5e; font-size:1em; margin-bottom:9px;  }
.tail{ background:url(../images/tail.gif) bottom repeat-x; padding-bottom:40px; margin-bottom:25px}
.tail1{ width: 925px; padding-top:25px;background:url(../images/tail.gif) bottom repeat-x; margin-bottom:35px; padding-bottom:0px;}
.tail2{ background:url(../images/tail.gif) bottom repeat-x; margin-bottom:11px; padding-bottom:11px;}
.txt-1{ float:right; display:block; margin-bottom:31px; font-weight:bold; color:#5e5e5e}
.txt{ color:#d4d4d4; width:100px; float:left; display:block; font-size:38px}
.txt1{ color:#d4d4d4; width:78px; float:left; display:block; font-size:38px}

.pad{padding:0px 70px 0px 0px}
.indent{padding:0px 0px 0px 0px}

/*box*/
.box{ width: 925px background:#ffffff; border:1px solid #cccccc; border-style: solid; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; position:relative}
.box .indent-box2{ padding:15px 15px 15px 15px; }
.box .indent-box{ padding:30px 30px 25px 32px; }

/* Location Bar */
.locbar{margin-left:5px;}
.locbar h2{ font-size:16px; padding-top:15px; margin-left:5px;}
.locbar h2 a{ font-size:16px; text-decoration:none; padding-top:15px;}
.locbar h2 a:hover{ font-size:16px; text-decoration:none; padding-top:15px; border-bottom:1px solid #cccccc;}

/*box1*/
.box1{ background: url(../images/bg_box1.gif) bottom left repeat-x #f5f5f5; border-style: solid; border-radius:11px; -moz-border-radius:11px; -webkit-border-radius:11px; behavior:url(js/PIE.htc); position:relative}
.box1 .indent-box{ padding:30px 20px 25px 32px; }

.box3{ border:1px solid #cfcfcf; background:#fff; padding:3px}

/*footer*/
footer { width: 925px; height:40px; margin: 0px auto; padding:0px; position: relative; color:#616161; font-size:12px; background:#cccccc;}
footer .main { height:100%; width:100%; }
footer .inside{ padding:0px 0px 25px 39px;}
footer a {color:#616161; text-decoration:none}  
footer a:hover {  text-decoration:underline}
footer span{ color:#616161; float:left; display:block; padding-top:0px}

.indent-2{ position:relative; padding-left:20px; float:left}
.rowElem{ height:42px; }
.rowElem2{ height:116px; }
.rowElem1{ height:30px; background:url(../images/bg_input.png) top left no-repeat}
.block-contact span{ float:right; margin-right:0;}
.input{
   	border:none; 
	background:none;
	width:152px; height:17px;
	font-size:10px;
	text-transform:uppercase;
	color:#797979;
	padding-left:11px;
	padding-right:10px;
	padding-top:4px;
	padding-bottom:4px;
	margin-right:7px;
	float:left
}
.form_input{
   	border:1px solid #e4e4e4; 
	background:#f1f1f1;
	border-style: solid; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; behavior:url(js/PIE.htc);
	position:relative;
	width:248px; height:18px;
	font-size:1em;
	margin-right:10px;
	padding-left:10px;
	padding-right:10px;
	padding-top:2px;
	padding-bottom:2px;
}
textarea{
   	border:1px solid #e4e4e4; 
	background:#f1f1f1;
	border-style: solid; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; behavior:url(js/PIE.htc);
	position:relative;
	width:92%;
	font-size:1em;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:10px;
	margin-bottom:11px;
	margin-top:10px;
	overflow:auto}
.page_links{
   	font-family: Arial;
	font-size:16px;
	color:#333333;
	font-weight:bold;
}
.page_links a{
	color:#444444;
	text-decoration:none;
}
.page_links a:hover{
	color:#777777;
	text-decoration:none;
}
textarea.aboutus {
   	border:1px solid #e4e4e4; 
	background:#f1f1f1;
	border-style: solid; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; behavior:url(js/PIE.htc);
	position:relative;
	width:92%;
	height:100px;
	font-size:1em;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:10px;
	margin-bottom:11px;
	margin-top:10px;
	overflow:auto}	

.select_box{
   	border:none; 
	background:none;
	width:152px; height:17px;
	font-size:10px;
	color:#797979;
	padding-left:11px;
	padding-right:10px;
	padding-top:4px;
	padding-bottom:4px;
	margin-right:7px;
	float:left
}
	
	

/*===== looperSlider =====*/
/* * Required */
#loopedSlider {	height:390px; padding-left:62px; padding-top:20px;}
#loopedSlider .container { width:800px; height:350px; overflow:hidden; position:relative; margin:0; font-size:12px;}
#loopedSlider .slides { position:absolute; top:0; left:0; }
#loopedSlider .slides .div { position:absolute; top:0; width:800px; display:none; }

/* * Optional*/
#loopedSlider,#newsSlider { width:900px; position:relative; clear:both; }
ul.pagination { margin-left: -60px; margin-top:-35px; list-style:none; }
ul.pagination li  { float:left; padding-left:8px;}
ul.pagination li a { 	display:block;	float:left;	width:12px;	height:12px;	background:url(../images/pagination-bg.gif) top left no-repeat;}
ul.pagination li a:hover {	background:url(../images/pagination-bg-act.gif) top left no-repeat;}
ul.pagination li.active a { background:url(../images/pagination-bg-act.gif) top left no-repeat;}

.pagination-container {	padding:12px 0 0 389px;	float:left;	width:83px;}

.pagination-container a.previous {float:left; background:url(../images/prev.gif) no-repeat left top; width:40px; height:65px; margin:-235px 0 0 -454px; z-index:90; position:absolute	}
.pagination-container a.next { float:left; background:url(../images/next.gif) no-repeat left top; width:40px; height:65px;  margin:-235px 0 0 437px; position:absolute	}
/*--------------------*/

/* * Required */
#loopedCarousel{ width:950px; position:relative; clear:both; }
#loopedCarousel {height:185px;  }
#loopedCarousel .container2 { width:950px; height:185px; overflow:hidden; position:relative; margin:0; }
#loopedCarousel .slides { position:absolute; top:0; left:0; }
#loopedCarousel .slides .div { position:absolute; top:0; width:950px; display:none;}
/* * Optional*/
.but1{ position:absolute; right:0; top:-51px; }
#loopedCarousel .previous{background:url(../images/button-1.gif) top left no-repeat; width:29px; height:31px; display:block; float:left; text-decoration:none;}
#loopedCarousel .next{background:url(../images/button-2.gif) top left no-repeat; text-decoration:none; width:28px; height:31px; display:block; float:left; }
#loopedCarousel .previous:hover{background:url(../images/button-1.gif) top left no-repeat; text-decoration:none}
#loopedCarousel .next:hover{background:url(../images/button-2.gif) top left no-repeat; text-decoration:none}

.pr{ position:relative}

.menucontainer {	overflow:hidden; width: 100%;height:300px; z-index:3;}

/*--- superfish dropdown menu begin ---*/
.sf-menu {margin:0; padding:0 0 0 18px;	list-style: none; position:relative;  } 
.sf-menu li{ margin:0; display:inline; position:relative; float:left; padding:5px 50px 20px 0;line-height:20px;}
.sf-menu .last{padding:5px 0px 0px 0px;}
.sf-menu li a{color:#444444; text-decoration:none; display:block; float:left; line-height:20px; font-size:15px; text-transform:uppercase;} 
.sf-menu li a:hover {color:#2789b0;  text-decoration:none;  }
.sf-menu li a.current{ color:#2789b0; text-decoration:none; }

.sf-menu ul { position:absolute; top:-999em; width:10em; line-height:1.0; z-index:2;}
.sf-menu li:hover ul, .sf-menu li.sfHover ul { top:72px;}


/*** DEMO SKIN ***/
.sf-menu ul {	width:160px; z-index:2;}
.sf-menu ul li {  text-align:left; line-height:55px; padding:0; position:relative;  }
.sf-menu ul li a {position:relative;left:-22px;text-transform:none; line-height:35px; height:35px; text-align:left; width:270px; padding-left:10px;
 font-size:16px; color:#000; 
background:#cccccc;}
.sf-menu ul.far_right li a {position:relative;left:-22px;text-transform:none; line-height:35px; height:35px; text-align:left; width:184px; padding-left:10px;
 font-size:16px; color:#000; 
background:#cccccc;}
.sf-menu ul li a:hover {position:relative;left:-22px;text-transform:none; line-height:35px; height:35px; text-align:left; width:270px; padding-left:10px;
 font-size:16px; color:#000;
background:#bbbaba;}
.sf-menu ul.far_right li a:hover {position:relative;left:-22px;text-transform:none; line-height:35px; height:35px; text-align:left; width:184px; padding-left:10px;
 font-size:16px; color:#000;
background:#bbbaba;}
.sf-menu ul li:hover{ color:#fff; background: url('../images/bg_menu1-act.gif') repeat-x left top
}

.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {	 position:relative }

.sf-menu li:hover ul,
.sf-menu li.sfHover ul {	left: 0;	top: 37px; /* match top ul list item height */}
				
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul { top:-999em;}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {  /* match ul width */ top:0; margin-left:1px;}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul { top:-999em;}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul { left:10em; /* match ul width */ top:0;}

.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	outline:		0;
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('../images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}

.newsticker-jcarousellite { width:925px; height:50px; }
.newsticker-jcarousellite ul li{ list-style:none;padding-top:5px; display:block; padding-bottom:1px; margin-bottom:20px; }

.bio { float:left; margin:0 15px 0px 0;padding:3px;border:1px solid #cccccc;}
.clear { clear: both; }

#banner {
  margin-top: 0px;
  padding: 0px 0px 0px 0px;
  float: left;
	width: 234px;
	height: 78px;
}

/* New Search */
#search {
  margin-top: 6px;
  padding: 0px 0px 0px 0px;
  float: right;
	width: 222px;
	height: 33px;
  background-image: url("../images/search.png");
	background-position: right top;
  background-repeat: no-repeat;
}

#search #ajaxSearch_input {
  border: none;
  width: 144px;
  height: auto;
  margin: 8px 5px 0px 35px;
  background-color: transparent;
  color: #666666;
  font-size: 0.9em;
  float: left;
}

#search #ajaxSearch_submit {
  width: 25px;
  margin-left: 9px; ;
}

.news{
	font-size:12px;
	padding-top:20px;
	padding-bottom:20px;
	border-bottom:1px solid #cccccc;
}
