@import url("screen_white_common.css");

/* style for footer section  starts here */

#footer{

	clear:both;

	background:url(../images/screen_white/bg-footer.gif) repeat-x;

	padding:15px 10px;

	margin:0 0 10px 0;

}

	.clsFooterLinks{

		margin:0 0 10px 0;

	}

	.clsFooterLinks ul{

		float:left;

		width:670px;

	}

	.clsW3cValid{

		float:right;

		width:200px;

	}

		#footer .clsW3cValid p{

			float:left;

			margin:0 10px 0 0;

		}

		.clsFooterLinks li{

			float:left;

			margin:0 10px 0 0;

			background:url(../images/screen_white/bg-borderline.gif) no-repeat right 3px;

			padding:0 10px 0 0;

		}

			.clsFooterLinks li a{

				text-decoration:none;

			}

	#footer p{

		margin:3px 0;

		font-size:11px;

	}

.clsCopyRights{

	float:left;

	width:750px;

}

	.clsFooterScript{

		float:right;

		width:200px;

		margin:10px 0 0 0;

	}

/* style for footer section  ends here */

/* style for sidebar section starts here */

#sideBar{

	width:210px;

	float:right;

	clear:right;

}

.clsCompanySide,.clsServiceSide,.clsPortfolioSide,.clsPortfolioInnerSide{

	display:none;

}

#company .clsCompanySide,#service .clsServiceSide,#portfolio .clsPortfolioSide,#portfolioInner .clsPortfolioInnerSide,#portfolioInner .clsPortFolioPage{

	display:block;

}

	.clsSideBarSection{

		margin:0 0 15px 0;

	}

	.clsInfraStructure h3 a,.clsWhyAbra h3 a,.clsOurTeam h3 a,.clsVissionMission h3 a,.clsOutSource h3 a,.clsAbraLive h3 a,.clsMobileApplication h3 a,.clsReachUs h3 a,.clsOpenSource h3 a,.clsCorporateWebsite h3,.clsBlogNetwork h3,.clsContentManagement h3,.clsEcommerce h3,.clsFlashSite h3,.cls3DModelling h3 a,.clsLocation h3 a,.clsEnquiry h3 a,.clsPartner h3 a{

		background:url(../images/screen_white/bg-infrastructure.gif) no-repeat;

		width:192px;

		height:55px;

		overflow:hidden;

		display:block;

		padding-top:30px;

		padding-left:15px;

	}

	.clsWhyAbra h3 a{

		background:url(../images/screen_white/bg-whyabra.gif) no-repeat;

	}

	.clsOurTeam h3 a{

		background:url(../images/screen_white/bg-ourteam.gif) no-repeat;

	}

	.clsVissionMission h3 a{

		background:url(../images/screen_white/bg-vissionmission.gif) no-repeat;

	}

	.clsOutSource h3 a{

		background:url(../images/screen_white/bg-outsource.gif) no-repeat;

	}

	.clsAbraLive h3 a{

		background:url(../images/screen_white/bg-abralive.gif) no-repeat;

	}

	.clsMobileApplication h3 a{

		background:url(../images/screen_white/bg-mobileapplication.gif) no-repeat;

	}

	.clsReachUs h3 a{

		background:url(../images/screen_white/bg-reachus.gif) no-repeat;

	}

	.clsOpenSource h3 a{

		background:url(../images/screen_white/bg-opensource.gif) no-repeat;

	}

	.clsRequestQuote h3{

		text-indent:-999em;

	}

	.clsCorporateWebsite h3{

		background-image:url(../images/screen_white/bg-corporatewebsite.gif);

	}

	.clsBlogNetwork h3{

		background-image:url(../images/screen_white/bg-blognetwork.gif);

	}

	.clsContentManagement h3{

		background-image:url(../images/screen_white/bg-cms.gif);

	}

	.clsEcommerce h3{

		background-image:url(../images/screen_white/bg-ecommerce.gif);

	}

	.clsFlashSite h3{

		background-image:url(../images/screen_white/bg-flash.gif);

	}

	.cls3DModelling h3 a{

		background-image:url(../images/screen_white/bg-3dmodelling.gif);

	}

	.clsLocation h3 a{

		background-image:url(../images/screen_white/bg-location.gif);

	}

	.clsEnquiry h3 a{

		background-image:url(../images/screen_white/bg-enquiry.gif);

	}

	.clsPartner h3 a{

		background-image:url(../images/screen_white/bg-partnerwithus.gif);

	}

	.clsRequestQuote{

		margin:0 0 20px 0;

	}

	.clsPortfolioRight .clsRequestQuote{

		margin:0;

	}

		.clsRequestQuote h3 a{

			display:block;

			background:url(../images/screen_white/bg-requestquote.gif) no-repeat;

			width:204px;

			height:137px;

		}

		.clsContentManagement h3{

			font-size:12px;

		}

		.clsCorporateWebsite h3,.clsBlogNetwork h3,.clsEcommerce h3,.clsFlashSite h3{

			padding:25px 0 5px 10px;

		}

		.clsEcommerce h3{

			padding:25px 0 5px 6px;

		}

		.clsSideBarSection p{

			padding:2px 10px 10px 10px;

			background:url(../images/screen_white/icon-more.gif) no-repeat right 8px;

			float:left;

		}

		.clsResourcesLink{

			background:url(../images/screen_white/icon-more.gif) no-repeat left 5px;

			padding:0 0 0 15px;

		}

			.clsResourcesLink a{

				text-decoration:none;

			}

		.clsSideBarSection.clsReachUs p{

			padding:2px 10px 3px 10px;

		}

			.clsSideBarSection .clsPhone{

				font-size:13px;

				color:#5F83A5;

				font-weight:bold;

				position:absolute;

				margin:-35px 0 0 0;

				background:none;

			}

			.clsSideBarSection a{

				text-decoration:none;

			}

/* style for sidebar section ends here */

.clsSideMain{

	background:url(../images/screen_white/bg-borderline.jpg) repeat-y 755px 10px;

	overflow:hidden;

	width:100%;

	margin:15px 0 0 0;

}

.clsPortfolioSideMain{

	background:none;

	overflow:hidden;

	width:100%;

	margin:15px 0 0 0;

}

/* style for main section starts here */

#main{

	margin:0 230px 0 0;

	min-height:30em;

}

#portfoliomain{

	margin:0 5px;

	min-height:30em;

}

* html #main{

	height:30em;

}

/* style for main section ends here */

/* style for common section starts here */

.clsCommonContent{

	padding:10px 0;

}

	.clsCommonContent p{

		font-size:13px;

		line-height:19px;

		margin:7px 0 14px 0;

	}

	.clsCommonContent h3{

		font-size:16px;

		color:#497395;

		margin:15px 0;

	}

	.clsCommonContent .clsPortfolioRight h3{

		margin:3px 0 0 0;

	}

	.clsBold{

		font-weight:bold;

	}

/* style for common section ends here */

/* style for company section starts here */

.clsWhatWe{

	width:580px;

}

	.clsProfileImage{

		position:absolute;

		margin:-71px 0 0 580px;

	}

	.clsOurTeamLinks{

		margin:0 0 15px 40px;

	}

		.clsOurTeamLinks li{

			list-style:disc;

		}

/* style for company section ends here */

/* style for service page starts here */

.clsCommonContent .clsServiceContent{

	padding:0 10px 5px 20px;

}

.clsCommonContent p{

	text-align:justify;

}

	.clsCommonContent .clsReadMore{

		text-align:right;

	}

	.clsMobileLinks li a{

		background:url(../images/screen_white/icon-servicelinks.gif) no-repeat left 4px;

		text-decoration:none;

		padding:0 0 0 20px;

		font-weight:bold;

	}

		.clsMobileLinks li a:hover{

			color:#000;

		}

.clsServiceContent h3{

	background:url(../images/screen_white/icon-seviceheading.jpg) no-repeat left center;

	padding:0 0 0 15px;

}

.clsServiceContent h3 a{

	font-size:13px;

	text-decoration:none;

	color:#575757;

}

.clsCommonContent .clsListHandset h3{

	font-size:13px;

	text-decoration:none;

	margin:20px 0 3px 0;

}

	.clsListHandset a{

		text-decoration:none;

		font-weight:bold;

		color:#575757;

	}

	.clsOpenSourceDev{

		background:url(../images/screen_white/bg-opensource.jpg) no-repeat left top;

		padding:0 0 0 180px;

	}

	.clsServiceContent h3 a:hover{

		color:#000;

	}

	.clsCommonContent .clsServiceContent p,.clsServiceContent ul{

		padding-left:15px;

	}

	.clsServiceContent ul{

		padding-left:55px;

	}

		.clsServiceContent li{

			list-style-type:circle;

		}

		.clsMobileApplicationDev .clsMobileApp{

			background:url(../images/screen_white/bg-mobileapplicationdev.jpg) no-repeat left top;

			padding:0 0 0 210px;

		}

/* style for service page ends here */

/* style for portfolio section starts here */

.clsCommonPortFolioSection{

	overflow:hidden;

	width:910px;

	background:url(../images/bg-verticaldashline.gif) repeat-x left bottom;

	margin:10px;

}

.clsPortfolioSections{

	float:left;

	width:260px;

	padding:10px 20px;

	border-right:1px dashed #CECECE;

	margin:0 0 10px 0;

	min-height:370px;

}

.clsPortfolioLeft{

	float:left;

	width:720px;

}

.clsPortfolioRight{

	float:right;

	width:210px;

}

.clsPortfolioCommon{

	width:100%;

	overflow:hidden;

}

.clsNoBorder{

	border:0;

}

* html .clsPortfolioSections{

	height:370px;

}

	.clsPortfolioSections p{

		margin:3px 0 10px 0;

		font:normal 8pt Verdana, Arial, Helvetica, sans-serif;

	}

		.clsPortfolioSections p .clsBold{

			font-weight:bold;

		}

		.clsPortfolioSections .clsPortFolioRight{

			text-align:right;

		}

			.clsPortfolioSections .clsPortFolioRight a{

				text-decoration:none;

				color:#373636;

				font-weight:bold;

			}

		.clsPortfolioSections h3 a{

			color:#F05F07;

			font-size:14px;

			text-decoration:none;

		}

		.clsPortfolioSections h3 a:hover{

			color:#373636;

			font-size:14px;

			text-decoration:underline;

		}

	.clsNoBorder{

		border:0;

	}

	.clsPortfolioSections h3{

		font-size:13px;

	}

.clsCommonContent .clsPortfolioHeading{

	background:transparent url(../images/bg-verticaldashline.gif) repeat-x scroll left bottom;

	color:#373636;

	font-size:16px;

	margin:0 0 10px 0;

	padding:0 0 10px;

	width:920px;

}

.clsPreviousNext ul{

	float:right;

}

	.clsPreviousNext li{

		float:left;

		margin-left:10px;

	}

	.clsPreviousNext li a,.clsPreviousNext .clsNext a,.clsPreviousNext .clsPreviousDisable a,.clsPreviousNext .clsNextDisable a{

		background:url(../images/screen_white/bg-previous.gif) no-repeat;

		width:77px;

		line-height:23px;

		display:block;

		text-indent:-9999em;

	}

		.clsPreviousNext .clsNext a{

			background-image:url(../images/screen_white/bg-next.gif);

		}

		.clsPreviousNext .clsPreviousDisable a{

			background-image:url(../images/screen_white/bg-previousover.gif);

		}

		.clsPreviousNext .clsNextDisable a{

			background-image:url(../images/screen_white/bg-nextover.gif);

		}

/* style for portfolio section ends here */

/* style for whyindia section starts here */

.clsBoldItalic{

	font-weight:bold;

	font-style:italic;

}

	.clsWhyIndiaLinks{

		margin-left:40px;

	}

		.clsWhyIndiaLinks li{

			list-style-type:disc;

		}

		.clsItalic{

			font-style:italic;

		}

/* style for whyindia section ends here */

/* style for  career page starts here */

.clsCareerForm{

	width:550px;

}

.clsCareerForm p span{

	float:left;

}	

	.clsCareerForm .clsLeftLabel{

		width:150px;

	}

		.clsCareerForm .clsCompulsory{

			width:5px;

			color:red;

			float:none;

		}

		.clsCareerForm .clsTextBox,.clsEnquiryForm .clsTextBox,.clsRequestForm .clsTextBox{

			background:url(../images/screen_white/bg-input.gif) no-repeat left top;

			width:233px;

			height:18px;

			border:0;

			padding:5px 12px 0 10px;

		}

		.clsCareerForm .clsSmallTextBox,.clsEnquiryForm .clsSmallTextBox{

			background:url(../images/screen_white/bg-inputsmall.gif) no-repeat left top;

			width:38px;

			height:13px;

			border:0;

			padding:5px;

		}

		.clsCareerForm .clsFileTextBox{

			background:url(../images/screen_white/bg-input.gif) no-repeat left top;

			width:256px;

			height:23px;

			position:absolute;

		}

		.clsCareerForm .clsSmallTextBox:hover{

			background:url(../images/screen_white/bg-inputsmall.gif) no-repeat left bottom;

		}

		.clsCareerForm .clsTextBox:hover,.clsCareerForm .clsTextBox:focus,.clsCareerForm .clsSmallTextBoxHovered,.clsEnquiryForm .clsTextBox:hover,.clsRequestForm .clsTextBox:hover{

			background:url(../images/screen_white/bg-input.gif) no-repeat left bottom;

		}

		.clsCareerForm .clsSubmitReset{

			margin-left:150px;

		}

		.clsCareerForm textarea,.clsEnquiryForm textarea,.clsRequestForm textarea{

			background:url(../images/screen_white/bg-textarea.gif) no-repeat left top;

			width:332px;

			height:113px;

			border:0;

			padding:10px;

		}

		.clsCareerForm textarea:hover,.clsEnquiryForm textarea:hover,.clsRequestForm textarea:hover{

			background:url(../images/screen_white/bg-textarea.gif) no-repeat left bottom;

		}

			.clsCareerForm .clsSubmitReset input{

				background:url(../images/screen_white/button.gif) no-repeat left top;

				border:0;

				width:69px;

				cursor:pointer;

				margin-right:5px;

				color:#FFF;

				height:26px;

				padding:0;

				line-height:26px;

				font-weight:bold;

				outline:none;

			}

				.clsCareerForm .clsSubmitReset input:hover,.buttonSubmit{

					background:url(../images/screen_white/button.gif) no-repeat left bottom;

				}

/* style for career page ends here */

/* style for contact us page starts here */

.clsContactUs p{

	margin:0;

}

.clsContactUsLeft{

	float:left;

	width:250px;

}

.clsContactUsRight{

	float:left;

	margin:10px 0 0 140px;

	padding-top:10px;

	width:340px;

}

.clsContactUs .clsPhoneNumbers p{

	font-size:14px;

	margin:5px 0;

	font-weight:bold;

}

	.clsContactUs a{

		text-decoration:none;

	}

	.clsContactUs h4{

		margin:10px 0 5px 0;

	}

	.clsContactUs .clsGtalk{

		background:url(../images/screen_white/gchat.gif) no-repeat left center;

		padding:0 0 0 40px;

		margin:20px 0 0 0;

		line-height:29px;

	}

	.clsContactUs .clsYahoo{

		background:url(../images/screen_white/yahoomessenger.gif) no-repeat left center;

		padding:0 0 0 40px;

		margin:20px 0 0 0;

		line-height:29px;

	}

	

	.clsContactUs .clsSkype{

		background:url(../images/screen_white/skype.gif) no-repeat left center;

		padding:0 0 0 40px;

		margin:20px 0 0 0;

		line-height:29px;

	}

	

/* style for contact us page ends here */

/* style for enquiry form starts here */

.clsEnquiryForm p span,.clsRequestForm p span{

	float:left;

}

	.clsEnquiryForm .clsEnquiryLabel,.clsRequestForm .clsRequestLabel{

		width:180px;

	}

	.clsEnquiryForm .clsCompulsory,.clsRequestForm .clsCompulsory{

		float:none;

		color:red;

	}

	.clsEnquiryForm .clsEnquirySubmit,.clsRequestForm .clsEnquirySubmit{

		margin-left:110px;

		display:inline;

	}

/* style for enquiry form ends here */

/* style for sitemap section starts here */

.clsSiteMap ul{

	margin:10px 10px 10px 30px;

}

	.clsSiteMap ul ul{

		margin:10px 10px 10px 40px;

	}

.clsSiteMap li{

	list-style:disc;

	margin-bottom:15px;

}

	.clsSiteMap li li{

		list-style:circle;

		margin-bottom:1px;

	}

		.clsSiteMap li a{

			text-decoration:none;

			color:#575757;

		}

/* style for sitemap section ends here */

/* style for testimonial section starts here */

.clsMainTestimonials p{

	margin:0;

}

	.clsMainTestimonials .clsBold{

		margin-bottom:20px;

	}

/* style for tetsimonial section ends here */

select{

	border:1px solid #CCC;

}

/*drawers*/

.relative{

	position:relative; 

}

 .separator { border-top:1px solid #e3e3e3; }

 .box { margin-bottom:1.6em; color:#666; background:#fdfdfd ; width:730px; margin-top:20px;}

 .column .box { background:url(../images/screen_white/boxcaprpt.gif) repeat-y; background-color:#000000; border:10px; }

.sidebar .box { background:url(../images/screen_white/boxcaprpt.gif) repeat-y; }

 .box .padder { padding:0 10px .6em; }

 .box .boxcap { clear:both; position:absolute; width:100%; height:5px; left:0; z-index:100; font-size:1px;}

 .column .box .boxcap.captop { position:absolute; background-image:url(../images/screen_white/boxcaptop.gif) ;background-repeat:no-repeat;height:11px;  }

 .column .box .boxcap.capbot { position:absolute; background-image:url(../images/screen_white/boxcapbot.gif); background-repeat:no-repeat; height:18px;  margin-left:2px;}

 .box h2 { float:none !important; margin:0; padding:4px 0 2px 12px; color:#c9180f; font-size:16px; font-weight:bold; border-bottom:1px solid #6c7b94; background:#72839d url(../images/screen_white/boxtopblue.gif) repeat-x; height:24px;}

 .box h2 a { display:block; width:100%; color:#fff; background:url(http://images.apple.com/mac/home/../images/screen_white/boxtop_linkarrow.gif) 97.5% 40% no-repeat; }

 .box h2 a:hover { text-decoration:none; }

.sidebar .box h2 { width:698px; }

 .box h2.drawer-handle { position:relative; color:#c9180f; cursor:default; border:0; background:url(../images/screen_white/boxtopblue.gif) repeat-x;line-height:27px; margin:0px 0 0 11px;}

 * html  .box h2.drawer-handle{

 	margin:0;

	height:24px;

}

 .box h2.drawer-handle.open { color:#3b6688; cursor:pointer; border:0; background:#72839d url(../images/screen_white/boxtopgray.gif) repeat-x; height:24px; margin-left:11px;}

 * html .box h2.drawer-handle.open{

 	margin:0;

}

/* drawers */

 ul.drawers { margin:7px 0 0 0;/* *margin:7px 0 0 10px;*/}

 ul.drawers li { overflow:hidden; }

 .slider .drawer-content { display:block; height:auto; overflow:hidden; } 

 .padder p,.padder h4{

 	padding:5px 10px;

}

.slider li{

	padding:0;

}

.clsCommonContent .clsWebDirectory{

	margin:15px 0 10px 0;

}

		.clsResourcesLink1{

			text-decoration:none;

			background:url(../images/screen_white/icon-more.gif) no-repeat left 5px;

			padding:0 0 0 15px;

		}

			.clsResourcesLink1 a{

				text-decoration:none;

				font-weight:bold;

			}

			.clsResourcesLink1 a:hover{

				text-decoration:underline;

				font-weight:bold;

			}

.clsResourceCommonBanner{

	float:left;

	width:740px;

}

.clsWebDirectoryBanner{

	float:right;

	width:217px;

}

	.clsWebDirectoryBanner a{

		background:url(../images/screen_white/bg-addwebsite.jpg) no-repeat;

		display:block;

		text-indent:-999em;

		width:217px;

		height:139px;

	}
	
	

body{font-size:12px;}
.ora12text{font-size:12px; color:#FD8201; text-decoration:none; font-weight:normal; font-family:Arial, Helvetica, sans-serif;}

.ash11text{font-size:11px; color:#666; text-decoration:none; font-weight:normal; font-family:Arial, Helvetica, sans-serif;}

.txtbox1{padding:0px 0px 0px 5px; margin:0px 0px 0px 0px; width:240px; height:21px; line-height:21px; font-size:12px; color:#333; border:1px solid #d2d2d2; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; behavior: url(border-radius.htc); outline:none; cursor:text;}