/*//////////////////////////////////////////////////////////////////////////////// main styles ////////////////////////////////////////////////////////////////////////////////*/ /* reset: */ ul, li { margin: 0; padding: 0; } body { margin: 0; padding: 0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:100%; background:url(../images/bg_grad.gif) repeat-x top; } img { border: none; display:block; } a { color: #4c4a4d; text-decoration: none; } a:hover { color: #4c4a4d; text-decoration: underline; } p { color: #4c4a4d; word-spacing: normal; text-align: left; letter-spacing: 0; line-height: 1.6em; font-size: 70%; margin:0 0 0 0; } h1 { color: #4c4a4d; font-weight:normal; word-spacing: normal; text-align: left; letter-spacing: 0; line-height: 1.8em; font-size: 90%; margin:0 0 0 0; } #wrapper { width:798px; position:relative; left: 50%; margin-left:-399px; } #firstPanel { float:left; width:798px; height:100%; display:inline; margin: 20px 0 25px 0; background:url(../images/bg_panel.gif) no-repeat; } .logoPos { width:321px; height:89px; padding: 20px 0 0 40px; float:left; } .trialDay { width: 436px; height:109px; float:right; } #secondPanel { width:725px; height:100%; float:left; display:inline; margin: 0 0 0 40px; } .business { width: 345px; margin: 7px 0 0 0; float:left; } .businessImage { margin: 11px 0 15px 0; } .life { width: 345px; margin: 7px 0 0 0; float:right; } .lifeImage { margin: 11px 0 15px 0; } #thirdPanel { width:798px; height:100%; float:left; display:inline; margin: 25px 0 0 0; background:url(../images/bg_panel.gif) no-repeat; } .overviewLayout p { margin: 10px 0 0 0; } .overviewLayout { padding: 38px 0 0 40px; width:331px; float:left; } .overviewTitle { margin:0 0 15px 0; } .whoShouldAttend { padding: 38px 40px 0 0; width: 340px; float:right; } .attendTitle { margin:0 0 19px 0; } .attendCopyPadding { margin: 24px 0 0 0; } .whoShouldAttend ul { list-style: none; margin: 8px 0 0px; color:#80c31c; line-height: 1.6em; font-size: 70%; } .whoShouldAttend ul li { padding-left: 19px; margin: 0 0 0 0; background: url(../images/bulletPoint.gif) no-repeat left top; } #footer { width:718px; height:90px; float:left; display:inline; margin: 50px 0 3px 37px; background:url(../images/footer_line.gif) no-repeat top; } #footer p { font-size:65%; color:#969280; padding: 5px 0 0 0; } #footer a { color:#969280; text-decoration: none; } #footer a:hover { color:#969280; text-decoration: underline; } .siteCredit { float:right; } .siteCopyright { float:left; } #findMore { width: 139px; position: relative; display:inline; } #findMore ul { margin: 0px; padding: 0px 0px 0px 0px; } #findMore li { margin: 0px; padding: 0px; list-style: none; float: left; } #findMore a { display: block; height: 23px; } #findMore .a1 a:link, #findMore .a1 a:visited { background: url(../images/find_more.gif) left; width: 139px; margin: 25px 0 0 0; } #findMore .a1 a:hover { background: url(../images/find_more.gif ) right; } #signUp { width: 210px; margin: 44px 90px 0 0; float:right; } #signUp ul { margin: 0; padding: 0 0 0 0; } #signUp li { list-style: none; } #signUp a { display: block; height: 41px; } #signUp .a1 a:link, #signUp .a1 a:visited { background: url(../images/taster_link.gif) left; width: 210px; margin: 0 0 0 0; } #signUp .a1 a:hover { background: url(../images/taster_link.gif) right; } /* global nav */ #navBar { width: 760px; position: relative; display:inline; float:left; } #navBar ul { margin: 0px; padding: 25px 0px 0px 40px; } #navBar li { margin: 0px; padding: 0 2px 0 0; list-style: none; float: left; font-weight: bold; } #navBar a { display: block; height: 36px; } /* home btn */ #navBar .a1 a:link, #navBar .a1 a:visited { background: url(../images/globalnav/home.gif) left; width: 142px; padding: 0 0 0 0; } #navBar .a1 a:hover { background: url(../images/globalnav/home.gif) right; } /* aboutus btn */ #navBar .a2 a:link, #navBar .a2 a:visited { background: url(../images/globalnav/aboutus.gif) left; width: 142px; padding: 0 0 0 0; } #navBar .a2 a:hover { background: url(../images/globalnav/aboutus.gif) right; } /* aboutnlp btn */ #navBar .a3 a:link, #navBar .a3 a:visited { background: url(../images/globalnav/aboutnlp.gif) left; width: 142px; padding: 0 0 0 0; } #navBar .a3 a:hover { background: url(../images/globalnav/aboutnlp.gif) right; } /* contactus btn */ #navBar .a4 a:link, #navBar .a4 a:visited { background: url(../images/globalnav/coursedates.gif) left; width: 142px; padding: 0 0 0 0; } #navBar .a4 a:hover { background: url(../images/globalnav/coursedates.gif) right; } /* trial btn */ #navBar .a5 a:link, #navBar .a5 a:visited { background: url(../images/globalnav/contactus.gif) left; width: 142px; padding: 0 0 0 0; } #navBar .a5 a:hover { background: url(../images/globalnav/contactus.gif) right; } /* on states */ #a1 #navBar .a1 a, #a1 #navBar .a1 a:hover { background: url(../images/globalnav/homeOn.gif) left; cursor: default; } #a2 #navBar .a2 a, #a2 #navBar .a2 a:hover { background: url(../images/globalnav/aboutusOn.gif) left; cursor: default; } #a3 #navBar .a3 a, #a3 #navBar .a3 a:hover { background: url(../images/globalnav/aboutnlpOn.gif) left; cursor: default; } #a4 #navBar .a4 a, #a4 #navBar .a4 a:hover { background: url(../images/globalnav/coursedatesOn.gif) left; cursor: default; } #a5 #navBar .a5 a, #a5 #navBar .a5 a:hover { background: url(../images/globalnav/contactusOn.gif) left; cursor: default; } #leftPanelLayout { float:left; width:171px; height:100%; padding: 86px 0 0 36px; } ul.mainCTA { list-style:none; margin: 0; padding:0; } ul.mainCTA li { float: left; padding-left: 8px; } .freeTasterLink { float:left; } .freeTasterLink a { background: url(../images/taster_link.gif) left; width: 210px; height:41px; margin: 0; display: block; } .freeTasterLink a:hover { background: url(../images/taster_link.gif) right; } .bookCourse { float:left; } .bookCourse a { background: url(../images/bookCourse_link.gif) left; width: 196px; height:41px; margin: 0; display: block; } .bookCourse a:hover { background: url(../images/bookCourse_link.gif) right; } /*//////////////////////////////////////////////////////////////////////////////// groups ////////////////////////////////////////////////////////////////////////////////*/ .groupPanel, .aboutusPanel { width:171px; margin: 6px 0 20px 0; font-size: 80%; line-height: 1.6em; } .groupPanel a, .aboutusPanel a { color: #80c31c; text-decoration: none;} .groupPanel a:hover, .aboutusPanel a:hover { color: #80c31c; text-decoration: underline; } .groupPanel { background:url(../images/subMenuPanel.gif) no-repeat; } .aboutusPanel { background:url(../images/whoweare_panel.gif) no-repeat; } .groupPanel ul, .aboutusPanel ul { list-style: none; margin: 0 0 0 16px; padding: 40px 0 20px 0 ; } /* on states for panel links */ #about ul li#about, #jon ul li#jon, #tineke ul li#tineke, #business ul li#business, #life ul li#life, #coaching ul li#coaching { background: url(../images/arrow.gif) 0px 6px no-repeat; padding-left:12px; } .contactPanelLink { width:171px; height:100%; margin: 26px 0 0 0; background:url(../images/contactLinkPanel.gif) no-repeat; } .contactPanelLink p { margin: 16px; padding-top: 40px; } .trialPanelLink { float:left; width:171px; height:100%; margin: 0 0 0 0; background:url(../images/trialLinkPanel.gif) no-repeat; } .groupTitle { padding: 0 0 10px 16px; } .nlpTrainersLogo { margin: 0 0 25px 10px; } #rightPanel { float:right; width:513px; height:100%; padding: 7px 40px 0 0; } .mainImage { padding: 0 0 20px 16px; } .copyLayout p { margin: 0 0 15px 16px; } .copyLayout h1 { margin: 0 0 15px 16px; } .leftPanelPadding { width: 130px; margin: 45px 0 3px 16px; } .businessLinkPadding { margin: 45px 0 3px 16px; } .lifeLinkPadding { margin: 10px 0 0 16px; } .coachLinkPadding { margin: 10px 0 5px 16px; } #contactLink { width: 119px; position: relative; display:inline; } #contactLink ul { margin: 0; padding: 0 0 0 0; } #contactLink li { margin: 0px; padding: 0px; list-style: none; } #contactLink a { display: block; height: 23px; } #contactLink .a1 a:link, #contactLink .a1 a:visited { background: url(../images/contactLink.gif) left; width: 119px; margin: 21px 0 25px 16px; } #contactLink .a1 a:hover { background: url(../images/contactLink.gif ) right; } .freeTasterPadding { margin: 25px 0 15px 33px; } .trialCopy { width: 130px; padding: 0 0 0 16px; } #trialLink { width: 119px; position: relative; display:inline; } #trialLink ul { margin: 0; padding: 0 0 0 0; } #trialLink li { margin: 0px; padding: 0px; list-style: none; float: left; } #trialLink a { display: block; height: 23px; } #trialLink .a2 a:link, #trialLink .a2 a:visited { background: url(../images/trialLink.gif) left; width: 119px; margin: 21px 0 0 16px; } #trialLink .a2 a:hover { background: url(../images/trialLink.gif ) right; } .bullet { width: 510px; margin: 0; background: url(../images/bulletBg.gif) no-repeat left; } .bullet ul { list-style: none; width: 390px; margin: 50px 0 30px 48px; } .bullet ul li { padding-left: 19px; margin: 0 0 10px 0; background: url(../images/bulletPoint.gif) no-repeat left top; color:#80c31c; line-height: 1.6em; font-size: 70%; } .nlpTitle { margin: 0 0 20px 16px; } .benefitTitle { margin: 30px 0 20px 16px; } .aboutnlpImage { padding: 10px 0 25px 16px; } .bottomLinks { margin: 20px 0 0 13px; } .companyNotes { padding: 50px 0 0 16px; } .companyNotes p { color:#969280; } /*//////////////////////////////////////////////////////////////////////////////// course ////////////////////////////////////////////////////////////////////////////////*/ .tablePadding { padding: 0 0 0 16px; } table { border-collapse:collapse; width:498px; margin: 0 0 20px 0; border:1px solid #ede3dc } th, td { padding: 8px 10px; } col { border-right: 1px solid #ede3dc } thead { background:#fff; border-top: 1px solid #ede3dc; border-bottom: 1px solid #ede3dc; } th { color: #80c31c; word-spacing: normal; text-align: left; letter-spacing: 0; line-height: 1.6em; font-size: 90%; font-weight:normal; text-align: left; } td { color: #4c4a4d; word-spacing: normal; text-align: left; letter-spacing: 0; line-height: 1.6em; font-size: 70%; } .odd { background-color:#f7ede6; } caption { color:#80c31c; text-align: left; font-size: 100%; margin: 0 0 30px 0; } .notes p { color:#969280; } .notesTitle { color:#969280; font-size: 90%; font-weight:normal; text-align: left; text-decoration:underline; } .bookLink { width: 196px; margin: 0 0 30px 15px; padding: 0 0 0 0; list-style: none; } .bookLink a { display: block; height: 41px; } .bookLink a:link, .bookLink a:visited { background: url(../images/bookCourse_link.gif) left; width: 196px; margin: 0 0 0 0; } .bookLink a:hover { background: url(../images/bookCourse_link.gif) right; } /*//////////////////////////////////////////////////////////////////////////////// contact ////////////////////////////////////////////////////////////////////////////////*/ .contactPanelA { float:left; width:171px; height:100%; margin: 0 0 8px 0; background:url(../images/contact_panel_A.gif) no-repeat; } .contactPanelA a { color: #4c4a4d; text-decoration: none; } .contactPanelA a:hover { color: #4c4a4d; text-decoration: underline; } .contactPanelB { float:left; width:171px; height:100%; margin: 0 0 0 0; background:url(../images/contact_panel_B.gif) no-repeat; } .titlePadding { padding: 0 0 20px 0; } .listPadding { margin: 0 0 18px 0; } .areaTitlePadding { margin: 35px 0 20px 0; } .subHeadingPadding { margin: 25px 0 15px 0; } .subHeadingPadding2 { margin: 50px 0 15px 0; } #dotLine { height:1px; margin: 7px 0 0 0; background:url(../images/dotline.gif) repeat-x; } #dotLine2 { height:1px; margin: 65px 0 0 0; background:url(../images/dotline.gif) repeat-x; } #title { width: 84px; margin:0 114px 0 0; } .formItem { width: 198px; margin:0 0 0 0; } #phone { width: 122px; margin:0 76px 0 0; } #comments { width: 198px; height:96px; margin:0 0 50px 0; vertical-align:text-top; } #contentRightPanel { float:right; width:479px; height:100%; margin: 7px 58px 0 0; } #labelStyle { color: #80c31c; word-spacing: normal; text-align: right; letter-spacing: 0; font-size: 80%; margin:0 85px 0 0; } .inputPadding { margin: 0 0 4px 0; } #emailUpdates { width: 455px; float:right; margin:0 0 0 0; } #optin { float:left; margin: 3px 0 0 0; } #submitBtn { margin: 15px 0 0 0; float:right; } .contactTelSubHeading { color:#969280; line-height:1.2em; margin: 45px 0 0 16px; } .contactTelSubHeading2 { color:#969280; line-height:1.2em; margin: 8px 0 0 16px; } .contactMargin { margin: 0 0 0 16px; } .contactaddressSubHeading { color:#969280; line-height:1.2em; margin: 20px 0 3px 16px; } .red { color: #FF0000; } .warning { padding: 8px; color: #FFFFFF; background: #FF0000; margin-bottom: 8px; } .btnMargin { margin: 15px 0 0 0; float:right; } h2, h3, h4 { color:#80c31c; font-weight: normal; padding: 0; margin:0; } h2 { font-size: 12px; padding-top: 12px; } h3 { font-size: 14px; font-weight: bold; padding-top: 4px; } h4 { font-size: 13px; }