body, h1,h2,h3, form,ul,li,ol,dl,dt { margin:0px; padding:0px; }
ul, ol { list-style:none; }
p { margin:12px 0px; padding:0px; }

/* Floating */
.fl { float:left; }
.fr { float:right; }
.cl { clear:both; }
.clear { clear:both; }

/* Text align */
.tal { text-align:left; }
.tac { text-align:center; }
.tar { text-align:right; }
.taj { text-align:justify; }
.vm { vertical-align:middle; }

a { color:#0050A1; text-decoration:none; }
a:hover { color:#FF9000; }
a, a img { border:0 none; outline:none; }

html, body, #main { min-height:100% !important; }

/* CSS Document */
html { background:url(../images/footerouter.gif) repeat-x bottom center; }
body { color:#666666; font:small Verdana, Arial,Tahoma, Helvetica, sans-serif;
	background-image:url(../images/bodytop.gif); }

.designBody { background-image:url(../images/design-body.jpg); }
.servicesBody { background-image:url(../images/services-body.jpg); }
.developmentBody { background-image:url(../images/development-body.jpg); }
.developerBody { background-image:url(../images/developer-body.jpg); }
.openSourceBody { background-image:url(../images/open-source-body.jpg); }
.outsourcingBody { background-image:url(../images/outsourcing-body.jpg); }
.testimonialsBody { background-image:url(../images/testimonials-body.jpg); }
.aboutBody { background-image:url(../images/about-body.jpg); }
.contactBody { background-image:url(../images/contact-body.jpg); }
.quoteBody { background-image:url(../images/quote-body.jpg); }
.faqBody { background-image:url(../images/faq-body.jpg); }
.partnerBody { background-image:url(../images/partner-body.jpg); }
.portalBody { background-image:url(../images/portal-body.jpg); }
.integrationBody { background-image:url(../images/Integration-body.jpg); }
.linkBody { background-image:url(../images/link-body.jpg); }
.sitemapBody { background-image:url(../images/sitemap-body.jpg); }
.developmentcentreBody { background-image:url(../images/development-centre-body.jpg); }
body { background-repeat:repeat-x; background-position:top center; }

#main { margin:0px auto; width:984px; text-align:left; }

#topbg { height:88px; padding:0 27px; text-align:right; background:url(../images/topbg.gif); }
#topbg h1 { float:left; font-size:12px; padding-top:7px; text-indent:-5200px; text-align:left; }
#topbg h1 a { display:block; width:156px; height:64px; background:url(../images/logo.gif); }
.topbglogo { float:left; font-size:12px; padding-top:7px; text-indent:-5200px; text-align:left; }
.topbglogo a { display:block; width:156px; height:64px; background:url(../images/logo.gif); }
.slogan { float:left; text-indent:-9999px; text-align:left; margin-left:25px; width:334px; height:49px; background:url(../images/slogan.gif); }
.toplink { height:20px; padding:10px 5px 0 0; }
.australia, .india { padding-left:20px; font-weight:bold; }
.australia { background:url(../images/australia.png) no-repeat 0 1px; }
.india { background:url(../images/india.png) no-repeat 0 1px; }
.toplink a { color:#555; text-decoration:none; }
.toplink a:hover { color:#fd7f05; }
.messenger img { margin:15px 3px 0 15px; cursor:pointer; vertical-align:middle; }

#header { height:183px; }

#midpart { background:url(../images/contentbg.png) no-repeat top; padding:0px 10px; }
#midpart .midwhite { background:url(../images/contentbg.png) no-repeat center top #FFFFFF; padding:7px 7px 0 20px; }
#content { float:left; width:690px; }
#content h1 { color:#ff7800; font-size:22px; font-weight:normal; margin-top:7px; }
#content h2 { color:#346699; font-size:18px; font-weight:normal; margin:15px 0px 8px 0px; }
#content h3 { color:#555; font-size:16px; }

#content ul, ul.arwList { list-style:url(../images/arw1.gif) none; margin:15px 0px; padding-left:25px; }
#content ul li, ul.arwList li { margin:5px 0px; }
ol.numberList { margin:15px 0px; padding-left:25px; }
ol.numberList li { margin:5px 0px; }
ol li h2 { margin:10px 0px 0px 0px; }

.homeBox { width:306px; padding:14px; }
.homeBox h3 { text-indent:-9999px; }
.homeBox h3 a { display:block; height:25px; margin-bottom:5px; }
.homeBox ul { list-style:none !important; margin:0 !important; padding:0 !important; }
.homeBox li { margin:4px 0 !important; }
.homeBox a { color:#555; }
.homeBox a:hover { color:#034684; }
.homeBox div { padding-top:5px; }

.development { background:url(../images/web-development.jpg) no-repeat; }
.design { background:url(../images/web-design.jpg) no-repeat; }
.openSource { background:url(../images/open-source-customization.jpg) no-repeat; }
.hireDeveloper { background:url(../images/offshore-dedicated-developer.jpg) no-repeat; }
.portal { background:url(../images/portal-development.jpg) no-repeat; }
.integration { background:url(../images/integration-services.jpg) no-repeat; }

.services { width:306px; padding:12px 14px; }
.services h2 { margin:0 !important; }
.services h2 a { font:normal 18px Arial, Tahoma; }
.services ul { margin:8px 0px 5px 0px !important; padding-left:20px !important; }
.services a { color:#666666; text-decoration:none; }
.services a:hover { color:#0050A1; text-decoration:underline }

#fPortfolio {}
#fPortfolio h2 { color:#3d3c3b; font:17px/40px Verdana, Arial; clear:both; margin:0; height:44px; background:#faf9f9; border:1px solid #f0f0f0; }
#fPortfolio h2 img { float:left; margin:7px 7px 0 12px; }
#fPortfolio h2 a { float:right; margin:13px 12px 0; }
#fPortfolio ul, #fPortfolio ul li { margin:0; padding:0; list-style:none; }
#fPortfolio ul li { float:left; text-align:center; padding:15px 0; margin-right:15px; position:relative; }
#fPortfolio ul li.last { margin-right:0; }
#fPortfolio ul li a.liveSite { position:absolute; top:184px; right:-7px; display:block; width:87px; height:27px; text-indent:-999em;
	background:url(../images/livesite.png) no-repeat; filter:alpha(opacity=80); opacity:0.8; }
#fPortfolio ul li a.liveSite:hover { filter:alpha(opacity=100); opacity:1; }
#fPortfolio.mainPortfolio li { margin-bottom:10px; border-bottom:1px solid #efefef; }
#fPortfolio ul li img { display:block; padding:8px; margin:10px 0 5px; background-color:#fff;
	border:1px solid #f0f0f0; border-width:1px 3px 3px 1px; }

#fPortfolio li a { color:#777; font:normal 11px Arial; }
#fPortfolio li a.projTitle { color:#666; text-decoration:none; font:small Tahoma; }
#fPortfolio li a:hover { color:#222; text-decoration:none; }
#fPortfolio li .moreImg { padding-left:17px; margin-right:5px; background:url(../images/moreimg.gif) no-repeat 0 1px; }
#fPortfolio li .viewDetails { padding-left:13px; margin-left:7px; background:url(../images/viewdeta.gif) no-repeat 0 0px; }


.projDetailDiv { display:none; padding:0 10px 10px; }
#cboxLoadedContent .projDetailDiv { display:block; }
.projDetailDiv h2, .projectname { color:#333; font:bold 16px Arial,Tahoma; margin-bottom:5px; }
.projDetailDiv ul { list-style:url(../images/arw1.gif) none; margin:0px; padding-left:20px; }
.projDetailDiv ul li { margin:3px 0; }

#logoPortfolio { padding-top:18px; position:relative; z-index:1; }
#logoPortfolio ul, #logoPortfolio ul li { margin:0; padding:0; list-style:none; }
#logoPortfolio ul li { width:690px; }
#logoNav { position:absolute; top:0; right:0; }
#logoNav a { display:inline-block; line-height:18px; height:18px; width:18px; text-align:center; margin-left:3px; background-color:#efefef; }
#logoNav a.activeSlide { color:#fff; background-color:#666666; }

.logos img { float:left; margin:10px 4px 0 0; }
.logos img.last { margin-right:0; }

.testimonial .details { padding:10px; }
.testimonial .img { float:left; margin-right:15px; }

#content div.sitemap.fr { padding-left:25px; }
#content div.sitemap ul { list-style:url(../images/arw1.gif) none; margin:0px; padding-left:25px; }
#content div.sitemap ul li { font-size:14px; font-weight:bold; }
#content div.sitemap ul li ul { list-style:url(../images/arw2.gif) none; margin:7px 0px; padding-left:10px; }
#content div.sitemap ul li ul li { margin:2px 0px; font-size:12px; font-weight:normal; }
#content div.sitemap ul li ul li ul { list-style:url(../images/arw2.gif) none; margin:5px 0px; padding-left:10px; }
#content div.sitemap ul li ul li ul li { margin:2px 0px; font-size:12px; font-weight:normal; }

#rightpart { float:right; width:226px; }

.boxmin h2,
.boxmin .content,
.boxmin .morebg,
.boxmin .bottom, .boxmin .minboxheading { background:url(../images/boxminibg.gif); }

.boxmin { margin-bottom:5px; }
.boxmin h2, .boxmin .minboxheading  { color:#222222; font:small-caps 15px Arial,Tahoma; padding:12px 0 0 33px; height:38px; background-position:-227px 0; }
.topFirst h2, .boxmin .minboxheading { background-position:0 0; }
.boxmin .content { padding:0 14px 10px 14px; background-position:-458px 0; }
.boxmin .morebg { padding:8px 14px; height:20px; text-align:right; background-position:right bottom; }
.boxmin .bottom { height:5px; overflow:hidden; background-position:100% -45px; }

.boxbg { background:url(../images/shadboxbg.gif) repeat-x top; }

.recentProjects .content ul, #specialize { margin:auto; }
#recentProj ul { height:156px; width:200px; overflow:hidden; }
#specialize { width:176px; height:105px; overflow:hidden; }

.quickQuote input, .quickQuote textarea { margin:3px 0px; width:190px; clear:both; }
.quickQuote input.captcha { width:85px; }
.quickQuote b { float:left; padding:5px 0px; clear:both; }

#rightpart dl dt { border-bottom:1px solid #e9e9e9; padding:2px 0; }
#rightpart dl a { color:#666; display:block; font-weight:bold; line-height:18px; 
	background:url(../images/arw3.gif) no-repeat 0 5px; padding-left:10px; }
#rightpart dl a:hover { color:#FF9000; background:url(../images/arw3.gif) no-repeat 2px 5px; padding-left:12px; }

#rightpart a { color:#0050A1; text-decoration:none; }
#rightpart a:hover { color:#FF9000; }

#footer { padding:39px 25px 0 25px; height:149px; background:url(../images/footerbg.gif) no-repeat; }
#footer .links { color:#FFF; height:64px; line-height:54px; text-align:center; font-size:12px; }
#footer .links a { color:#FFFFFF; text-decoration:none; padding:0 5px; }
#footer .links a:hover { color:#FFCC00; text-decoration:none; }
#footer .share { float:right; padding:5px 0 0 25px; }
#footer .copyright { line-height:15px; font-size:12px; }
#footer .copyright img { vertical-align:middle; margin-right:5px; }
#footer .clientbase { width:780px; }
#footer .copysc { float:right;margin-top:-8px; }


.allborder { background:#efefef; text-align:left; }
.allborder tr { background:#FFFFFF; }
.tableborder {}
.fieldheader { background:#efefef; font-weight:bold; }
.lightbg { background:#F5F5F5; }

.col2set {}
.col1 { float:left; width:48.5%; }
.col2 { float:right; width:48.5%; }

fieldset { border:3px double #CCCCCC; padding:10px; }
fieldset legend { color:#346699; font-size:1.4em; font-weight:bold; }

.hlight { color:#FF7800; font-size:13px; }
.red { color:#FF0000; }

.hline { background:url(../images/line.gif) repeat-x center; }
.vline { background:url(../images/line.gif) repeat-y center; }

.whitebg { background:#FFFFFF; }

a.olink { color:#FF7800 !important; text-decoration:none; }
a.olink:hover { color:#555555 !important; text-decoration:none; }
a.more { color:#0072b1; text-decoration:none; font:small Verdana, Arial, Helvetica, sans-serif; height:18px; padding-right:16px;	display:inline-block; background:url(../images/more-arw.gif) no-repeat 100% 2px; }
a.more:hover { color:#ff8713; text-decoration:none; }

input, textarea, select { font:normal 12px Arial, Tahoma, Helvetica, sans-serif; padding:2px;
	border:1px solid #CCCCCC; vertical-align:middle; }
select { padding:1px; }
.but { color:#333333; font-weight:bold; padding:2px 8px; width:auto !important;
	background:url(../images/butbg.gif) repeat-x center; border:1px solid #666666; cursor:pointer; }
.noborder { border:0px none; }

#inquiry input, #inquiry textarea { width:180px; }
#inquiry #verificationcode { width:75px; }

#dedicated #professional_to_do, #dedicated #textarea { width:430px; }

.formpart input { margin-bottom:5px; }
.formpart .but { margin:0; }
input.error, textarea.error, select.error { color:#333; background:#ffe5e5; border:1px dotted red; }

tr.odd { background:#f3f3f3; }
tr.even { background:#fff; }

.psd2xhmtl-example { margin-top:10px; color:#8D8D8D; line-height:17px; width:48.5%; }
.psd2xhmtl-example h2 { font:bold 15px Arial !important; }
.psd2xhmtl-example h2 span { font-size:12px; }

/* ColorBox Core Style */
#colorbox, #cboxOverlay, #cboxWrapper { position:absolute; top:0; left:0; z-index:9999; overflow:hidden; }
#cboxOverlay { position:fixed; width:100%; height:100%; }
#cboxMiddleLeft, #cboxBottomLeft { clear:left; }
#cboxContent { position:relative; }
#cboxLoadedContent { overflow:auto; }
#cboxLoadedContent iframe { display:block; width:100%; height:100%; border:0; }
#cboxTitle { margin:0; }
#cboxLoadingOverlay, #cboxLoadingGraphic { position:absolute; top:0; left:0; width:100%; }
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow { cursor:pointer; }

#cboxOverlay { background:url(../images/overlay.png) repeat 0 0; }
#colorbox { }
#cboxTopLeft { width:21px; height:21px; background:url(../images/controls.png) no-repeat -100px 0; }
#cboxTopRight { width:21px; height:21px; background:url(../images/controls.png) no-repeat -129px 0; }
#cboxBottomLeft { width:21px; height:21px; background:url(../images/controls.png) no-repeat -100px -29px; }
#cboxBottomRight { width:21px; height:21px; background:url(../images/controls.png) no-repeat -129px -29px; }
#cboxMiddleLeft { width:21px; background:url(../images/controls.png) left top repeat-y; }
#cboxMiddleRight { width:21px; background:url(../images/controls.png) right top repeat-y; }
#cboxTopCenter { height:21px; background:url(../images/border.png) 0 0 repeat-x; }
#cboxBottomCenter { height:21px; background:url(../images/border.png) 0 -29px repeat-x; }
#cboxContent { background:#fff; }
#cboxLoadedContent { margin-top:20px; }
#cboxTitle { position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494; }
#cboxCurrent { position:absolute; top:0px; right:15px; color:#949494; }
#cboxSlideshow { position:absolute; bottom:4px; right:30px; color:#0092ef; }
#cboxPrevious { position:absolute; top:0; left:-8px; background:url(../images/previmg.png) no-repeat -300px 10%; width:50%; height:100%; text-indent:-9999px; }
#cboxPrevious.hover { background-position:0 250px; }
#cboxNext { position:absolute; top:0; right:-8px; background:url(../images/nextimg.png) no-repeat -200px 10%; width:50%; height:100%; text-indent:-9999px; }
#cboxNext.hover { background-position:100% 250px; }
#cboxLoadingOverlay { background:url(../images/loading_background.png) no-repeat center center; }
#cboxLoadingGraphic { background:url(../images/loading.gif) no-repeat 50% 150px; }
#cboxClose { position:absolute; top:-18px; right:-18px; background:url(../images/close.png) no-repeat -0 0; width:25px; height:25px; text-indent:-9999px; }
#cboxClose.hover { background-position:0 -25px; }
/* End ColorBox Core Style */