/* CSS Document */

/* ---------- general styles Starts ---------- */
html {
	background:#555555 url(../images/bckgrd_bodyTop.gif) left top repeat-x;
	font-family:Arial;
	font-size:11px;
	color:#333333;
	text-align:center;
	margin:0;
	padding:0;
}
body {
	margin:0;
	padding:0;
}
#wrapper {
	width:1000px;
	padding:0;
	margin:12px auto;
	background-color:#E8EAEB;
}
.button-download {
	background:url(../images/btn_downloadNow.png) left top no-repeat;
	width:206px;
	height:59px;
	font-size:0px;	
	border:0px;
	cursor:pointer;
	display:block;
}
.button-requestProposal {
	background:url(../images/button_request.png) left top no-repeat;
	width:219px;
	height:46px;
	font-size:0px;	
	border:0px;
	cursor:pointer;
	color:#FFFFFF;
}
/* ---------- general styles ends ---------- */

/* ---------- sub level navigation styles starts ---------- */
#sub-navigation {
	clear:both;
	margin:30px 11px 0 0;
	*margin:70px 11px 0 0;
	background:url(../images/bckgrd_leftNav_sub.gif) right top no-repeat;
	height:110px;
}
#sub-navigation h2 {
	font-size:14px;
	color:#1165A5;
	text-align:left;
	padding:8px 0 0 50px;
	margin:0;
}
#sub-navigation ul {
	padding:0;
	margin:8px 0 0 0;
}
#sub-navigation li {
	list-style:url(../images/li_arrow.gif);
	width:213px;
	text-align:left;
	margin:0 0 6px 65px;
	*margin:0 0 6px 70px;
}
#sub-navigation li a:hover {
	text-decoration:underline;
	color:#1165A5;	
}
#sub-navigation li a {
	font-weight:bold;
	font-size:12px;
	color:#333333;
	text-decoration:none;
}
#sub-navigation li span {
	font-weight:bold;
	font-size:12px;
	color:#1165A5;
}
/* ---------- sub level navigation styles ends ---------- */

/* ---------- left column styles starts ---------- */
#leftColumn {
	float:left;
	width:263px;
	min-height:395px;
	background:#E8EAEB url(../images/bckgrd_leftColumn.gif) left top no-repeat;
}
#leftColumn .logo {
	background:url(../images/logo.png) left top no-repeat;
	width:173px;
	height:86px;
	margin:30px 0 20px 55px;
	*margin:30px 0 20px 25px;
}
#leftColumn .logo a {
	display:block;
	width:173px;
	height:86px;
}
	/* ---------- case study styles starts ---------- */
	#leftColumn .panel-caseStudy {
		background:url(../images/bckgrd_caseStudy.gif) left top;
		float:right;
		width:231px;
		height:186px;
		color:#FFFFFF;
		margin-top:40px;
		text-align:left;
	}
	#leftColumn .panel-caseStudy h2 {
		font-size:16px;
		margin:15px 0 5px 0;
		padding-left:20px;
		text-align:left;
	}
	#leftColumn .panel-caseStudy p {
		padding:10px 10px 0 20px;
		margin:0;
		text-align:left;
		line-height:16px;
	}
	#leftColumn .panel-caseStudy .btn-div {
		width:95%;
		margin:10px auto 0 auto;
		text-align:center;
	}
	/* ---------- case study styles ends ---------- */
	/* ---------- knowledge center styles starts ---------- */
	#leftColumn .panel-knowledgeCenter {
		background:url(../images/bckgrd_knowledgeCenter.gif) left top;
		float:right;
		width:233px;
		height:450px;
		margin:30px 0;
		text-align:left;
	}
	#leftColumn .panel-knowledgeCenter h2 {
		font-size:16px;
		margin:15px 0 5px 0;
		padding-left:20px;
		text-align:left;
	}
	#leftColumn .panel-knowledgeCenter ul {
		margin-top:30px;
	}
	#leftColumn .panel-knowledgeCenter li {
		list-style:url(../images/li_arrow.gif);
		font-size:12px;
		padding:0 0 10px 0;
		width:160px;
	}
	#leftColumn .panel-knowledgeCenter .btn-div {
		width:95%;
		margin:10px auto 0 auto;
		text-align:center;
	}
	/* ---------- knowledge center styles ends ---------- */
	
	/* ---------- Portfolio styles ends ---------- */
	#leftColumn .panel-portfolio {
		background:url(../images/portfoliobg.jpg) no-repeat left top;
		float:right;
		width:231px;
		height:364px;
		margin:30px 0 0;
		text-align:left;
		padding-top:51px;		
	}
	#leftColumn .panel-portfolio .textmatter{
	padding:0 10px;
	}
/* ---------- left column styles ends ---------- */

/* ---------- right column styles starts ---------- */
#rightColumn {
	float:right;
	width:737px;
	min-height:470px;
	background:#E8EAEB url(../images/bckgrd_rightColumn.gif) left top repeat-x;
	margin-bottom:25px;
}
	/* ---------- top navigation styles starts ---------- */	
	#rightColumn .topNavigation {
		position:relative;
		width:100px;
		left:10px;
		*left:-310px;
		top:-250px;
		z-index:99999px;
	}
	/*#rightColumn .topNavigation .home {
		float:left;
		width:38px;
		height:37px;
		background:url(../images/icon_home.png) left top no-repeat;
	}
	#rightColumn .topNavigation a.home:hover {
		background:url(../images/icon_home_sel.png) left top no-repeat;
	}
	#rightColumn .topNavigation a.contact {
		float:right;
		background:url(../images/icon_contact.png) left top no-repeat;
		width:38px;
		height:37px;
	}
	#rightColumn .topNavigation a.contact:hover {
		background:url(../images/icon_contact_sel.png) left top no-repeat;
	}*/
	#rightColumn .banner {
		width:688px;
		height:249px;
		margin-top:30px;
		float:left;
	}
	/* ---------- top navigation styles ends ---------- */
	
	/* ---------- middle column styles starts ---------- */
	#rightColumn .middleColumn {
		float:left;
		width:435px;
		text-align:center;		
		border-right:1px dashed #7C8186;
	}
	#rightColumn .middleColumn .mainPara {
		padding:0 10px;
		width:90%;
		margin:0 auto 25px;
		text-align:left;
	}
	#rightColumn .middleColumn .mainPara h2 {
		background:url(../images/mobilePic_small.png) left top no-repeat;
		font-size:16px;
		margin:15px 0 5px 0;
		padding-left:45px;
		text-align:left;
		color:#0D4327;
		line-height:55px;
	}
	#rightColumn .middleColumn .appPortfolio {
		padding:0 10px;
		width:90%;
		margin:0 auto;
		text-align:left;
		border-top:1px dashed #7C8186;
	}
	#rightColumn .middleColumn .appPortfolio h2 {
		font-size:16px;
		margin:20px 0;
		text-align:left;
		color:#0D4327;
	}
	#rightColumn .middleColumn .appPortfolio .download {
		background:url(../images/btn_download.png) left top no-repeat;
		width:80px;
		height:31px;
		border:0;
		font-size:0px;
		margin-top:10px;
		color:#fff;
	}
	/* ---------- middle column styles ends ---------- */
	
	/* ---------- right column styles starts ---------- */
	#rightColumn .rightColumn {
		float:right;
		width:298px;
		text-align:center;
	}
	#rightColumn .rightColumn .followUs {
		background:url(../images/bckgrd_followUs.png) center top no-repeat;
		width:260px;
		height:96px;
		padding:0 10px;
		margin:0 auto;
		text-align:left;
	}
	#rightColumn .rightColumn .followUs h2 {
		font-size:16px;
		padding:10px 20px 5px 20px;
		text-align:left;
		color:#403F3F;
		margin:0;
	}
	#rightColumn .rightColumn .followUs a img {
		border:0;
	}
	#rightColumn .rightColumn .followUs .iconLinks {
		margin-left:20px;
	}
	#rightColumn .rightColumn .clientSpeak {
		padding:0 10px;
		width:90%;
		margin:0 auto;
		text-align:left;
		border-bottom:1px dashed #7C8186;
	}
	#rightColumn .rightColumn .clientSpeak h2 {
		font-size:16px;
		margin:20px 0 0 0;
		text-align:left;
		color:#0D4327;
	}
	#rightColumn .rightColumn .clientSpeak .quotes {
		font-size:90px;
		float:left;
		text-align:left;
		color:#BDBDBD;
		height:112px;		
		
	}
	.margimminus_22{
	margin-top:-22px;
	}
	.margimminus_13{
	margin-top:-13px;
	}
	#rightColumn .rightColumn .clientSpeak .fs-100 {
		float:right;
		font-size:100px;
		color:#BDBDBD;
		margin:-31px 1px 0 0;
		height:5px;
	}
	#rightColumn .rightColumn .clientSpeak .writer {
		clear:both;
		font-size:11px;
		color:#256441;
		font-style:italic;
		margin:0 0 20px 66px;
	}
	#rightColumn .rightColumn .appPortfolio {
		padding:0 10px;
		width:90%;
		margin:0 auto;
		text-align:left;
	}
	#rightColumn .rightColumn .appPortfolio h2 {
		font-size:16px;
		margin:20px 0;
		text-align:left;
		color:#0D4327;
	}
	#rightColumn .rightColumn .appPortfolio .download {
		background:url(../images/btn_download.png) left top no-repeat;
		width:80px;
		height:31px;
		border:0;
		font-size:0px;
		margin-top:10px;
		color:#fff;
	}
	#rightColumn .rightColumn .requestProposal {
		width:90%;
		margin:20px auto;
		text-align:center;
	}
	/* ---------- right column styles ends ---------- */
	
/* ---------- right column styles ends ---------- */

/* ---------- inside right column styles starts ---------- */
.rightColumn-inside {
	width:95%;
	font-size:12px;
	margin:0 auto;
	text-align:left;
}
.rightColumn-inside h2 {
	font-size:21px;
	text-align:left;
	color:#0D4327;
	padding-bottom:5px;
	border-bottom:1px dashed #7C8186;
}
.rightColumn-inside p a {
	color:#1165A5;
	text-decoration:none;
	font-style:italic;
	font-size:15px;
}
.rightColumn-inside p a:hover {
	text-decoration:underline;
}
.rightColumn-inside #domainContainer {
	margin-top:20px;
	width:685px;
	text-align:center;
	background-color:#ffffff;
	border:1px solid #cccccc;
}
.rightColumn-inside #domainContainer .header {
	background-color:#DEEBF5;
	padding:2px 0 2px 10px;
	width:98%;
	margin:2px auto;
	border-bottom:1px solid #BBD4E7;
}
.rightColumn-inside #domainContainer .header .text {
	float:left;
	font-weight:bold;
	font-size:14px;
	text-align:left;
	color:#0D4327;
	padding-top:5px;
	text-decoration:none;
}
.rightColumn-inside #domainContainer .header .text:hover {
	text-decoration:underline;
}
.rightColumn-inside #domainContainer .header .icon-expand{
	float:right;
	height:23px;
	margin:0 10px 0 0;
	width:23px;
}
.rightColumn-inside #domainContainer .content {
	padding:10px 0 10px 10px;
	width:97%;
	margin:2px auto;
	text-align:left;
	border:1px solid #BBD4E7;
}
.rightColumn-inside #masContainer {
	clear:both;
	width:675px;
	text-align:left;
	border:1px solid #A2A1A1;
	border-top:3px solid #A2A1A1;
	padding:10px 10px 30px 10px;
}
.rightColumn-inside #masContainer h2 {
	clear:both;
	font-size:12px;
	text-align:left;
	color:#0D4327;
	padding:0 0 5px 0;
	margin:0 auto;
	border-bottom:1px dashed #7C8186;
}
.rightColumn-inside #keyBenefits {
	clear:both;
	background-color:#D4D4D4;
	width:675px;
	text-align:left;
	border:1px solid #A3BDD6;
	padding:5px 10px;
	margin-top:50px;
	font-size:13px;
}
.rightColumn-inside .sitemap ul {
	margin-top:30px;
}
.rightColumn-inside .sitemap li {
	list-style:url(../images/li_arrow.gif);
	font-size:12px;
	padding:0 0 10px 0;
	width:360px;
}
.rightColumn-inside .sitemap li a {
	color:#1165A5;
	font-size:12px;
	padding:0 0 10px 0;
	width:360px;
	text-decoration:none;
}
.rightColumn-inside .sitemap li a:hover {
	text-decoration:underline;
}

/* ---------- inside right column styles ends ---------- */

/* ---------- footer styles starts ---------- */
#footer {
	clear:both;
	height:50px;
	margin-top:20px;
	font-size:10px;
	color:#7C8186;
	border-top:1px solid #7C8186;
}
	#footer .leftColumn {
		float:left;
		width:30%;
		margin-top:10px;
	}
	#footer .rightColumn {
		float:right;
		width:60%;
		margin:10px 35px 0 0;
		text-align:right;
	}
	#footer .rightColumn a {
		color:#7C8186;
		text-decoration:none;
	}
	#footer .rightColumn a:hover {
		color:#7C8186;
		text-decoration:underline;
	} 
/* ---------- footer styles ends ---------- */


/* ---------- added by sunil ---------- */
.divider_10{
height:10px;
}
.clear{
clear:both;
}
.framebuttonarea{
background:url(../images/framework_strip.jpg) no-repeat;
height:32px;
line-height:32px;
width:451px;
font:bold italic 15px Arial, Helvetica, sans-serif;
padding-top:5px;
}
.framebuttonarea span{
float:left;
margin-right:20px;
margin-left:15px;
}

.bluelink{
color:#1165A5;
font-size:15px;
font-style:italic;
font-weight:bold;
text-decoration:none;
}
.bluelink:hover{
color:#1165A5;
font-size:15px;
font-style:italic;
font-weight:bold;
text-decoration:underline;
}
.bluelink_georgia15{
color:#1165A5;
font:bold italic 17px Arial, Helvetica, sans-serif;
text-decoration:none;
}
.bluelink_georgia15:hover{
color:#000;
font:bold italic 17px Arial, Helvetica, sans-serif;
text-decoration:none;
}
.casestudyarea1{
border:1px solid #a5a4a4;
background-color:#fff;
height:93px;
margin-top:30px;
margin-right:10px;
}
.casestudyarea1 span{
background-color:#686767;
height:22px;
line-height:35px;
font:bold italic 14px Arial, Helvetica, sans-serif;
color:#fff;
display:block;
text-align:left;
padding-left:15px;
padding-top:5px;
}
.casestudytextarea{
padding:5px 10px;
}
.casestudyicon{
float:left;
margin-right:10px;
background:url(../images/learnmore_icon.jpg) no-repeat scroll 0 0;
height:49px;
width:50px;
}
.casestudyheading{
font:bold italic 15px Arial, Helvetica, sans-serif;
float:left;
margin-right:30px;
line-height:49px;
}
.learnbu{
float:left;
padding-top:10px;
}
.learnglassbtn {
background:url(../images/learnmore_bu.jpg) no-repeat scroll 0 0;
border:0 none;
color:#000000;
cursor:pointer;
height:49px;
line-height:normal;
margin:0;
padding:0;
width:133px;
display:block;
}
.frameworkbtn {
background:url(../images/learnmore.png) no-repeat scroll 0 0;
border:0 none;
color:#000000;
cursor:pointer;
height:21px;
line-height:normal;
margin:0;
padding:0;
width:115px;
display:block;

}
/*
.learnglassbtn {
background:url(../images/learnmore.png) no-repeat scroll 0 0;
border:0 none;
color:#000000;
cursor:pointer;
height:34px;
line-height:normal;
margin:0;
padding:0;
width:141px;
}
.buttoncss{
background:url(../images/learnmore.png) no-repeat;
width:138px;
height:30px;
display:block;
}

.casestudyarea{
background:#fff url(../images/greygrad.jpg) repeat-x scroll left bottom;
height:35px;
border:1px solid #cacccd;
width:678px;
margin:10px 0 0;
padding:10px 0 10px 20px;
}
.casestudyareahome{
background:#fff url(../images/greygrad.jpg) repeat-x scroll left bottom;
height:35px;
border:1px solid #cacccd;
width:690px;
margin:10px auto 0;
padding:10px 0 10px 20px;
}
.leftside{
float:left;
text-align:left;
}
.rightside{
float:left;
text-align:left;
padding:10px 0 0 10px;
}
.casestudyarea h1{
margin:0;
}
.casestudyareahome h1{
margin:0;
}
*/

.buttonmargin{
margin-top:25px;
text-align:center;
}
.message{
text-align:center;
font:bold italic 14px Arial, Helvetica, sans-serif;
}
.newbutton{
background-image:url("../images/button-submit.gif");
background-repeat:no-repeat;
border:0 none;
color:#FFFFFF;
cursor:pointer;
float:left;
font-weight:bold;
height:36px;
margin:20px 0;
padding:0 15px 2px;
z-index:5;
}
/*mobile app download modal window css*/
.headertext1{
margin-bottom:22px;
text-align:center;
font:bold italic 14px Arial, Helvetica, sans-serif;
}
.divider_height{
height:20px;
}
.mobile_form_container{
  text-align:center;
  color:c0c0c0;
}

.mobile_form_container label.error{
	float: none!important;
	clear: none!important;
	display: block!important;
	margin: 0!important;
	padding: 10px 0 0 0!important;
	text-align:center!important;
	width:100%!important;
}
.mobile_form_container .buttoncss,
a.buttoncss:link {-moz-border-radius-bottomleft:4px;
-moz-border-radius-bottomright:4px;
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;
background-color:#034469;
color:#fff;
font-weight:bold;
font-size:11px;
border:0;
cursor:pointer;
text-decoration:none;
padding:5px 10px;
line-height:20px;
}
.mobile_form_container a.buttoncss:hover {
background-color:white;
color:#000;font-weight:bold;
font-size:11px;border:0;
cursor:pointer;
padding:5px 10px;
}