/* Initialise */
ul,ol,li,body,p{margin:0; padding:0; list-style:none;}
img{border:none;}
body {background-color:#ccc; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:15px; padding:10px; text-align:justify; color:#333;}

/*Lauout*/
.wrapper1 {width:970px; /*height:100%;*/ margin:0px auto; padding:0; background-color:#fff;/*overflow:auto;*/}
.logoarea {width:970px; height:60px; margin:10px 0 0 0; padding:0px; background-color:#3782CC; float:left;}
.logo {margin-right:10px; padding:0; background:url(/images/logo1.jpg) no-repeat; width:114px; height:60px; float:right;}
.coName {background:url(/images/solar1.jpg) no-repeat; width:330px; height:60px; float:left; margin-left:10px;}
.wrapper2{width:950px; /*height:100%;*/ margin:10px; padding:0;/* float:left; background-color:#003333;*/}
.header {background:url(/images/header.jpg) repeat-x; width:950px; height:90px; float:left; margin:0; padding:0;}
.banner {border:1px solid #ccc; width:950px; height:220px;margin:10px auto; padding:0; float:left;}
.bannerbotBg {background:url(/images/banner_bot_bg.jpg) no-repeat; width:100%; height:15px; margin:0; float:left}
.dataPage {width:950px;margin:10px 0; padding:0;/*background-color:#000;*/ float:left;} 
.footer {border-top:2px solid #ccc; margin:10px 0; padding:10px 0;/* height:100px;*/float:left; width:945px;font-size:11px; text-align:center; color:#333; line-height:20px; text-align:center;}
.footer a{color:#333; text-decoration:none;}
.footer a:hover {color:#990000; text-decoration:underline;}

.counter{color:#FFF;}

/*Navigation*/
/*.nav { margin:35px 0; padding:0; width:570px;}*/
.mainNav {margin-top:35px; float:left; width:650px; height:22px; padding:0px; background:none;}
.mainNav ol {margin:0; padding:0;}
.mainNav ol li {margin:0; padding:0 10px; display:inline;}
/*.mainNav ol li span {margin:0; padding:0;}*/

.topLinks {margin:35px 0; float:right; width:275px;}
.topLinks ol { margin:0; padding:0;}
.topLinks ol li {padding:0 0 0 5px; list-style:none; float:left;}
.topLinks ol li a{/*display:block; */padding:0 5px; text-decoration:none; color:#333;}
.topLinks ol li a:hover { color:#990000; text-decoration:none;}

/*Page Data*/
/*Page Data Left*/
.hmpanels li{width:230px; display: inline-block; float:left; margin-right:10px; height:180px;}
.hmpanels li:last-child{margin:0;}
.hmpanels li a{margin:0; padding:0; text-align:left;}
.pgContentLeft {width:710px; height:100%; float:left;/* background-color:#990000;*/}

/*3 divs sidebyside* FOR CAREERS LIST/*/
#about {float: left; width: 230px; height:180px; background:url(/images/hmpg_panel/aboutus.jpg) no-repeat;}
#aplication {float: right; width: 230px; height:180px; background:url(/images/hmpg_panel/application.jpg) no-repeat;}
#services {float: left;width:230px; margin:0px 10px; background:url(/images/hmpg_panel/services.jpg) no-repeat; height:180px;}
/*.text {margin:45px; padding:0; text-align:left;}*/
.products {float:left; background:url(/images/hmpg_panel/products.jpg) no-repeat; width: 710px; height:240px; /*margin-top:10px;*/ background-color:#fff;}
.center {height:100px;}
.productname {font-size:12px; margin:10px 0; text-align:center;}
.img1 {width:140px; height:150px; margin:60px 40px 10px 40px; float:left;}
.img2 {width:170px; height:150px; margin:60px 40px 10px 40px; float:left;}
.img3 {width:140px; height:150px; margin:60px 40px 10px 40px; float:left;}

.products {float:left; background:url(/images/hmpg_panel/products1.jpg) no-repeat; width: 710px; height:240px; margin-top:10px; background-color:#fff;}
.pic ol {margin:60px 10px 0 10px; padding:0; float:left;}
.pic ol li {width:170px; display:block; float:left; text-align:center;}
.pic ol li ul {margin:0; padding:0;}
.pic ol li ul li { margin:0; padding:0;}
.pic ol li ul li a{ margin:10px 0; padding:0; display:block; color:#025290; text-decoration:none;}
.pic ol li ul li a:hover{ margin:10px 0; padding:0; display:block;color:#990000; text-decoration:underline;}

/*Page Data Right*/
.pgContentRgt {width:230px; float:right; /*background-color:#000;*/ margin:0; padding:0;}

.quality {background:url(/images/hmpg_panel/quality.jpg) no-repeat top right; width:230px; height:180px; /*float:left;*/ margin:0; padding:0;}

.newsPanel {background:url(/images/hmpg_panel/news2.jpg) no-repeat top right; width:230px; height:200px; /*float:left;*/background-color:#fff; clear:both; margin:10px 0 0 0; padding:0;}
.text {margin:0; padding:45px 5px 5px 10px; text-align:left; line-height:18px;}
.newsPanelTxt {margin:20px 0 0 0; padding:0 10px; text-align:left; line-height:18px; color:#fff;}
.newsPanel h1 { font-size:12px; margin:0; padding:15px 0 0 10px; color:#fff;}

.clientsPanel {background:url(/images/hmpg_panel/clients.jpg) no-repeat top right; width:230px; height:220px; /*float:left;*/clear:both; margin:10px 0 0 0; padding:0;}
.clientsPanel h1 { font-size:13px; margin:0; padding:10px 0 0 10px; color:#666;}

/*Read More*/
.readmore_abt {padding:15px 10px 0px 0; float:right; text-decoration:none; color:#025290; margin:0;}
.readmore_abt a{text-decoration:none;color:#025290;}
.readmore_abt a:hover {text-decoration:underline;color:#025290;}

.readmore_serv {padding:15px 10px 0px 0; float:right; text-decoration:none; color:#ff9900; margin:0;}
.readmore_serv a{text-decoration:none; color:#ff9900;}
.readmore_serv a:hover {text-decoration:underline; color:#ff9900;}

.readmore_aplic {padding:15px 10px 0px 0; float:right; text-decoration:none; color:#7DA435; margin:0;}
.readmore_aplic a{text-decoration:none;color:#7DA435;}
.readmore_aplic a:hover {text-decoration:underline; color:#7DA435;}

.readmore_quality {padding:15px 10px 0px 0; float:right; text-decoration:none; color:#C02727; margin:0;}
.readmore_quality a{text-decoration:none;color:#C02727;}
.readmore_quality a:hover {text-decoration:underline; color:#C02727;}

.viewprod {padding:0; float:right; text-decoration:none; color:#006699; margin:10px 0; width:710px; border-top:1px dotted #333;text-align:right; padding:10px 0;}
.viewprod a{text-decoration:none;color:#006699;  padding:10px 0; }
.viewprod a:hover {text-decoration:underline; color:#006699; padding:10px 0;}

.readmore {margin:20px 65px; padding:0;}

.readmore_news {margin:0px; padding:5px 10px; color:#fff; float:right;}
.readmore_news a{margin:0px; padding:5px 10px; text-decoration:none; color:#fff;float:right;}
.readmore_news a:hover{margin:0px; padding:5px 10px; text-decoration:underline; color:#fff;float:right;}

.disclamer {font-size:9px; text-align:center;}

/* ClearFix */
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}