@charset "utf-8";
/* CSS Document */

*{margin:0; padding:0;}

body{background:url(../images/body-bg.png) repeat; height:100%; }

.lfloat{float:left;}
.rfloat{float:right;}
p.clr,.clr{float:none; clear:both; background:none;}

sup{font-size:12px; color:#e28630;}



.header{width:100%; background:url(../images/header_bg.png) repeat-x; height:147px; position:relative; z-index:110}
.ostrip{width:100%; height:2px; background:#e87822;}
.mheader{margin:0 auto; width:960px;}
.logo{margin-top:30px; width:369px;}
.nav{width:460px;  margin-top:37px; margin-right:18px; }

.banner{width:880px; height:306px; margin-top:0px; margin-left:27px; background:url(../images/banner_bg.png) no-repeat;}
.iBanner{width:878px; height:200px; margin-top:190px; margin-left:25px; border:1px solid #cccccc; background:url(../images/about_banner.jpg) no-repeat;}
.sBanner{width:878px; height:200px; margin-top:190px; margin-left:25px; border:1px solid #cccccc; background:url(../images/solution_banner.jpg) no-repeat;}
.dataBanner{width:878px; height:200px; margin-top:190px; margin-left:25px; border:1px solid #cccccc; background:url(../images/data_collection.jpg) no-repeat;}
.mobileBanner{width:878px; height:200px; margin-top:190px; margin-left:25px; border:1px solid #cccccc; background:url(../images/mobile_banner.jpg)  no-repeat;}

.webBanner{width:878px; height:200px; margin-top:190px; margin-left:25px; border:1px solid #cccccc; background:url(../images/web_scada.jpg)  no-repeat;}

.scadaBanner{width:878px; height:200px; margin-top:190px; margin-left:25px; border:1px solid #cccccc; background:url(../images/scada_banner.jpg)  no-repeat;}

.omBanner{width:878px; height:200px; margin-top:190px; margin-left:25px; border:1px solid #cccccc; background:url(../images/om_Banner.jpg)  no-repeat;}

.contatBanner{width:878px; height:200px; margin-top:190px; margin-left:25px; border:1px solid #cccccc; background:url(../images/contact_banner.jpg) no-repeat;}

.iBheading{font-family:BRITANIC; font-size:22px; color:#e87822; width:30%; margin-top:90px;}
.sBheading{width:27%;}
.dBheading{width:58%;}
.oBheading{width:60%;}
.mBheading{width:40%;}
.cBheading{width:20%;}

.subHeading{font-family:BRITANIC; font-size:16px; color:#e87822; margin-top:20px;}
.lPara{width:65%; margin-top:20px; font-family:GOTHIC; font-size:14px; color:#888888;}
.rPara{width:270px;  margin-top:20px; text-align:center;}

.point{width:95%; margin-left:40px; margin-top:20px;}
.point ol{width:100%; float:left;}
.point ol li{width:100%; font-family:GOTHIC; font-size:14px; color:#e87822; float:left; margin-bottom:20px;	}
.point ol li strong{color:#888888; font-weight:normal;}

.subpoint{width:95%; margin-left:40px; margin-top:0px;}
.subpoint ol{width:100%; float:left;}
.subpoint ol li{width:100%; font-family:GOTHIC; font-size:14px; color:#888888; float:left; margin-bottom:5px;	}


.main{margin:0 auto; width:930px;}
.contentarea{margin:-25px 0 0 0;width:930px; position:absolute;  background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#f0f0f0));background:-moz-linear-gradient(top,#fff,#f0f0f0);filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#f0f0f0') progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=170, Color='#C6C6C6'); }





.mShadow{margin:0 auto; width:960px;}
.tLshadow{background:url(../images/tLshadow.png) no-repeat; width:22px; height:343px; z-index:-1; margin-top:0px; float:left; position:relative;}
.tRshadow{background:url(../images/tRshadow.png) no-repeat; width:22px; height:343px;  z-index:-1; margin-top:0px;}

.bmain{margin:0 auto; width:960px;}
.bShadow{width:960px; height:373px;}
.bLshadow{background:url(../images/tLshadow.png) no-repeat; width:22px; height:373px; z-index:-1; margin-top:0px; float:left; position:relative;}
.bRshadow{background:url(../images/tRshadow.png) no-repeat; width:22px; height:373px;  z-index:-1; margin-top:0px;}


.middle{width:880px; margin-left:28px;}
.iMiddle{width:880px; margin-left:28px; padding-bottom:100px;}
.mPara{font-family:GOTHIC; font-size:14px; line-height:24px; color:#888888; text-align:justify; width:99%}
.mPara a{color:#888888; text-decoration:none;}
.dStrip{background:url(../images/dStrip.png) no-repeat; width:880px; margin-top:40px;}
.tHeading{font-family:BRITANIC; font-size:22px; color:#7f7f7f;}
.dStrip_01{background:url(../images/dStrip.png) no-repeat; width:880px; margin-top:15px;}

.application{width:100%; padding-bottom:50px}
.aHeading{font-family:BRITANIC; font-size:22px; color:#7f7f7f;}
.appGallery{width:100%; margin-top:30px;}

.info{width:100%;}
.infoImage{background:url(../images/image_01.jpg) no-repeat; width:275px; height:168px;}
.infoPara{width:65%;  font-family:GOTHIC; font-size:14px; color:#888888; text-align:justify;}

.footer{width:100%; background:url(../images/footer.png) repeat-x; height:77px; position:relative; z-index:110}
.mFooter{margin:40px auto 0 auto; width:960px;}
.copyRight{font-family:Tahoma, Geneva, sans-serif; font-size:14px; color:#919090;}
.contact{font-family:Tahoma, Geneva, sans-serif; font-size:14px; color:#919090;}
.contact a{color:#999; text-decoration:none;}


@font-face{font-family:'GOTHIC';src:url(../font/GOTHIC.eot);src:local('☺'),url(../font/GOTHIC.woff) format('woff'),url(../font/GOTHIC.ttf) format('truetype');font-weight:normal;font-style:normal;}

@font-face{font-family:'BRITANIC';src:url(../font/BRITANIC.eot);src:local('☺'),url(../font/BRITANIC.woff) format('woff'),url(../font/BRITANIC.ttf) format('truetype');font-weight:normal;font-style:normal;}