/* CSS Document */

/* Neutralize styling: 
   Elements we want to clean out entirely: */
html, body, form, fieldset {
        margin: 0;
        padding: 0;
        font: 100%/120% Verdana, Arial, Helvetica, sans-serif;
}

html {overflow-y: scroll;}

/* Neutralize styling: 
   Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
        margin: 1em 0;
        padding: 0;
}

/* Apply left margin:
   Only to the few elements that need it: */
li, dd, blockquote {
        margin-left: 1em;
}

/* Miscellaneous conveniences: */
form label {
        cursor: pointer;
}
fieldset {
        border: none;
}
input, select, textarea {
        font-size: 100%;
		font-family: inherit;
}

body
{
  margin: 0px;
  background-color: #EFEFEF;
  color: #666666;
  FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
  min-width: 930px;
  text-align: center;
}

img {border: 0;}

a:link {text-decoration: underline; color: #339900; background-color: transparent;}
a:visited {text-decoration: underline; color: #339900; background-color: transparent;}
a:hover {text-decoration: none; color: #339900; background-color: transparent;}

/*-- GENERAL BITS --*/
.container {margin: 0 auto; width: 930px; padding: 0; border: 0; position: relative; text-align: left;}

/*-- HEADER--*/
.headerArea {float: left; width: 930px; height: 100px; margin: 0;}
	.headerArea img {border: 0;}

.headerLogo {float: left; width: 196px; height: 38px; margin: 33px 0 0 30px;}
.headerStrapline {float: right; width: 258px; height: 27px; margin: 47px 30px 0 0;}

/*-- NAVBAR --*/
.navbar {float: left; width: 930px; height: 48px; background: url(images/navbar_bg.gif) top left no-repeat; margin: 0;}
	.navbar ul {display: inline; float: left; list-style: none; margin: 1px 0 0 30px; padding: 0;}
	.navbar li {display: inline; float: left;}
	.navbar li a {display: inline; float: left; height: 35px;}
	.navbar li span {display: none;}
.navItem {margin: 0 45px 0 0;}
.navLastItem {margin: 0 0 0 0;}
	
#nav01 a {background: url(images/nav_home_off.gif) top left no-repeat; width: 39px; height: 35px;}
#nav01 a:hover {background: url(images/nav_home_hov.gif) top left no-repeat;}
#nav01on {background: url(images/nav_home_on.gif) top left no-repeat; width: 39px; height: 35px;}

#nav02 a {background: url(images/nav_about_us_off.gif) top left no-repeat; width: 62px; height: 35px;}
#nav02 a:hover {background: url(images/nav_about_us_hov.gif) top left no-repeat;}
#nav02on {background: url(images/nav_about_us_on.gif) top left no-repeat; width: 62px; height: 35px;}

#nav03 a {background: url(images/nav_programmes_off.gif) top left no-repeat; width: 87px; height: 35px;}
#nav03 a:hover {background: url(images/nav_programmes_hov.gif) top left no-repeat;}
#nav03on {background: url(images/nav_programmes_on.gif) top left no-repeat; width: 87px; height: 35px;}

#nav04 a {background: url(images/nav_case_studies_off.gif) top left no-repeat; width: 86px; height: 35px;}
#nav04 a:hover {background: url(images/nav_case_studies_hov.gif) top left no-repeat;}
#nav04on {background: url(images/nav_case_studies_on.gif) top left no-repeat; width: 86px; height: 35px;}

#nav05 a {background: url(images/nav_teacher_comments_off.gif) top left no-repeat; width: 130px; height: 35px;}
#nav05 a:hover {background: url(images/nav_teacher_comments_hov.gif) top left no-repeat;}
#nav05on {background: url(images/nav_teacher_comments_on.gif) top left no-repeat; width: 130px; height: 35px;}

#nav06 a {background: url(images/nav_student_comments_off.gif) top left no-repeat; width: 131px; height: 35px;}
#nav06 a:hover {background: url(images/nav_student_comments_hov.gif) top left no-repeat;}
#nav06on {background: url(images/nav_student_comments_on.gif) top left no-repeat; width: 131px; height: 35px;}

#nav07 a {background: url(images/nav_contact_off.gif) top left no-repeat; width: 53px; height: 35px;}
#nav07 a:hover {background: url(images/nav_contact_hov.gif) top left no-repeat; margin: 0;}
#nav07on {background: url(images/nav_contact_on.gif) top left no-repeat; width: 53px; height: 35px;}


/*-- MAIN AREA FORMAT --*/
.mainAreaHolder {float: left; width: 928px; margin: 0; background-color: #FFFFFF; border-left: 1px solid #E2E2E2; border-top: 1px solid #E2E2E2; border-right: 1px solid #E2E2E2; border-bottom: 0;}

.titleArea {float: left; width: 928px; margin: 0 0 20px 0; height: 133px; background: url(images/title_shadow.gif) bottom left no-repeat;}
	.titleArea h1 {margin: 0; padding: 0; text-indent: -9000px; font-size: 12px; line-height: 1em; width: 928px; height: 120px;}

#titleAboutUs {background: url(images/title_about_experience.gif) top left no-repeat;}
#titleTeamProfiles {background: url(images/title_about_team_profiles.gif) top left no-repeat;}
#titleWhatOurCustomersSay {background: url(images/title_what_our_customers_say.gif) top left no-repeat;}
#titleProgrammesIntroduction {background: url(images/title_programmes_introduction.gif) top left no-repeat;}
#titleEnterprise {background: url(images/title_enterprise.gif) top left no-repeat;}
#titleJobApplication {background: url(images/title_job_application.gif) top left no-repeat;}
#titleStudyForWork {background: url(images/title_study_for_work.gif) top left no-repeat;}
#titleMakingMoneyCount {background: url(images/title_making_money_count.gif) top left no-repeat;}
#titlePracticalSales {background: url(images/title_practical_sales.gif) top left no-repeat;}
#titleSixthFormTeamBuilding {background: url(images/title_sixth_form_team_building.gif) top left no-repeat;}
#titleThinkingEfficiency {background: url(images/title_thinking_efficiency.gif) top left no-repeat;}
#titleLearningToLearn {background: url(images/title_learning_to_learn.gif) top left no-repeat;}
#titleCommercialTraining {background: url(images/title_commercial_training.gif) top left no-repeat;}
#titleConsultancy {background: url(images/title_consultancy.gif) top left no-repeat;}
#titleContact {background: url(images/title_contact.gif) top left no-repeat;}
#titleThankYou {background: url(images/title_thank_you.gif) top left no-repeat;}
#titleCaseStudyStMichaels {background: url(images/title_case_st_michaels.gif) top left no-repeat;}
#titleCaseStudyAbraham {background: url(images/title_case_abraham.gif) top left no-repeat;}
#titleCaseEnglishMartyrs {background: url(images/title_case_english_martyrs.gif) top left no-repeat;}
#titleCaseStudyMotivatedMoney {background: url(images/title_case_motivated_money.gif) top left no-repeat;}
#titleCaseStudyReadyForWork {background: url(images/title_case_ready_for_work.gif) top left no-repeat;}
#titleCaseStudyEnterpriseInset {background: url(images/title_case_enterprise_inset.gif) top left no-repeat;}
#titleCaseStudyParentsInEnterprise {background: url(images/title_case_parents_in_enterprise.gif) top left no-repeat;}
#titleVoiceCare {background: url(images/title_voice_care.gif) top left no-repeat;}
#titleCaseGreatStart {background: url(images/title_case_great_start.gif) top left no-repeat;}
#titleCaseLearningToLearn {background: url(images/title_case_learning_to_learn.gif) top left no-repeat;}
#titleCaseOutstandingSchool {background: url(images/title_case_outstanding_school.gif) top left no-repeat;}
#titleCaseStudentsAttitude {background: url(images/title_case_students_attitude.gif) top left no-repeat;}
#titleCaseSpecialFeature {background: url(images/title_case_special_feature.gif) top left no-repeat;}
#titleCaseVoiceManagement {background: url(images/title_case_voice_management.gif) top left no-repeat;}
#titleTeacherComments {background: url(images/title_teacher_comments.gif) top left no-repeat;}
#titleStudentComments {background: url(images/title_student_comments.gif) top left no-repeat;}
#titleTeacherCPD {background: url(images/title_teacher_cpd.gif) top left no-repeat;}
#titleVoiceManagement {background: url(images/title_voice_management.gif) top left no-repeat;}
#titleParentsInEnterprise {background: url(images/title_parents_in_enterprise.gif) top left no-repeat;}
#titleOptionsAndMotivation {background: url(images/title_options_and_motivation.gif) top left no-repeat;}


/*-- CONTENT PAGE --*/
.contentMainColumn {float: left; width: 570px; margin: 0 30px 10px 29px;}
	.contentMainColumn p {font-size: 13px; color: #666666; line-height: 1.5em;}
	.contentMainColumn h3 {font-size: 14px; color: #333333; line-height: 1.5em; margin: 1.5em 0 -0.5em 0;}
	.contentMainColumn h4 {font-size: 14px; font-weight: normal; color: #333333; line-height: 1.5em; margin: 1em 0 1em 0;}
	.contentMainColumn h5 {font-size: 12px; font-weight: normal; color: #666666; line-height: 1.5em; margin: 1em 0 1em 0;}
	.contentMainColumn ul {margin: 1em 10px 1em 0; padding: 0; line-height: 1.5em; list-style: none; font-size: 12px; color: #666666;}
	.contentMainColumn li {position: relative; background-image: url(images/bullet.gif); background-position: 5px 10px; background-repeat: no-repeat; padding: 4px 0 3px 18px;}
	.contentMainColumn form {padding: 0; margin: 20px 0 20px 0;}
	.contentMainColumn legend {font-size: 13px; color: #333333;}
	.contentMainColumn label {font-family: Verdana, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #584C3D; width: 100px; display: inline; float: left; padding: 2px 0 0 0; margin: 0 10px 0 0;}

.formContactText {width: 400px; border: 1px solid #CCCCCC; background-color: #FFFFFF; font-size: 13px; padding: 4px; font-family: Verdana, Helvetica, sans-serif;}
.formContactSelect {width: 400px; background-color: #FFFFFF; font-size: 13px; font-family: Verdana, Helvetica, sans-serif;}

.formStatement {width: 400px; float: left; display: inline; position: relative; margin: 10px 0 0 110px;}
	.formStatement h6 {font-size: 10px; font-weight: normal; color: #666666; line-height: 1.5em;}

.contactFormButtons {position: relative; float: right; display: inline; width: 460px;}
.formButton {padding: 4px 5px 4px 5px; margin: 10px 0 0 0; background-color: #76b804; border: 1px solid #76b804; color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal;}

.pdfDownload {float: left; width: 570px; margin: 15px 0 10px 0; border-top: 1px solid #CCCCCC;}
	.pdfDownload h6 {background: url(images/icon_pdf.gif) center left no-repeat; text-indent: 23px; font-size: 14px; font-weight: normal; color: #333333; line-height: 1.5em;}
	
.pdfDownloadNoBorder {float: left; width: 570px; margin: -10px 0 0 0;}
	.pdfDownloadNoBorder h6 {background: url(images/icon_pdf.gif) center left no-repeat; text-indent: 23px; font-size: 14px; font-weight: normal; color: #333333; line-height: 1.5em;}

.contentRightColumn {float: left; width: 270px; margin: 20px 0 0 0;}
	.contentRightColumn img {border: 0;}

#bannerCommercialTraining {margin: -22px 0 30px 0;}
#bannerExperience {margin: 0 0 30px 0;}
#bannerConsultancy {margin: -11px 0 30px 0;}
#bannerSchools {margin: -11px 0 30px 0;}

.bannerFlashExperience {margin: 0 0 30px 0; width: 270px;}
.bannerFlashSchoolPics {margin: 0 0 30px 0; width: 270px;}

.contactRightColumn {float: left; width: 270px; margin: 20px 0 0 0;}

.contactDetailsHolder {width: 270px; float: left; margin: 0;}
.contactDetailsTop {width: 270px; margin: 0;}
.contactDetailsMain {width: 270px; float: left; margin: 0; padding: 0 0 10px 0; background: url(images/col_270_green_bottom.gif) bottom left no-repeat #76b804;}
	.contactDetailsMain h2 {margin: 0 0 0 20px; padding: 0; text-indent: -9000px; font-size: 12px; line-height: 1em; width: 111px; height: 20px; background: url(images/col_sub_contact_details.gif) top left no-repeat;}
	.contactDetailsMain p {font-size: 12px; color: #FFFFFF; line-height: 1.5em; margin: 0.5em 20px 0.5em 20px;}

/*-- FOOTER --*/
.footerArea {float: left; width: 930px; height: 100px; background: url(images/footer_bg.gif) top left no-repeat;}
	.footerArea p {font-size: 11px; line-height: 1.1em; margin: 60px 0 50px 75px; color: #666666; float: left;}
	.footerArea h3 {font-size: 11px; font-weight: normal; line-height: 1.1em; margin: 60px 30px 50px 0; float: right; display: none;}
	.footerArea h4 {font-size: 11px; font-weight: normal; line-height: 1.1em; margin: 60px 30px 50px 0; float: right;}

/*-- HOMEPAGE --*/
.homeFlashArea {float: left; width: 928px; margin: 0 0 20px 0; height: 253px; background: url(images/title_shadow.gif) bottom left no-repeat; z-index: 1000;}

.homeLeftColumn {float: left; width: 270px; margin: 15px 30px 0 29px;}
	.homeLeftColumn h2 {margin: 0; padding: 0; text-indent: -9000px; font-size: 12px; line-height: 1em;}
	.homeLeftColumn h5 {font-size: 11px; color: #333333; font-weight: normal; line-height: 1.5em; margin: 0.8em 0 0.8em 0;}
	.homeLeftColumn p {font-size: 11px; color: #666666; line-height: 1.5em; margin: 0.8em 0 0.8em 0;}
	.homeLeftColumn ul {font-size: 11px; color: #666666; line-height: 1.5em; margin: 0.8em 0 0.8em 0;}
	.homeLeftColumn li {list-style: none; background: url(images/bullet_tick.gif) left center no-repeat; padding: 0.5em 0 0.5em 22px;}

#subHomeWelcomeToGiantImpact {width: 196px; height: 22px; background: url(images/home_sub_welcome_to_giant_impact.gif) top left no-repeat;}
#subHomeOurProgrammesAre {width: 196px; height: 22px; background: url(images/home_sub_our_programmes_are.gif) top left no-repeat;}
#subHomeWhatTeachersSay {width: 144px; height: 22px; background: url(images/home_sub_what_teachers_say.gif) top left no-repeat;}
#subHomeWhatStudentsSay {width: 147px; height: 22px; background: url(images/home_sub_what_students_say.gif) top left no-repeat;}
#subHomeFreeWRLDigest {width: 131px; height: 22px; background: url(images/home_sub_free_wrl_digest.gif) top left no-repeat;}

.homeMiddleColumn {float: left; width: 270px; margin: 0 30px 0 0;}
	.homeMiddleColumn p {float: left; display: inline; font-size: 11px; color: #666666; line-height: 1.5em; margin: 0.8em 0 0.8em 0;}
/*-- HOME CONCERTINA --*/
.homeProgrammesHolder {float: left; margin: 0; width: 270px;}
.homeProgrammesTop {float: left; margin: 0; width: 270px; height: 42px;}
.homeProgrammesBottom {float: left; margin: 0; width: 270px; height: 20px;}
.homeProgrammesMain {float: left; margin: 0; width: 268px; border-left: 1px solid #dddcdc; border-right: 1px solid #dddcdc;}
	.homeProgrammesMain ul {text-align: left; list-style: none; padding: 0; margin: 0 auto; width: 268px; font-weight: bold;}
	.homeProgrammesMain ul li {display: block; margin: 0; padding: 0; text-indent: 20px; font-size: 11px; font-weight: bold;}
	.homeProgrammesMain ul li a {display: block; width: 100%; padding: 0.5em 0 0.5em 0; border-bottom: 1px solid #dddcdc; text-decoration: none; background: #efefef;}

.newsHeadline {cursor: hand; cursor: pointer; font: bold 11px Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 20px 0 15px 0; width: 228px;}
	.newsHeadline img {float: right; margin: 1px 0 0 0;}

.col1 {color: #ff6600;}
.col2 {color: #0099cc;}
.col3 {color: #cc0099;}
.col4 {color: #666666;}
.col5 {color: #cc0000;}
.col6 {color: #ff0066;}
.col7 {color: #cccc00;}
.col8 {color: #339900;}
.col9 {color: #253cb4;}
.col10 {color: #9f54e5;}
.col11 {color: #a4620c;}

.newsHeadlineClosed {color: #666666; border-bottom: 1px solid #dddcdc; padding: 10px 20px 10px 20px;}
.newsHeadlineOpen {color: #333333; border-bottom: 0; padding: 10px 20px 10px 20px;}

.newsStory {font-family: Verdana, Arial, Helvetica, sans-serif; width: 268px; border-bottom: 1px solid #dddcdc; margin: -10px 0 0 0;}
	.newsStory p {font-size: 10px; color: #666666; line-height: 1.5em; padding: 0 20px 0 20px;}
	.newsStory h5 {font-size: 10px; color: #333333; font-weight: bold; line-height: 1.5em; padding: 0 20px 0 20px;}

#newsStoryCol1 a {color: #ff6600;}
#newsStoryCol2 a {color: #0099cc;}
#newsStoryCol3 a {color: #cc0099;}
#newsStoryCol4 a {color: #666666;}
#newsStoryCol5 a {color: #cc0000;}
#newsStoryCol6 a {color: #ff0066;}
#newsStoryCol7 a {color: #cccc00;}
#newsStoryCol8 a {color: #339900;}

.homeRightColumn {float: left; width: 270px; margin: 0 0 0 0;}
	.homeRightColumn img {border: 0;}

#homeBannerCaseStudy {margin: -11px 0 30px 0;}
#homeBannerCommercialTraining {margin: -22px 0 30px 0;}
#homeBannerConsultancy {margin: -13px 0 0 0;}

.homeBottomArea {float: left; display: inline; width: 100%; background: url(images/home_bottom_area_bg.gif) top left no-repeat; padding: 30px 0 10px 0; margin: 30px 0 0 0;}

.homeTeachersSay {float: left; display: inline; width: 280px; margin: 0 10px 0 20px; background: url(images/home_quote_bg.gif) 0 30px no-repeat;}
	.homeTeachersSay h2 {margin: 0 0 0 10px; padding: 0; text-indent: -9000px; font-size: 12px; line-height: 1em;}
	
.homeStudentsSay {float: left; display: inline; width: 280px; margin: 0 0 0 10px; background: url(images/home_quote_bg.gif) 0 30px no-repeat;}
	.homeStudentsSay h2 {margin: 0 0 0 10px; padding: 0; text-indent: -9000px; font-size: 12px; line-height: 1em;}

.homeFreeWRLDigest {float: right; display: inline; width: 270px; margin: 0 30px 0 0;}
	.homeFreeWRLDigest h2 {margin: 0; padding: 0; text-indent: -9000px; font-size: 12px; line-height: 1em;}
	.homeFreeWRLDigest p {font-size: 11px; color: #666666; line-height: 1.5em; margin: 0.8em 0 0.8em 0;}
	.homeFreeWRLDigest p strong {color: #333333; font-weight: bold;}
	.homeFreeWRLDigest label {float: left; display: inline; font-size: 12px; color: #333333; width: 60px; margin: 3px 0 0 0; font-weight: bold;}

.formNewsletterSignUp {width: 190px; padding: 5px 0 5px 3px; background-color: #FFFFFF; border: 1px solid #999999; color: #333333; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: italic;}
.formNewsletterSignUpButton {margin: 0 0 10px 60px; background-color: #76b804; border: 1px solid #76b804; color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; padding: 2px 5px 2px 5px;}

.homeCTABanner {float: left; display: inline; width: 870px; margin: 10px 0 0 30px;}
	.homeCTABanner img {border: 0;}


/*-- ABOUT US --*/
.aboutClientList {float: left; width: 270px; margin: 0 15px 30px 0;}
	.aboutClientList ul {margin: 0 10px 0 0; padding: 0; line-height: 1.5em; list-style: none; font-size: 12px; color: #666666;}
	.aboutClientList li {position: relative; background-image: url(images/bullet.gif); background-position: 5px 10px; background-repeat: no-repeat; padding: 4px 0 3px 18px;}
	.aboutClientList h3 {font-size: 14px; color: #333333; line-height: 1.5em; margin: 1em 0 1em 0;}
	
.aboutExperience {float: left; width: 260px; margin: 0 0 30px 15px;}
	.aboutExperience ul {margin: 0 10px 0 0; padding: 0; line-height: 1.5em; list-style: none; font-size: 12px; color: #666666;}
	.aboutExperience li {position: relative; background-image: url(images/bullet.gif); background-position: 5px 10px; background-repeat: no-repeat; padding: 4px 0 3px 18px;}
	.aboutExperience h3 {font-size: 14px; color: #333333; line-height: 1.5em; margin: 1em 0 1em 0;}

/*-- TEAM PROFILES --*/
.teamProfileHolder {float: left; width: 570px; margin: 15px 0 0 0; padding: 15px 0 0 0; border-top: 1px solid #dddcdc;}
.teamProfilePic {float: left; width: 100px; margin: 0;}
	.teamProfilePic img {border: 0; margin: 15px 0 15px 0;}
.teamProfileInfo {float: right; width: 455px; margin: 0;}
	.teamProfileInfo h4 {font-size: 13px; color: #666666; font-weight: normal; line-height: 1.5em; margin: 1em 0 0 0;}
		.teamProfileInfo h4 strong {color: #333333; font-weight: bold;}
	.teamProfileInfo h5 {font-size: 12px; color: #666666; font-style: italic; line-height: 1.5em; margin: 0;}
	.teamProfileInfo p {font-size: 13px; color: #666666; line-height: 1.5em;}

/*-- CUSTOMER QUOTES --*/
.customerQuote {float: right; width: 570px; margin: 10px 0 0 0; padding: 0 0 10px 0; border-bottom: 1px solid #DDDCDC;}
	.customerQuote h4 {font-size: 13px; color: #333333; font-weight: bold; line-height: 1.5em; margin: 1em 0 -0.8em 0;}
	.customerQuote h5 {font-size: 12px; color: #666666; font-style: italic; line-height: 1.5em; margin: 0;}
	.customerQuote p {font-size: 13px; color: #666666; line-height: 1.5em; font-style: italic;}

/*-- PROGRAMME PAGE --*/
.bannerTeachersSay {margin: 0 0 10px 0;}
.bannerStudentsSay {margin: 0 0 10px 0;}
