@charset "utf-8";

/* header */
body{margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px;background:url(../images/bg.jpg) repeat-x; color:#000000}
#wrapper{padding:0;margin: 0 auto; width:996px; float:none}

#wrapper .bg{background:url(../images/bg1.png) repeat-y; width:993px; clear:both; margin:5px 0 0 0; float:left; padding:0 0 0 0px;}
#asd{background:url(../images/bg1.png) repeat-y; width:996px; clear:both; margin:0 auto; height:auto;}
#header{width:960px; height:86px;border-bottom:#679702 1px solid; margin:0 18px 0 18px; padding:8px 0 0 0;}
.block{float:left; margin:0 5px;float:right;}
.navouter{float:left; width:975px; }
.logo{height:78px;padding:0px; width:129px;float:left; padding:0px 0 0 0;}
.logo h1{ padding:0; margin:0; text-indent:-2000px; background:url(../images/i-logo.png) no-repeat left; width:129px; height:78px;}
.topmiddle{width:630px; float:left; height:63px; padding:15px 0 0 25px;}

/* Navigation */
.nav{ width:600	; padding:0px 0 0 80px  ; float:left; margin:0px 0 0 0; font:bold 12px Arial, Helvetica, sans-serif; line-height:normal; text-transform:uppercase;}
*html .nav{ width:600px;}
 html* .nav{ width:600px;}


#ticker{margin:10px 0 4px 80px;
float:left;
width:350px;
height:28px;
background-color:#FFFFFF;
border:#e1e1e1 1px solid; 
font-size:11px;
color:#000000;
padding:0px 0px 0px 5px;
clear:both}
*html #ticker{margin:10px 0 4px 40px}

#ticker a{
text-decoration: none;color:#333333;
}


.phone{background:url(../images/phonebg.gif) no-repeat left; height:15px; float:left; border:#e1e1e1 1px solid; font-size:14px; margin:10px 0 0 8px;  padding:5px 3px 4px 25px;}
.nav ul { margin:0; padding:0 2px 0 0;	list-style:none;}
.nav li {display:inline; margin:0 0px 0 0; padding:0 0 0px 0; float:left}
.nav a{ float:left;background:url(../images/butleftcur.gif) no-repeat left top;color:#fff; padding:0 2px 0 8px; margin:2px 3px 0 0; text-decoration:none;}
.nav a span{ float:left; display:block; background:url(../images/butrightcur.gif) no-repeat right top;padding:5px 20px 5px 12px;}
.nav a span {float:none;}
.nav a:hover span {}
.nav a:hover { background:url(../images/butleftcuron.gif) no-repeat left top; color:#fff;	}
.nav a:hover span { background:url(../images/butrightcuron.gif) no-repeat right top; color:#fff;}


.proflash{height:78px;padding:0px; width:175px;float:left; padding:0px 0 0 0;}

#home88 .nav .home99 a, 
#about88 .nav .about99 a,
#sol88 .nav .sol99 a, 
#pro88 .nav .pro99 a, 
#art88 .nav .art99 a, 
#con88 .nav .con99 a{background:url(../images/butleftcuron.gif) no-repeat left top; color:#fff;}


#home88 .nav .home99 a span, 
#about88 .nav .about99  a span, 
#sol88 .nav .sol99  a span,
#pro88 .nav .pro99 a span, 
#art88 .nav .art99 a span, 
#con88 .nav .con99 a span{background:url(../images/butrightcuron.gif) no-repeat right top; color:#fff;}





/* flash */
.flash{width:960px; float:left;height:274px; padding:0 14px 0 18px; text-align:center}

/* product description */
.productpad{padding:20px 0px 0px 17px; float:left;}
.productouter{width:962px; height:210px; float:left; margin:0px; padding:0px 0 0 0px;}

.productbox{width:155px; padding:0 6px 0 0; float:left;}
.productboxlast{width:155px; padding:0 0px 0 0; float:left;}

.productbox1, .productbox2, .productbox3, .productbox4, .productbox5, .productbox6{height:193px; width:155px;float:left;}
.productbox1{background:url(../images/biobg.jpg) no-repeat;}
.productbox2{background:url(../images/smartcardbg.jpg) no-repeat;}
.productbox3{background:url(../images/rfidbg.jpg) no-repeat;}
.productbox4{background:url(../images/ipanalog.gif) no-repeat;}
.productbox5{background:url(../images/videoDoorphones.gif) no-repeat;}
.productbox6{background:url(../images/intrusion2a.gif) no-repeat;}
.productboxlast h3, .productbox h3{margin:0; padding:12px 0 0 10px; font-size:14px; font-weight:bold; color:#FFFFFF; text-transform:uppercase}
.productboxlast h3 a, .productbox h3 a{text-decoration:none; color:#FFFFFF;} 
.productboxlast p, .productbox p{margin:0; padding:5px 10px 0 10px; color:#FFFFFF; letter-spacing:0px; line-height:16px}
.productboxlast p a, .productbox p a  {text-decoration:none; color:#FFFFFF;} 
.readmore{padding:40px 0 0 18px; clear:both; font-size:10px;}
.readmore a{text-decoration:underline; color:#000000;}


.productouter2{width:970px; height:42px; float:left; margin:0;padding:10px 0px 0px 17px;}
.biometric, .smart, .barcode{width:155px;height:40px; float:left; padding:0 5px 0 0;}

.biometric{background:url(../images/bioin.jpg) no-repeat }
.smart{background:url(../images/smartcardin.jpg) no-repeat }
.rfid{background:url(../images/rfidin.jpg) no-repeat left;width:114px;height:40px; float:left; padding:0 5px 0 0; }

.barcode{background:url(../images/barcodein.jpg) no-repeat }
.electromagnetic{background:url(../images/electroin.jpg) no-repeat;width:180px;height:40px; float:left; padding:0 5px 0 0;}
.biometricb{background:url(../images/intrusion.gif) no-repeat;width:171px;height:40px; float:left; padding:0 0px 0 0;}

.productouter2 h1, .productouter2 .biometricb h1{margin:0; padding:5px 0 0 10px; font-size:12px; display:inline; float:left; text-transform:uppercase}
.productouter2 a, .productouter2 .biometricb a{text-decoration:none; color:#FFFFFF;}
.productouter2 h3{margin:0; padding:5px 0 0 10px; font-size:12px; display:inline; float:left; text-transform:uppercase}


/* left column  */

#content{width:958px; float:left; padding:5px 17px 5px 19px; color:#333333}
.leftcol{width:207px; float:left; margin:0 0 0 0px;}
.leftcol2{width:207px; float:left; margin:0 0 0 0px; padding:0 0 0 0px}
.leftico{background:url(../images/sprite.gif) no-repeat -257px -2px; height:180px; width:20px; float:left}
.leftico3{background:url(../images/sprite.gif) no-repeat -257px -2px; height:180px; width:20px; float:left}

.leftnav{float:left; border:#edeaea 1px solid; border-top:none; background-color:#f6f6f6; width:205px;}
.leftnav p{margin:0; padding:9px 8px 8px 12px;}

.leftnav .date{font-weight:bold; color:#7c1002;}



#libra  a.library,#can a.canteen,#clu a.club,#lib a.clinic,#door a.door1,#patrol a.patrol1,#vehicle a.vehicle1,#network a.network1,#surveillance a.surveillance1,#intrusion a.intrusion1,#remote a.remote1,#radiation a.radiation1, #time a.time1, #payroll a.payroll1, #visitor a.visitor1,  #oem a.oem1, #edu a.edu1, #criminal a.criminal1, #beneficiary a.beneficiary1, #multi a.multi1, #loyal a.loyal1, #linux a.linux1, #cd a.cd1, #gps a.gps1, 
#assets a.assets1, #parking a.parking1
{color:#666666; text-decoration:underline}

.contact{background:url(../images/sprite.gif) no-repeat -460px -2px; clear:both; margin:5px 0 0 0; float:left; padding:130px 0 0 0;width:220px;}
.leftico2{background:url(../images/sprite.gif) no-repeat -311px -4px; height:180px; width:20px; float:left; margin:5px 0 0 0;}
.contacttxt{width:200px; padding:0 0 0 5px ; margin:10px 0 0 0px; float:left; border:#edeaea 1px solid;}
.contacttxt h3{color:#000; margin:0; padding:5px; font-size:14px; text-transform:uppercase;}
.contacttxt p{margin:0; padding:5px; color:#000}


/* left column new  */
.leftcolbox{padding:6px 0px 6px 30px; clear:both; width:175px; font-weight:bold; background:url(../images/leftnavbg.jpg) no-repeat;}
#financialact .financial,
#judiciaryact .judiciary,
#hospitalact .hopital,
#governmentact .governmet,
#gatedact .gated,
#lawact .law,
#commercialact .commercial2,
#factoriesact .factories,
#courtact .court,
#healthcareact .healthcare,
#college .school
{padding:6px 0px 6px 30px; clear:both; width:175px; font-weight:bold; background:url(../images/leftnavbgactive.jpg) no-repeat;}
.leftcolbox a{color:#000000; text-decoration:none}
.leftcolboxactive a{color:#d52f15; text-decoration:none}

.leftcolboxsub{background:url(../images/subbg.gif) no-repeat left;padding:5px 5px 5px 25px; clear:both;width:160px; margin:0 0 0 10px}
.leftcolboxsub a{text-decoration:none;color:#75000e;}

#verticalh2{background-color:#a6c2d8; margin:15px 0 0 0; padding:5px; color:#FFFFFF}
.verticalcontent{float:left; padding:10px 10px 10px 0px;}
.innercontent .verticalcontent p{padding:0px 0 10px 0; margin:0;}
.innercontent .verticalcontent img{padding:0 10px 0px 0;}

.projects{width:505px; height:219px; float:left; margin:0 18px 0 18px; background-color:#f6f6f6; border:#edeaea 1px solid; border-top:none;}
.projectstop{width:507px; height:30px; background:url(../images/recent.gif) no-repeat;}
.productimg{width:225px; padding:0 10px 10px 5px; float:left}
.projecttext{float:right; margin:10px 0 0 0; width:250px}
.projecttext h1{font-size:16px; margin:0; padding:0 0 5px 0;color:#3f7da4;}
.projecttext p{margin:0; padding:5px 0;}


/* content  */
.contentinner{float:left;margin:0 0 0 15px; width:745px;}
*html .contentinner{float:left;margin:0 0 0 5px; idth:745px;}
.technology{width:471px; float:left}
.technology2, .articlesinner{width:715px; float:left}

.head{border-bottom:#6f9523 1px solid;}
.head h1{color:#000000; font-size:16px; text-transform:uppercase; margin:0; padding:0; display:inline}
.read{float:right; background:url(../images/sprite.gif) no-repeat -2px -143px ; width:98px; height:15px; padding:3px 0 0 8px;}
.hometxt .breadcrumb{float:right;padding:0px 0 10px 0px; width:auto; text-align:right; clear:both; font-size:11px; color:#CFCDCD;}
.breadcrumb a{text-decoration:underline; color:#CFCDCD;}
.content2{padding:5px 10px 0 0px;}
.content2 p{margin:0; padding:3px 0 3px 0}
.contentinner .breadcrumb a{color:#a7a7a7; text-decoration:underline}
.read a{color:#FFFFFF; text-decoration:none;}
.head .breadcrumb a{color:#666666; text-decoration:underline;}
.technology p, .technology2 p{margin:0 0 0 0; padding:15px 0px 0 0;}


.articles{float:right; width:225px; height:188px; background:url(../images/sprite.gif) no-repeat -2px -193px}
.articles ul{margin:0; padding:0;}
.articles ul li{margin:0; padding:10px; list-style:none; text-transform:uppercase; font-weight:bold}
.articles ul li a{color:#3f7da4; text-decoration:none;}

.productdetailbox{float:left; width:745px;}

.innercontent{padding:5px 5px 0 10px; color:#333333; float:left; width:auto; width:710px;}
.innercontent a{text-decoration:underline; color:#1769a8;}
.innercontent h2.articlebg{background:url(../images/articles.jpg) no-repeat left bottom; padding:10px 0 0 60px; height:36px;}
.innercontent h2.articlebg a{color:#d52f15;}
.innercontent .continue{margin:0; padding:10px 0 0px 30px;}
.innercontent .continue a{color:#FF0000; text-decoration:underline;}
.innercontent h4{margin:0; padding:18px 0; font-size:12px; font-weight:bold; float:left;}
.colorcontentbox{padding:10px; background-color:#b8e4ff; border:#CCCCCC 1px solid; width:auto;}
.innercontent ul{margin:0; padding:5px 0px 5px 20px;}
.innercontent ul li{margin:0; padding:3px 15px; list-style:none; background:url(../images/libg2.gif) no-repeat left top;}
.post{float:left;clear:both; font-size:11px;color:#9aacac;padding:3px 0 0 0px; font-weight:normal;}
.article{padding:0px 0 0px 30px; margin:0 0 15px 0; border-bottom:#CCCCCC 1px solid; clear:both}


.box1, .box2, .box3{width:239px; height:169px;float:left;margin:5px 0 0 3px;}
.box1{background:url(../images/cambg.jpg) repeat-x;}
.box2{background:url(../images/almbg.jpg) repeat-x;}
.box3{background:url(../images/fingbg.jpg) repeat-x;}


.productdetailbox .box1 h2, .productdetailbox .box2 h2, .productdetailbox .box3 h2{color:#000; font-size:11px; font-weight:bold; text-transform:uppercase; margin:0; padding:25px 0 0 10px;}
.box1 p, .box2 p, .box3 p{padding:10px 0 0 10px; margin:0;}
.rea2{width:163px;text-align:right; float:right; background-color:#f5f5f5; padding:0 10px 15px 0;}
.rea2 a{color:#ff002e; text-decoration:underline;}


/* products page */
.office, .solution{margin:5px 0 0 0; float:left; width:330px;}
.home a, .office a{text-decoration:none; color:#666666;}
.home a:hover, .office a:hover{ color:#333333;}
.technology2 .office h2{background:url(../images/sprite.gif) no-repeat -24px -981px;font-size:16px; margin:0; padding:30px 5px 5px 60px; font-variant:normal; color:#00baff;}
.technology2 .office h3
{background-color:#e7e7e7; margin:10px 0 10px 0; padding:5px; border-bottom:#b5b5b5 1px dashed; font-size:14px;font-weight:normal;}
.technology2 .office h4{margin:3px 0 0 20px; padding:0px 3px 3px 23px; font-weight:normal; font-size:12px;background:url(../images/sprite.gif) no-repeat -396px -1277px;}
.technology2 h4{margin:10px 0 0px 0px; padding:0px; font-weight:bold; font-size:14px; color:#9e6023;}
.articlesinner ul, .technology2 ul{margin:10px 0 10px 10px; padding:0;}

.content2 ul{margin:10px 0 10px 10px; padding:0;}
.content2 ul li{margin:3px 0 0 0; padding:0px 3px 3px 20px; list-style: none; background:url(../images/libg.jpg) no-repeat top left;}

.articlesinner ul li, .technology2 ul li{margin:3px 0 0 0; padding:0px 3px 3px 20px; list-style: none; background:url(../images/libg.jpg) no-repeat top left;}
.home{margin:10px 0 0 50px; float:left; width:320px;}
.imagebox{float:left; padding:5px; text-align:center; font-weight:bold; margin:10px 5px 0 0;}
.imagebox img{margin:5px 0 0 0;}

.probox{float:left; min-width:200px; padding:20px 10px 0 0;}
.featuresouter{float:left;}
.features{float:left; width:410px; padding:0 0 10px 0;}
.description{float:left; width:400px; border-top:#77b306 1px solid; padding:15px 5px;  margin:0px 0px 20px 0;}
.description ul{margin:0; padding:0 0 0 10px;}
.description ul li{background:url(../images/ar5.jpg) no-repeat left top; margin:0; padding:0px 0px 6px 18px; list-style:none;}
.descriptionh{float:left; border-bottom:#77b306 1px solid; padding:20px 0 0 0; width:400px; background:url(../images/description.gif) left bottom no-repeat; height:20px;}

.similarproducts{float:left;padding:10px; width:700px;clear:both; font-size:12px; color:#000000; background-color:#f6f6f6; border:#679702 1px solid
}
.hometxt .similarproducts h2{font-size:14px; margin:0; padding:0 0 5px 5px; color:#000000;}
.similarproducts a{color:#000000; text-decoration:none; padding:0 5px;}


.technology2 .home h2{background:url(../images/sprite.gif) no-repeat -25px -1239px;font-size:16px; margin:0; padding:30px 5px 5px 60px; font-variant:normal; color:#9e6023;}
.technology2 .home h3
{background-color:#e7e7e7; margin:10px 0 10px 0; padding:5px; border-bottom:#b5b5b5 1px dashed; font-size:14px; font-weight:normal;}
.technology2 .home h4{margin:3px 0 0 20px; padding:0px 3px 3px 23px; font-weight:normal; font-size:12px;background:url(../images/sprite.gif) no-repeat -635px -1258px;}
.technology2 h2{margin:10px 0 0px 0; padding:0; font-weight:bold; font-size:14px;}
.articlesinner h2{background:url(../images/sprite.gif) no-repeat -563px -175px;font-size:16px; margin:20px 0 0 0; padding:2px 5px 5px 35px; font-variant:normal; color:#9e6023;}

.products p.par{margin:15px 5px 5px 5px; padding:0 0 5px 0;}
.products p.continue{margin:5px 5px 5px 5px; padding:0 0 5px 0;}
.products .continue a{color:#FF0000; text-decoration:underline;}
.products a{color:#9e6023; text-decoration:none}
.products h1{margin:0 0 0 28px; padding:0px 0 0 5px; font-size:16px; font-weight:bold; border-left:#ab1801 3px solid}
.products h2{margin:0; padding:15px 0 6px 0; font-size:14px; font-weight:bold}
.productdetailbox h2{margin:0; padding:15px 0 6px 0; font-size:14px; font-weight:bold}
.products p{margin:0; padding:15px 5px 5px 20px;}

.hometxt{width:725px; float:left; margin:0 5px 0 5px; padding:5px 0 0 15px; background:url(../images/contentbg.jpg) repeat-y left; min-height:480px;}
.hometxthome{width:725px; float:left; margin:0 5px 0 5px; padding:5px 0 0 15px; }
.hometxthome h1{ padding:5px 0 0 0; margin:0; font-size:13px; font-weight:bold; }
.hometxthome p, .hometxt p{margin:0; padding:15px 5px 5px 0px;}
.content2 p{margin:0; padding:15px 5px 5px 30px;}
.hometxt .small{clear:both;}
.hometxt .small h2{margin:0; padding:10px 0 5px 10px; font-size:14px; text-transform:uppercase;color: #F90;}

.hometxt .breadcrumb{float:right;padding:0px 0 10px 0px; width:725px; clear:both; font-size:11px; color:#CFCDCD;border-bottom:#679702 1px solid;}

.hometxt h1{background:url(../images/h1bg.gif) no-repeat left;margin:0 0 0 0px; padding:2px 0px 3px 10px; font-size:16px;  color:#76B204; text-transform:uppercase; font-family:Georgia, "Times New Roman", Times, serif; display:inline; float:left}

.breadcrumbtxt{float:right; padding:5px 0 0 0;}

.hometxt h2{margin:0; padding:0 0 0 0px; font-size:14px;}
.hometxt h2 a{font-size:14px; color:#000000;}



h2.art{margin:8px 0 ; padding:0; font-weight:normal; font-size:14px;}

.solution h4{margin:3px 0 0 10px; padding:0px 3px 3px 23px; font-weight:normal; font-size:12px;background:url(../images/sprite.gif) no-repeat -396px -1277px;}
.solution h4 a{color:#9e6023; text-decoration:none}
.solution h2{font-size:16px; margin:0; padding:30px 5px 5px 10px; font-variant:normal; color:#00baff;}
.clear{clear:both;}


.main{padding:3px 3px 3px 20px;font-weight:bold; font-size:12px;background:url(../images/ar1.jpg) no-repeat left;}
.main2{margin:3px 0 3px 20px; padding:3px 3px 3px 20px;font-size:12px; font-weight:normal;background:url(../images/ar2.jpg) no-repeat left}
.main3{margin:3px 0 3px 30px;  padding:3px 3px 3px 20px; font-size:12px;background:url(../images/ar3.jpg) no-repeat left; font-weight:bold}
.main4{margin:3px 0 3px 40px;  padding:3px 3px 3px 20px; font-size:12px;background:url(../images/ar4.jpg) no-repeat left;}

.sitemap ul li a, .main a, .main2 a, .main3 a, .main4 a{color:#666666; text-decoration:none}
.sitemap ul li a:hover, .main a:hover, .main2 a:hover, .main3 a:hover, .main4 a:hover{color:#333333; text-decoration:underline}

.sitemap{margin:0 0 0 10px;}
.sitemap ul{margin:3px 0 3px 0px; padding:0px 0px 0px 20px;}
.sitemap ul li{float:left; margin:0 5px; padding:3px 3px 3px 20px; list-style:none;background:url(../images/ar2.jpg) no-repeat left}

.sitemap ul.s2{margin:3px 0 3px 0px; padding:0px 0px 0px 20px;}
.sitemap ul.s2 li{float:left; margin:0 5px; padding:3px 3px 3px 20px; list-style:none;background:url(../images/ar3.jpg) no-repeat left}

.sitemap ul.s3{margin:3px 0 3px 0px; padding:0px 0px 0px 25px;}
.sitemap ul.s3 li{float:none; margin:0 5px; padding:3px 3px 3px 20px; list-style:none;background:url(../images/ar4.jpg) no-repeat left; font-size:11px}
.sitemapbox{float:left; width:300px; margin:0 0 0 20px;}


.contactform input, .contactform textarea {border:#9fcc86 1px solid; color:#000; padding:3px; margin:0;}
.contactform .brdrnone2{border:none;}
#error{border:#FF0000 1px solid; padding:8px 5px 8px 35px; background:#ffffff url(../images/error.jpg) no-repeat left; display:none;}
#n1, #n2, #n3, #n4{display:none; color:#ff0000; font-size:11px;}

.contacttxt p a{color:#333333; text-decoration:none;}


/*inner hader*/
.innerheader{width:960px; height:100px; float:left;padding:0 14px 0 18px;}
.innerheaderleft{background:url(../images/innerheaderbg.jpg) no-repeat;width:754px; height:100px; float:left; text-align:center}
.innerheaderright{width:206px; height:100px; float:left}
.innerheader .innerheaderleft h2{margin:0; padding:30px 0 0 0px; font-size:30px; color:#3f7da4; font-weight:bold;}




/*homebox*/

.homebox{width:715px; float:left; clear:both; margin:0 0 0 0px;}
.homehead{width:250px; float:left; clear:both; padding:5px; margin:10px 0 0px 0;}
.homehead h1{margin:0; padding:0; font-size:16px; color:#e50006; border:none; background-image:none;}

.innercontent .solutions h2, .homebox .officebox h2{margin:0; padding:2px 0 8px 0; font-size:14px; color:#ffffff; clear:both; text-transform:uppercase}
.homebox .officebox h2 a{color:#ffffff; text-decoration:none;}


.solutions {float:left; width:346px; padding:10px 0 0 10px; background:url(../images/prolistbg2.jpg) no-repeat left; height:165px;}
.officebox{float:left; width:346px; padding:10px 0 0 10px; background:url(../images/prolistbg.jpg) no-repeat left; height:123px;clear:both;}
.officeimg{width:90px; height:75px; float:left; padding:0px0 0 0px;}

letbox2{float:left; width:242px; padding:5px 0 0 8px;}
.letbox{float:left; width:242px; padding:10px 0 0 8px;}
.letbox h2{display:inline; margin:0; padding:0; font-size:14px; color:#ff0000}
.letbox h2 a{color:#d52f15; text-decoration:none;}
.homebox .officebox ul{margin:0; padding:5px 0 0 0;}
.homebox .officebox ul li{margin:0; padding:1px 0; list-style:none; background-image:none;}
.homebox .officebox ul li a{color:#000000; text-decoration:underline;}

/* footer */
#footer{background-color:#3f7da4; margin:0 auto; width:100%; height:50px; clear:both;}
.footerin{width:960px; margin:0 auto; color:#FFFFFF; padding:10px 0; text-align:center}
.footerin a{color:#FFFFFF; text-decoration:none;}
.push {
height: 2em;
}
