@charset "utf-8";
/* CSS Document */
body{ margin:0; padding:0; background:url(../images/mainbg.jpg) repeat-x left top; font-family:Arial, Verdana, Tahoma, Helvetica, sans-serif; font-size:12px; font-weight:normal; text-decoration:none; color:#424741; line-height:17px; text-align:justify; }
*{ margin:0; padding:0;}
div, h1, h2, h3, h4, p, form, label, input, textarea, img, span{ margin:0; padding:0;}
img{ border:none;}
hr{ height:1px; color:#d3d3d3;}
h1{ color:#424741; font-size:22px; text-decoration:none; font-weight:bold;  margin:0 0 5px 0px; }
h1 span{  color:#5e9a00; font-size:22px; text-decoration:none; font-weight:bold; }
h2{ color:#424741; font-size:14px; text-decoration:none; font-weight:bold;}
h3{  color:#5e9a00; text-decoration:none; line-height:12px; font-weight:bold; }


/*All Link Css Start */
.greenlink{color:#4c8d00; text-decoration:none;}
.greenlink:hover{color:#0088ce; }
.more{font:normal 12px Arial, Verdana, Tahoma, Helvetica, sans-serif; color:#4c8d00;}
.more:hover{color:#424741; text-decoration:none;}
/*All Link Css End */

/*----------------------------------------Main Wrapper Start----------------------------------------*/
#mainwrapper{ height:auto; width:932px; margin:0 auto; padding:0;}

/*-----------------------------------Main Top Navegation Part Start-----------------------------------*/
#maintopnevibox{ height:66px; width:932px; float:left;}
#topleftsedpart{ height:66px; width:6px; float:left; background:url(../images/top-leftsed.jpg) repeat-y left top;}
#toprightsedpart{ height:66px; width:6px; float:left; background:url(../images/top-rightsed.jpg) repeat-y left top;}
#topmidmainbox{ height:66px; width:920px; float:left;}
#topcallbox{ height:54px; width:180px; float:left; background:url(../images/callicon.jpg) no-repeat left top; padding:12px 0 0 35px; font-family:Arial, Verdana, Tahoma, Helvetica, sans-serif; color:#fff; font-size:15px; text-decoration:none; font-weight:bold; line-height:25px;}
.lightgreen-text{ font-family:Arial, Verdana, Tahoma, Helvetica, sans-serif; color:#f6f796; font-size:15px; text-decoration:none; font-weight:bold; line-height:20px;}
#tophomeiconbox{ height:31px; width:705px; float:right;}
#iconbox{ height:11px; width:auto; float:right; padding-top:10px; padding-right:20px;}
.iconpart{ height:11px; width:auto; float:left; padding-right:30px;}
.iconpart-contact{ height:8px; width:auto; float:left; padding-right:30px; padding-top:2px;}
#nevigationbox{ height:35px; width:705px; float:left;}
/*-----------------------------------Main Top Navegation Part End-----------------------------------*/

/*-----------------------------------Msinlogo Part Start-----------------------------------*/
#mainlogobox{ height:108px; width:920px; float:left; padding:0 6px;}
#mainlogo{ height:108px; width:680px; float:left;}
#mainpowerpart{ height:108px; width:240px; float:left; background:url(../images/toppower.jpg) no-repeat right top;} 
#powertext{ height:70px; width:140px; float:left; padding:38px 100px 0 0; font-family:Arial, Verdana, Tahoma, Helvetica, sans-serif; color:#86be01; font-size:15px; text-decoration:none; font-weight:bold;}
.graytext-top{ font-family:Arial, Verdana, Tahoma, Helvetica, sans-serif; color:#61766d; font-size:15px; text-decoration:none; font-weight:bold;}

/*-----------------------------------Msinlogo Part End-----------------------------------*/

/*--------------------------------Main Banner Start--------------------------------*/
.topwight{font:normal 18px Arial, Verdana, Tahoma, Helvetica, sans-serif; color:#ffffff;  margin:0 0 0 30px;}
.MainOuterDivnew{width:924px;}
/*.mainbanner {height: 210px;	background-image: url(../images/mainbanner.jpg); background-repeat: no-repeat; margin:0px 0 0 0;}*/
.righticon {height: 26px; background-image:url(../images/tick.gif); background-repeat: no-repeat; margin:0 0 0 25px;}
.leftmargin{margin:0 0 0 25px;}
.topbanner {width:932px; background-image: url(../images/bgtop.jpg); background-repeat:no-repeat; float:left; height:210px;}
.topbannerconsultancy{width:932px; background-image:url(../images/services/consultancy-banner.jpg); background-repeat:no-repeat; float:left; height:210px;}
.topbannerwebdevelopment{width:932px; background-image:url(../images/services/webdevelopment-banner.jpg); background-repeat:no-repeat; float:left; height:210px;}
.topbannerapplicationdevelopment{width:932px; background-image:url(../images/services/application-banner.jpg); background-repeat:no-repeat; float:left; height:210px;}
.topbannerdigitalmarketing{width:932px; background-image:url(../images/services/digitalmarketing-banner.jpg); background-repeat:no-repeat; float:left; height:210px;}
/*----- Projects banner part Start -----*/
.projectshow-img{ height:auto; width:645px; float:left; padding-top:20px; text-align:center;}
.pro-textbox{ height:auto; width:645px; float:left; padding-top:10px;}
.probrief{ height:auto; width:300px; float:left; padding-right:45px;}
.prosolution{ height:auto; width:300px; float:left;}

.topbannerprojects{ height:210px; width:932px; background-image:url(../images/projects/projects-banner.jpg); background-repeat:no-repeat; float:left;}
 .pro-headingtext{ height:60px; width:910px; float:left; padding:32px 0 0 22px; font-family:"Trebuchet MS",Arial, Verdana, Tahoma, Helvetica, sans-serif; color:#FFF; font-size:25px; font-weight:normal; line-height:25px;}
.lightbluetext{font-family:"Trebuchet MS",Arial, Verdana, Tahoma, Helvetica, sans-serif; color:#d2fdfb; font-size:18px; font-weight:normal;}
 .pro-noramaltext{ height:100px; width:360px; float:left; padding:0 0 0 22px; color:#FFF;}
/*----- Projects banner part End -----*/
.topbannerbox{ height:210px; width:932px; float:left;}
.topbannerabout{width:932px; background-image:url(../images/about/about-banner.jpg); background-repeat:no-repeat; float:left; height:210px;}
.topbannerabout2{width:932px; background-image:url(../images/about/about-banner2.jpg); background-repeat:no-repeat; float:left; height:210px;}
.topbannemediacentre{width:932px; background-image:url(../images/mediacentre/Media_Centre.jpg); background-repeat:no-repeat; float:left; height:210px;}
.topbannernew {height:105px;}
#mainbannerbox{ height:210px; width:932px; float:left; background:url(../images/banner.jpg) no-repeat left top;}
.digitaltextpart{ height:auto; width:425px; float:right; padding-top:126px; font-size:17px; font-weight:bold; text-decoration:none; color:#ffffff; line-height:21px;}

.greentext{ font-size:17px; font-weight:bold; color:#00f200; }
.greensmalltext{color:#5e9a00; text-decoration:none; line-height:12px; font-weight:bold;}

.smallwhitetext{ font-size:10px; color:#fff;}

/*--------------------------------Main Banner End--------------------------------*/

/*--------------------------------Main Mid part Start--------------------------------*/
#mainmiddlepart{ min-height:300px; width:920px; float:left; background:url(../images/mainmiddle-longbg.jpg) repeat-y left top; padding:0 6px;}
#middle-midarea{ height:auto; width:880px; float:left; background:url(../images/maiinmidtopbg.jpg) repeat-x left top;  padding:20px;}
/*------Main Mid part End------*/

/*left and Right Both Side common css start*/
.subtextheadingbox{ height:29px; width:418px; float:left; padding-top:20px;}
.spaceline{ border-bottom:1px solid #d3d3d3; height:10px; width:418px; float:left; padding-bottom:}
.leftcommonbox{ height:auto; width:418px; float:left;}
.leftboxtoppadding{padding-top:10px;}
/*left and Right Both Side common css End*/

/*---Mian Middle-Left part Start---*/
#leftbox{ height:auto; width:440px; float:left;}
.toptextheadingbox{ height:29px; width:440px; float:left;}
#subleftbox{ height:auto; width:418px; float:left; border-right:1px solid #d3d3d3; padding-right:21px;}
.morelink-box{height:auto; width:418px; float:right; text-align:right; color:#4c8d00;}
.projectshowcaseimg{ height:auto; width:140px; float:left; padding-right:10px;}
.projectshowcasetext{ height:auto; width:268px; float:left; padding-top:7px;}
/*--------------------------------Mian Middle-Left part End--------------------------------*/

/*--------------------------------Mian Middle-Right part Start--------------------------------*/
#rightbox{ height:auto; width:440px; float:left;}
.toprightheadingbox{ height:29px; width:420px; float:left; padding-left:20px;}
#subrightbox{ height:auto; width:420px; float:left;  padding-left:20px;}
.serviceimg{ height:auto; width:55px; float:left; padding-right:15px;}
.servicetext{ height:auto; width:348px; float:left;}
/*--------------------------------Mian Middle-Right part End--------------------------------*/

/*----------------------------------------Main Wrapper End----------------------------------------*/
/*---main Footer Part Start---*/
#mainfooterpart{ height:57px; width:100%; float:left; background:url(../images/mainffoterbg.jpg) repeat-x  bottom; margin:0 auto;}
#footerbox{ height:57px; width:932px; margin:0 auto;}
#footer-left{ height:57px; width:6px; float:left; background:url(../images/footer-leftpart.jpg) no-repeat left top;}
#footer-middlebox{ height:57px; width:920px; float:left;}

/*Main Footer Link Part Start*/
.footerlinkbox{ height:38px; width:880px; float:left; padding:0 20px;}
.footerlinkbox ul{ height:auto; width:auto; float:left; list-style:none; padding:0; }
.footerlinkbox li{ height:auto; width:auto; float:left; margin:0; padding:0; display:inline;}
.footerlinkbox li a.home{ height:auto; width:auto; float:left; padding:12px 42px 0 3px; background:url(../images/footer-spacer.jpg) no-repeat right 17px; color:#FFF; text-decoration:none; font-size:12px;}
.footerlinkbox li a.home:hover{ height:auto; width:auto; float:left; color:#d2e0da;}
.footerlinkbox li a.company{ height:auto; width:auto; float:left; padding:12px 42px 0 42px; background:url(../images/footer-spacer.jpg) no-repeat right 17px; color:#FFF; text-decoration:none; font-size:12px;}
.footerlinkbox li a.company:hover{ height:auto; width:auto; float:left; color:#d2e0da;}
.footerlinkbox li a.contact{ height:auto; width:auto; float:left; padding:12px 0 0 41px; color:#FFF; text-decoration:none; font-size:12px;}
.footerlinkbox li a.contact:hover{ height:auto; width:auto; float:left; color:#d2e0da;}
/*Main Footer Link Part End*/

#copyrightbox{ height:19px; width:920px; float:left; color:#b7cbc2; font-size:11px; text-decoration:none; text-align:center; }
#footer-right{ height:57px; width:6px; float:left; background:url(../images/footer-rightpart.jpg) no-repeat left top;}
/*---main Footer Part End---*/

/*------------------------------------Inner Middle part Class and id Start------------------------------------*/
#innermiddlebox{ height:auto; width:880px; float:left;}
.innerheadingbox{ height:29px; width:880px; float:left;}
.innertexbox{ height:auto; width:880px; float:left;}
.innertext{ height:auto; width:880px; float:left;}
.innertext-project{ height:400px; width:880px; float:left; text-align:center; padding:15px 0;}
.heightbox {height:345px;}
.heightboxcompany{height:328px;}
.heightboxteam{height:270px;}
.heightboxcareer{height:335px;}
.heightbox2{height:365px;}

/*------------------------------------services Main part Class and id Start------------------------------------*/

#servicesbg{width:546px; height:489px; background:url(../images/servicesbg.jpg); background-repeat:no-repeat; margin:10px 10px 10px 210px; border:0px;}
#servicesbg ul{list-style:url(../images/ul_icon.gif); padding:0 0 0 20px; font-size:11px}
.Servicesbox{width:260px; height:235px; float:left;}
#ServicesboxRight{width:260px; height:235px; float:left;}
#ServicesboxRight ul{list-style:url(../images/ul_icon.gif); padding:0 0 0 65px;}
.servicetitle{font:bold 13px Arial, Verdana, Tahoma, Helvetica, sans-serif; color:#424741; height:22px; margin:0 0 0 0px; width:100%; text-decoration:none; outline:none;}
.servicetitle:hover{color:#ce3d04;}
.servicetitleR{font:bold 13px Arial, Verdana, Tahoma, Helvetica, sans-serif; color:#424741; height:22px; margin:0 0 0 0px; width:100%; text-decoration:none; text-align:right; float:right; outline:none;}
.servicetitleR:hover{color:#ce3d04;}
.mainmargin{margin:10px;}
.serviceul{margin:20px;}
.margintopservice{margin-top:30px;}
.Servicesbox{width:260px; height:235px; float:left;}
.width220{width:250px; height:220px;}
.margintopservice{margin-top:30px;}
.FloatL{float:left;}
.FloatR{float:right;}
.txtNorGray{font:normal 12px ; color:#424741; margin:0 0 0 0px; text-align:justify; text-decoration:none;}
.servicetitle{font:bold 13px ; color:#424741; height:22px; margin:0 0 0 0px; width:100%; text-decoration:none; outline:none;}

.approachbox{ width:187px; float:right; padding-left:48px;}
.app-main{ width:185px; float:right; border:1px solid #d1d1d1; background:url(../images/services/approachbg.jpg) repeat-y left top;}
.app-heading{ height:25px; width:170px; float:left; padding:10px 0 0 15px; font-weight:bold; border-bottom:1px solid #d2d2d2;}
.app-iconpart{ height:60px; float:left; padding:0 5px;}
.appicon{ width:58px; float:left;}
.apptext{ width:112px; float:left; padding:15px 0 0 5px; color:#323232; font-size:14px; font-weight:bold; text-align:center;}
.apptext2{ width:112px; float:left; padding:8px 0 0 5px; color:#323232; font-size:14px; font-weight:bold; text-align:center;}
.app-border{ height:2px; width:185px; float:left; background:url(../images/services/approach-spacer.jpg) no-repeat left top;}
.darkgraylink{ color:#323232; font-size:14px; font-weight:normal; text-decoration:none;}
.darkgraylink:hover{ color:#007790;}
.lightgraytext{ font-family:Arial, Verdana, Tahoma, Helvetica, sans-serif; color:#898989; font-size:14px; font-weight:normal; text-decoration:none;}


.ser-rightbox{ width:430px; float:left;}
.ser{ height:auto; width:430px; float:left;}
.ser ul{ width:auto; float:left; list-style:none;}
.ser li{ width:400px; float:left; background:url(../images/services/arrow2.gif) no-repeat 15px 8px; padding-left:30px; display:inline; line-height:20px;}
.ser li.j{ width:385px; float:left; background:url(../images/services/arrow3.gif) no-repeat 30px 8px; padding-left:45px; display:inline; line-height:20px;}

/*------------- IT Consulting Part Start -------------*/
.it-iconpart{ width:45px; float:left;}/*padding-top:20px;*/
.it-text{ width:600px; float:left; padding-left:20px; padding-bottom:15px;}
.it-text2{ width:600px; float:left; padding-right:20px; padding-bottom:15px;}
/*------------- IT Consulting Part End -------------*/

/*------------------------------------services Main part Class and id End------------------------------------*/

/*------------------------------------ New Services - Java CSS Part Start ------------------------------------*/
#ser-head{ height:38px; width:880px; float:left;}
#ser-bluehead{ height:38px; width:200px; float:left;}
#blueleftpart{ height:38px; width:7px; float:left; background:url(../images/services/blueleft.jpg) no-repeat left top;}
#bluemidpart{ height:29px; width:156px; float:left; background:url(../images/services/bluemid.jpg) repeat-x left top; padding:9px 6px 0 6px; font-family:Arial, "Trebuchet MS"; font-size:14px; font-weight:bold; text-decoration:none; color:#fff;}
#bluerightpart{ height:38px; width:25px; float:left; background:url(../images/services/blueright.jpg) no-repeat left top;}
#whitetopgrebox{ height:38px; width:680px; float:left;}
#ser-topwhiteheadmid{ height:38px; width:652px; float:left; background:url(../images/services/blue-whitemid.jpg) repeat-x left top;}
#ser-topwhiteheadright{ height:38px; width:28px; float:left; background:url(../images/services/blue-whiteright.jpg) no-repeat left top;}

#sermainmidbox{ height:264px; width:880px; float:left;}
#serleftimg{ height:264px; width:7px; float:left; background:url(../images/services/services-left.jpg) no-repeat left top;}
#sermidimg{ height:261px; width:866px; float:left; background:url(../images/services/services-mid.jpg) repeat-x left top; padding:1px 0 2px 0;}
#serrightimg{ height:264px; width:7px; float:left; background:url(../images/services/services-right.jpg) no-repeat left top;}
#ser-bottomsed{ height:29px; width:880px; float:left; background:url(../images/services/services-bottomsed.jpg) no-repeat left top;}
/*------------------------------------ New Services - Java CSS Part End ------------------------------------*/

/*------------------------------------Consul tancy services Class and id Start------------------------------------*/
.meddleparttext{ height: auto; width:880px; float:left;}
.leftmenulinks{
	font:12px normal Arial, Verdana, Tahoma, Helvetica, sans-serif;
	color:#000000;
	text-align:left;
	text-decoration:none;
	text-transform:uppercase;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #b0b0b0;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	height: 22px;
	padding-left:14px;
	padding-top:10px;
	width:180px;
}
.leftmenulinksa{
	font:11px normal Arial, Verdana, Tahoma, Helvetica, sans-serif;
	color:#000000;
	text-align:right;
	text-decoration:none;
	text-transform:uppercase;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-right: 0px;
}
.leftmenulinksa:hover{
	color:#000000;
	text-decoration:underline;
}
.leftmenulinksCurrent{
	font:12px normal Arial, Verdana, Tahoma, Helvetica, sans-serif;
	color:#000000;
	text-align:left;
	text-decoration:none;
	text-transform:uppercase;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #b0b0b0;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	height: 20px;
	padding-left:14px;
	padding-top:10px;
	width:180px;
	background-color:#c7d9ac;
}
.imageboxnew{border:solid 0px #999; margin-bottom:30px; width:100%; height:auto;}

.leftmenu{width:198px;
padding-right:5px;
float:left;
}

.leftmarginnew{margin-left:10px;}

.righttext{
	width:670px; 
	float:left; 
	height:auto;
	border-left:1px solid #ccc;
	height:auto;
}

/*------------------------------------Consul tancy services Class and id End------------------------------------*/

/*------------------------------------Experience and Accreditations Class and id Start------------------------------------*/
.boxpart{width:180px; height:150px;}
/*------------------------------------Experience and Accreditations Class and id End------------------------------------*/

/*------------------------------------ Media Centre Part Start ------------------------------------*/
.medialeftpart{ height:auto; width:420px; float:left; padding-right:20px;}
.mediarightpart{ height:auto; width:440px; float:left; text-align:right; font-size:16px; color:#000; font-weight:bold; text-decoration:none;}

/*------------------------------------ Media Centre Part End ------------------------------------*/

/*------------------------------------Clients Class and id Start------------------------------------*/
.clientsleftpart{width:204px; float:left;}
.clientsrightpart{width:665px; float:right; border-left:1px solid #d7d7d7; padding-left:10px;}
.clientsrightsub{ width:665px; float:left;}
.clientshadding{ height:29px; width:665px; float:left;}
.clientsmain{width:285px; float:left; padding-right:50px;}
.clientstestimonial{width:330px; float:Right;}
.testimonialtop{ height:26px; width:308px; float:left; background:url(../images/clients/testimonial-topbg.jpg) repeat-x left top; border:1px solid #000; padding:6px 10px 0 10px; margin-bottom:5px; font-size:13px; color:#FFF; font-weight:bold;}
.testi-textpart{ height:auto; width:318px; float:left; border:1px solid #838383; border-bottom:none;  padding:10px 5px 0 5px;}
.test-leftsidepart{ height:auto; width:25px; float:left; font-size:50px; color:#878887; padding-top:13px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
.test-rightsidepart{ height:auto; width:25px; float:left; text-align:right; font-size:50px; color:#878887; padding-top:110px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
.testi-text{ height:auto; width:268px; float:left;}
.testi-bottom{ height:21px; width:328px; float:left; background:url(../images/clients/testimonial-bottombg.jpg) repeat-x left top; border:1px solid #878887; text-align:center; padding-top:5px;}
.clientslogopart{ height:auto; width:auto; float:left; padding:40px 15px 20px 15px;}
.normalheight{ height:400px;}

#clientsmain{width:520px; float:left; margin-right:20px;}
#clientsmain ul{list-style:url(../images/ul_icon.gif); padding:0 0 0 20px;}
#greatbox{width:340px; float:left;}
#greatbox ul{list-style:url(../images/ul_iconblack.gif); padding:0px 0 0 15px;}
#greatboxsaas{width:340px; float:left;}
#greatboxsaas ul{list-style:decimal; padding:0px 0 0 15px;}

#whynoodlesoft{width:600px; margin:0px; border:0px;}
#whynoodlesoft li{ list-style-image:url(../images/ul_icon1.gif); padding-left:0px; padding-bottom:5px; padding-top:5px;}

.benefitsbig{font:normal 53px Arial, Verdana, Tahoma, Helvetica, sans-serif; color:#efb402; float:left;}
.benefitsmeddle{font:normal 27px Arial, Verdana, Tahoma, Helvetica, sans-serif; color:#efb402; margin:0 0 0 35px; text-align:left;}

.benefitssmall{font:normal 15px Arial, Verdana, Tahoma, Helvetica, sans-serif; color:#efb402;}
.bigcots{font:normal 37px Arial, Verdana, Tahoma, Helvetica, sans-serif; color:#000000; margin:0 0 0 0px; text-align:left;}

#clientsleft{ height:auto; width:540px; float:left;}
#clientright{ height:auto; width:340px; float:left;}
.clientheadingbox{ height:29px; width:540px; float:left;}
.clientrightheadingbox{ height:29px; width:320px; float:left; padding-left:0px;}
#clientboxtext{  width:308px; float:left; background-color:#61766d; color:#ffffff; line-height:13px; padding:5px 15px 10px 15px;}
/*.clientgparttop {height:15px; width:338px; float:left; background:url(../images/clienttop_bg.jpg) no-repeat left top;}
.clientgpartbottom {height:33px; width:338px; float:left; background:url(../images/clientbottom_bg.jpg) no-repeat left top;}*/


/*------------------------------------Clients Class and id Start------------------------------------*/
.contctbox { height:auto; width:857px; float:left; border:1px solid #a9d9e9; background-color:#edf6f8; padding:10px;}
.con-toptextbox{ width:857px; float:leftl; font-size:15px; color:#676566; font-weight:bold;}
.con-mainbox{ width:857px; float:left; padding-top:10px;}
.con-leftpart{ height:auto; width:376px; float:left; border-right:1px solid #4aa6d5;}
.formpart{ height:30px; width:375px; float:left; padding-bottom:5px;}
.conname{ height:25px; width:150px; float:left; padding:5px 10px 0 0; color:#818181; font-weight:bold;}
.fieldpart{ height:auto; width:215px; float:left; padding-top:3px;}
.redtext{ color:#F00; font-size:16px; font-weight:bold;}
.con-rightbox{ height:auto; width:470px; float:left; margin-left:10px; color:#818181; font-weight:bold;}
.enquirybox{ height:130px; width:470px; float:left; border-bottom:1px solid #4aa6d5;}
.enquiryname{ height:30px; width:100px; float:left; padding-right:10px;}
.enquiryfield{ height:89px; width:360px; float:left; clear:both;}
.document{ height:auto; width:470px; float:left; padding-top:10px;}
.documenttext{ height:auto; width:470px; float:left; padding:10px 0;}
.documentfield{ height:21px; width:400px; background:#FFF;}


/*------------------------------------Clients Class and id End------------------------------------*/

/*------------------------------------What Makes Us Different Class and id Start------------------------------------*/

#Different{
	width:655px; 
	float:left; 
	height:auto;
	border-left:1px solid #ccc;
	height:auto;
}
#Different ul{list-style:url(../images/ul_icon.gif); padding:0 0 0 20px;}
.Different{width:640px; float:left; margin-right:20px;}

/*------------------------------------What Makes Us Different Class and id End------------------------------------*/

/*------------------------------------Saas Solutions Class and id Start------------------------------------*/
#Saasmain{
	width:670px; 
	float:left; 
	height:auto;
	border-left:1px solid #ccc;
	height:auto;
}
#Saasmain ul{list-style:url(../images/ul_icon.gif); padding:0 0 0 20px;}
.Saasmain{width:640px; float:left; margin-right:20px;}

/*------------------------------------Saas Solutions Class and id End------------------------------------*/
.largeborder{margin:0 20px 40px 40px; float:right;}

#differencemain, #saasmain {width:100%; float:left;}
#differencemain ul, #saasmain ul{list-style:url(../images/ul_icon.gif); padding:0 0 0 20px;}


.boxpartbgc{width:204px; height:120px; background-color: #edf6f8; border-right: solid 2px white; padding:7px;}
.boxpartnobgc{width:206px; height:120px; margin-top:10px; padding:7px;}
.clrfloat{clear:both;}
.margintop20{margin-top:20px;}
.textbold{ font-weight: bold;}

/*Careers part start*/
.careertext{ width:503px; float:left; padding-right:25px;}
.careerrightbox{ width:330px; float:left;  background-color:#edf6f8; border:1px solid #a9d9e9; padding:10px;}
.careerheding{ height:20px; width:310px; float:left; font-size:15px; color:#676566; font-weight:bold;}
.careerformpart{height:30px; width:310px; float:left;}
.careerformpart2{height:auto; width:310px; float:left; padding-bottom:10px;}
.careername{height:20px; width:95px; float:left; padding:3px 10px 0 0; color:#818181; font-weight:bold;}
.careerfield{ height:auto; width:205px; float:left; padding-top:3px;}
.careerbrieftext{ width:310px; float:left; color:#818181; font-weight:bold; padding-top:10px;}
.browse{ width:200px; background:#FFF;}

.confirmtext{ color:#00527c; font-size:12px; font-weight:bold;}
.error{ color:#900; font-size:22px; text-decoration:none; font-weight:bold;  margin:0 0 5px 0px; }
.redsmalltext{ color:#900; font-size:12px; text-decoration:none; font-weight:bold;  margin:0 0 5px 0px; }
.blacklink{ color:#000; text-decoration:none; font-weight:bold;}
.blacklink:hover{ color:#333;}
/*Careers part End*/

.sitesub{ height:auto; width:auto; float:left;}
.sitesub ul{ height:auto; width:200px; float:left; list-style:none;} 
.sitesub li{ height:auto; width:300px; float:left; display:inline; }
.sitesub li a{ height:auto; width:300px; float:left; padding: 0 55px; background:url(../images/sitemap_arrow.gif) no-repeat 35px -1px; display:inline; color:#424741; text-decoration:none;}
.sitesub li a:hover{ color:#090; }
/*------------ Conatct Us Part Start ------------*/ 
#con-topmainbox{ height:auto; width:663px; float:left; border:1px solid #d1d1d1;}
.con-head{ height:26px; width:653px; float:left; background:url(../images/contactus/contactus-headbg.jpg) repeat-x left top; padding:7px 0 0 10px; color:#074154; font-size:16px; font-weight:bold;}
.con-textbox{ height:auto; width:623px; float:left; background:url(../images/contactus/contactus-grabg.jpg) repeat-x left Bottom #FFF; padding:20px; line-height:18px;}
.con-textsub{ height:auto; width:155px; float:left; padding-right:20px; border-right:1px solid #d1d1d1;}
.con-textsub2{ height:auto; width:145px; float:left; padding:0 20px; border-right:1px solid #d1d1d1; text-align:center;}
.con-textsub3{ height:auto; width:240px; float:left; padding-left:20px;}

.concallmain-left{ height:auto; width:315px; float:left; padding-right:35px;}
.concallmain-right{ height:auto; width:315px; float:right;}
.concallpart{ height:auto; width:315px; float:left; padding:10px 0 15px 0; border-bottom:1px solid #CCC;}
.con-iconpart{ width:45px; float:left;}
.con-calltext{ width:255px; float:left; padding-left:15px;}

/*------------------------------------Project Part Start------------------------------------*/
#showcasemain{ height:auto; width:663px; float:left; border:1px solid #cccccc;}
.show-leftbutton{ height:auto; width:49px; float:left; padding-top:120px; text-align:center;}
#show-midpart{ height:auto; width:565px; float:left;}
#show-bottomlink{ height:auto; width:645px; float:left; text-align:center; padding-top:10px;}
.normallink{ color:#000; text-decoration:none;}
.normallink:hover{ color:#5e9a00; text-decoration:none;}
.ActiveLink{ color:#5e9a00; text-decoration:none;}
.show-imgpart{ height:auto; width:238px; float:left; padding:10px 10px 10px 0;}
.righttextpart{ height:auto; width:317px; float:left; padding:10px 0;}
/*------------------------------------Project Part End------------------------------------*/

/*------------ Conatct Us Part End ------------*/
/*Sitemap Part Start*/
.sitemapmain{ height:273px; width:898px; float:left; border:1px solid #dcdcdc; border-bottom:none; background:url(../images/sitemap/gradient-bg.jpg) repeat-x left top; padding-top:10px;}
.sitemap{ height:auto; width:200px; float:left;}
.sitemap ul{ height:auto; width:200px; float:left; list-style:none;}
.sitemap li{ height:auto; width:200px; float: left;}
.sitemap li a{ height:auto; width:auto; float: left; background:url(../images/sitemap/blue-arrow.gif) no-repeat left 12px; padding:6px 0 0 15px; font-weight:bold; color:#00527c; text-decoration:none;}
.sitemap li a:hover{ color:#499500; background:url(../images/sitemap/blue-arrow-on.gif) no-repeat 5px 12px; padding:6px 0 0 20px;}
.sitemap li.c a{ height:auto; width:auto; float: left; background:url(../images/sitemap/blue-arrow2.gif) no-repeat 15px 11px; padding:5px 0 0 25px; font-weight:normal; color:#00527c; text-decoration:none;}
.sitemap li.c a:hover{ color:#499500; background:url(../images/sitemap/blue-arrow2-on.gif) no-repeat 20px 11px; padding:5px 0 0 30px;}

.sitemap-b{ height:auto; width:150px; float:left;}
.sitemap-b ul{ height:auto; width:150px; float:left; list-style:none;}
.sitemap-b li{ height:auto; width:150px; float: left;}
.sitemap-b li a{ height:auto; width:auto; float: left; background:url(../images/sitemap/blue-arrow.gif) no-repeat left 12px; padding:6px 0 0 15px; font-weight:bold; color:#00527c; text-decoration:none;}
.sitemap-b li a:hover{ color:#499500; background:url(../images/sitemap/blue-arrow-on.gif) no-repeat 5px 12px; padding:6px 0 0 20px;}
/*Sitemap Part End*/

/*--------------------------------- web development maintenance and support Page Css Start--------------------------------*/
#wdms-mainbox{ height:auto; width:663px; float:left; border:1px solid #ffe4d7; }
#wdms-subbox1{ height:auto; width:220px; float:left; border-right:1px solid white; background-color:#fff4e9;}
#wdms-heading1{ height:25px; width:210px; float:left; padding:7px 0 0 10px; color:#fffefc; font-weight:bold; background:url(../images/wdms/silverbg.jpg) repeat-x left top;}
#wdms-subbox2{ height:auto; width:220px; float:left; border-right:1px solid white; background-color:#ffe9e1;}
#wdms-heading2{ height:25px; width:210px; float:left; padding:7px 0 0 10px; color:#fffefc; font-weight:bold; background:url(../images/wdms/goldbg.jpg) repeat-x left top;}
#wdms-subbox3{ height:auto; width:221px; float:left; background-color:#ffe6e5;}
#wdms-heading3{ height:25px; width:211px; float:left; padding:7px 0 0 10px; color:#fffefc; font-weight:bold; background:url(../images/wdms/platinumbg.jpg) repeat-x left top;}
.wdms-textpart{ height:110px; width:215px; float:left; padding:10px 5px 10px 0; line-height:18px; text-align:left;}
.wdms-ul{ height:auto; width:auto; list-style:none; }
.wdms-ul li.j{ height:auto; width:190px; float:left; background:url(../images/wdms/arrow1.gif) no-repeat 10px 7px; padding-left:25px; display:inline; }
.wdms-ul li.m{ height:auto; width:190px; float:left; background:url(../images/wdms/arrow2.gif) no-repeat 10px 7px; padding-left:25px; display:inline; }
.wdms-ul li.s{ height:auto; width:190px; float:left; background:url(../images/wdms/arrow3.gif) no-repeat 10px 7px; padding-left:25px; display:inline; }

.wdms-discount{ height:auto; width:645px; float:left; padding:10px; background:#ffdddd; margin-top:1px;}

/*--------------------------------- web development maintenance and support Page Css End--------------------------------*/

/*------------------------------------Marks stuff------------------------------------*/

.largeborder{margin:0 20px 40px 40px; float:right;}



.boxpartbgc{width:204px; height:120px; background-color: #edf6f8; border-right: solid 2px white; padding:7px;}
.boxpartnobgc{width:206px; height:120px; margin-top:10px; padding:7px;}
.clrfloat{clear:both;}
.margintop20{margin-top:20px;}
.textbold{ font-weight: bold;}

/*------------------------------------Marks stuff 03/03/2010------------------------------------*/

#width50pcleft{width:47%; float:left; padding-right:20px;}
#width50pcright{width:47%; float:right; padding-right:20px;}
.hrthickgreen{height:3px; color:green;}
.margintop3{margin-top:3px;}
.greylinkl20{color:#424741; text-decoration:none; padding-left:20px;}
.greylinkl34{color:#424741; text-decoration:none; padding-left:34px;}
.topbannersitemap {width:932px; background-image: url(../images/sitemap/sitemap1.jpg); background-repeat:no-repeat; float:left; height:210px;}
.sitemapcnt{ width:413px; float:left; padding-bottom:34px;}
.sitemapcnt2{ height:175px; width:413px; float:left;}

/*------------------------------------Marks stuff 04/03/2010------------------------------------*/

.biobox, .bioboxnomargin{width:200px; height:70px; border: solid 1px #999999; float:left;}
.biobox{margin-right:20px;}
.greenbold{color:#5e9a00; font-weight: bold;}
.graybold{color:#5f6063; font-weight: bold;}
#width100{width: 100%}