body { font-family: Arial, Helvetica, sans-serif; margin: 0 auto; padding: 0; }
.Fleft { float: left; }
.Fright { float: right; }
.Red { color: #FF0000; }
img { border: 0; }
#modal { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.6; filter: alpha(opacity=60); display: none; }
#tooltip{ position:absolute; background: #000439; padding:2px 5px; color: #fff; display:none; font-size: 0.8em; }	
.PaddingLeft01 { padding-left: 10px; }
.PaddingLeft02 { padding-left: 70px; }
body.Home { background: url(../images/homepage-background.jpg) no-repeat 50% 0; }
body.About01 { background: url(../images/About-us-background.jpg) no-repeat 50% 0; }
body.About02 { background: url(../images/About-us-background-blank.jpg) no-repeat 50% 0; }
body.Training01 { background: url(../images/training-background.jpg) no-repeat 50% 0; }
body.Training02 { background: url(../images/training-background-blank.jpg) no-repeat 50% 0; }
body.Recruitment01 { background: url(../images/recruitment-background.jpg) no-repeat 50% 0; }
body.Recruitment02 { background: url(../images/recruitment-background-blank.jpg) no-repeat 50% 0; }
body.Consultancy01 { background: url(../images/consultancy-background.jpg) no-repeat 50% 0; }
body.Consultancy02 { background: url(../images/consultancy-background-blank.jpg) no-repeat 50% 0; }
body.News { background: url(../images/training-background-blank.jpg) no-repeat 50% 0; }
body.Contact { background: url(../images/contact-background.jpg) no-repeat 50% 0; }
body.PsychometricProfiling01 { background: url(../images/psychometric-profiling-background.jpg) no-repeat 50% 0; }
body.PsychometricProfiling02 { background: url(../images/psychometric-profiling-background-blank.jpg) no-repeat 50% 0; }
#pageContainer { position: relative; width: auto; height: auto; margin: 0 auto; }
div.Header { width: 956px; height: 90px; margin:0 auto; padding: 0; }
div.Header #Logo { position: absolute; margin: 0; }
div.Header #LogoGroup { position: absolute; margin: 0 0 0 674px; }
div.Navigation { margin: 0 auto; padding: 0; width: 100%; height: 45px; background-color: #000439; text-align: center; }
div.Navigation ul { margin: 0 auto; padding: 10px 0 0 0; list-style-type: none; width: 912px; }
div.Navigation ul li { float: left; padding: 0; margin: 0;  }
div.Orange { background-color: #FF4F03; }
a.Orange { color: #FF4F03; }
div.Red { background-color: #EE1C25; }
a.Red { color: #EE1C25; }
div.Green { background-color: #7AAD37; }
a.Green { color: #7AAD37; }
div.Yellow { background-color: #FECD07; }
a.Yellow { color: #FECD07; }
div.Purple { background-color: #A41682; }
a.Purple { color: #A41682; }
div.Blue { background-color: #0C4CA3; }
a.Blue { color: #0C4CA3; }
div.CallToAction { margin: 0; width: 100%; height: 45px; }
div.CallToAction div.textContainer { width: 956px; margin: 0 auto; }
div.CallToAction div.textContainer h3 { float: left; color: #FFF; width: 675px; margin: 0; font-size: 125%; }
div.CallToAction div.textContainer h4 { float: left; color: #FFF; width: 200px; margin: 0; font-size: 135%; text-align: right; }
body.Home div.CallToAction div.textContainer h3 { padding: 8px 0 0 20px; }
body.Home div.CallToAction div.textContainer h4 { padding: 8px 0 0 20px; }
body.About01 div.CallToAction div.textContainer h3, body.About02 div.CallToAction div.textContainer h3, body.Training01 div.CallToAction div.textContainer h3, body.Training02 div.CallToAction div.textContainer h3, body.Recruitment01 div.CallToAction div.textContainer h3, body.Recruitment02 div.CallToAction div.textContainer h3, body.Consultancy01 div.CallToAction div.textContainer h3, body.Consultancy02 div.CallToAction div.textContainer h3, body.News div.CallToAction div.textContainer h3, body.Contact div.CallToAction div.textContainer h3, body.PsychometricProfiling01 div.CallToAction div.textContainer h3, body.PsychometricProfiling02 div.CallToAction div.textContainer h3 { padding: 12px 0 0 20px; }
body.About01 div.CallToAction div.textContainer h4, body.About02 div.CallToAction div.textContainer h4, body.Training01 div.CallToAction div.textContainer h4, body.Training02 div.CallToAction div.textContainer h4, body.Recruitment01 div.CallToAction div.textContainer h4, body.Recruitment02 div.CallToAction div.textContainer h4, body.Consultancy01 div.CallToAction div.textContainer h4, body.Consultancy02 div.CallToAction div.textContainer h4, body.News div.CallToAction div.textContainer h4, body.Contact div.CallToAction div.textContainer h4, body.PsychometricProfiling01 div.CallToAction div.textContainer h4, body.PsychometricProfiling02 div.CallToAction div.textContainer h4 { padding: 12px 0 0 20px; }

div.CallToAction h4 { position: relative; z-index: 2; width: 936px; color: #FFF; margin: 12px auto 11px auto; height: 22px; font-size: 100%; padding-left: 20px; }
div.MainContainer { margin: 0; width: 100%; height: auto; text-align: center; }
div.MainContainer div.MainContent { position: relative; width: 956px; height: auto; margin: 0 auto; padding: 0; text-align: left; }

/* Homepage styles */
div.MainContainer div.MainContent div.Intro { float: left; margin: 0; }
div.MainContainer div.MainContent div.Intro h1 { float: left; padding: 40px 0 0 260px; margin: 0; color: #191C51; height: 18px; }
div.MainContainer div.MainContent div.Intro div.TwitterBanner { position: absolute; top: 320px; left: 0px; }
div.MainContainer div.MainContent div.TrainingRecruitment { position: relative; float: right; margin: 0; padding: 17px 20px 139px 0; width: 229px; height: 234px; background: url(../images/homepage-training-recruitment-panel.png) no-repeat 0 17px; }
div.MainContainer div.MainContent div.TrainingRecruitment div.Training { float: left; padding: 20px 0 0 20px; width: 229px; height: 260px;  }
div.MainContainer div.MainContent div.TrainingRecruitment div.Training h2 { float: left; clear: both; color: #fff; height: 33px; margin: 0; padding: 10px 0 0 0 ; width: 200px; font-size: 110%; }
div.MainContainer div.MainContent div.TrainingRecruitment div.Training p {  float: left; clear: both; color: #000439; font-size: 80%; padding: 3px 0 10px 0; margin: 0; width: 180px; }
div.MainContainer div.MainContent div.TrainingRecruitment div.Training select { float: left; width: 190px; }
div.MainContainer div.MainContent div.TrainingRecruitment div.Training input.vCourses { float: left; clear: both; margin: 10px 0 0 0; width: 123px; background: url(../images/view-courses-orange.png) no-repeat 0 0; height: 24px; border: 0; }

/* General Content pages */
div.MainContainer div.MainContent div.LeftColumn { float: left; width: 242px; height: auto; margin: 0; padding: 0 0 20px 0; border-bottom: 70px solid #fff; }
div.MainContainer div.MainContent div.LeftColumn ul.SubNavigation { float: left; padding: 0; margin: 15px 0 20px 20px; width: 222px; border-bottom: 1px solid #E5E5E5; }
div.MainContainer div.MainContent div.LeftColumn ul.SubNavigation li { list-style-type: none; width: 222px; border-top: 1px solid #E5E5E5; padding: 5px 0 0 0; }
div.MainContainer div.MainContent div.LeftColumn ul.SubNavigation li a { color: #9D9E9F; text-decoration: none; width: 227px; display: block; font-size: 90%; }
div.MainContainer div.MainContent div.LeftColumn ul.SubNavigation li a:hover { color: #191C51; text-decoration: none; }
div.MainContainer div.MainContent div.LeftColumn ul.SubNavigation li span { float: left; color: #191C51;width: 207px; padding: 0; margin: 0; height: 15px; }
div.MainContainer div.MainContent div.LeftColumn div.SubNavigationBlank { float: left; width: 242px; height: 40px; }  
div.MainContainer div.MainContent div.LeftColumn div.testimonial { float: left; clear: both; margin: 0; padding: 15px 20px 0 35px; width: 187px; height: 151px; background: url(../images/testimonial-panel.gif) no-repeat 20px 0 #FFF; }
div.MainContainer div.MainContent div.LeftColumn div.testimonial h3 { font-size: 120%; margin: 0 0 10px 0; color: #191C51; }
div.MainContainer div.MainContent div.LeftColumn div.testimonial p { color: #626262; font-size: 80%; padding: 0; margin: 0; }
div.MainContainer div.MainContent div.LeftColumn div.testimonial a:link, div.MainContent div.testimonial a:visited { float: left; padding: 5px 0 0 0; font-size: 80%; text-decoration: none; }
div.MainContainer div.MainContent div.LeftColumn div.testimonial a:hover { text-decoration: underline; }
div.MainContainer div.MainContent div.LeftColumn div.followUs { float: left; clear: both; padding: 0 0 20px 25px; }
div.MainContainer div.MainContent div.newsletter { float: left; clear: both; margin: 15px 0 0 0; padding: 15px 20px 0 35px; width: 187px; height: 236px; background: url(../images/newsletter-panel.gif) no-repeat 20px 0 #FFF; }
div.MainContainer div.MainContent div.newsletter h3 { font-size: 120%; margin: 0 0 10px 0; color: #fff; }
div.MainContainer div.MainContent div.newsletter p { color: #FFFFFF; font-size: 80%; padding: 0; margin: 0; }
div.MainContainer div.MainContent div.newsletter form { margin: 0; padding: 5px 0 0 0; }
div.MainContainer div.MainContent div.newsletter label { float: left; clear: both; color: #FFFFFF; font-size: 80%; padding: 10px 0 0 0; }
div.MainContainer div.MainContent div.newsletter input { width: 185px; }
div.MainContainer div.MainContent div.newsletter input.Subscribe { float: left; margin: 10px 0 0 87px; width: 105px; height: 20px; }
div.MainContainer div.MainContent div.blank { float: left; clear: both; margin: 15px 0 0 0; padding: 15px 20px 0 35px; width: 187px; height: 236px; background: #FFF; }
div.MainContainer div.MainContent div.TextContent { float: left; width: 415px; height: auto; padding: 10px 0 20px 20px; }
div.MainContainer div.MainContent div.TextContent h1 { float: left; clear: both; padding: 0; margin: 0 0 10px 0; color: #191C51; width: 415px; font-size: 180%; }
div.MainContainer div.MainContent div.TextContent h2 { float: left; clear: both; padding: 0; margin: 0 0 10px 0; color: #191C51; width: 415px; font-size: 150%; }
div.MainContainer div.MainContent div.TextContent h3 { float: left; clear: both; padding: 0; margin: 0 0 10px 0; color: #878889; width: 415px; font-size: 130%; }
div.MainContainer div.MainContent div.TextContent hr { float: left; clear: both; border-width: 1px 0px 0px 0px; border-color: #CCC; border-style: solid; }
div.MainContainer div.MainContent div.TextContent .video { position: absolute; border: 10px solid #fff; z-index: 2; top: -120px; left: 220px; display: none; width: 500px; height: 394px; overflow: visible; z-index: 2; }
div.MainContainer div.MainContent div.TextContent .video .close { float: right; }
div.MainContainer div.MainContent div.TextContent .video .close img { position: absolute; left: 490px; top: -30px; }
div.MainContainer div.MainContent div.TextContent p { color: #878889; font-size: 75%; line-height: 1.5em; }
div.MainContainer div.MainContent div.TextContent ul { float: left; display: block; color: #878889; line-height: 1.5em; font-size: 75%; padding: 0 0 20px 0; margin: 0; list-style-type: none; width: 415px; }
div.MainContainer div.MainContent div.TextContent ul li { float: left; clear: both; width: 100%; background: url(../images/bulletpoint-grey.gif) no-repeat 0 7px; padding: 0 0 0 15px; }
div.MainContainer div.MainContent div.TextContent ul.Courses { position: relative; float: left; clear: both; width: 415px; margin: 0; padding: 10px 0 20px 0; list-style-type: none; border-top: 1px solid #ccc; }
div.MainContainer div.MainContent div.TextContent ul.Courses li { position: absolute; padding: 0; margin: 0; background: none; width: auto; clear: none; }
div.MainContainer div.MainContent div.TextContent ul.Courses li.Fleft { left: 0; }
div.MainContainer div.MainContent div.TextContent ul.Courses li.Fright { right: 0; }
div.MainContainer div.MainContent div.TextContent ul.Courses li img { position: absolute; top: 0; left: 0; margin: 0; padding: 0; }
div.MainContainer div.MainContent div.TextContent ul.Courses li a { float: left; margin: 0; padding: 3px 10px 3px 8px; text-decoration: none; color: #fff; background: url(../images/course-button-right.gif) no-repeat 100% 0 #000439; }

div.MainContainer div.MainContent div.TextContent ul.Jobs { float: left; width: 415px; margin: 0; padding: 10px 0 20px 0; list-style-type: none; border-top: 1px solid #ccc; }
div.MainContainer div.MainContent div.TextContent ul.Jobs li { position: absolute; padding: 0; margin: 0; background: none; }
div.MainContainer div.MainContent div.TextContent ul.Jobs li img { position: absolute; top: 0; left: 0; margin: 0; padding: 0; }
div.MainContainer div.MainContent div.TextContent ul.Jobs li a { float: left; margin: 0; padding: 3px 10px 3px 8px; text-decoration: none; color: #fff; background: url(../images/course-button-right.gif) no-repeat 100% 0 #000439; }

div.MainContainer div.MainContent div.TextContent ul.PDF { float: left; width: 100%; clear: both; margin: 0; padding: 0 0 20px 0; list-style-type: none; }
div.MainContainer div.MainContent div.TextContent ul.PDF li { float: left; clear: both; background-image: url(../images/PDF.gif); background-repeat: no-repeat; background-position: 0 4px; padding: 3px 0 3px 22px; }
div.MainContainer div.MainContent div.TextContent ul.PDF li a { float: left; padding: 0; margin: 0; }
body.Training02 div.MainContainer div.MainContent div.TextContent a { color: #FF4F03; }
body.News div.MainContainer div.MainContent div.TextContent a { color: #FF4F03; }
body.Recruitment02 div.MainContainer div.MainContent div.TextContent a { color: #7AAD37; }
div.MainContainer div.MainContainer div.MainContent div.TextContent h2.Contact { color: #0C4CA3; margin: 3px 0; padding: 0; width: 215px; }
div.MainContainer div.MainContent div.TextContent div.Row { float: left; padding: 5px 0; width: 430px; height: auto; color: #878889; }
div.MainContainer div.MainContent div.TextContent div.Row .BorderTop { border-top: 1px solid #CDCDCD; }
div.MainContainer div.MainContent div.TextContent div.Row label { font-size: 75%; }
div.MainContainer div.MainContent div.TextContent div.Row input.Small { float: left; width: 169px; }
div.MainContainer div.MainContent div.TextContent div.Row input.Large { float: left; width: 353px; }
div.MainContainer div.MainContent div.TextContent table { float: left; clear: both; width: 415px; font-size: 80%; margin: 0 0 20px 0; }
div.MainContainer div.MainContent div.TextContent table thead th { background-color: #7AAD37; color: #FFF; padding: 2px 5px; }
div.MainContainer div.MainContent div.TextContent table tbody td strong { color: #7AAD37; }
div.MainContainer div.MainContent div.TextContent table tbody td { color: #878889; padding: 2px 5px; }

div.MainContainer div.MainContent div.TextContent table.publicCourses { font-size: 80%; margin: 0 0 20px 0; width: 415px; }
div.MainContainer div.MainContent div.TextContent table.publicCourses thead th { background-color: #000439; color: #FFF; padding: 2px 5px; border-right: 1px solid #fff; }
div.MainContainer div.MainContent div.TextContent table.publicCourses tbody td strong { color: #7AAD37; }
div.MainContainer div.MainContent div.TextContent table.publicCourses tbody td { color: #878889; padding: 2px 5px; background: #fff; }
div.MainContainer div.MainContent div.TextContent table.publicCourses tbody tr.alternate td { background: #E5E5E5; border-right: 1px solid #fff; }
div.MainContainer div.MainContent div.TextContent table.Purple { border-top: 1px solid #ccc; }
div.MainContainer div.MainContent div.TextContent table.Purple tbody th { background-color: #A41682; color: #fff; padding: 5px; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; text-align: left; vertical-align: top; }
div.MainContainer div.MainContent div.TextContent table.Purple tbody td { border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; padding: 5px; }
div.MainContainer div.MainContent div.TextContent div.Client { float: left; width: 200px; height: 100px; border-width: 1px 0 0 0; border-color: #CCCCCC; border-style: solid; padding: 10px 0; }
div.MainContainer div.MainContent div.TextContent div.Padding { margin: 0 15px 0 0; }

div.MainContainer div.MainContent div.TextContent div.tabHeader { width: 415px; clear: both; display: block; }
div.MainContainer div.MainContent div.TextContent div.tabHeader div.tabNavigation { float: left; padding: 3px 10px; margin: 0 0 0 0; display: inline; background-color: #A41682; color: #fff; font-size: 0.8em; }
div.MainContainer div.MainContent div.TextContent div.tabContent { width: 385px; clear: both; margin: 0 0 20px 0; background-color: #fff; border: 5px solid #A41682; padding: 10px 10px 0 10px; }
div.MainContainer div.MainContent div.TextContent div.tabContent p { padding: 0 0 10px 0; margin: 0; color: #878889; }
div.MainContainer div.MainContent div.TextContent div.tabContent table th { color: #878889; }
div.MainContainer div.MainContent div.TextContent div.tabContent table td { color: #878889; }

div.MainContainer div.MainContent div.TextContent .waste { min-height: 1000px; }
div.MainContainer div.MainContent div.TextContent .JobsMap { float: left; width: 200px; }
div.MainContainer div.MainContent div.TextContent .JobsList { float: left; width: 160px; padding: 0 0 0 40px; margin: 0; }
div.MainContainer div.MainContent div.TextContent ul.ClientList { float: left; width: 415px; padding: 10px 0 0 0; margin: 0; }
div.MainContainer div.MainContent div.TextContent ul.ClientList li { float: left; width: 170px; clear: none; padding: 0 20px 0 15px; }
div.MainContainer div.MainContent div.TextContent img.greyBorder { border: 1px solid #ccc; }

div.MainContainer div.MainContent div.TextContent div.ClientContainer { float: left; width: 400px; height: 100px; border: 1px solid #ccc; padding: 0 0 0 10px; overflow-y: hidden; overflow-x: scroll; }
div.MainContainer div.MainContent div.TextContent ul.ClientImages { float: left; width: 4810px; height: 100px; margin: 0; padding: 0; list-style-type: none; }
div.MainContainer div.MainContent div.TextContent ul.ClientImages li { float: left; width: 200px; margin: 0; padding: 0; clear: none; }
/* Footer styles */
div.MainContainer div.FooterContainer { height: auto; margin: 0 auto; text-align: center; width: 100%; }
div.MainContainer div.FooterContainer ul.Footer { position: relative; width: 916px; margin: 0 auto; padding: 5px 0 10px 0; height: 20px; width: 912px; color: #999999; font-size: 70%; list-style-type: none; clear: both; }
div.MainContainer div.FooterContainer ul.Footer li.followUs { position: absolute; width: 222px; height: auto; background: #FFF; top: -81px; left: 0;  }
div.MainContainer div.FooterContainer ul.Border-Top { border-top: 4px solid #CDCDCD; padding-top: 10px; }
div.MainContainer div.FooterContainer ul.White-Background { background: #fff; }
div.MainContainer div.FooterContainer ul.Footer li.Fleft { float: left; list-style-type: none; }
div.MainContainer div.FooterContainer ul.Footer li.Fright { float: right; border-right: 1px solid #CDCDCD; list-style-type: none; }
div.MainContainer div.FooterContainer ul.Footer li.Fright a { color: #999999; text-decoration: none; padding: 0 10px; }
div.MainContainer div.FooterContainer ul.Footer li.Fright a { border-left: 1px solid #CDCDCD; }
div.MainContainer div.FooterContainer ul.Footer li.Fright a:hover { color: #999999; text-decoration: underline; }
div.MainContainer div.FooterContainer ul.Footer li.Fright a.linkTop { background: url(../images/top-arrow.gif) no-repeat 80% 3px; padding: 0 20px 0 10px; }