p, ul, li, h1, h2, h3, h4, h5, h6, ol, form {margin:0px; padding:0px; } td, th {vertical-align:top;} p {padding:0 0 8px 0; font-size:0.9em; line-height:13px;} .fl{float:left;} .fr{float: right;} .fn{float: none;} .clear{clear:both;} .margin_lft10{margin-left:10px;} .pad_51{padding:0 31px 0 31px;} .pad_rit_15{padding:4px 15px 0 0 ;} .pad_rit_10{ padding-right:10px;} .pad_lft_15{padding:4px 0 0 15px} .pad_top_3{padding-top:3px;} .pad_top_2{padding:1px 0 0 8px; } .pad_top_1{padding:1px 0 0 4px; } .pad_top_16{padding-top:16px;} .pad_top_13{padding-top:22px;} .pad_top_12{padding-top:12px;} .pad_14{padding:14px 10px 0 0;} .pad_top_23{padding:100px 0 0 72px;} .pad_top_37{padding:120px 0 0 35px;} h3, h4 {font-size:1em;} .hide {display:none;} .required {color:#E77300;} .small {font-size:0.8em;} td.bottom {vertical-align:bottom;} .textbox {width:258px; margin-left:20px; border-left:2px #666 groove; border-top:2px #666 groove; border-right:1px #d4d0c8 groove; border-bottom:1px #d4d0c8 groove; background-color: rgb(255, 255, 255); font-size:12px;} .textbox2 { border-left:2px #666 groove; border-top:2px #666 groove; border-right:1px #d4d0c8 groove; border-bottom:1px #d4d0c8 groove; background-color: rgb(255, 255, 255); width:200px; } .textbox3{ border-left:2px #666 groove; border-top:2px #666 groove; border-right:1px #d4d0c8 groove; border-bottom:1px #d4d0c8 groove; background-color: rgb(255, 255, 255); } .textbox_small {width:200px; margin-left:0px; border-left:2px #666 groove; border-top:2px #666 groove; border-right:1px #d4d0c8 groove; border-bottom:1px #d4d0c8 groove; background-color: rgb(255, 255, 255);} .textarea {width:200px; height:60px; margin-left:0px; border-left:2px #666 groove; border-top:2px #666 groove; border-right:1px #d4d0c8 groove; border-bottom:1px #d4d0c8 groove; background-color: rgb(255, 255, 255); } .teamshot {padding:5px 20px 5px 0; float:left;} body { margin:0; padding:0; background:#BDBDBF; font:70%/1.4 avenir, verdana, arial, helvetica, sans-serif; color:#55472F; text-align:center; } #wrapper { position:relative; width:968px; margin:20px auto 0px auto; height:100%; } #header { position:absolute; width:968px; height:105px; top:0; left:0; margin:0; padding:0; background: url(../images/head.gif) top left no-repeat; } #logo {/* Displays top banner and branding */ margin: 0; padding:0; width: 968px; height:132px; position: absolute; top:530px; left: 0px; z-index:2; text-align:left; background: url(../images/logo.jpg) top left no-repeat; } #logo a { width:280px; height:43px; display: block; overflow: hidden; font-size: 1px; margin:30px 0 0 30px; padding-top:20px; } #main { position: absolute; top:105px; left: 0px; width:968px; height:425px; margin:0; padding:0; background: url(../images/main.gif) top left no-repeat; } #content {/* Displays the content and the Fuc&^*in scroll bar */ position: absolute; top:20px; left: 330px; width:510px; height:350px; text-align:left; } #coming-soon { position: absolute; top:150px; left: 330px; width:510px; height:350px; text-align:center; background: url(../images/coming-soon.gif) no-repeat; } #flash {/* Flash Intro appearing on home page only */ position: absolute; top:0px; left: 82px; width:794px; height:412px; } #home_content {/* Displays content on the home page once you've skipped the intro */ position: absolute; top:0px; left: 46px; width:804px; height:412px; text-align:left; } #online_learning {/* Displays content on the home page once you've skipped the intro */ position: absolute; top:0px; left: 46px; width:804px; height:412px; text-align:left; } /* Styles for main content area ---------------------------------------------------*/ #content p {padding:0 0 10px 0; font-size:0.9em;} #content ul, #divContent ol {padding:0px 10px 8px 18px; margin:0px 12px; font-size:0.9em;} #content h2, #content h2 a {font-size:1.1em; color:#DA6517; text-transform:uppercase;} #content h4, #content h4 a {font-size:1.1em; color:#DA6517; text-transform: none;} #content h5, #content h5 a {font-size:1.1em; color:#ABB123; text-transform: none;} #content h6, #content h6 a {font-size:1.1em; color:#1C1B1A; text-transform: none;} #content h3, #content h3 a {font-size:1.1em; color:#ABB123; text-transform:uppercase;} .green_title, .green_title a {font-size:1.0em; font-weight:bold; color:#ABB123; text-transform:uppercase; float: none;} #content td {font-size:0.7em;} #content a {color:#55472F; text-decoration:none;} #content a:hover {color:#DA6517; text-decoration:none;} /* Styles for images on home page ---------------------------------------------------*/ #left { position: absolute; top:50px; left: 0px; width:226px; text-align:left; visibility: hidden; } ul#right2 { position: absolute; top:10px; right: 0px; left: 308px; width:580px; text-align:left; } ul#right2 li{ list-style-type:none; margin:0; padding:0; float:left;} #right3 { position: absolute; top:70px; right: 0px; left: 140px; } ul#right3 {margin:0px; width:120px; } ul#right3 li{ list-style-type:none; margin:0; padding:0; float:left; } ul#right3 li.survey1{ list-style-type:none; margin:0; padding:0; float:left; } #right { position: absolute; top:10px; right: 0px; left: 319px; width:545px; text-align:left; } ul#right li{ list-style-type:none; margin:0; padding:0; width:181px; height:181px; display:inline; } .shadow{ position: absolute;} .information{visibility: hidden;position: absolute; left: 0px; top: 39px; width:210px; } .information2{ visibility: hidden; position: absolute; left: 235px; top: 39px; width:215px; } #HoverArea1Info {background:url(../images/orange_leaf.gif) top left no-repeat; } #HoverArea2Info {background:url(../images/green_leaf.gif) top left no-repeat;} #HoverArea1Info p, #HoverArea2Info p { margin:5px 0 0 0;} /* Styles for sidebar and side-navigation*/ #about_title, #what_title, #people_title, #coaching_title, #mentoring_title, #facilitation_title, #springboards_title, #well_title, #places_title, #consultation_title, #membership_title, #interior_title, #team_title, #testimonials_title, #giving_title, #contact_title, #case_title, #clients_title, #team_title, #sitemap_title, { width:251px; height:200px; margin:0; padding:0 0 20px 0; } /* 18-feb-09 online_learning section start ---------------------------------------------------*/ /* * 18-feb-09 online_learning section start ---------------------------------------------------*/ #onlinelearning_quiz_what{background:url(../images/title/online_learning_quiz_what.gif) right top no-repeat; height:78px;} #onlinelearningstore_what{background:url(../images/title/online_learning_what.gif) right top no-repeat; height:115px;} #onlinelearning {background:url(../images/title/online_learning.gif) right top no-repeat; height:115px;} #communication {background:url(../images/title/communication.gif) right top no-repeat; height:98px;} #accountablity {background:url(../images/title/accountablity.gif) right top no-repeat; height:116px;} #emotional_intelligence {background:url(../images/title/emotional_intelligence.gif) right top no-repeat; height:152px;} #leadership_followership {background:url(../images/title/leadership_and_followership.gif) right top no-repeat; height:152px;} #team_developement {background:url(../images/title/team_development.gif) right top no-repeat; height:152px;} #feedback_performace {background:url(../images/title/feedback_performace.gif) right top no-repeat; height:150px;} #online_what{background:url(../images/title/online_what.gif) right top no-repeat; height:78px;} #online_ebook{background:url(../images/title/e_book.gif) right top no-repeat; height:78px;} #online_instructions{background:url(../images/title/instructions.gif) right top no-repeat; height:78px;} #online_videocast{background:url(../images/title/videocast.gif) right top no-repeat; height:78px;} #survey_what{background:url(../images/title/survey.gif) right top no-repeat; height:78px;} #one-only_title {background:url(../images/title/one_only.gif) right top no-repeat; height:115px;} #thankyou_title {background:url(../images/title/thank_you_heading.gif) right top no-repeat; height:115px;} #about_title {background:url(../images/title/about.gif) right top no-repeat; height:115px;} #construction_title {background:url(../images/title/contruction.gif) right top no-repeat; height:78px;} #clientlogin_title {background:url(../images/title/client_login.gif) right top no-repeat; height:78px;} #surveylogin_title {background:url(../images/title/survey_login.gif) right top no-repeat; height:78px;} #what_title {background:url(../images/title/what.gif) right top no-repeat; height:78px;} #people_title {background:url(../images/title/people.gif) right top no-repeat; height:78px;} #coaching_title {background:url(../images/title/coaching.gif) right top no-repeat; height:78px;} #mentoring_title {background:url(../images/title/mentoring.gif) right top no-repeat; height:78px;} #facilitation_title {background:url(../images/title/facilitation.gif) right top no-repeat; height:78px;} #springboards_title {background:url(../images/title/springboards.gif) right top no-repeat;} #well_title {background:url(../images/title/well.gif) right top no-repeat;} #places_title {background:url(../images/title/places.gif) right top no-repeat;} #consultation_title {background:url(../images/title/consultation.gif) right top no-repeat;} #membership_title {background:url(../images/title/membership.gif) right top no-repeat;} #interior_title {background:url(../images/title/interior.gif) right top no-repeat;} #team_title {background:url(../images/title/team.gif) right top no-repeat;} #testimonials_title {background:url(../images/title/tesimonials.gif) right top no-repeat;} #giving_title {background:url(../images/title/giving.gif) right top no-repeat; height:78px;} #contact_title {background:url(../images/title/contact.gif) right top no-repeat; height:78px;} #case_title {background:url(../images/title/case.gif) right top no-repeat;} #clients_title {background:url(../images/title/clients.gif) right top no-repeat;} #sitemap_title {background:url(../images/title/sitemap.gif) right top no-repeat;} #reg_title {background:url(../images/title/registration.gif) right top no-repeat; height:78px;} #mathers_title, #adderley_title, #cedar_title { width:228px; height:102px; margin:0; padding:0; } #mathers_title {background:url(../images/title/mathers.gif) right top no-repeat;} #adderley_title {background:url(../images/title/adderley.gif) right top no-repeat;} #cedar_title {background:url(../images/title/cedar.gif) right top no-repeat;} #sidenav span { visibility:hidden; } #sidenav ul { width:138px; list-style-type: none; padding:0; margin:0; float:right;} #sidenav li { float:right; list-style: none; padding:2px 0; margin:0;} #sidenav li.final_quiz { float:right; list-style: none; padding:15px 0; margin:0;} #sidenav li.final_quiz2 { float:right; list-style: none; padding:15px 0 0 0; margin:0; width:138px;} #sidenav li.other_module { float:right; list-style: none; padding:0px; margin:0; width:138px;} #sidenav li.people_survey{ float:right; list-style: none; padding:104px 0 0 0; margin:0;} #sidenav a { display:block; width:138px; height:35px; background-repeat: no-repeat; background-position: right top; margin:0; padding:0; text-decoration:none;} #sidenav a#learning{ background-image: url(../images/sidenav/learning.gif); } #sidenav a#prequiz{ background-image: url(../images/sidenav/pre-quiz.gif); } #sidenav a#videostream{ background-image: url(../images/sidenav/video_stream.gif); } #sidenav a#e-book{ background-image: url(../images/sidenav/e-book.gif); } #sidenav a#practice{ background-image: url(../images/sidenav/practice.gif); } #sidenav a#final_quiz{ background-image: url(../images/sidenav/fina_quiz.gif); } #sidenav a#people_survey{ background-image: url(../images/people_survey.gif); } #sidenav a#coaching { background-image: url(../images/sidenav/coaching.gif); } #sidenav a#mentoring {background-image: url(../images/sidenav/mentoring.gif); } #sidenav a#facilitation {background-image: url(../images/sidenav/facilitation.gif); } #sidenav a#click-through{background-image: url(../images/sidenav/click-through.gif); } #sidenav a#back_to_online{background-image: url(../images/sidenav/what_to_online.gif); display:block; width:138px; height:20px; background-repeat: no-repeat; background-position: right top; margin:0; padding:0; text-decoration:none;} #sidenav a#other_modules{background-image: url(../images/sidenav/what_other_modules.gif); display:block; width:138px; height:20px; background-repeat: no-repeat; background-position: right top; margin:0; padding:0; text-decoration:none;} #sidenav a#learning:hover, a#prequiz:hover, a#prequiz.here, a#videostream:hover, a#e-book:hover, a#practice:hover, a#coaching:hover, a#facilitation:hover, a#mentoring:hover, a#click-through:hover, a#coaching.here, a#mentoring.here, a#facilitation.here{ background-position: right -35px; } /*---- #sidenav a#springboards {background-image: url(../images/sidenav/springboards.gif); } #sidenav a#well {background-image: url(../images/sidenav/well.gif); } #sidenav a#places {background-image: url(../images/sidenav/back_places.gif); } #sidenav a#consultation { background-image: url(../images/sidenav/consultation.gif); } #sidenav a#re-juice {background-image: url(../images/sidenav/re-juice.gif); } #sidenav a#interior {background-image: url(../images/sidenav/interior.gif); } #sidenav a#case {background-image: url(../images/sidenav/case.gif); } #sidenav a#people {background-image: url(../images/sidenav/back_people.gif); } #sidenav a#people_survey {height:37px; margin-top:10px; background-image: url(../images/sidenav/people_survey.gif); } #sidenav a#places_survey {height:37px; margin-top:10px; background-image: url(../images/sidenav/places_survey.gif); } #sidenav a#coaching:hover, #sidenav a#coaching.here, #sidenav a#mentoring:hover, #sidenav a#mentoring.here, #sidenav a#facilitation:hover, #sidenav a#facilitation.here, #sidenav a#springboards:hover, #sidenav a#well:hover, #sidenav a#well.here, #sidenav a#springboards.here, #sidenav a#consultation:hover, #sidenav a#consultation.here, #sidenav a#re-juice:hover, #sidenav a#re-juice.here, #sidenav a#interior:hover, #sidenav a#interior.here, #sidenav a#case:hover, #sidenav a#case.here, #sidenav a#places:hover, a#people:hover { background-position: right -35px; }*/ /* Sidebar for team page ---------------------------*/ #team_nav li {list-style-type:none; padding:0 0 10px 0;} #team_nav li a {color:#DA6517; text-decoration:none; font-weight:bold;} #team_nav li a:hover {text-decoration:underline;} /* Styles for Case Studies --------------------------------------------------------*/ #case_navigation {padding:5px 0 15px 0;} #case_navigation ul {list-style-type:none;} #case_navigation li {display:inline; padding:0 0 0 2px;} #shadowLayer, #Rollover1Info, #Rollover2Info, #Rollover3Info, #Rollover4Info, #Rollover5Info, #Rollover6Info {padding:20px 0 0 20px;} #left h4 { font-size:1.1em; color:#A4AE34; text-transform:uppercase;} #green_stats {position:absolute; top:365px; left:275px; z-index:200;} #more_projects {position:absolute; top:365px; left:460px; z-index:200;} #video {position:absolute; top:365px; right:60px; z-index:200;} /* Styles for scroller ---------------------------------------------------*/ #divUpControl {position:absolute; left:515px; top:335px; width:14px; height:8px; z-index:1;} #divDownControl {position:absolute; left:515px; top:315px; width:14px; height:8px; z-index:1;} #divContainer {left: 0px; visibility: hidden; overflow: hidden; width:470px; position: absolute; top: 3px; height: 340px; } #divContent {left: 0px; position: absolute; top: 0px; } #divContent em{ font-style:normal;} #Content2 {left: 200px; position: absolute; top: 0px; z-index:1; float:left; padding:110px 0 0 0; font-size:0.9em;} #divContent ul.green_icon{ padding:0px; margin:0px; margin:10px 0 10px 0;} #divContent ul.green_icon li{ float:none; padding:0 0 0 25px; margin:0px; background:url(green_icon.gif) 10px 5px no-repeat; list-style: none; } #content2 p {padding:0 0 10px 0; font-size:0.9em;} #content2 ul, #divContent ol {padding:0px 10px 8px 18px; margin:0px 12px; font-size:0.9em;} #content2 h2, #content h2 a {font-size:1.1em; color:#DA6517; text-transform:uppercase;} #content2 h3, #content h3 a {font-size:1.1em; color:#ABB123; text-transform:uppercase;} #content2 td {font-size:0.7em;} #content2 a {color:#55472F; text-decoration:none;} #content2 a:hover {color:#DA6517; text-decoration:none;} /* Styles for top navigation ---------------------------------------------------*/ #main_nav { position: absolute; top:3px; right: 12px; margin:0; padding:0; list-style-type: none; width:582px; height:37px; z-index:10; } #nav { height: 37px; width:582px; margin:0; padding:0; position:relative; background: url(../images/navigation.gif) 0 0 no-repeat; } #nav li { position: absolute; margin: 0; padding: 0; list-style: none; top: -1px; } #nav a { height: 37px; display: block; text-indent: -9999px; text-decoration: none; outline: 0; } #about {left: 0px; width: 79px;} #what {left: 79px; width: 100px;} #team {left: 180px; width: 84px;} #clients {left: 265px; width: 98px;} #gift {left: 364px; width: 70px;} #vlog {left: 435px; width: 55px;} #contact {left: 490px; width: 94px;} #about a:hover, #about a.here {background: url(../images/navigation.gif) 0px -37px no-repeat;} #what a:hover, #what a.here {background: url(../images/navigation.gif) -79px -37px no-repeat;} #team a:hover, #team a.here {background: url(../images/navigation.gif) -180px -37px no-repeat;} #clients a:hover, #clients a.here {background: url(../images/navigation.gif) -265px -37px no-repeat;} #gift a:hover, #gift a.here {background: url(../images/navigation.gif) -364px -37px no-repeat;} #vlog a:hover, #vlog a.here {background: url(../images/navigation.gif) -435px -37px no-repeat;} #contact a:hover, #contact a.here {background: url(../images/navigation.gif) -490px -37px no-repeat;} #email_nav { position: absolute; top:41px; left: 112px; margin:0; padding:0; list-style-type: none; width:177px; height:32px; z-index:10; } #sub_nav { height: 32px; width:177px; margin:0; padding:0; position:relative; background: url(../images/sub_navigation.gif) no-repeat; } #sub_nav li { position: absolute; margin: 0; padding: 0; list-style: none; top: 0; } #sub_nav a { height: 32px; display: block; text-indent: -9999px; text-decoration: none; outline: 0; } #home {left: 0px; width: 28px;} #email {left: 46px; width: 25px;} #green {left: 94px; width: 82px;} #sitemap_col1 ul, #sitemap_col2 ul {list-style-type:none; margin:0;} #sitemap_col1 li, #sitemap_col2 li {padding:3px 0; margin:0;} #sitemap_col1 {float:left; width:200px;} #sitemap_col2 {float:left; width:220px;} #sitemap_col1 ul li a, #sitemap_col2 ul li a {font:bold 1.1em arial, verdana, tahoma, sans-serif; color:#DA6517;} #sitemap_col1 a:hover, #sitemap_col2 a:hover {text-decoration:underline;} #sitemap_col1 ul li ul li a, #sitemap_col2 ul li ul li a {font:bold 1.2em arial, verdana, tahoma, sans-serif;} #sitemap_col1 ul li ul li ul li a, #sitemap_col2 ul li ul li ul li a {font:bold 1.4em arial, verdana, tahoma, sans-serif; color:#55472F;} #sitemap_col2 a.green {color:#ABB123;} #footer { margin: 0; padding:0; width: 100px; height:40px; position: absolute; top:660px; left: 40px; text-align:left; } #footer a { text-decoration:none; color:#FFF; font-weight:bold;} .Quiz_bullet{width:60px; height:21px; float:left;} .Quiz_bullet_big{float:left;} #online_back {position:absolute; left:325px; top:390px; width:200px; height:15px; z-index:1; float:left; } .greenbullet li{ background:url(../images/greenbullet.gif) 0 0 no-repeat; list-style:none; padding: 0 0 0 15px; } #sidebar { position: absolute; top:36px; left: 35px; width:262px; text-align:right; } .regift_block{padding:0px; margin:0px; width:187px; float:right;} .logo_pad_9{padding-left:9px; float:left;} .logo_pad_8{padding-left:8px; float:left;} .logo_pad_12{padding-left:9px; float:left; margin-top:-10px; } .logo_pad_5{float: right; margin-top:-38px; } .logo_pad_18{padding-left:18px; padding-top:17px; float:left; } .logo_pad_2{padding-left:2px; padding-top:19px; float:left; } #onlinepremiere_title {background:url(../images/title/premiere_learning.gif) right top no-repeat; height:78px;} #premier_text{ width:236px; color:#544932; float:left; font-family:avenir, verdana, arial, helvetica, sans-serif; font-size:12px; } #premier_text h2{ text-transform:uppercase; color:#ADB122; font-size:12px; margin:0px; padding:0px; }