@charset "utf-8";
body {
	background-image: url(../images/body_bg.jpg);
	background-repeat: repeat-x;
	margin: 0px;
	background-color: #e4e4e4;
}
img{border:none;}
object{border:none;}
a{text-decoration:none;}
.sublink a{color:#0099CC;}
.sublink a:hover{
	color:#666666;
}
/*h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
}*/
h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #333333;
	margin: 0px;
	padding: 0px;
}
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #333333;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: -5px;
	margin-left: 0px;
}
h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #333333;
	margin: 0px;
	padding: 0px;
}
.padg-bottom-1 {
	padding-bottom: 10px;
}
.pdg-top-1 {
	padding-top: 10px;
}
.padg-1{
padding-top:10px;}
.txtpopup{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	font-weight: normal;
	color: #000000;
}
/*///////////////////////////body area height////////////////////////////*/
.hgt-1{	height: 395px;}
.hgt-2 {
	height: 530px;
}
.hgt-3wd {
	height: 530px;
}
.hgt-corpid {
	height: 560px;
}
.hgt-customapp {
	height: 970px;
}
.hgt-csr {
	height: 1050px;
}


.hgt-contact {	height: 380px;}
*html.hgt-contact {	height: auto;
	
}
.hgt-about {
	height: 380px;
}
*html.hgt-about {
	height: auto;
}
.hgt-methodology {
	height: 420px;
}
.hgt-tech {
	height: 970px;
}
.hgt-serv {
	height: 390px;
}
.hgt-man {
	height: 670px;
}
.hgt-designserv {
	height: 430px;
}
.hgt-index {	height: 380px;}
*html.hgt-index {	height: 300px;}
/*///////////////////////////body area height end////////////////////////////*/
/*/////////////////////////////Left menu end//////////////////////*/

.hgt-webdevlp {
	height: 810px;
}
.hgt-anim {
	height: 680px;
}
.hgt-ric {
	height: 465px;
}
/*///////////////////////////body area height end////////////////////////////*/
.headermain {
	display: block; 	padding: 0px;	height: 101px;	width: 918px;	margin-top: 0px;	margin-right: auto;	margin-bottom: 0px;	margin-left: auto;}
.logo {
	display: block;
	float: left;
	height: 71px;
	width: 251px;
	background-image: url(../images/logo.jpg);
	padding-top: 20px;
	padding-left: 8px;
	cursor: pointer;
	cursor:hand;
}

/*///////////////Banner CSS////////////////////*/
.banner {	display: block;	height: 235px;	width: 918px;	margin-right: auto;	margin-left: auto;	margin-top: 0px;}
.bannertop {	display: block; 	float:left;	height: 8px;	width: 918px;	margin: 0px;	padding: 0px;	float: left;}
.bannerlefttopcorner {	display: block;	float: left;	height: 8px;	width: 7px;	background-image: url(../images/banner_leftcorner.jpg);	background-repeat: no-repeat;}
.bannertopcenter {	display: block;	float: left;	height: 8px;	width: 904px;	background-image: url(../images/bannertop_brdr.jpg);	background-repeat: repeat-x;}
.bannerrighttopcorner {	display: block;	float: left;	height: 8px;	width: 7px;	background-image: url(../images/banner_rightcorner.jpg);	background-repeat: no-repeat;}
.bannerrightcontent {	display: block;	float: left;	height: 219px;	width: 248px;	background-image: url(../images/banner_rightgradiantbg.jpg);	background-repeat: repeat-y;}
.bannerimgmain {	display: block;	height: 219px;	width: 918px;	float: left;	margin: 0px; }
*html .bannerimgmain {	display: block;	height: 219px;	width: 918px;	float: left;	margin-top: -11px;	margin-right: 0px;	margin-bottom: 0px;	margin-left: 0px;}
.bannerrightborder {	display: block;	float: left;	height: 219px;	width: 7px;	background-image: url(../images/banner_rightbrdr.jpg);	background-repeat: no-repeat;}

.bannertext_dessrv {	display: block;	height: auto;	margin-top: 68px;}
.bannerbottom {	display: block;	height: 8px;	width: 100%;	background-image: url(../images/banner_bottomborder.jpg);	background-repeat: repeat-y;	float: left; overflow:hidden;}
.bannerimg_index {	display: block;	float: left;	height: 219px;	width: 663px;	background-image: url(../images/banner_index.jpg);	background-repeat: no-repeat;}
.bannerimg_about {	display: block;	float: left;	height: 219px;	width: 663px;	background-image: url(../images/banner_about.jpg);	background-repeat: no-repeat;}
.bannerimg_csr {	display: block;	float: left;	height: 219px;	width: 663px;	background-image: url(../images/banner_csr.jpg);	background-repeat: no-repeat;}
.bannerimg_methodology {	display: block;	float: left;	height: 219px;	width: 663px;	background-image: url(../images/banner_methodology.jpg);	background-repeat: no-repeat;}
.bannerimg_technologies{	display: block;	float: left;	height: 219px;	width: 663px;	background-image: url(../images/banner_technologies.jpg);	background-repeat: no-repeat;}
.bannerimg_services{	display: block;	float: left;	height: 219px;	width: 663px;	background-image: url(../images/banner_services.jpg);	background-repeat: no-repeat;}
.bannerimg_designservices{	display: block;	float: left;	height: 219px;	width: 663px;	background-image: url(../images/banner_designservices.jpg);	background-repeat: no-repeat;}
.bannerimg_webdesign{	display: block;	float: left;	height: 219px;	width: 663px;	background-image: url(../images/banner_webdesign.jpg);	background-repeat: no-repeat;}
.bannerimg_corporateid{	display: block;	float: left;	height: 219px;	width: 663px;	background-image: url(../images/banner_corporateid.jpg);	background-repeat: no-repeat;}
.bannerimg_webdevelopment{	display: block;	float: left;	height: 219px;	width: 663px;	background-image: url(../images/banner_webdev.jpg);	background-repeat: no-repeat;}
.bannerimg_customapp{display: block;	float: left;	height: 219px;	width: 663px;	background-image: url(../images/banner_customapp.jpg);	background-repeat: no-repeat;}
.bannerimg_manpower{display: block;	float: left;	height: 219px;	width: 663px;	background-image: url(../images/banner_manpower.jpg);	background-repeat: no-repeat;}
.bannerimg_why{display: block;	float: left;	height: 219px;	width: 663px;	background-image: url(../images/banner_why.jpg);	background-repeat: no-repeat;}
.bannerimg_contact{display: block;	float: left;	height: 219px;	width: 663px;	background-image: url(../images/banner_contact.jpg);	background-repeat: no-repeat;}
.bannerimg_animation{display: block;	float: left;	height: 219px;	width: 663px;	background-image: url(../images/banner_animation.jpg);	background-repeat: no-repeat;}
.bannerimg_ric{display: block;	float: left;	height: 219px;	width: 663px;	background-image: url(../images/banner_ric.jpg);	background-repeat: no-repeat;}

.bannertext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	display: block;
	height: auto;
	line-height: 18px;
	text-align: center;
	vertical-align: top;
	width: 100%;
}


/*///////////////Banner end/////////////////////////////*/
.bodymain{
	display: block;
	width: 858px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/bodybg.jpg);
	background-repeat: repeat-y;
	padding-right: 30px;
	padding-left: 30px;
	padding-top: 26px;
	padding-bottom: 26px;
	margin-top:0px;
	
	
}

.bodyblock-1{
	display: block;
	float: left;
	height: 400px;
	width: 217px;
}


.bodyblock-2{
	display: block;
	float: left;
	height: 400px;
	width: 383px;
	background-image: url(../images/body_divider.jpg);
	background-position: center -15px;
	background-repeat: no-repeat;
	padding-right: 26px;
	padding-left: 26px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	line-height: 16px;
}

.bodyblock-2indx{
	display: block;
	float: left;
	height: 370px;
	width: 383px;
	background-image: url(../images/body_divider.jpg);
	background-position: center -15px;
	background-repeat: no-repeat;
	padding-right: 26px;
	padding-left: 26px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	line-height: 16px;
}
*html.bodyblock-2indx{
	display: block;
	float: left;
	height: 370px;
	width: 383px;
	background-image: url(../images/body_divider.jpg);
	background-position: center -15px;
	background-repeat: no-repeat;
	padding-right: 24px;
	padding-left: 24px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	line-height: 16px;
}
.bodyblock-2-in {
	display: block;
	float: left;
	height: 400px;
	width: 383px;
	padding-right: 39px;
	padding-left: 13px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	line-height: 16px;
}



*html .bodyblock-2-in {
	display: block;
	float: left;
	height: auto;
	width: 383px;
	padding-right: 40px;
	padding-left: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	line-height: 16px;
}


.bodyblock-3{
	display: block;
	float: left;
	width:205px;
	height: 400px;
}

*html.bodyblock-3{
	display: block;
	float: left;
	width:205px;
	height: auto;
}

.bodyblock-3csr{
	display: block;
	float: left;
	width:205px;
	height: 600px;
}
.microsoft_partner {
	display: block;
	text-align: center;
	height: 136px;
	width: 217px;
	margin-top: 0px;
}

.chat_hd {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-align: center;
	padding-top: 8px;
	padding-right: 8px;
	padding-left: 8px;
	margin-bottom: 5px;
}
/*//////////////////////////////leftcontent//////////////////*/
.leftcontent {
	display: block;
	float: left;
	height: 361px;
	width: 217px;
	/*position:fixed;*/
}
*html.leftcontent {
	display: block;
	float: left;
	height: auto;
	width: 217px;
	/*position:fixed;*/
}
.leftcontent_top {
	background-image: url(../images/leftboxtop.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 33px;
	padding-left: 25px;
	padding-top: 30px;
}

.leftcontent_center {
	background-image: url(../images/leftbox_bg.jpg);
	background-repeat: repeat-y;
	height: 160px;
	/*padding-top: 10px;*/
	padding-right: 20px;
	padding-left: 25px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	font-weight: normal;
	color: #333333;
}
.leftcontent_bottom {
	display: block;
	height: 11px;
	background-image: url(../images/leftbox_bottom.jpg);
	background-repeat: no-repeat;
	margin-bottom:6px;
}
a .readmore {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #266dab;
	display: block;
	height: 20px;
	text-align: right;
	text-decoration:none;
	padding-right: 20px;
	padding-top: 1px;
	background-image: url(../images/arrow.jpg);
	background-repeat: no-repeat;
	background-position: right;
	width: 70px;
	float: right;
	cursor: pointer;
}
a:hover .readmore:hover{
	color: #666666;	
	cursor: pointer;
	cursor: hand;
}
a .readmore-csr {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #266dab;
	display: block;
	height: 20px;
	text-align: right;
	text-decoration:none;
	padding-right: 20px;
	padding-top: 1px;
	background-image: url(../images/arrow.jpg);
	background-repeat: no-repeat;
	background-position: right;
	/*width: 70px;*/
	float: right;
	cursor: pointer;
}
a:hover .readmore-csr:hover{
	color: #666666;	
	cursor: pointer;
	cursor: hand;
}
.contentblock-1{
	display: block;
	float:left;
	height: auto;
	width: 166px;
	padding-bottom: 20px;
}
 .contentblock-2{
	display: block;
	float:left;
	height: auto;
	width: 167px;
	margin-left:50px;
	padding-bottom: 20px;
}
*html .contentblock-1{
	display: block;
	float:left;
	height: auto;
	width: 168px;
	padding-bottom: 10px;
}
*html .contentblock-2{
	display: block;
	float:left;
	height: auto;
	width: 167px;
	margin-left:50px;
	padding-bottom: 10px;
}
.contact {
	background-image: url(../images/contact_bg.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 61px;
	padding-left: 55px;
	padding-top: 23px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
}
.rightcontentmain {
	display: block;
	height: 255px;
	margin-top: 10px;
}
.rightcontentmain-csr {
	display: block;
	height: 380;
	margin-top: 10px;
}
.rightcontent_top {
	background-image: url(../images/skybluebg_top.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 10px;
}
.rightcontent_center {
	background-image: url(../images/skybluebg_center.jpg);
	background-repeat: repeat-y;
	display: block;
	height: 231px;
	padding-top: 2px;
	padding-right: 10px;
	padding-left: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	font-weight: normal;
	color: #333333;
	text-align: center;
}
.rightcontent_centercsr {
	background-image: url(../images/skybluebg_center.jpg);
	background-repeat: repeat-y;
	display: block;
	height: 290px;
	padding-top: 2px;
	padding-right: 15px;
	padding-left: 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	font-weight: normal;
	color: #333333;
	text-align: left;
}
*html .rightcontent_centercsr {/*ie6*/
	background-image: url(../images/skybluebg_center.jpg);
	background-repeat: repeat-y;
	display: block;
	height: 224px;
	padding-top: 10px;
	padding-right: 15px;
	padding-left: 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	font-weight: normal;
	color: #333333;
	text-align: center;
	margin-top:-9px;	
}

*html .rightcontent_center {/*ie6*/
	background-image: url(../images/skybluebg_center.jpg);
	background-repeat: repeat-y;
	display: block;
	height: 224px;
	padding-top: 10px;
	padding-right: 15px;
	padding-left: 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	font-weight: normal;
	color: #333333;
	text-align: center;
	margin-top:-9px;	
}

.rightcontent_bottom {
	background-image: url(../images/skybluebg_bottom.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 11px;
}
/*////////////////////////Inner page/////////////////////////////////////*/
h1 {
	background-image: url(../images/hdbg_pagein.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 28px;
	padding-top: 10px;
	padding-left: 55px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #0e93c6;
	margin-top:4px;
	
}
.bodytxt_pagein {
	display: block;
	/*padding-top: 26px;*/
	margin-top:26px;
	padding-left: 10px;
	font-family: Arial;/*font-family: Tahoma;*/
	font-family: Verdana;
	font-size: 12px;
	line-height: 18px;
	font-weight: normal;
	color: #333333;
	text-align: left;
	padding-right: 10px;
	height:auto;
/*	border: 1px solid #FF0000;	*/
}
h5{
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	color: #333333;
	text-align: left;
	margin:12px 0;
}
.bodytxt_pagein_scrl {
	display: block;
	/*padding-top: 26px;*/
	margin-top:26px;
	padding-left: 10px;
	font-family: Arial;/*font-family: Tahoma;*/
	font-family: Verdana;
	font-size: 12px;
	line-height: 18px;
	font-weight: normal;
	color: #333333;
	text-align: left;
	padding-right: 10px;
	height:auto;

}
/*////////////////////////////////////Inner page end///////////////////////////*/
/*//////////////////////////////footer start//////////////////////////////////*/
.footermain {
	display: block;
	height: 92px;
	width: 100%;
	background-color:#FAFDFE;
	background-image: url(../images/footerbg.jpg);
	background-position:top;
	background-repeat: repeat-x;
	padding:0;
	margin:0;
}
.footer {
	display: block;
	height: 92px;
	width: 918px;
	margin-right: auto;
	margin-left: auto;
}
.footerleft {
	margin-top: 33px;
	margin-left: 30px;
	width: 320px;
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
	display:block;
	float:left;
}
.footerright{
	margin-top: 33px;
	margin-right: 30px;
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
	display:block;
	float:right;
	text-align: right;
}
.footerright a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}
.footerright a:hover{
	color: #666666;
}
/*//////////////////////////////footer end//////////////////////////////////*/

/*//////////////////////////////Top Menu//////////////////////////////////*/
.nav {
	display: block;
	float: right;
	height: 38px;
	width: 658px;
	margin-top: 63px;
	position:relative;
}
.mainnavleft{
	display: block;
	float: right;
	height: 38px;
	width: 9px;
	background-image: url(../images/menubg_right.jpg);
	background-repeat: no-repeat;
}
.navtxt{
	background-image: url(../images/menubg_center.jpg);
	background-repeat: repeat-x;
	display: block;
	height: 26px;
	width: auto;
	float: right;
	padding-top: 12px;
	padding-right: 4px;
	padding-left: 4px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
}
.navdivider{
	background-image: url(../images/menu_divider.jpg);
	background-repeat: no-repeat;
	float: right;
	height: 38px;
	width: 2px;
	margin-top: 0px;
}
.mainnavright{
	display: block;
	float: right;
	height: 38px;
	width: 9px;
	background-image: url(../images/menubg_left.jpg);
	background-repeat: no-repeat;
}
.activelink .navtxt{
	background-image: url(../images/menubg_centerhover.jpg);
	background-repeat: repeat-x;
	color: #000000;
}
.activelink .mainnavright{
	background-image: url(../images/menubg_lefthover.jpg);
	background-repeat: no-repeat;
	}
.activelink .mainnavleft{
	background-image: url(../images/menubg_righthover.jpg);
	background-repeat: no-repeat;
}	
.nav a:hover{
	cursor: pionter; 	cursor: hand;
}
.nav a:hover .navtxt{
	background-image: url(../images/menubg_centerhover.jpg);
	background-repeat: repeat-x;
	color: #000000;
}
.nav a:hover .mainnavright{
	background-image: url(../images/menubg_lefthover.jpg);
	background-repeat: no-repeat;
}
.nav a:hover .mainnavleft{
	background-image: url(../images/menubg_righthover.jpg);
	background-repeat: no-repeat;
}
/*//////////////////////////////Top Menu end//////////////////////////////////*/
/*/////////////////////////////Left menu//////////////////////*/

.leftmenu {
	list-style-type: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #666666;
	margin: 0px;
	padding: 0px;
}
.leftmenu li a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #0e83af;
	text-decoration: none;
}
.leftmenu li a:hover {
	color: #666666;
}
.submenublock{
	display: block;
	height: auto;
	width: 184px;
	margin-top: 3px;
	margin-bottom:8px;
}
.submenu_1 {
	display: block;
	float: left;
	height: 29px;
	width: auto;
	font-family: Tahoma;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
}
.submenucenter {
	display: block;
	float: left;
	height: 22px;
	width: auto;
	background-image: url(../images/submenucenter.jpg);
	background-repeat: repeat-x;
	padding-top: 7px;
	padding-right: 5px;
	padding-left: 5px;
}
.submenuleft {
	display: block;
	float: left;
	height: 29px;
	width: 7px;
	background-image: url(../images/submenuleft.jpg);
	background-repeat: no-repeat;
}
.submenuright
{	display: block;
	float: left;
	height: 29px;
	width: 7px;
	background-image: url(../images/submenuright.jpg);
	background-repeat: no-repeat;
}
a:hover .submenuright{ background-image: url(../images/submenurighthover.jpg); 	background-repeat: no-repeat; cursor: pionter; 	cursor: hand;}
a:hover .submenuleft{ background-image: url(../images/submenulefthover.jpg); 	background-repeat: no-repeat; cursor: pionter; 	cursor: hand;}
a:hover .submenucenter{ background-image: url(../images/submenucenterhover.jpg); 	background-repeat: repeat-x; cursor: pionter; 	cursor: hand;}

.submenu_top{
	display: block;
	width: 184px;
	height: 29px;
	background-image: url(../images/leftmenutop_bg.jpg);
	background-repeat: no-repeat;
	
}
.submenu_body{
	background-image: url(../images/leftmenubody_bg.jpg);
	background-repeat: repeat-y;
	display: block;
	height: auto;
	padding-top:10px;
	padding-bottom:10px;
}
.submenu_body   a{
	font-family: Tahoma;
	font-size: 12px;
	font-weight: normal;
	color: #0e93c6;
	text-decoration: none;
	height: auto;
	width: auto;
	padding-top: 3px;
	padding-bottom: 3px;
	display: block;
	background-image: url(../images/listarrow.jpg);
	background-repeat: no-repeat;
	padding-left: 34px;
	background-position: 22px center;
	padding-right: 3px;
}
.submenu_body   a:hover{	color: #666666;}
.submenu_bottom{
	background-image: url(../images/leftmenubottom_bg.jpg);	background-repeat: no-repeat;	display: block;	height: 4px; }
.hgt-why {
	height: 500px;
}
#microsoft{
	width:113px;
	height:59px;
	margin:0;
	padding:30px 0 0 13px;
	float:left;
	display:block;
	}
.clear{
	clear:both;
	}	
.content_wraper{
	width:918px;
	height:auto;
	margin:0 auto;
	padding:0;
	}