body{margin: 0;padding: 0; background: url('/media/images/bg-tile.jpg');} * {font-family: "Trebuchet MS", arial, sans-serif; color: #535658;font-size: 11px;outline:none;} img {border:none;} .clearing {clear:both;} .page-loading {width: 900px;height: 700px;margin: auto;overflow: hidden;background: transparent url('/media/images/ajax-loader.gif') 50% 50% no-repeat;} .accessibility, .helper {display: none;} .shell {margin: 0; padding: 0; position: relative;width: 10000px;height: 6000px; } /* .navigation-shell {z-index: 500;position: relative;width: 100%;display: block; height: 170px;background: url('/media/images/nav-shadow.png') repeat-x;} */ #navigation {position: fixed; width: 5000px;margin: 0; top: 0; height: 80px; z-index: 99;background: url('/media/images/nav-bg.png') repeat-x;} #navigation ul {position: relative;z-index: 50;background: url('/media/images/nav.png') no-repeat;width: 1022px;height: 90px;margin: 0 0 0 0px; padding: 0;overflow: hidden;} #navigation li {list-style: none; float: left; padding: 10px 0; margin-top: 5px;} #navigation span {display: none;} #navigation .link a {display: block; height: 55px; margin-left: 2px;outline: none;} #navigation .link a:hover, #navigation .link a.active {background: url('/media/images/nav.png') no-repeat;} #navigation li.link-page1 a{width: 68px; margin-left: 74px;} #navigation li.link-page2 a{width: 70px;} #navigation li.link-page3 a{width: 92px;} #navigation li.link-page4 a{width: 91px;} #navigation li.link-page5 a{width: 101px;} #navigation li.link-page6 a{width: 94px;} #navigation li.link-page7 a{width: 102px;} #navigation li.link-page8 a{width: 70px;} #navigation li.link-page1 a:hover, #navigation li.link-page1 a.active {background-position: -74px -185px;} #navigation li.link-page2 a:hover, #navigation li.link-page2 a.active {background-position: -144px -185px;} #navigation li.link-page3 a:hover, #navigation li.link-page3 a.active {background-position: -216px -185px;} #navigation li.link-page4 a:hover, #navigation li.link-page4 a.active {background-position: -310px -185px;} #navigation li.link-page5 a:hover, #navigation li.link-page5 a.active {background-position: -403px -185px;} #navigation li.link-page6 a:hover, #navigation li.link-page6 a.active {background-position: -506px -185px;} #navigation li.link-page7 a:hover, #navigation li.link-page7 a.active {background-position: -602px -185px;} #navigation li.link-page8 a:hover, #navigation li.link-page8 a.active {background-position: -706px -185px;} .elements {position: absolute; top: 0; left: 0;} .page-element-shell {width: 960px;height: 600px;position: absolute;} .page-element {position: relative;left: 0;margin: 0;text-align: center;width: 960px;height: 600px;margin: 0;} * html #navigation {position:absolute;} /* SLIDE PLACERS */ #placer-home {left: -10px; top: 0;} #placer-about {left: 6320px;top: 20px;height: 720px;} #placer-events {left: 6250px;top: 3460px;} #placer-lead {left: 4740px;top: 4600px;} #placer-train {left: 1620px;top: 4590px;} #placer-live {left: 3240px;top: 4730px;} #placer-nlp {left: 3180px;top: 3370px;} #placer-contact {left: 6470px;top: 2520px;} #placer-home-no {left: 268px; top: 1200px;} #placer-home-yes {left: 60px; top: 2400px;} #placer-home-maybe {left: 3180px; top: 1200px;} #placer-motivation {left: 1600px; top: 300px;} #placer-understanding {left: 1650px; top: 1460px;} #placer-confidence {left: 1640px; top: 2470px;} #placer-balance {left: 3180px; top: 60px;} #placer-connection {left: 4740px; top: 1400px;} #placer-awareness {left: 3180px; top: 2610px;} #placer-clarity {left: 4820px; top: 2430px;} /* SLIDE CONTENT */ #slide-about {background: url('/media/images/headings/about.jpg') 45px 100px no-repeat;} #slide-contact {background: url('/media/images/headings/contact.jpg') 45px 100px no-repeat;} #slide-events {background: url('/media/images/headings/events.jpg') 45px 100px no-repeat;} #slide-lead {background: url('/media/images/headings/lead.jpg') 45px 100px no-repeat;} #slide-train {background: url('/media/images/headings/train.jpg') 45px 100px no-repeat;} #slide-live {background: url('/media/images/headings/live.jpg') 45px 100px no-repeat;} #slide-nlp {background: url('/media/images/headings/nlp.jpg') 45px 100px no-repeat;} /* LINKS */ .back-link a { background: url('/media/images/link-back.jpg') no-repeat;position: absolute; top: 95px; left: 80px; z-index: 60;display: block; width: 100px; height: 35px;} .back-link a span {display: none;} .cms-page .back-link {position: absolute; top: 10px; left: 510px;} .back-link.motivation {position: absolute; top: 20px; left: 360px;} .back-link.clarity {position: absolute; top: 20px; left: 360px;} .back-link.balance {position: absolute; top: 5px; left: 330px;} .back-link.connection {position: absolute; top: 20px; left: 370px;} .back-link.awareness {position: absolute; top: 20px; left: 360px;} .back-link.understanding {position: absolute; top: 25px; left: 390px;} .back-link.confidence {position: absolute; top: 15px; left: 360px;} .link-block a {position: absolute; z-index: 999; display:block; width: 100px; height: 100px; outline: none;} .base-links {position: absolute; bottom: 100px; left: 35px; background: url('/media/images/more-areas-big.jpg') no-repeat; display: block; width: 880px; height: 120px; } .base-links a {outline: none;} .base-links .block-motivation a {left: 15px; top: 0px; width: 100px; height: 120px; } .base-links .block-clarity a {left: 140px; top: 0px; width: 80px; height: 120px} .base-links .block-understanding a {left: 635px; top: 0px; width: 130px; height: 120px} .base-links .block-balance a {left: 260px; top: 0px; width: 90px; height: 120px;} .base-links .block-connection a {left: 380px; top: 0px; width: 105px; height: 120px} .base-links .block-self-awareness a {left: 500px; top: 0px; width: 120px; height: 120px} .base-links .block-confidence a {left: 785px; top: 0px; width: 105px; height: 120px} .base-links a:hover{background: url('/media/images/more-areas-big.jpg') no-repeat; } .base-links .block-motivation a:hover {background-position: -15px -120px; } .base-links .block-clarity a:hover {background-position: -140px -120px; } .base-links .block-understanding a:hover {background-position: -635px -120px;} .base-links .block-balance a:hover {background-position: -260px -120px;} .base-links .block-connection a:hover {background-position: -380px -120px;} .base-links .block-self-awareness a:hover {background-position: -500px -120px;} .base-links .block-confidence a:hover {background-position: -785px -120px;} .top-links {position: absolute; top: 90px; right: 0px; z-index: 50;background: url('/media/images/more-areas-small-nav.jpg') no-repeat; width: 400px; height: 88px;} .top-links a {position: absolute; z-index: 50; outline: none; width: 43px; height: 53px;} .top-links .block-motivation a {left: 15px; top: 13px;} .top-links .block-clarity a {left: 62px; top: 16px;} .top-links .block-balance a {left: 112px; top: 14px;} .top-links .block-connection a {left: 164px; top: 16px;} .top-links .block-self-awareness a {left: 216px; top: 18px;} .top-links .block-understanding a {left: 275px; top: 18px;} .top-links .block-confidence a {left: 333px; top: 20px;} .top-links .block-motivation a:hover, #slide-maybe-motivation .top-links .block-motivation a {background: url('/media/images/more-areas-small-nav.jpg') no-repeat;background-position: -15px -103px} .top-links .block-clarity a:hover, #slide-maybe-clarity .top-links .block-clarity a {background: url('/media/images/more-areas-small-nav.jpg') no-repeat;background-position: -62px -106px} .top-links .block-balance a:hover, #slide-maybe-balance .top-links .block-balance a {background: url('/media/images/more-areas-small-nav.jpg') no-repeat;background-position: -112px -104px} .top-links .block-connection a:hover, #slide-maybe-connection .top-links .block-connection a {background: url('/media/images/more-areas-small-nav.jpg') no-repeat;background-position: -164px -106px} .top-links .block-self-awareness a:hover, #slide-maybe-awareness .top-links .block-self-awareness a {background: url('/media/images/more-areas-small-nav.jpg') no-repeat;background-position: -216px -108px} .top-links .block-understanding a:hover, #slide-maybe-understanding .top-links .block-understanding a {background: url('/media/images/more-areas-small-nav.jpg') no-repeat;background-position: -275px -108px} .top-links .block-confidence a:hover, #slide-maybe-confidence .top-links .block-confidence a {background: url('/media/images/more-areas-small-nav.jpg') no-repeat;background-position: -333px -110px} /* ARROWS AND BACKGROUNDS */ .arrow-yes {z-index: 10; position: absolute; left: 0px; top: 600px; background: url('/media/images/arrow_yes.png') no-repeat bottom left; display: block; width: 243px; height: 1938px;} .arrow-no {z-index: 10; position: absolute; left: 400px; top: 600px; background: url('/media/images/arrow_no.png') no-repeat; display: block; width: 130px; height: 728px;} .arrow-maybe {z-index: 10; position: absolute; left: 1020px; top: 265px; background: url('/media/images/arrow_maybe.png') no-repeat top right; display: block; width: 2120px; height: 1180px;} .feet {z-index: 10; position: absolute; left: 0px; top: 2514px; background: url('/media/images/feet.png') no-repeat top right; display: block; width: 1184px; height: 1767px;} /* SLIDE ITEMS */ .block-content {position: absolute; top: 70px; left: 5px; width: 960px;} .block-content .block-left {float: left;} .block-content .block-right {position: absolute; right: 0; top: 102px; width: 260px; } /* QUOTE ITEM */ .quote-header {background: url('/media/images/quote_exercise-sprite.jpg') no-repeat; height: 60px; display: block;} .quote-body {background: url('/media/images/quote_exercise-sprite.jpg') 0 -60px no-repeat; padding-bottom: 15px;display: block;} .quote-body p {margin: 0 0 0 33px; text-align: center; font-family: "Comic Sans MS", sans-serif; font-size: 14px; width: 190px;} .quote-footer {background: url('/media/images/quote_exercise-sprite.jpg') bottom left no-repeat; height: 120px; display: block; position: relative;} .quote-footer a div{z-index: 20;} #placer-balance .quote-body p {font-size: 12px;} /* FOOTER DEFAULT */ .footer {width: 960px; height: 100px; position: absolute; top: 640px; left: 5px;background: url('/media/images/footer.jpg') top left no-repeat;} .footer .blueleaf {float: right;font-size: 11px; padding: 30px 10px 0 10px;} .footer .blueleaf a {z-index: 20;position: relative;} .footer .address {float: left;font-size: 11px; padding: 60px 0 0 10px;} .footer .emailaddress a{position: absolute; left: 0; top: 0; display: block; width: 350px; height: 50px;z-index: 20;} .footer .emailaddress a span {display: none;} /* SECTION LINKS */ .section-links {position: relative; left: 40px; top: 0; display: block; width: 500px; height: 150px;background: url('/media/images/section-links.jpg') no-repeat;} .section-links a {display: block; width: 130px; height: 50px; position: absolute; top: 70px;z-index: 20 } .section-links a span {display: none} .section-links a.link-aspect {left: 20px;} .section-links a.link-manager {left: 160px; top: 75px;} .section-links a.link-professional {left: 300px; width: 160px;} .section-links a:hover {background: url('/media/images/section-links.jpg') no-repeat;} .section-links a.link-aspect:hover {background-position: -20px -215px;} .section-links a.link-manager:hover {background-position: -160px -220px;} .section-links a.link-professional:hover {background-position: -300px -215px;} /* ------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* PAGE ITEMS -------------------------------------------------------------------------------------------------------------------------------------------*/ /* ------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* SLIDE HOME SPECIFICS */ #slide-home {width: 1100px;} #slide-home .block-content {width: 1100px; height: 535px; top: 0px; background: url('/media/images/content/home.jpg') -40px 0 no-repeat;} #slide-home .footer {top: 550px; left: 50px;} #slide-home .link-block a {z-index: 90;} #slide-home .block-yes a {top: 205px; left: 140px; width: 140px;} #slide-home .block-no a {top: 205px; left: 405px; width: 140px;} #slide-home .block-maybe a {top: 180px; left: 680px; width: 230px; height: 150px;} #slide-home .link-signup a {display: block; width: 270px; height: 30px; position: absolute; top: 465px; left: 475px;} #slide-home .block-yes a:hover {background:transparent url("/media/images/home-yes-no-maybe-over.jpg") 5px -26px no-repeat;} #slide-home .block-no a:hover {background:transparent url("/media/images/home-yes-no-maybe-over.jpg") -260px -26px no-repeat;} #slide-home .block-maybe a:hover {background:transparent url("/media/images/home-yes-no-maybe-over.jpg") -535px -1px no-repeat;} /* SLIDE NO */ #slide-home-no .base-links {bottom: 70px;} #slide-home-no .footer {top: 550px;} /* SLIDE MAYBE */ #slide-home-maybe .base-links {bottom: 70px;} #slide-home-maybe .footer {top: 550px;} /* SLIDE YES */ #slide-home-yes .base-links {bottom: 70px;} #slide-home-yes .footer {top: 550px;} /* SLIDE PAGE CONTENTS FROM DB */ .subnav-wrapper {text-align: left;float: right;margin: 100px 10px 0 0;width: 230px;} .slide-page-subnav {width: 230px;padding: 20px 0 0 0;background: url('/media/images/sidenav-background.jpg') 0px 0 no-repeat;} .slide-page-subnav ul {list-style: none; margin: 0 0 0 15px; padding: 0;} .slide-page-subnav li {background: url('/media/images/sidenav-divide.jpg') bottom left no-repeat; padding: 0 10px 12px 10px;margin: 0 0 1px 0;} .slide-page-subnav li a {font-weight: bold; text-decoration: none;} .slide-page-subnav li a:hover, .slide-page-subnav li a.active {color: #a4a334} .slide-page-subnav li ul {margin: 0; padding: 0;} .slide-page-subnav li li {margin: 0; padding: 5px 0 0 0;background: none} .slide-page-subnav li li a {padding: 0 0 0 10px} .slide-page-subnav li li a:hover, .slide-page-subnav li li a.active {color: #a4a334;background: url('/media/images/sidenav-bullet.jpg') 0 4px no-repeat;} .slide-page-subnav-close {background: url('/media/images/sidenav-background.jpg') bottom left no-repeat; height: 20px;} .slide-page-content {text-align: left;position: absolute; top: 180px; left: 50px;width: 650px;} .slide-page-content p {font-size: 12px;} .slide-page-content h2 {color: #a4a334; font-size: 16px;} .slide-page-content h3 {color: #a4a334; font-size: 13px; margin: 0; padding: 0;} .slide-page-content ul {padding-left: 25px;} .additional-subnav-content {margin-top:10px;} .placement-table {margin: 5px 0;} .placement-table td {padding: 2px 0;} .placement-table .column1 {width: 100px; font-weight: bold;} .placement-table .column2 {} .eventstable {margin: 10px 0;border-collapse: collapse; border: 1px solid #aaa;width: 650px;} .eventstable td {padding: 2px;} .eventstable b, .eventstable strong {font-size: 12px;} .eventstable p {padding: 2px; margin: 0; font-sizE: 11px;} .eventstable .column2 {} .cms-page .footer {position: relative; top: 30px; left: -40px;} /* LIGHTBOX ELEMENTS */ .lightbox-signup-form {color: #a4a334;} .lightbox-signup-form fieldset {border:1px solid #a4a334; padding: 20px;} .lightbox-signup-form legend {font-size: 14px; padding: 5px; font-weight: bold;} .lightbox-signup-form label {clear: both; display: block; margin-bottom: 10px; font-size: 14px;} .lightbox-signup-form span {float: left; width: 100px; font-size: 13px; padding-top: 4px;} .lightbox-signup-form input {border: 1px solid #555; padding: 4px; width: 150px;} .lightbox-signup-form textarea {border: 1px solid #555; padding: 4px; width: 250px;} .lightbox-signup-form .singup-button input {border: none !important; width: 127px; margin-left: 90px;} /* #################### VISITOR MESSAGES #################### */ .visitor_messages p { line-height: 1em; } .visitor_messages span.content_width { margin: auto; width: 1000px; display: block; } .visitor_messages p span small { color: #000; display: block; font-size: 90%; padding-top: 3px; } .visitor_messages .positive p { margin: 0; padding: 10px; color: #166012; background: #c6eac4; border-bottom: 1px solid #166012; } .visitor_messages .positive p span { padding: 2px 0 0 40px; background: transparent url("/media/images/tick.gif") top left no-repeat; } .visitor_messages .negative p { margin: 0; padding: 10px; color: #962323; background: #f7adad; border-bottom: 1px solid #962323; } .visitor_messages .negative p span { padding: 2px 0 0 40px; background: transparent url("/media/images/cross.gif") top left no-repeat; } /* CLIENT LOGOS */ .client-logos { width: 680px; } .client-logos, .client-logos tr, .client-logos td { margin: 0; padding: 0; border: none; } .client-logos tr { width: 680px; height: 140px; background: transparent url("/media/images/bg-clients.jpg") top left no-repeat; } .client-logos img { margin: 0 20px; } /* CONTACT */ .google-map { width: 615px; height: 399px; padding: 52px 0 0 36px; background: transparent url("/media/images/google-map.jpg") top left no-repeat; position: relative; } .google-map iframe { position: relative; top: 0; left: 0; } .google-map-address { float: left; width: 200px; font-weight: bold; margin-left: 40px; } .google-map-directions { float: right; width: 240px; font-weight: bold; text-align: left; } .contact-address { float: left; width: 200px; font-weight: bold; font-size: 12px; } .contact-form { float: right; width: 374px; height: 337px; padding: 43px 0 0 51px; background: transparent url("/media/images/bg-contact-form.jpg") top left no-repeat; } .contact-us-form p {padding:0;} .contact-us-form h2 {color: #afaa3e; font-size: 15px; padding: 10px 0 5px 0; margin: 0;} .contact-us-form span {float: left; width: 100px;font-weight:bold;font-size:11px;} .contact-us-form input {border: 1px solid #555; padding: 2px; width: 150px;} .contact-us-form textarea {border: 1px solid #555; padding: 2px; width: 150px;height:40px;} .contact-us-form .submit-button input {border: none !important; width: 80px; margin-left: 80px;} .nlp-contact { width: 203px; height: 292px; padding: 24px 0 0 28px; background: transparent url("/media/images/bg-contact-form-small.jpg") top left no-repeat; } div#fancy_title div { display: none; } #fancy_div { overflow: auto; } .useful-downloads li a.pdf, .useful-downloads li a.pdf:hover { padding-left: 18px; background: transparent url("/media/images/pdficon.gif") top left no-repeat; }