/* CSS Document */

body { margin: 0px; background-color:#333333; font-family:Arial; font-size:12px; text-align:justify; line-height:18px; }
* { margin:0; }

#maincontainer { height:auto; width:1000px; margin-right:auto; margin-left:auto; background:#FFFFFF; }
#top { height:120px; width:1000px; margin:0; float:left; padding:0; }
#top1 { height:6px; width:1000px; float:left; background:url(../images/top-line-bg.jpg) repeat-x; }
#top2 { height:114px; width:1000px; margin:0; float:left; background:url(../images/header-bg-2.jpg) repeat-x;}
#logo { height:107px; padding:7px 0 0 29px; width:755px; margin:0; float:left; background:url(../images/header-bg-1.jpg) no-repeat;}
#logo-left { width:84px; height:88px; padding-top:26px; margin:0; float:left;}
#logo-right { width:684px; height:64px; padding-top:50px; margin:0; float:right;}
#top-right-link { height:114px; width:216px; margin:0; float:right;}
#top-link { width:215px; height:50px; float:left; padding:0; }
#top-link1 { width:42px; height:38px; float:right; background:url(../images/bar.jpg) no-repeat right; padding-top:12px; }
#top-link2 { width:65px; height:38px; float:right; padding:12px 0 0 8px; background:url(../images/bar.jpg) no-repeat right; }
#top-link3 { width:50px; height:38px; padding:12px 0 0 8px; float:right;}
#top-img { width:215px; height:60px; float:right; background:url(../images/title.gif) no-repeat bottom right; }
#navtop { float:left; height:52px; width:1000px; background:url(../images/navigation-bg.jpg) repeat-x; font-size:12px; line-height:normal; margin:0; }
#navtop ul { height:52px; margin:0; list-style-type:none; padding-left:10px;}
#navtop .menu li { height:52px; float:left; width:auto; margin-right:10px; margin:0;}
#navtop .menu li a { font-family:Arial; color:white; font-weight:bold; text-decoration:none; padding:0 10px; height:34px; display:block; float:left; width:auto; padding:18px 22px 0 22px; margin:0; }
#navtop .menu li a:hover{ color:#000000; background:url(../images/grey-nav.jpg) repeat-x bottom; }
#navtop .menu li a.selected{ color:#000000; background:url(../images/grey-nav.jpg) repeat-x bottom; }
#header { height:227px; width:1000px; margin:0; float:left; }
#header1 { height:227px; width:321px; margin:0; float:left; }
#header2 { height:227px; width:350px; margin:0; float:left; }
#header2-top { padding-top:50px; height:auto; width:350px; margin:0; float:left; font-family:Tahoma; font-size:18px; font-weight:bold; color:white; text-align:center; text-decoration:none; }
#header2-bottam { height:auto; padding:0 20px 0 30px; width:310px; margin:0; float:left; font-family:Arial; font-size:12px; color:white; text-decoration:none; line-height:20px; }
#header3 { height:227px; width:329px; margin:0; float:right; }
#middle { height:auto; width:1000px; margin:0; float:left; background:url(../images/left-bg.jpg) repeat-y #ffffff; }
#middle-left { height:auto; width:241px; margin:0; float:left; }
#middle-left-top { height:64px; width:241px; margin:0; float:left; } 
.middle-left-top-img { height:auto; width:241px; margin:0; background:#fcfbf6; float:left; }
.middle-left-top-tittle { height:28px; width:216px; padding-left:10px; margin:0px; float:left; }
.middle-left-top-text { height:auto; width:216px; padding-left:15px; margin:0px; float:left; }
.middle-left-top-text ul { height:auto; width:200px; padding-left:15px; margin:0px; float:left; list-style-type: none; }
.middle-left-top-text ul li { height:30px; width:200px; padding-left:8px; margin:0px; float:left; background:url(../images/icon.gif) no-repeat;}
#middle-left-top-validation { height:200px; width:216px; padding:250px 0 0 10px; margin:0px; float:left; }
#send-qury { height:60px; width:216px; padding:20px 0 20px 10px; margin:0px; float:left; }	
#middle-right { height:auto; width:759px; margin:0; float:right; }
#middle-right-top { height:64px; width:759px; margin:0; float:left; }
#middle-right-top1 { height:35px; width:218px; margin:0; float:left; padding:29px 0 0 21px;}
#middle-right-top2 { height:35px; width:218px; margin:0; float:left; padding:29px 0 0 21px;}
#middle-right-top3 { height:35px; width:218px; margin:0; float:left; padding:29px 0 0 21px;}	
#middle-right-top-img {height:auto; width:759px; margin:0; float:left; background:url(../images/midline-bg.jpg) repeat-x; }
#middle-right-top-services {height:auto; width:218px; margin:0; float:left; padding:20px 0 0 21px;}
#middle-right-top-services ul {height:auto; width:218px; margin:0; float:left; padding:0; list-style-type: none; }
#middle-right-top-services li {height:17px; width:218px; margin:0; float:left; padding-top:5px; background:url(../images/dots.jpg) repeat-x bottom; }
#middle-right-top-webservices {height:auto; width:218px; margin:0; float:left; padding:20px 0 0 21px; }
#middle-right-top-webservices ul {height:auto; width:218px; margin:0; float:left; padding:0; list-style-type:none; }
#middle-right-top-webservices li {height:17px; width:218px; margin:0; float:left; padding-top:5px; background:url(../images/dots.jpg) repeat-x bottom;}
#middle-right-top-infotech { height:auto; width:218px; margin:0; float:left; padding:20px 0 0 21px; }
#middle-right-top-redline { height:36px; width:700px; margin:0; float:left; padding:20px 0 0 21px; }
#middle-right-top-img1 { height:auto; width:759px; margin:0; float:left; background:url(../images/midline-bg.jpg) repeat-x; }
.middle-right-top-img12 { height:auto; width:759px; margin:0; float:left; background:url(../images/midline-bg.jpg) repeat-x; }
#middle-right-top-products { height:auto; width:759px; margin:0; float:left; }
#middle-right-top-products1 { height:auto; width:690px; margin:0; float:left; padding-left:25px; }
#middle-right-top-products-inner1 { height:192px; width:330px; margin:0; float:left; padding:0; background:url(../images/products-bg.jpg) repeat-x; border:#cecece solid 1px; }
#productimg1 { width:83px; height:169px; float:left; padding:23px 0 0 20px;}
#productimg1-details { width:226px; height:169px; float:left; padding-top:23px; }
#pro-tittle1 { width:226px; float:left; height:30px; }
#pro-text1 { width:208px; float:left; height:auto; padding-right:18px; }
#pro-moretext1 { width:208px; float:left; height:25px; padding:10px 18px 0 0;}
#middle-right-top-products-inner2 { height:192px; width:330px; margin:0; float:left; margin-left:25px; background:url(../images/products-bg.jpg) repeat-x; border:#cecece solid 1px;}
#productimg2 { width:143px; height:169px; float:left; padding:23px 0 0 20px;}
#productimg2-details { width:166px; height:169px; float:left; padding-top:23px; }
#pro-tittle2 { width:166px; float:left; height:30px; }
#pro-text2 { width:148px; float:left; height:auto; padding-right:18px; }
#pro-moretext2 { width:148px; float:left; height:25px; padding:10px 18px 0 0;}
#middle-right-top-products2 { height:auto; width:690px; margin:0; float:left; padding-left:25px; }
#middle-right-top-products2-inner1 { height:192px; width:330px; margin:0; float:left; padding:0; background:url(../images/products-bg.jpg) repeat-x; border:#cecece solid 1px; margin-top:25px; }
#productimg3 { width:143px; height:169px; float:left; padding:23px 0 0 20px;}
#productimg3-details { width:166px; height:169px; float:left; padding-top:23px; }
#pro-tittle3 { width:166px; float:left; height:30px; }
#pro-text3 { width:148px; float:left; height:auto; padding-right:18px; }
#pro-moretext3 { width:148px; float:left; height:25px; padding:10px 0 0 18px;}
#middle-right-top-products2-inner2 { height:192px; width:330px; float:left; margin-left:25px; background:url(../images/products-bg.jpg) repeat-x; border:#cecece solid 1px; margin-top:25px; }
#productimg4 { width:143px; height:169px; float:left; padding:23px 0 0 20px;}
#productimg4-details { width:166px; height:169px; float:left; padding-top:23px; }
#pro-tittle4 { width:166px; float:left; height:30px; }
#pro-text4 { width:148px; float:left; height:auto; padding-right:18px; }
#pro-moretext4 { width:148px; float:left; height:25px; padding:10px 18px 0 0;}
#middle-right-top-products3 { height:auto; width:690px; margin:0; float:left; padding:0 0 20px 25px;}
#middle-right-top-products3-inner1 { height:192px; width:330px; margin:0; float:left; padding:0; background:url(../images/products-bg.jpg) repeat-x; border:#cecece solid 1px; margin-top:25px; }
#pro-tittle5 { width:320px; float:left; height:26px; padding:10px 0 0 10px;}
#pro-img5 { width:320px; float:left; height:130px; padding-left:10px; }
#pro-moretext5 { width:320px; float:left; height:auto; padding:5px 10px 0 0;}
#middle-right-top-products3-inner2 { height:192px; width:330px; float:left; margin-left:25px; background:url(../images/products-bg.jpg) repeat-x; border:#cecece solid 1px; margin-top:25px; }	
#pro-tittle6 { width:318px; float:left; height:26px; padding:10px 0 0 10px;}
#pro-text6 { width:318px; float:left; height:auto; padding-left:10px; margin:0; }
#pro-text6 ul{ width:318px; float:left; height:auto; margin:0; padding:0; list-style-type: none; }
#pro-text6 li{ width:298px; float:left; height:30px; padding-left:10px; margin:0; list-style-type: none; }
#pro-more6 { width:310px; float:left; height:25px; padding:7px 10px 0 0;}
#bottam { height:197px; width:1000px; margin:auto; float:left; background:#FFFFFF; }
#footer { height:32px; width:1000px; margin:0; float:left; background:url(../images/footer_bg.jpg) repeat-x; }
#company { height:23px; width:221px; padding-left:92px; padding-top:9px; margin:0; float:left; }
#products { height:23px; width:232px; padding-top:9px; margin:0; float:left; }
#services { height:23px; width:231px; padding-top:9px; margin:0; float:left; }
#general { height:23px; width:200px; padding-top:9px; margin:0; float:left; }
#footer-menu { height:137px; width:1000px; margin:0; float:left; background:url(../images/footer_btm_bg.jpg) repeat-x; }
#company-sub { height:auto; width:221px; padding-left:92px; margin:0; float:left; }
#company-sub ul { height:auto; width:221px; margin:0; padding:0; float:left; list-style-type:none; }
#company-sub ul li { width:204px; margin:0; float:left; }
#company-sub ul li a { padding:4px 0 1px 15px; width:204px; margin:0; float:left; background:url(../images/footer_icon3.gif) no-repeat; font-family:verdana; font-size:11px; font-weight:normal; line-height:14px; color:white; text-decoration:none; }
#company-sub ul li a:hover { color:#FFA200; }
#products-sub { height:auto; width:232px; padding:0; margin:0; float:left; }
#products-sub ul { height:auto; width:232px; margin:0; padding:0; float:left; list-style-type: none;}
#products-sub ul li { height:auto; padding:4px 0 1px 15px; width:215px; margin:0; float:left; background:url(../images/footer_icon3.gif) no-repeat left top; }
#services-sub { height:auto; width:231px; padding:0; margin:0; float:left; }
#services-sub ul { height:auto; width:231px; margin:0; padding:0; float:left; list-style-type:none; }
#services-sub ul li { height:auto; padding:4px 0 1px 15px; width:214px; margin:0; float:left; background:url(../images/footer_icon3.gif) no-repeat left top; }
#general-sub { height:auto; width:200px; padding:0; margin:0; float:left; }
#general-sub ul { height:auto; width:200px; margin:0; padding:0; float:left; list-style-type: none; }
#general-sub ul li { height:auto; padding:4px 0 1px 15px; width:183px; margin:0; float:left; background:url(../images/footer_icon3.gif) no-repeat left top; }
#footer-last { height:40px; padding-top:8px; width:1000px; margin:0; float:left; background:url(../images/footer_last_bg.jpg) repeat-x; }
#footer-last-left { padding-left:92px; padding-top:12px; margin:0; float:left; width:auto; }
#footer-last-right { padding-right:92px; padding-top:2px; margin:0; float:right; width:auto; }
h1 {font-family:Arial; font-size:16px; color:#ba0003; text-decoration:none; margin-left:25px; font-weight:bold; margin:0;}
#middle-right-top-infotech { height:auto; width:714px; margin:0; float:left; width:auto; padding:20px 0 20px 20px;}
#middle-right-infotech1 { height:auto; width:714px; float:left;}
.soft-main-box{ height:auto; width:714px; margin:0; float:left;}
.soft-box{ height:auto; width:346px; float:left; margin:0;}
.soft-bg{ height:37px; width:325px; margin:0; float:left; background:url(../images/software-icon.jpg) no-repeat; font-family:Arial; font-size:12px; color:white; font-weight:bold; text-decoration:none; padding:21px 0 0 21px;}
.soft-text-bg{height:auto; width:344px; float:left; margin:0; background:#FAFAFA; border-right:1px solid #EEEEEE; border-left:1px solid #EEEEEE; border-bottom:1px solid #EEEEEE;}
.soft-box1{ height:auto; width:344px; float:left; margin:0;}
.soft-left-part{ height:auto; width:192px; margin:0; float:left;}
.soft-left-part ul{ height:auto; width:192px; margin:0; float:left; padding:0;}
.soft-left-part ul li{ height:auto; width:182px; margin:0 0 0 3px; float:left; background:url(../images/black-icon.gif) no-repeat left center; padding:0 0 0 9px;line-height:24px; list-style-type:none;}
.soft-right-part{ height:auto; width:144px; margin:0; float:left;}
.soft-right-part ul{ height:auto; width:144px; margin:0; float:right; padding:0;}
.soft-right-part ul li{ height:auto; width:133px; margin:0 0 0 3px; float:right; background:url(../images/black-icon.gif) no-repeat left center; padding:0 0 0 9px; font-weight:normal;line-height:24px; list-style-type:none;}
.web-bg{ height:37px; width:325px; margin:0; float:left; background:url(../images/web-icon1.jpg) no-repeat; font-size:12px; color:white; font-weight:bold; text-decoration:none; padding:21px 0 0 21px;}
.custom-bg { height:36px; width:714px; padding:0; float:left; margin:0; background:url(../images/custom-mid-part.jpg) repeat-x; }
.custom-bg-soft { height:auto; width:714px; padding:0; float:left; margin:0; }
.custom-left { height:36px; width:6px; padding:0; float:left; margin:0; background:url(../images/custom-left-part.jpg) no-repeat; }
.custom-text { height:auto; width:auto; padding:0; float:left; margin:0; font-family:Arial; font-size:14px; color:#ba0003; font-weight:bold; text-decoration:none; padding:10px 0 0 16px; }
.custom-right { height:36px; width:6px; padding:0; float:right; margin:0; background:url(../images/custom-right-part.jpg) no-repeat; }
.middle-right-top-space { height:auto; width:714px; margin: 0 0 22px 0; padding:0 0 0 20px; float:left; } 
.home-pro-box{ height:auto; width:714px; margin:0; float:left;}
.home-pro-box1{ height:auto; width:344px; float:left; margin:0; padding:0;}
.home-pro-red{ height:24px; width:325px; margin:0; padding:0; float:left; background:url(../images/red-bg.jpg) repeat-x; padding:9px 0 0 21px;}
.home-pro-red1{height: auto; width:auto; margin:0; padding:0; float:left; font-family: Arial; font-size:12px; color:white; font-weight:bold; text-decoration:none;}
.home-pro-red2{height: auto; width:20px; margin:0; padding:5px 0 0 0; float:right;}
.home-pro-cont-bg{ height:189px; width:344px; margin:0; float:left; background:#F8F8F8; border-right:1px solid #EEEEEE; border-left:1px solid #EEEEEE; border-bottom:1px solid #EEEEEE; padding:0;}
.home-pro-img{ height:133px; width:68px; margin:0; float:left; padding:20px;}
.home-pro-text {height: auto; width: 214px; padding: 0; float:right; margin:0; line-height:18px;text-align:justify; padding:20px 20px 0 0px;}
.home-pro-img2{ height:133px; width:125px; margin:0; float:left; padding:20px;}
.home-pro-text2 {height: auto; width: 157px; padding: 0; float:right; margin:0; line-height:18px;text-align:justify; padding:20px 20px 0 0px;}
.home-pro-img3{ height:auto; width:304px; margin:0; float:left; padding:20px;}
.more-red{  font-family:Arial; font-size:12px; color:#BA0003; font-weight: normal; text-decoration:none;}
.more-red:hover{  font-family:Arial; font-size:12px; color:#BA0003; font-weight: normal; text-decoration:underline;}
.home-pro-partim {height:auto; width:108px; margin:0; float:left; padding-top:22px;}
.home-pro-part{ height:auto; width:235px; margin:0; float:left; padding-top:22px;}
.home-pro-part ul{ height:auto; width:235px; margin:0; float:left; padding:0;}
.home-pro-part ul li{ height:auto; width:205px; margin:0 0 0 0; float:left; padding:0 0 0 10px; line-height:17px; list-style-type:none;}
.home-pro-text4 {height: auto; width: 157px; padding: 0; float:left; margin:0; padding:20px 20px 0 0px;}
.more-main{ width:344px; height:auto; float:left; }
.more-main2{ width:75px; height:auto; float:left; font-size:12px; font-family:Arial; color:#BA0003; text-decoration:none; background:url(../images/red-arrow.gif) no-repeat right center; margin:0; padding:3px 5px 3px 200px; }
.more{ font-family:Arial; font-size:12px; color:#BA0003; text-decoration:none; }
.more:hover{ font-family:Arial; font-size:12px; color:#BA0003; text-decoration: underline; }
.click-here { font-family:Arial; font-size:12px; font-weight: bold; color:#c41818; text-decoration:none;}
.click-here:hover { font-family:Arial; font-size:12px; font-weight: bold; color:#1c1111; text-decoration:underline;}
.home-pro-img20{ height:auto; width:125px; margin:0; float:left; padding:0px 10px 0px 20px;}
.home-pro-text20 {height: auto; width: 155px; padding: 0; float:right; margin:0; line-height:18px; padding:0px 20px 0px 0px;}
.home-pro-cont-bg20{ height:auto; width:303px; margin:0; text-align:justify; float:left; background:#F8F8F8;  padding:0px 20px 0px 20px;}
.home-pro-cont-bg21{ height:auto; width:70px;  margin:0; text-align:justify; float:left;  padding:0px 20px 0px 250px;}
.button1{width:70px; height:18px; float:left; padding-bottom:5px;/*background:url(../images/button.jpg) no-repeat; text-align:center;*/}
.more-info{ font-family:Verdana; width:auto; font-size:11px; font-weight:bold; color:#990000; text-decoration:none; float:left; padding:2px 0px 0px 16px;}
.more-info:hover{ width:auto; font-family:Verdana; font-size:11px; font-weight:bold; color:#000000; float:left; text-decoration:none; }
.soft-main-box1{ height:auto; width:714px; margin:0; float:left;}
.soft-box2{ height:auto; width:346px; float:left; margin:0;}
.soft-bg1{ height:58px; width:325px; margin:0; float:left; background:url(../images/finger-red.jpg) no-repeat; font-family:"Trebuchet MS"; font-size:16px; color:white; font-weight:bold; text-decoration:none; padding:0px 0 0 20px;}
.soft-text-bg1{height:auto; width:344px; float:left; margin:0; background:#FAFAFA; border-right:1px solid #EEEEEE; border-bottom:1px solid #EEEEEE;  border-left:1px solid #EEEEEE;}
.soft-box3{ height:auto; width:344px; float:left; margin:0;}
.web-bg2{ height:58px; width:325px; margin:0; float:left; background:url(../images/card-icon.jpg) no-repeat; padding:0px 0 0 20px;}
.attendace-icon{ height:58px; width:325px; margin:0; float:left; background:url(../images/attendance-icon.jpg) no-repeat; padding:0px 0 0 20px;}
.doorlock-icon{ height:58px; width:325px; margin:0; float:left; background:url(../images/door-lock.jpg) no-repeat; padding:0px 0 0 20px;}
.face-icon{ height:58px; width:325px; margin:0; float:left; background:url(../images/face-icon.jpg) no-repeat; padding:0px 0 0 20px;}
.lcd-icon{ height:58px; width:325px; margin:0; float:left; background:url(../images/lcd-icon.jpg) no-repeat; padding:0px 0 0 20px;}
.home-pro-top{ height:40px; width:325px; margin:0; padding:0; float:left; padding:20px 0 0 0px;}
.middle-right-bottam-space { height:auto; width:714px; margin: 0 0 0 0; padding:0 0 0 20px; float:left; }
.red-icon { float: left; height: auto; width: 670px;}
.red-icon ul{ margin:0; padding:0; list-style-type:none; display:block; width:670px;}
.red-icon ul li{ margin:0; padding:3px 0px 3px 15px; height:auto; background:url(../images/red-icon.jpg) no-repeat left 8px; }
#main-timetracking-leftsub{ height:auto; width:370px; float:left;}
.main-timetracking-rightsub{ height:auto; width:340px; float:right;}
.red-icon2 { float: left; height: auto; width: 370px;}
.red-icon2 ul{ margin:0; padding:0; list-style-type:none; display:block; width:370px;}
.red-icon2 ul li{ margin:0; padding:3px 0px 3px 15px; height:auto; background:url(../images/red-icon.jpg) no-repeat left 8px; }

.all-icon { float: left; height: auto; width: 370px;}
.all-icon ul{ margin:0; padding:0; list-style-type:none; display:block; width:370px; }
.all-icon ul li{ margin:0; padding:3px 0px 3px 15px; height:auto; background:url(../images/red-icon.jpg) no-repeat left 10px; }
.offshore-icon{float: left; height: auto; width: 230px;}
.offshore-icon ul{ margin:0; padding:0; list-style-type:none; display:block; width:230px; }
.offshore-icon ul li{ margin:0; padding:3px 0px 3px 15px; height:auto; background:url(../images/red-icon.jpg) no-repeat left center; }
.erp-icon{float: left; height: auto; width: 208px;}
.erp-icon ul{ margin:0; padding:0; list-style-type:none; display:block; width:208px; }
.erp-icon ul li{ margin:0; padding:3px 0px 3px 15px; height:auto; background:url(../images/red-icon.jpg) no-repeat left 14px; }
.maintence-icon{float: left; height: auto; width:165px;}
.maintence-icon ul{ margin:0; padding:0; list-style-type:none; display:block; width:165px; }
.maintence-icon ul li{ margin:0; padding:3px 0px 3px 15px; height:auto; background:url(../images/red-icon.jpg) no-repeat left 7px; }
.black-icon{float: left; height: auto; width:300px;}
.black-icon ul{ margin:0; padding:0; list-style-type:none; display:block; width:300px; }
.black-icon ul li{ margin:0; padding:3px 0px 3px 15px; height:auto; background:url(../images/black-icon2.jpg) no-repeat left center; }
.asp-icon{float: left; height: auto; width:400px;}
.asp-icon ul{ margin:0; padding:0; list-style-type:none; display:block; width:400px; }
.asp-icon ul li{ margin:0; padding:3px 0px 3px 15px; height:auto; background:url(../images/red-icon.jpg) no-repeat left 7px; }