@charset "utf-8";
/* CSS Document */
*{padding:0px; margin:0px;}
h1{font-family: Verdana, Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#209dca; line-height:18px;}
h2{font-family: Verdana, Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#fff; background:#38a4c8; padding:5px;}
body{ margin:auto; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#636363; line-height:18px; background:#828282;}

span a{font-size:13px; text-decoration:none; font-weight:bold; color:#666;}
span a:hover,.acti{font-size:13px; text-decoration:none; color:#209dcb; font-weight:bold;}

#header{ margin:auto; width:100%; background:url(../images/top-bg.gif) repeat-x; height:120px;}
#header .hdr{ margin:auto; width:1000px; height:auto; clear:both;}

.hdr #logo{padding:10px 0px 0px 17px; background:url(../images/logobg.jpg) no-repeat; height:110px; clear:both;}
.hdr #logo #logo-lft{width:330px; float:left; clear:both;}
.hdr #logo #logo-lft { background:url(../images/logo.jpg) no-repeat; width:900px; height:78px; display:block; clear:both;}
.hdr #logo #logo-rgt{width:900px; float:left; clear:both;}

.hdr #logo #logo-rgt #nav_box{ width:450px; height:auto; margin-top:0; float:right; z-index:500; position:relative;}

#container{ margin:auto; width:100%; background:#eaeaea; clear:both; display:table;}
#container #cont-all{ margin:auto; width:1000px; height:auto; clear:both;}

#container .ban{ margin:auto; width:980px; height:auto; padding:0px;}
#container .banimg{ margin:3px 0 3px 0px; background:#008bb9; height:132px; width:980px; float:left; padding:0px;}


#container .cont{ margin:auto; width:980px; height:auto; clear:both;}

#container .cont #lft-cont{margin:0px; width:669px; height:auto; background:#FFF; padding:2px; float:left; display:table; clear:both;} 
#lft-cont .lft-cont-inner{margin:0px; width:669px; height:auto; background:#f9f9f9; padding:0px; float:left; display:table; clear:both;}
.lft-cont-inner,.cont-div{background:url(../images/cont-div.gif) repeat-x #dbd8d8; height:1px; width:669px; padding:1px 0 0 0; margin:0px;}
.lft-cont-inner #welcnt{margin:0px; padding:20px 10px 20px 10px; width:auto; float:left; display:table; text-align:justify; line-height:20px;}

#container .cont #lft-ser{margin:0px; width:669px; height:auto; background:#FFF; padding:2px; float:left; display:table; clear:both;} 
#lft-ser .lft-cont-inner{margin:0px; width:669px; height:auto; background:#f9f9f9; padding:0px; float:left; display:table; clear:both;}
.lft-cont-inner,.cont-div{background:url(../images/cont-div.gif) repeat-x #dbd8d8; height:2px; width:669px; padding:1px 0 0 0; margin:0px;}
.lft-cont-inner #lft-ser-cont{margin:0px; padding:2px; width:auto; float:left; display:table; text-align:justify; line-height:20px;}

#lft-ser-cont .ser{margin:0px; padding:5px 5px 3px 5px; float:left; display:table; width:652px; height:auto;}
.ser #webser{margin:0px; padding:0px 0 5px 0px; float:left; display:table; width:652px; height:auto; border-bottom:#D1D1D1 solid 1px;}
#webser #webser-img{margin:0px; padding:2px; float:left; display:table; width:156px; height:140px;}
#webser #webser-cont{margin:0px; padding:5px 5px 5px 10px; float:left; display:table; width:285px; height:auto; text-align:justify;}
#webser #webser-lnks{margin:0px; padding:2px; float:right; display:table; width:180px; height:auto;}

#webser-lnks ul{margin:0px; padding:0px 0px 0px 5px; width:auto; line-height:20px; list-style:none;}
#webser-lnks ul li a{margin:0px; padding:0px; width:auto; list-style:none; color:#008bb9; text-decoration:none; font-size:11px;}
#webser-lnks ul li a:hover{margin:0px; padding:0px; width:auto; list-style:none; color:#636364; text-decoration:none;}

.ser #application{margin:0px; padding:0px; float:left; display:table; width:652px; height:auto;}
#application #application-img{margin:0px; padding:2px; float:left; display:table; width:156px; height:140px;}
#application #application-cont{margin:0px; padding:5px 5px 5px 10px; float:left; display:table; width:285px; height:auto;}
#application #application-lnks{margin:0px; padding:2px; float:right; display:table; width:180px; height:auto;}

#application-lnks ul{margin:0px; padding:0px 0px 0px 5px; width:auto; line-height:20px; list-style:none;}
#application-lnks ul li a{margin:0px; padding:0px; width:auto; list-style:none; color:#008bb9; text-decoration:none; font-size:11px;}
#application-lnks ul li a:hover{margin:0px; padding:0px; width:auto; list-style:none; color:#636364; text-decoration:none;}


.cont #rgt-cont{margin:0px; width:298px; height:auto; background:#FFF; padding:2px; float:right; display:table;}
#rgt-cont .rgt-cont-inner{margin:0px; width:298px; height:auto; background:#f9f9f9; padding:0px; float:left; display:table; clear:both;}
.rgt-cont-inner,.rgt-cont-div{background:url(../images/cont-div.gif) repeat-x #dbd8d8; height:2px; width:298px; padding:1px 0 0 0; margin:0px;}
.rgt-cont-inner #client{margin:0px; padding:40px 20px 40px 20px; width:auto; float:left; display:table; text-align:justify; line-height:20px;}

.cont #test-cont{margin:0px; width:300px; height:auto; background:#FFF; padding:2px; float:right; display:table;}
#test-cont .test-cont-inner{margin:0px; width:300px; height:auto; background:#f9f9f9; padding:0px; float:left; display:table; clear:both;}
.test-cont-inner,.test-cont-div{background:url(../images/cont-div.gif) repeat-x #dbd8d8; height:2px; width:300px; padding:1px 0 0 0; margin:0px;}
.test-cont-inner #testimonial{margin:0px; padding:15px 10px 15px 10px ; width:auto; float:left; display:table; text-align:justify; line-height:20px;}

.cont #tech-cont{margin:3px 0 0 0 ; width:300px; height:auto; background:#FFF; padding:2px; float:right; display:table;}
#tech-cont .tech-cont-inner{margin:0px; width:300px; height:auto; background:#f9f9f9; padding:0px; float:left; display:table; clear:both;}
.tech-cont-inner,.tech-cont-div{background:url(../images/cont-div.gif) repeat-x #dbd8d8; height:2px; width:300px; padding:1px 0 0 0; margin:0px;}
.tech-cont-inner #technical{margin:0px; padding:10px; width:auto; float:left; display:table; text-align:justify; line-height:20px;}


#container .spacer{margin:auto; width:980px; height:3px; clear:both;}

#container .cont #inner-page-content{margin:auto; width:976px; height:auto; background:#FFF; padding:2px; float:left; display:table; clear:both;} 

#inner-page-content #inner-port{margin:0px; width:876px; padding:10px; display:block; float:left;}
#inner-port ul{ margin:0px; padding:0px;}
#inner-port ul li{ display:block; margin:0px; list-style:none; float:left; width:auto; padding:15px 8px 15px 8px;}

#inner-page-content .innerpage-cont-inner{margin:0px; width:976px; height:auto; background:#f9f9f9; padding:0px; float:left; display:table; clear:both;}


/* Logos,Templates and Websites -- Start*/

.innerpage-cont-inner #port-images{margin:0px; width:856px; padding:2px 60px 2px 60px; display:block; float:left;}
#port-images ul{ margin:0px; padding:0px;}
#port-images ul li{ display:block; margin:0px; list-style:none; float:left; width:auto; padding:15px 8px 15px 8px;}

/* Logos,Templates and Websites -- End*/

.innerpage-cont-inner,.innerpage-cont-div{background:url(../images/cont-div.gif) repeat-x #dbd8d8; height:2px; width:976px; padding:0; margin:0px;}
.innerpage-cont-inner #innerpage-txt{margin:0px; padding:20px 10px 20px 10px; width:auto; float:left; display:table; text-align:justify; line-height:20px;}
#innerpage-txt ul{margin:0px; padding:0px 0px 0px 20px; width:auto; line-height:20px;}
#innerpage-txt ul li{margin:0px; padding:0px; width:auto; list-style:url(../images/ul-icon.gif);}

.innerpage-cont-inner,.portfolio,.contactus{margin:0px; padding:10px; width:auto; float:left; display:table;}

.contactus #contactus-one{ margin:0px; width:645px; padding:0px; display:table; float:left;}
#contactus-one .fields{ height:40px; width:599px; padding:0px; margin:0px; font-weight:bold;}

.fields,.fname{ margin:0px; padding:5px; float:left; width:180px; height:30px;}
.fields,.fname-fld{ margin:0px; padding:5px; float:left; width:225px;; height:30px;}

#contactus-one .textarea{ height:100px; width:599px; padding:0px; margin:0px; font-weight:bold;}
.textarea,.txtar-name{ margin:0px; padding:5px; float:left; width:180px; height:80px;}
.textarea,.txtar-fld{ margin:0px; padding:5px; float:left; width:225px;; height:80px;}

.fld1{ font-family: Tahoma, Arial, "Arial Black"; font-size:11px; color:#8088a2; border:#a6a8b2 solid 1px; width:140px; padding:2px;}
.fld2{ font-family: Tahoma, Arial, "Arial Black"; font-size:11px; color:#8088a2; border:#a6a8b2 solid 1px; width:180px; padding:2px;}

.contactus #contactus-two{margin:0px; width:300px; padding:0px 0px 0px 5px; display:table; float:right; border-left:#CCC solid 1px;}
#contactus-two .inquiries{width:300px; float:right; display:table; padding:0px;}
.inquiries,.inq-cont{width:280px; float:left; display:table; padding:10px; margin:0px;}
#contactus-two .support{width:300px; float:right; display:table; padding:0px;}
.support,.supp-cont{width:280px; float:left; display:table; padding:10px; margin:0px;}

.inq-sup-links{font-size:11px; text-decoration:none; color:#0494c4;}
.inq-sup-links:hover{font-size:11px; text-decoration:underline; color:#0494c4;}

.portfolio #logo-one{ margin:0px; width:45px; padding:0px; display:table; float:left;}

.portfolio #logo-two{margin:0px; width:900px; padding:0px 0px 0px 5px; display:table; float:right;}
#logo-two .prev{margin:0px; width:26px; padding:60px 2px 2px 2px; display:table; float:left; height:19px;}
.prev a{ float:left; background: url(../images/previous-btn.gif) top no-repeat; width:26px; height:19px; display:block; padding:0px; margin:0px;  }
.prev a:hover{ float:left; background: url(../images/previous-btn.gif) bottom no-repeat; width:26px; height:19px; display:block; padding:0px; margin:0px;  }
#logo-two #logo-images{margin:0px; width:830px; padding:2px; display:block; float:left;}
#logo-images ul{ margin:0px; padding:0px;}
#logo-images ul li{ display:block; margin:0px; list-style:none; float:left; width:auto; padding:27px 8px 27px 8px;}
#logo-two .next{margin:0px; width:26px; padding:60px 2px 2px 2px; display:table; float:left;}
.next a{ float:left; background: url(../images/next-btn.gif) top no-repeat; width:26px; height:19px; display:block;  }
.next a:hover{ float:left; background: url(../images/next-btn.gif) bottom no-repeat; width:26px; height:19px; display:block;  }

.portfolio #temp-one{ margin:0px; width:45px; padding:0px; display:table; float:left;}
.portfolio #temp-two{margin:0px; width:900px; padding:0px 0px 0px 5px; display:table; float:right;}
#temp-two .temp-prev{margin:0px; width:26px; padding:80px 2px 2px 2px; display:table; float:left; height:19px;}
.temp-prev a{ float:left; background: url(../images/previous-btn.gif) top no-repeat; width:26px; height:19px; display:block;  }
.temp-prev a:hover{ float:left; background: url(../images/previous-btn.gif) bottom no-repeat; width:26px; height:19px; display:block;  }
#temp-two #temp-images{margin:0px; width:830px; padding:2px; display:block; float:left;}
#temp-images ul{ margin:0px; padding:0px;}
#temp-images ul li{ display:block; margin:0px; list-style:none; float:left; width:auto; padding:7px 8px 7px 8px;}
#temp-two .temp-next{margin:0px; width:26px; padding:80px 2px 2px 2px; display:table; float:left;}
.temp-next a{ float:left; background: url(../images/next-btn.gif) top no-repeat; width:26px; height:19px; display:block;  }
.temp-next a:hover{ float:left; background: url(../images/next-btn.gif) bottom no-repeat; width:26px; height:19px; display:block;  }



.portfolio #web-one{ margin:0px; width:45px; padding:0px; display:table; float:left;}
.portfolio #web-two{margin:0px; width:900px; padding:0px 0px 0px 5px; display:table; float:right;}
#web-two .web-prev{margin:0px; width:26px; padding:80px 2px 2px 2px; display:table; float:left; height:19px;}
.web-prev a{ float:left; background: url(../images/previous-btn.gif) top no-repeat; width:26px; height:19px; display:block;  }
.web-prev a:hover{ float:left; background: url(../images/previous-btn.gif) bottom no-repeat; width:26px; height:19px; display:block;  }
#web-two #web-images{margin:0px; width:830px; padding:2px; display:block; float:left;}
#web-images ul{ margin:0px; padding:0px;}
#web-images ul li{ display:block; margin:0px; list-style:none; float:left; width:auto; padding:7px 8px 7px 8px;}
#web-two .web-next{margin:0px; width:26px; padding:80px 2px 2px 2px; display:table; float:left;}
.web-next a{ float:left; background: url(../images/next-btn.gif) top no-repeat; width:26px; height:19px; display:block;  }
.web-next a:hover{ float:left; background: url(../images/next-btn.gif) bottom no-repeat; width:26px; height:19px; display:block;  }



#footer{ margin:auto; width:100%; background:url(../images/fot-bg.gif) top repeat-x; clear:both; display:table;} 
#footer .ftr{margin:auto; width:1000px;height:22px; text-align:center; color:#d8dbdc; font-size:11px; padding-top:8px; }