@charset "utf-8";
/* CSS Document */
.contentWrap{
    margin-bottom: 27px !important;
}
#navigationBar {
    box-shadow: 0.05em 0.05em 0.3em #ccc;
    height: 26px;
    padding-top: 9px;
}
@media screen and (max-width: 1280px) {
}

@media screen and (max-width: 1024px) {
	/*.bannerSlogan {
	    font-size: 2vw !important;
	    margin-top: 1.0em !important;
	}*/
	.contentWrap{
		min-height:400px !important;
	}
}

@media screen and (max-width: 980px) {
}

@media screen and (max-width: 840px) {
	.bannerSlogan {
	    font-size: 2vw !important;
	    margin-top: 4.5em !important;
	}
}

@media screen and (max-width: 768px) {
	.bannerSlogan {
	    font-size: 2vw !important;
	    margin-top: 2.0em !important;
	}
}

@media screen and (max-width: 640px) {
	.bannerSlogan {
    	font-size: 2.4vw !important;
    	margin-top: 4.5em !important;
	}
}

@media screen and (max-width: 480px) {
	.bannerSlogan {
    	font-size: 3.5vw !important;
    	margin-top: 3.5em !important;
	}
}

@media screen and (max-width: 360px) {
	.bannerSlogan {
    	font-size: 2.95vw !important;
    	margin-top: 2.0em !important;
	}
}

@media screen and (max-width: 320px) {
}
/*************************************
Screen 440 - 659
*************************************/
@media screen and (min-width: 440px) {
		/*****************************
		General CSS - 440
		*****************************/




		/*****************************
		Page Banners CSS - 440
		*****************************/
		.bannerTitle {
			font-size: 1.3em;
			margin-top: 4.75vw;
		}
		.bannerSlogan {
			font-size: 2.8vw;
			margin-top: 1.75em;
		}



		/*****************************
		Page SubNAV CSS - 440
		*****************************/




		/*****************************
		Page Content Layout CSS - 440
		*****************************/
		.contentDiagram {
			width: 60%;
			margin-left: 20%;
			margin-right: 20%;
		}

		.contentRight img {
			width: 60%;
			margin-left: 20%;
			margin-right: 20%;
		}
		#relContent {
			width: 67%;
			margin-left: 16.5%;
			margin-right: 16.5%;
		}

		#learnMoreBTN {
			width: 30%;
			margin: 0 35%;
		}





		/*****************************
		Page 2 CSS - 440
		*****************************/




		/*****************************
		Page 3 CSS - 440
		*****************************/




		/*****************************
		Contact Page CSS - 440
		*****************************/
		#contformwrap {
			width: 75%;
			margin-left: 12.5%;
			margin-right: 12.5%;
		}

		.cont textarea {
			height: 25vw;
		}

		#contform #submit {
			width: 25%;
		}




		/*****************************
		Diagrams CSS - 440
		*****************************/
		#DG-CSR {
			width: 60%;
			margin-left: 20%;
			margin-right: 20%;
		}




		/*****************************
		DataSheet/CaseStudy Form CSS - 440
		*****************************/
		.form000overlay input,
			.form000overlay tel,
			.form000overlay email,
			.form000overlay select,
			.form000overlay textarea {
			width: 80%;
			margin-left: 10%;
			margin-right: 10%;
		}
		.form000overlay .submit {
			width: 25%;
		}








}





/*************************************
Screen 660 - 839
*************************************/
@media screen and (min-width: 660px) {
		/*****************************
		General CSS - 660
		*****************************/




		/*****************************
		Page Banners CSS - 660
		*****************************/
		.bannerTitle {
			font-size: 1.5em;
		}




		/*****************************
		Page SubNAV CSS - 660
		*****************************/




		/*****************************
		Page Content Layout CSS - 660
		*****************************/
			/*Fixes*/
			#wealthExtendDown {
				margin-bottom: 11vw;
			}
			#jobSeekExtendDown {
				margin-bottom: 19em;
			}
		.contentRight img {
			width: 50%;
			margin-left: 25%;
			margin-right: 25%;
		}
		#relContent {
			width: 55.6%;
			margin-left: 22.2%;
			margin-right: 22.2%;
		}

		#learnMoreBTN {
			width: 25%;
			margin: 0 37.5%;
		}

		/*****************************
		About CSS - 660
		*****************************/
		.aboutLogo {
			display: inline-block;
			float: left;
			width: 25%;
			margin: 1em 2.5% 1em 5%;
		}

		.aboutLogo:nth-child(2) {
			margin-left: 0;
		}

		.aboutLogo img {
			width: 100%;
		}



		/*****************************
		Page 3 CSS - 660
		*****************************/




		/*****************************
		Contact Page CSS - 660
		*****************************/

		#contactInfoUSA p {
			width: 35%;
			float: left;
		}

		#contactInfoUSA #usaMap {
			width: 55%;
			float: right;
			margin-top: 1em;
		}

		.mapWrap {
			height: auto;
		}

		#contactIntro {
			text-align: left;
		}

		#contform #submit {
			width: 20%;
		}




		/*****************************
		Diagrams CSS - 660
		*****************************/
		.contentArea p {
			text-align: justify;
			text-wrap: normal;
		}

		#DG-tech,
		  #DG-healthcare,
		  #DG-whyUs, {
			width: 40%;
			margin: 0 5% 0 0;
			float: right;
			position: relative;
		}

		#DG-tech,
		  #DG-managed,
		  #DG-managed2,
		  #DG-VMS,
		  #DG-VMS2,
		  #DG-BankingOverview,
		  #DG-insurance,
		  #DG-insurance2,
		  #DG-publishing,
		  #DG-publishing2,
		  #DG-benefits,
		  #DG-ContractHire,
		  #DG-DirectPlacement,
		  #DG-expertise,
		  #DG-education,
		  #DG-government,
		  #DG-government2,
		  #DG-bankingConsumer,
		  #DG-bankingInvestment,
		  #DG-bankingWealth,
		  #DG-bankingCommercial,
		  #DG-CSR,
		  #DG-expertise,
		  #DG-managed,
		  #DG-healthcare,
		  #DG-ServiceOverview,
		  #DG-ContractStaffing,
		  #DG-industryGraph {
			width: 30%;
			margin: .3em 5% 1em 5%;
			float: right;
			position: relative;
		}

	/*	#DG-industryGraph {
			width: 40%;
			margin-left: 30%;
			margin-right: 30%;
		}*/

		#DG-mission {
			width: 50%;
			margin-left: 25%;
			margin-right: 25%;
		}

			#DG-government {
				margin: 1.5em 5% 0 5%;
			}
			#DG-CSR {
				width: 22%;
				margin-bottom: 0;
			}
			#DG-expertise {
				margin-right: -.5vw;
			}
			#DG-insurance {
				width: 30%;
				margin: 1.2vw 5% 1em 5%;
				float: left;
				position: relative;
			}
			#DG-DirectPlacement,
			#DG-VMS2,
			#DG-ContractHire,
			#DG-government2 {
				margin-top: 1.2em;
			}
			#DG-publishing2 {
				float: left;
				margin-top: 3.5vw;
			}
			#DG-BankingOverview {
				width: 35%;
				margin-top: 1.5em;
			}
			#DG-education {
				margin-top: 1.5em;
			}
			#DG-insurance2 {
				margin-top: 1em;
			}
		    #DG-government {
				width: 20%;
			}
			#DG-government2 {
				margin-bottom: 0;
			}
			img#DG-healthcare {
				width: 25%;
				margin-top: 4em;
			}
			#DG-managed2 {
				width: 25%;
				margin-top: 1.5em;
			}
			.textRight {
				float: right;
			}
			.textLeft {
				float: left;
			}
			.text50 {
				width: 50%;
			}
			.text60 {
				width: 60%;
			}

					/*Consumer Banking Fix*/
					#consumerExtend {
						margin-bottom: 9.5vw;
					}





		/*****************************
		DataSheet/CaseStudy Form CSS - 660
		*****************************/
		.form000overlay {
			top: 0;
			left: auto;
			right: 0;
			width: 55%;
			text-align: left;
		}
		.form000overlay input,
		.form000overlay textarea,
		.form000overlay select {
			width: 55%;
			float: right;
			margin-left: 5%;
			margin-right: 5%;
		}
		.form000overlay select {
			width: 56%;
		}
		.form000overlay .closeButton {
			width: 2.5vw;
		}
		.form000overlay .submit {
			margin-top: 0;
			clear: both;
			width: 25%;
		}
		div#contactFormWrap .submit {
			margin-top: 1em;
		}






}





/*************************************
Screen 840+
*************************************/
@media screen and (min-width: 840px) {
		/*****************************
		General CSS - 840
		*****************************/
		.min840 {
			display: block;
		}

		a:active, a:focus {
		   outline: 0;
		}



		/*****************************
		Page Banners CSS - 840
		*****************************/
		.pageBanner {
			/*margin-top: 9.1vw;*/
			margin-top: 9vw;
			text-align: right;
		}

		.pageBanner img {
			width: auto;
			min-height: 10.5vw;
		/*	max-width: 1170px;*/
			margin-left: 0;
		/*	margin-top: -1vw;*/
			margin-right: 3vw;
		}

		.titleWrap {
			width: 50%;
		}

		.bannerTitle {
			font-size: 1.8vw;
			margin-top: 3vw;
			margin-left: 5vw;
			text-align: left;
		/*	top: 5.25em;*/
		/*	left: 5%;*/
		}
		.bannerSlogan {
			display: block;
			position: absolute;
			margin-left: 5vw;
			margin-top: 5.25vw;
			font-size: 1.1em;
			color: #fff;
			font-style: italic;

		}




		/*****************************
		Page SubNAV CSS - 840
		*****************************/
		.navPortal {
			width: 100%;midLevPG
			line-height: 1.75em;
			font-style: 'Philosopher', 'sans-serif';
			pading-left: 1em;
		}

		.mainUL, .subUL {
			list-style: none;
			padding: 0px; /** Added this line with Sunil on Aug 30, 2017*/
		}

		.mainUL {
			margin-left: 1em;
		}

		.subUL {
			margin-left: 2em;
			margin-top: .25em;
			margin-bottom: .25em;
		}

		.navPortal ul li {
			padding: 0 2%;
			color: #555;
		}

		.navPortal ul li:hover {
			background: #eaeaea;
		}

		.navPortal ul li a {
			color: #000;
		}

		.navPortal ul li a:hover {
			color: #c60;
		}

		.navPortal ul li.activeSubMenu {
			width: 96%;
			background: #e29718;
			color: #fff;
			font-weight: 700;
		}

		.navPortal ul .activeSubMenu:hover {
			background: #e29718;
		}




		/*****************************
		Page Content Layout CSS - 840
		*****************************/
		.contentWrap {
			display: block;
			float: left;
			clear: both;
			width: 100%;
			margin-top: 1em;
			margin-bottom: 1em;
			background: #fff;
			box-shadow: .05em .05em .3em #ccc;
		}

		.navPortal {
			display: block;
			float: left;
			width: 24%;
			padding: 1.5vw .5% 15%;
			margin-left: -.3vw;
			color: #555;
		}

		.navPortal .mainUL {
			-webkit-margin-before: 0;
			-webkit-margin-after: 0;
			padding-right: 2vw;
		}

		#navigationBar {
			height: 2vw;
			padding-top: .75vw;
			box-shadow: .05em .05em .3em #ccc;
		}

		.contentArea {
			display: block;
			float: left;
			width: 55%;
			max-width: 55vw;
			height: 100%;
			border-left: solid .3vw #f4f4f4;
			border-right: solid .3vw #f4f4f4;
		}

		.contentArea h2 {
			margin-top: 1.25vw;
			font-size: 1.7em;
			margin-bottom: .8vw;
			font-weight: 400; /*Main Page Heading Font Weight*/
		}

		#relContent {
			width: 100%;
			margin-left: 0;
			margin-right: 0;
		}

		.contentRight {
			display: block;
			float: left;
			width: 20%;
			margin-right: -.3vw;
		}

		.contentRight img {
			width: 90%;
			margin-left: 5%;
			margin-top: 1.5vw;
			margin-bottom: 0;
		}

		.contentRight img.pdfICO {
			width: 15%;
			margin: .5em .5em 2.5em 0;
			float: left;
		}

		.contentRight a {
			color: #555;
		}

		.SMorangeUnder:hover {
			text-decoration: none;
			background: url(../images/underline.png);
			background-repeat: repeat-x;
			background-position: 100% 100%;
			background-size: 2px;
			padding-bottom: .2em;
		}

		.midLevPG {
			padding: 0 5%;
			background: #f4f4f4;
			float: left;
			min-width: 90%;
		}

		.subBarWrap {
			margin: 1.5vw 5%;
			clear: both;
		}

		.subBarWrap p {
			margin-top: .25vw;
    		font-size: .85em;
		}

		.subBars {
			padding: .25vw 0 .25vw 5%;
		}

		#dataSheet {
			background: #dd7fc8;
			border-top: solid .35vw #ae4e99;
			color: #fff;
		}

		#caseStudy {
			background: #69e169;
			border-top: solid .35vw #477547;
			color: #fff;
		}

		.contentDiagram {
			width: 80%;
			margin-left: 10%;
			margin-right: 10%;
		}

		.contentUL {
			margin-left: 3.85vw;
			padding-right: 3vw;
			color: #555;
		}

		.contentUL li {
			list-style: none;
			text-indent: -1.25vw;
		}

	/*	.contentUL li:before {
			content: "■";
			color: #e29718;
			padding-right: .6vw;
			font-size: 1em;
			margin-bottom: .9vw;
		}*/

		.contentUL li:before{
			content: '';
			display: inline-block;
			margin-right: .65vw; /*must be .65 - Then go to line 573 and adjust the text-indent - then go to 567 and change the margin-left */
			margin-bottom: .2vw;
			height: .3em;
			width: .25em;
			background-image: url(../images/bullet.jpg);
			background-position: center;
		}

		body {
			font-size: .95vw;
		}

		footer {
			clear: both;
		/*	position: static;*/
		}

		.marginBottom-Remove {
			margin-bottom: -.8em;
		}

		.floatLeft {
			float: left;
		}

		.publishingBoldFix {
			margin-left: 2.75%;
		}

		.width100 {
			width: 100%;
		}
		.content50:nth-child(odd) {
			width: 40%;
		}
		.content50:nth-child(even) {
			float: right;
			width: 40%;
		}

		#learnMoreBTN {
			width: 40%;
			margin: 0 0 0 5%;
		}

		.addthis_native_toolbox {
			width: 75%;
			margin-top: 2em;
			margin-left: 5%;
		}

		#missionBeneWhyFix {
			margin: 0 5%;
		}
				.missionDiv img {
					width: 90%;
					margin-left: 0;
					margin-right: 0;
				}
				.missionDiv p {
					margin-left: 0;
				}





		/*****************/





















		/*****************************
		About CSS - 840
		*****************************/




		/*****************************
		Page 3 CSS - 840
		*****************************/




		/*****************************
		Contact Page CSS - 840
		*****************************/
		.contactMain {
			width: 90%;
		}

		.contactSections {
			float: left;
			width: 100%;
		}

		#contactInfoSection {
			display: block;
			float: left;
			width: 52.5%;
			font-size: 1.2em;
			margin: 1em 0 0;
		}

		#contformwrap {
			display: block;
			float: right;
			width: 40%;
			margin: 0;
			padding: 1em 3%;
			border-left: solid .3vw #f4f4f4;
		}

		#contactInfoUSA #usaMap {
			width: 55%;
		}

		.map {
			height: 15vw;
		}

		#contactInfoUSA p {
			margin-right: 2.5%;
		}

		.cont textarea {
			height: 7em;
		}

		.cont input, .cont textarea, .cont select {
			float: right;
			width: 70%;
		}

		.cont {
			text-align: left;
		}

		.cont select {
			width: 71%;
		}

		#submitP {
			text-align: right;
			clear: both;
		}
			#submitP input {
				margin: .5em 0 .5em 0;
			}




		/*****************************
		DataSheet/CaseStudy Form CSS - 840
		*****************************/
		.form000overlay {
			width: 100%;
			height: 100%;
			padding: 10% 35%;
			box-sizing: border-box;
			top: inherit;
			top: 0;
			min-height: 0;
			border-radius: .5vw 0 0 0;
		}
		.insideFormElem {
			float: left;
			width: 100%;
			background: #fff;
		}
		.form000overlay form {
			width: 98%;
		}
		.form000overlay p {
			color: #555;
		}
		.form000overlay select,
		  .form000overlay input,
		  .form000overlay textarea {
			margin-right: 0;
		}
		.insideFormElem a {
			position: absolute;
		}
		.form000overlay .closeButton {
			position: relative;
			top: -1vw;
			margin-left: 28.9vw;
			right: 0;
			width: 1.5vw;
			margin-top: 0;
			margin-right: 0;
			/*These make the close button
				look like the overlay close button*/
				width: .6vw;
				height: .6vw;
				padding: .5vw;
				background: #555;
				border-radius: .2em;
		}
		div#contactFormWrap .submit {
			margin-top: 1em;
			margin-right: 0;
   			outline: none;
		}
		.form000overlay .submit {
			margin-top: 0;
			margin-right: 0;
    		outline: none;
		}
		img#submitImg {
			margin-right: 0;
		}







}