html, body { margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff; }
* { margin:0px; padding:0px; }
a img { border:0px; }
:focus { outline: 0; }
ol, ul { list-style: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
.alignright { float:right; }
.alignleft { float:left; }
.alignnone { height:0px; font-size:0px; clear:both; line-height:0px; }

.spacer { height:12px; font-size:0px; clear:both; line-height:0px; }
.spacer5px { height:5px; font-size:0px; clear:both; line-height:0px; }
.spacer2px { height:2px; font-size:0px; clear:both; line-height:0px; }

.clearfix:after { content: "."; display: block; clear: both; visibility: hidden;  font-size:0px;  line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

.wrapper { width:100%; }
.container { width:940px; margin:0 auto; }
.header{ background:url(../images/header-bg.jpg) left top repeat-x; height:139px; }
.middle{ }
.footer { background:#17252f url(../images/footer-bg.jpg) left top repeat-x; padding-bottom:16px; }
.widecolumn { }
.narrowcolumn { }
.logo { margin:19px 0 0 0; }
.logo a { width:255px; height:102px; display:block; overflow:hidden; text-decoration:none; color:#000; text-indent:-9999px; background:url(../images/logo-magentodeveloper.png) left top no-repeat; }
/* navigation */ 
.navigation { padding-top:25px; background:url(../images/nav-devider.jpg) right bottom no-repeat; height:35px; margin-right:4px;}
.navigation li { float:left; line-height:35px; font-family:"Myriad Pro", Arial, Helvetica, sans-serif; background:url(../images/nav-devider.jpg) left top no-repeat; }
.navigation li a { text-decoration:none; float:left; color:#fff; padding:0 25px; font-size:16px; letter-spacing:-0.025em;}
.navigation li a:hover{ color:#ffae58;} 
.navigation li a.active { font-weight:bold; }

.submit { font-size:11px; float:left; padding-left:14px; background:url(../images/submit-l.jpg) left top no-repeat; }
.submit input { font-size:11px; float:left; padding-right:14px; background:url(../images/submit-r.jpg) right top no-repeat; width:auto; overflow:visible; border:0px; color:#fff; height:22px; padding-bottom:4px; line-height:21px; cursor:pointer; }


.topphone-info{ background:url(../images/top-infobg.png) left -46px no-repeat; padding-left:9px; font-family:"Myriad Pro", Arial, Helvetica, sans-serif; font-size:15px; font-style:italic;  color:#fff; margin-top:14px; width:364px;} 
.topphone-info .rcor{ background:url(../images/top-infobg.png) right 0px no-repeat; padding-right:10px; line-height:30px; padding-left:5px;}
.phoneicon{ background:url(../images/phone-icon.gif) left 6px no-repeat; padding-left:23px; }
.topphone-info ul{ }
.topphone-info li.email{ padding-left:18px; }
.topphone-info li.email a{ background:url(../images/masage-icon.gif) left 7px no-repeat; padding-left:23px; text-decoration:none; color:#fff; display:block; line-height:25px; }
.topphone-info li.email a:hover{ text-decoration:underline;}
.topphone-info li{ float:left; line-height:28px;  padding-top:2px;}

.tabslidebox{ background:url(../images/slider-bg.jpg) left top repeat;}
.tabslidebox .container{ background:url(../images/tabglow-bg.jpg) center top no-repeat; padding:16px 0;}  
.latestprojectbox{ height:233px; background:url(../images/slidertrans-bg.png) left top no-repeat; font-family:"Myriad Pro", Arial, Helvetica, sans-serif; }

.tabcontainer{ width:642px; padding:14px 0 14px 14px; }
.lt-projectpic{ margin-right:20px; border:solid 2px #000; border-bottom-width:4px}
.lt-projecttitle{ font-size:23px;  color:#ebebeb;}
.lt-projecttitle span{ display:block; font-size:19px; color:#7390a6; padding:2px 0 18px 0; font-weight:normal;}
.tabcontainer p{ font-size:14px; color:#b1b0b0; line-height:18px; margin-bottom:10px;}

.tabnav{ width:259px; padding-right:13px; margin-top:14px; }
.tabnav li{ margin-bottom:3px; }
.tabnav li a{ display:block; background:url(../images/tab-nav.gif) left -66px no-repeat; padding:4px 14px 4px 26px; color:#b1b0b0; text-decoration:none;  font-size:14px;height:56px;}
.tabnav li a strong{ font-size:16px;  color:#fff; display:block; font-weight:normal;}
.tabnav li a:hover, .tabnav li.active a{ background:url(../images/tab-nav.gif) left top no-repeat; color:#fff;}
.tabcontent{ display:none;}
.welcomebox{ background:#2d4758 url(../images/welcome-bg.jpg) left bottom repeat-x; border:solid 1px #03111a; border-left:0px; border-right:0px; font-family:"Myriad Pro", Arial, Helvetica, sans-serif;}
.welcomebox  .container{ padding:16px 0 20px 0;}
.weltextbox{ width:680px; padding-left:5px;}
.weltextbox p{ color:#b2b1b1; font-size:14px; padding-bottom:15px; line-height:18px; text-align:justify; 	}
.welcometitle{ font-style:italic; letter-spacing:-0.0.2em; font-size:21px; font-weight:bold; color:#fff; padding-bottom:18px;}

.readmore{ display:inline-block; background:url(../images/more-bg.gif) left top no-repeat; padding-left:6px;  color:#fff; text-decoration:none; font-size:14px;  font-family:"Myriad Pro", Arial, Helvetica, sans-serif;}
.readmore span{ display:block;  background:url(../images/more-bg.gif) right -28px no-repeat; padding:0 12px 0 6px; line-height:28px; cursor:pointer;}
.readmore:hover{ color:#FB982C;}

.readmore-sml{ display:inline-block; background:url(../images/readmorebg.gif) left top no-repeat; padding-left:6px;  color:#fff; text-decoration:none; font-size:13px;  font-family:"Myriad Pro", Arial, Helvetica, sans-serif;}
.readmore-sml span{ display:block;  background:url(../images/readmorebg.gif) right -20px no-repeat; padding:0 12px 1px 6px; line-height:19px; cursor:pointer;}
.readmore-sml:hover{ color:#FB982C;}


.signborad{ width:261px; height:153px; background:url(../images/signboeard.png) left top no-repeat;}
.welcomebox .signborad{ margin:11px -31px 0 0;}
.callnow{ padding:18px 0 0 16px;}
.middlehome{ background:url(../images/middle-homebg.jpg) left top repeat-x;  font-family:"Myriad Pro", Arial, Helvetica, sans-serif; padding-bottom:5px; padding-top:3px}
.middlehome .container{ padding:5px 0;}

.servicebox{ background:url(../images/servicebox-bg.png) left top no-repeat; height:156px; font-family:"Myriad Pro", Arial, Helvetica, sans-serif; margin-bottom:10px;}  
.servicebox dl{ padding:24px 0 0 26px;}
.servicebox dl dd{ float:left; width:270px; padding-right:30px;}
.servicebox dl dd h3{ font-size:18px; font-style:italic; padding-bottom:10px; color:#fff;}
.servicebox dl dd p{ color:#d5d5d5; font-size:13px; padding-bottom:8px;}

.orgboxtop{ background:url(../images/olt.png) left top no-repeat; padding-left:29px;}
.orgboxtop span{background:url(../images/ort.png) right top no-repeat; font-size:0px; line-height:0px; height:29px; display:block;  }
.orgboxbot{ background:url(../images/olb.png) left top no-repeat; padding-left:29px;}
.orgboxbot span{background:url(../images/orb.png) right top no-repeat; font-size:0px; line-height:0px; height:29px; display:block;  }
.orgboxmid{ background:url(../images/orgbxl.png) left top repeat-y; padding-left:29px;}
.orgboxmid-content{ background:url(../images/orgbxr.png) right top repeat-y; padding:0 29px 0 0px; }
.keyfeaturesbox{ width:343px; margin-left:-7px; color:#fff;}
.keyfeaturesbox p{ padding-bottom:10px;}
.keyfeaturtitle{ font-size:20px; font-style:italic; padding-bottom:15px; color:#fff; font-weight:normal; }
.featurelist {padding-bottom:10px; }
.featurelist li{ background:url(../images/checkmark.png) left top no-repeat;  padding:2px 0 5px 32px; font-size:13px; letter-spacing:-0.015em; }
.textright{ text-align:right;}

.redbtn{ display:inline-block; background:url(../images/redbtn.gif) left top no-repeat; padding-left:6px;  color:#fff; text-decoration:none; font-size:14px;  font-family:"Myriad Pro", Arial, Helvetica, sans-serif;}
.redbtn span{ display:block;  background:url(../images/redbtn.gif) right -28px no-repeat; padding:0 12px 3px 6px; line-height:25px; cursor:pointer;}
.redbtn:hover{ color:#fdab1f;}

.blackbtn{ display:inline-block; background:url(../images/blackbtn.gif) left top no-repeat; padding-left:6px;  color:#fff; text-decoration:none; font-size:14px;  font-family:"Myriad Pro", Arial, Helvetica, sans-serif;}
.blackbtn span{ display:block;  background:url(../images/blackbtn.gif) right -28px no-repeat; padding:0 12px 3px 6px; line-height:25px; cursor:pointer;}
.blackbtn:hover{ color:#fdab1f;}
.textright{ text-align:right;}

.communityblock{ width:359px; _width:354px; height:403px; background:url(../images/grayboxbg.png) left top no-repeat;}
.communityblock dl{ padding:24px 22px; }
.communityblock dl .blackbtn{ margin-right:4px;}
.communityblock dd p{ padding:7px 6px 9px 12px; font-size:14px; line-height:16px;}
.comunity-title{ font-size:16px; font-weight:bold; background:url(../images/com-titlebg.png) left top no-repeat; line-height:28px; padding:0 10px;}
.comunity-title span{ color:#f48e28;}
.cont-column{ width:244px; } 
.quickcontbox{background:url(../images/quick-contactbg.png) right top no-repeat; height:232px; padding:20px 20px 22px 20px;}
.quickcontbox h2{ font-style:italic; font-size:20px; color:#ffffff; padding-bottom:14px; padding-left:10px; font-weight:normal;}
.quickcontbox .formlist{ padding-left:4px;}
.submitrow{ padding-right:6px; padding-top:5px; padding-bottom:0px;}

.textfield{ float:left; background:url(../images/textf-bg.png) left top no-repeat; padding-left:8px; font-family:"Myriad Pro", Arial, Helvetica, sans-serif; }
.textfield span{ float:left; background:url(../images/textfr-bg.png) right top no-repeat;  padding:4px 8px 5px 0; height:20px; }
.textfield span input{ border:0px; background:none; line-height:20px; color:#444444; height:20px; font-size:14px; }

.submitbtn{ float:left; background:url(../images/submitbg.gif) 0px 0px no-repeat; padding-left:8px; cursor:pointer;}
.submitbtn span{ float:left; background:url(../images/submitbg.gif) right -28px no-repeat;  padding:2px 11px 5px 3px; height:21px;  cursor:pointer;}
.submitbtn span input{ border:0px; background:none; line-height:20px;  height:20px; font-size:14px; width:auto; overflow:visible; color:#fff; font-weight:bold;  cursor:pointer; }
.submitbtn span input:hover{ color:#fc9501;}

.wd176{ width:176px;}



.cont-textarea{ background:url(../images/cont-textbg.png) left top no-repeat; height:68px; padding:6px 8px; display:block;}
.cont-textarea textarea{ background:none; width:100%; height:68px; color:#444444; overflow:auto; border:0px; font-family:"Myriad Pro", Arial, Helvetica, sans-serif; font-weight:normal;}
.formlist dd{ padding-bottom:5px;}
.formlist dd.last{ padding-bottom:5px;}
.gallerybox{ padding-top:2px;}
.footer dl{ padding-top:22px;}
.testimonialbox{ width:272px; background:url(../images/ftblog-devider.jpg) right 6px no-repeat; padding-right:34px; margin-right:24px;}
.tweetbox{width:272px;}
.testimonials-title{ color:#8fa9b5; font-size:18px; padding-bottom:12px; font-weight:normal; padding-left:2px;}
.testimonillist li{  height:72px; margin-bottom:15px; padding:6px;}
.testimonillist li.first{background:url(../images/testimon-bg.gif) left top no-repeat;}
.testimonillist li.second{background:url(../images/testimon-bg.gif) left -99px no-repeat;}
.testimonillist li.third{background:url(../images/testimon-bg.gif) left -198px no-repeat; margin-bottom:0px}
.quotebox{ background:url(../images/blackquote.gif) left top no-repeat; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; letter-spacing:-0.0.28em; font-style:italic; padding:3px 14px 5px 18px;}
.quotebox p{ padding-bottom:8px;}
.quotebox span{ display:block ; color:#c85707;  font-weight:bold;}

.blogpost, #twitter_update_list li{ padding:2px 4px; font-size:13px;  font-family:"Myriad Pro", Arial, Helvetica, sans-serif;}
#twitter_update_list li a {color:#C85707; display:inline; padding-left:2px;  text-decoration:none; font-size:100% !important; }
#twitter_update_list li span a {color:#fff; display:inline;}
#twitter_update_list li {padding:6px !important;}
.posttitle{ font-weight:bold; color:#fff; text-decoration:none; margin-top:-2px; display:inline-block;}

.posttitle:hover{ color:#9fd009;}
.blogpost p, #twitter_update_list li span{ color:#8fa9b5;  padding-top:2px;}
.postdate{ color:#c85707; padding-top:1px; }
.postdate span{ display:inline-block; padding:0 6px; }
.postdate span.first{ padding-left:0px;}
.postdate a{ color:#c85707; text-decoration:none;}
.postdate a:hover{ text-decoration:underline;}
.footerbtm{ background:#17242f url(../images/ftnavbg.jpg) left top repeat-x}
.footerbtm .container{ padding:18px 0; font-family:"Myriad Pro", Arial, Helvetica, sans-serif; font-size:14px;} 
.copyright{ width:362px; padding-right:10px; font-size:14px; color:#5f5d5d;}
.callinfo{ width:228px; color:#5f5d5d; padding-top:2px;}
.callinfo strong{ display:inline-block; font-weight:normal; color:#c45101; width:40px; text-align:right;}
.callinfo a{color:#5f5d5d; text-decoration:none;}
.callinfo a:hover{ color:#86949e;}
.partbox{ position:relative; margin-right:4px;}
.partbox span{ display:inline-block; background:#192934; padding:0 3px; color:#5f5d5d; position:absolute; right:9px; top:-10px;}
.partbox img{ border:solid 1px #2c4657; margin-left:14px;}
.ftnav{ color:#c45101; font-size:14px; padding-bottom:6px;}
.ftnav a{ color:#c45101; text-decoration:none; margin: 0 4px;}
.ftnav a.first{ margin-left:0px;}
.ftnav a:hover{ color:#b7c5d1;}

.page-title{ font-size:36px;  font-family:"Myriad Pro", Arial, Helvetica, sans-serif;  font-style:italic; color:#acb3b7; padding:2px 5px;} 
.nameblock{ width:92px; padding-right:10px; text-align:right; line-height:30px; font-size:13px;}
.wd510{ width:514px;}

.hirelist li{ padding-bottom:10px; _padding-bottom:6px; }
.hirelist li .textfield{ background: url(../images/textf-lbg.png) left top no-repeat ;}
.hirelist li .textfield span{ background: url(../images/textf-rbg.png) right top no-repeat ;}
.massage{ width:510px; height:108px; background:url(../images/textarea-bg.png) left top no-repeat; padding:10px;}
.massage textarea{ width:100%; height:108px; overflow:auto; background:none; border:0px; font-family:"Myriad Pro", Arial, Helvetica, sans-serif;  color: #444444;}

.msgbtn{ float:left; background:url(../images/submitbg-hirel.png) left top no-repeat; padding-left:10px; cursor:pointer;}
.msgbtn span{ float:left; background:url(../images/submitbg-hirer.png) right top no-repeat;  padding:4px 11px 12px 3px; height:25px;  cursor:pointer;}
.msgbtn span input{ border:0px; background:none; line-height:20px;  height:20px; font-size:13px; width:auto; overflow:visible; color:#fff; font-weight:bold;  cursor:pointer; }
.msgbtn span input:hover{ color:#fc9501;}

.hirewidebox{ width:632px;}
.hiretext{ color:#b2b1b1; padding:5px 0 15px 0; font-size:14px; line-height:18px; }

.availabllecol{ width:264px;}	
.aavil-box{ background:url(../images/availableboxbg.png) left top no-repeat; width:229px; height:113px; padding:26px 20px 20px 20px; font-size:14px; margin-top:32px;  }
.available{ font-size:14px; color:#1f1f1f; font-weight:bold; background:url(../images/availabal-btnbg.png) left top no-repeat; width:216px; text-align:center; display:block; line-height:28px; text-decoration:none; margin:15px 0;	}
.available:hover{ color:#1f1f1f; text-decoration:none;}

.servicelistbox{ width:304px;}
.hirefeature{ padding:12px 0 8px 0;}
.hireinfo{ padding:15px 0 0 20px; width:592px}
.hireinfo h4{ color:#fff; font-style:italic; padding-bottom:15px; font-size:20px; font-weight:normal;}
.hireinfo p{ font-size:13px; line-height:18px; }
.hireinfo p a{ color:#ef5e01; text-decoration:underline;}

.middleinner{ background:url(../images/middle-innerbg.jpg) left top repeat;  font-family:"Myriad Pro", Arial, Helvetica, sans-serif; padding-bottom:1px; padding-top:1px}
.middleinner .container{ padding:5px 0; background:url(../images/cnglow.png) center top no-repeat;}




/*about us start here*/
.title-heading {font-size:36px; color:#acb3b7; font-weight:bold; font-style:italic}

.aboutusbox{background:url(../images/about-us-boxes.png) no-repeat; width:958px; height:166px; margin:0 0 10px -16px}
.aboutusbox ul {margin:0 0 0 30px;}
.aboutusbox ul li {float:left; background:url(../images/about-inner-box.png) no-repeat; margin:30px 0 0 0;/* padding:20px 0 0 25px*/ padding-bottom:17px; padding-right:21px;}
.aboutusbox ul li a{background:url(../images/about-arrow.png) no-repeat 226px 34px; color:#fff; font-size:24px; color:#fff; text-decoration:none; width:258px; display:block; height:77px;  padding:20px 0 0 25px;  width:258px; height:80px; font-style:italic; font-weight:normal; }
.aboutusbox ul li a:hover{background:url(../images/about-arrow.png) no-repeat 226px -172px;/* color:#ff9601;*/}
.aboutusbox ul li a.contact{/*padding:16px 0 0 0; height:61px!important;*/ padding:37px 0 0 25px;  width:258px; height:78px;}
.magentoad{margin:0 0 0 -16px;}
.listing-heading{font-size:20px; font-style:italic;font-weight:normal; padding:0 0 20px 0}
.keyfeature { padding:14px 0 30px 30px;}

ul.keylisting {margin:14px 0 0 0; float:left; width:347px;}
ul.keylisting li {font-size:13px; color:#fff; background:url(../images/key-arrow.png) no-repeat; padding:0 0 0 32px; height:22px;}
ul.keylisting2 {margin:14px 0 0 0; float:left; }
ul.keylisting2 li {font-size:13px; color:#fff; background:url(../images/key-arrow.png) no-repeat; padding:0 0 0 32px; height:22px;}

/*projects start here*/
.signboradproject{ width:261px; height:149px; background:url(../images/signboeard.png) left top no-repeat;}
.welcomebox .signboradproject{ margin:-53px -31px 0 0;}

.project-box {margin:0 0 0 -10px; padding:0px;}
.project-box ul li {float:left; background:url(../images/project-box.png) no-repeat; width:316px; height:395px;}
.project-box ul li h2.project-heading {font-size:18px; color:#fff; padding:20px 0 10px 0}
.project-box ul li h2.project-heading a{font-size:18px; color:#fff; padding:20px 0 10px 0; color:#fff; text-decoration:none;}
.project-box ul li h2.project-heading a:hover{ color:#FFA70F;}
.projec-div{width:245px; margin:40px auto 0 auto;}
.projec-div p {font-size:13px; color:#d9bca4; line-height:20px;}


.page-link { /*background:url(../images/pagingbg.png) center top no-repeat; height:41px; line-height:41px; color:#4b4a4a; text-align:center;  font-size:15px;*/ margin-bottom:10px; margin-top:27px; color:#b84f06;}

.page-link span.gotext{ padding-right:7px; color:#b84f06; }
.page-link a.next, .page-link a.prev{ text-indent:-9999px; width:113px; height:56px; margin:-5px 0 7px 0;}
.page-link a.next{ background:url(../images/next.png) left -56px no-repeat; float:right; margin-right:-5px;}
.page-link a.next:hover{ background:url(../images/next.png) left -1px no-repeat; float:right;}
.page-link a.prev{ background:url(../images/pre.png) left -56px no-repeat; float:left; margin-left:-2px;}
.page-link a.prev:hover{background:url(../images/pre.png) left -1px no-repeat; }
.page-link a, .page-link a{ color:#b84f06; text-decoration:underline; padding:0 2px; margin:0 2px; }
.page-link a.activeSlide, .page-link a:hover { color: #fff; text-decoration:none; }
.gotext{ margin:0 3px;  background:url(../images/pagingbg.png) center top no-repeat; line-height:39px; color:#b84f06; text-align:center;  font-size:15px; position:absolute; left:119px;  bottom:-68px; width:714px; height:39px;    }

/*services start here*/
.service {width:691px;}
.service-box {font-size:18px; font-weight:normal; font-style:italic; color:#d15c02; background:url(../images/service-head-bg.png) no-repeat; width:688px; height:29px; padding:6px 0 0 12px;}
.service ul {margin:25px 0 0 0; padding-bottom:30px;}
.service ul li p {padding:3px 10px 20px 12px; font-size:14px; color:#b4b2b2; text-align:justify}
.conversions{ width:244px; margin-left:-7px; color:#fff;margin-top:15px;}

.conversion-heading{font-size:15px; color:#fff; background:url(../images/conversion-icon.png) no-repeat left top; padding:10px 0 0 45px; height:39px; position:relative;  margin-left: -10px;  margin-top: -6px;}
.propad{ padding-bottom:12px !important;}
.propad .weltextbox p{ padding-top:10px; padding-bottom:0px; line-height:20px;}
.mg-offers{ font-size:14px; font-weight:normal;}
p.suc-msg {color:#8DB120; padding:10px 0px 5px;font-size:15px;}