@charset "utf-8";
/* CSS Document */

.portfolio{ height: auto; width: 330px; margin: 0; float:left; background-color:#CCCCCC; }
.portfolio-main-top { height: auto; width: 690px; margin: 0; float:left; padding-left:25px; }
.portfolio-2{ height: 260px; width: 320px; margin: 0; float:left; padding:10px 0 0 10px; }
.portfolio-middle{ height: 25px; width: 690px; padding-left:10px; float:left; }
.portfolio-right{ height: auto; width: 330px; margin: 0; float:right; background:#CCCCCC; }
#services-main{ width:325px; height:auto; float:left; }
#services-main2{ width:325px; height:auto; float:right; }
.services-main-img{ width:320px; height:auto; float:left }
#services-img{ width:248px; height:72px; float:left; background:url(../images/web-services.jpg) no-repeat; }
#soft-services{ width:248px; height:72px; float:left; background:url(../images/software-services.jpg) no-repeat; }
#web-services{ height:auto; width:232px; padding:0; margin: 0; float:left; }
#web-services ul { height:auto; width:232px; margin:0; padding:0; float:left; list-style-type: none; }
#web-services ul li { width:230px; margin: 0; float:left; background:url(../images/web-icon.jpg) no-repeat left center; border-bottom:#909090 2px dotted; padding:8px 0 8px 15px;}
#soft-services1{ height:auto; width:250px; padding:0; margin:0; float:left; }
#soft-services1 ul { height:auto; width:250px; margin:0; padding:0; float:left; list-style-type:none; }
#soft-services1 ul li { width: 250px; margin: 0; float:left; background:url(../images/soft-icon.jpg) no-repeat left center; border-bottom:#909090 2px dotted; padding:8px 0 8px 15px; }
.services-links:link{ font-family:Arial; font-size:12px; color:#000000; text-decoration:none; }
.services-links:active { font-family:Arial; font-size:12px; color:#000000; text-decoration:none; }
.services-links:visited{ font-family:Arial; font-size:12px; color:#000000; text-decoration:none; }
.services-links:hover { font-family:Arial; font-size:12px; font-weight:bold; color:#666666; text-decoration:none; }
li {margin: 10px 0}
#seo-heading{ width:690px; height:30px; border-top:#000000 1px solid; }
#seo-heading2{ width:690px; height:30px; border-top:#000000 1px solid; }
.seo-on-page{ width:600px; height:auto; float:left; padding-left:30px; }
#seo-heading-2{ width:690px; height:30px; float:left; border-top:#000000 1px solid; }
#descrption{ width:200px; height:50px; float:left; border-right:#666666 1px solid; }
#economic-bg{ width:155px; height:50px; float:left; background:#DDB9B9; border-right:#666666 1px solid; }
#stand-bg{ width:160px; height:50px; float:left; background:#FFC68C; border-right:#666666 1px solid; }
#professinal-bg{ width:170px; height:50px; float:left; background-color:#FFBBDD; border-right:#666666 1px solid; }
.seo-boder{ width:690px; height:30px; border-top:#000000 1px solid; }
.search-eng{ width:200px; height:30px; float:left; border-right:#666666 1px solid; }
.free-bg{ width:155px; height:30px; float:left; background:#DDB9B9; border-right:#666666 1px solid; }
.free-bg2{ width:160px; height:30px; float:left; background:#FFC68C; border-right:#666666 1px solid; }
.free-bg3{ width:170px; height:30px; float:left; background:#FFBBDD; border-right:#666666 1px solid; }
#payroll-software{ width:273px; height:auto; float:right; }
#payroll-software-textmain{ width:400px; height:auto; float:left; }
.payroll-software-text{ width:400px; height:auto; float:left; }
.payroll-software-bottan{ width:130px; height:auto; float:right; }
.payroll-software-img{ width:112px; height:24px; float:left; background:url(../images/cctv-consal.jpg) no-repeat; }
#payroll-software-last{ width:112px; height:24px; float:left; }
.fingerprint-01{ width:340px; margin:0; padding:0; height:auto; float:left; }
.fingerprint-02{ width:340px; height:auto; margin:0; padding:0; float:right; }
.modal-left{ width:11px; height:30px; float:left; }
.modal-right{ width:11px; height:30px; float:right; }
.modal-boder{ width:318px; height:29px; float:left; border-top:#dfddde 1px solid; }
.modal-middle-bg{ width:318px; height:29px; float:left; background:url(../images/middle-top-bg.jpg) repeat-x; }
.modal-gray-bg{ width:340px; height:auto; float:left; margin:0; padding:0; background:url(../images/middle-gray-bg.jpg) repeat-y; }
.modal-img-left{ width:115px; height:auto; float:left; padding:5px 0 0 5px;}
.fingreprint-img{ width:110px; height:auto; float:left; }
.fingreprint-text{ width:215px; height:auto; float:right; padding:5px 2px 0 2px;}
.fingreprint-03{ width:212px; height:auto; float:left; }
.more-01{ width:205px; height:auto; float:right; padding:5px 5px 5px 0; text-align:right; }
.batan-free{ width:110px; padding-top:5px; height:auto; float:left; }
.batan-img{ width:108px; height:21px; float:left; background:url(../images/free-consaltancy3.gif) no-repeat; }
.bottum-bg{ width:340px; height:auto; float:left; background:url(../images/bottum-bg.jpg) no-repeat bottom; }
.abbilable-main{ width:334px; height:auto; float:left; padding:5px 2px 2px 0; text-align:right; }
.available-options{ width:121px; height:25px; float:left; background:url(../images/pro_imgs/available-options-img.jpg) no-repeat left top;}
.abbilable{ width:126px; height:auto; float:left; padding:5px 0 0 5px ; text-align:right; }
.abbilable1{ width:240px; height:auto; float:left; padding-top:5px; text-align:right; }
.abbilable2{ width:200px; height:auto; float:left; padding-top:5px; text-align:right; }
.abbilable3{ width:160px; height:auto; float:left; padding-top:5px; text-align:right; }
.last-bg1{ width:50px; height:35px; float:right; }
.last-bg2{ width:50px; height:35px; float:right; }
.last-bg3{ width:50px; height:35px; float:right; }
.last-bg4{ width:50px; height:35px; float:right; }
.last-color1{ width:49px; height:35px; float:right; background:#00A2DF; text-align:center; }
.last-color2{ width:49px; height:35px; float:right; background:#F78D20; text-align:center; }
.last-color3{ width:49px; height:35px; float:right; background:#93C73F; text-align:center; }
.last-color4{ width:49px; height:35px; float:right; background:#EF574A; text-align:center;  }
.last-color5{ width:49px; height:35px; float:right; background:#FFCF31; text-align:center; }
.modal-name{ width:318px; padding-top:6px; height:auto; float:left; font-family:Arial; font-weight:bold; font-size:12px; color:#ba0003; }
.ver11bold {font-family:Arial; font-size:11px; font-weight:bold; color:#ba0003; text-decoration:none;}
.ver11normal {font-family:Arial; font-size:11px; font-weight:normal; color:#000000; text-decoration:none;}
.ver11boldlink {font-family:Arial; font-size:11px; font-weight:bold; color:#ba0003; text-decoration:underline;}
.ver11boldlink:active { color:#ba0003; text-decoration:underline;}
.ver11boldlink:visited { color:#ba0003; text-decoration:underline;}
.ver11boldlink:hover { color:#000000; text-decoration:none;}
.free-text {font-family:Arial; font-size:11px; font-weight:bold; color:#FFFFFF; text-decoration:none;}
.last-middle{ width:690px; height:25px; float:left; }