p, ul, li, h1, h2, h3, h4, h5, h6, ol, form {margin:0px; padding:0px; } td, th {vertical-align:top;} body { margin:0; padding:0; background:#BBBBBC; font:70%/1.4 avenir, verdana, arial, helvetica, sans-serif; color:#393130; text-align:center; } #wrapper { position:relative; width:1080px; margin:0px auto 0px auto; height:100%; } #logo_green, #logo_blue, #logo_orange, #logo_red, #logo_ipilot {/* Displays top banner and branding */ margin: 0; padding:0; width: 854px; height:161px; position: absolute; top:88px; left: 149px; z-index:2000; text-align:left; } #logo_green {background: url(../images/banner/green.gif) no-repeat;} #logo_red {background: url(../images/banner/red.gif) no-repeat;} #logo_blue {background: url(../images/banner/blue.gif) no-repeat;} #logo_orange {background: url(../images/banner/orange.gif) no-repeat;} #logo_ipilot {background: url(../images/banner/ipilot.gif) no-repeat;} #logo_green a, #logo_red a, #logo_blue a, #logo_orange a, #logo_ipilot a{ width:150px; height:43px; display: block; overflow: hidden; font-size: 1px; margin:30px 0 0 30px; padding-top:50px; } #join {/* Displays join us icon to the right of the banner */ position: absolute; top:224px; left: 995px; width:55px; height:121px; margin:0; padding:0; z-index:2000; } #join a {width:55px; height:121px; display: block; overflow: hidden; background: url(../images/main/join_us.png) no-repeat;} #join a:hover, #join a.here{background: url(../images/main/join_us.png) 0px -121px no-repeat;} #email {/* Displays mail icon to the right of the banner */ position: absolute; top:224px; left: 1003px; width:41px; height:52px; margin:0; padding:0; z-index:1; } #email a {width:41px; height:52px; display: block; overflow: hidden; background: url(../images/icon_email.gif) no-repeat;} #email a:hover {background: url(../images/icon_email.gif) 0px -52px no-repeat;} #main_story, #main_people, #main_philosophy, #main_contact, #main_joinus, #main_strategy, #main_coaching, #main_creative, #main_speaking, #main_testimonials, #main_success, #main_recognition, #main_blog, #main_resources, #main_tv, #main_faq, #main_ready, #main_ipilot { position: absolute; top:249px; left: 149px; width:854px; height:454px; margin:0; padding:0; } #main_story {background: url(../images/main/story.gif) no-repeat; z-index:2000} #main_people {background: url(../images/main/people.gif) no-repeat; z-index:2000} #main_philosophy {background: url(../images/main/philosophy.gif) no-repeat; z-index:2000} #main_contact {background: url(../images/main/contact.gif) no-repeat; z-index:2000} #main_joinus {background: url(../images/main/fan.gif) no-repeat; z-index:2000} #main_strategy {background: url(../images/main/strategy.gif) no-repeat; z-index:2000} #main_coaching {background: url(../images/main/coaching.gif) no-repeat; z-index:2000} #main_creative {background: url(../images/main/creative.gif) no-repeat; z-index:2000} #main_speaking {background: url(../images/main/speaking.gif) no-repeat; z-index:2000} #main_ready {background: url(../images/main/ready.gif) no-repeat; z-index:2000} #main_testimonials {background: url(../images/main/testimonials.gif) no-repeat; z-index:2000} #main_success {background: url(../images/main/success.gif) no-repeat; z-index:2000} #main_recognition {background: url(../images/main/recognition.gif) no-repeat; z-index:2000} #main_tv {background: url(../images/main/tv.gif) no-repeat; z-index:2000} #main_faq {background: url(../images/main/faq.gif) no-repeat; z-index:2000} #main_blog {background: url(../images/main/blog.gif) no-repeat;} #main_resources {background: url(../images/main/resources.gif) no-repeat; z-index:2000} #main_ipilot {background: url(../images/main/dashboard.gif) no-repeat; z-index:2000} #main_ipilot a:hover {color: #EC8D30;} #main_joinus {font-size:0.92em;} #content {/* Displays the content and the Fuc&^*in scroll bar */ position: absolute; top:20px; left: 293px; width:360px; height:400px; text-align:left; } #content_ipilot {/* Displays the content and the Fuc&^*in scroll bar */ position: absolute; top:20px; left: 293px; width:370px; height:400px; text-align:left; } /* Styles for photos in left hand side */ #photo_contact { position: absolute; top:300px; left: 160px; width:187px; height: 360px; margin:0; padding:0; background: url(../images/I+M2.jpg) no-repeat; z-index:2010; } #photo_story { position: absolute; top:320px; left: 180px; width:198px; height: 360px; margin:0; padding:0; background: url(../images/I+M1.jpg) no-repeat; z-index:2010; } #photo_margarita { position: absolute; top:288px; left: 157px; width:258px; height: 402px; margin:0; padding:0; z-index:2010; } #photo_isa { position: absolute; top:330px; left: 170px; width:216px; height: 361px; margin:0; padding:0; z-index:2010; } #photo_pixel { position: absolute; top:360px; left: 180px; width:198px; height: 240px; margin:0; padding:0; z-index:2010; background: url(../images/pixel.jpg) no-repeat; } #pick_someone { position: absolute; top:272px; left: 194px; width:158px; height: 120px; text-align:left; z-index:2010; } #pick_someone h4 {font-size:0.9em; color:#C0D200;} /* Styles for scroller ---------------------------------------------------*/ #divUpControl {position:absolute; left:356px; top:305px; width:12px; height:8px; z-index:1;} #divDownControl {position:absolute; left:356px; top:295px; width:12px; height:8px; z-index:1;} #divContainer {left: 0px; visibility: hidden; overflow: hidden; width:340px; position: absolute; top: 0px; height: 400px;} #divContent {left: 0px; position: absolute; top: 0px;} /* 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 h3 {font-size:1em;} #content td {font-size:0.7em;padding:1px 0 0 0;} #content_ipilot td {font-size:0.7em;padding:1px 0 0 0;} /* Styles for left hand side which has content ---------------------------------------------------*/ #left_side_strategy, #left_side_coaching, #left_side_creative, #left_side_speaking, #left_side_blank, #left_side_testimonials, #left_side_contact, #left_side_leaptv { position: absolute; top:270px; left: 192px; width:176px; height: 400px; margin:0; padding:0; text-align:left; z-index:2100; } #left_side_leaptv { font-size:0.93em; } #left_side_ipilot { position: absolute; top:270px; left: 192px; width:165px; height: 400px; margin:0; padding:0; text-align:left; z-index:2100; } #left_side_strategy {background: url(../images/leaper_green.gif) bottom left no-repeat;} #left_side_contact {background: url(../images/leaper_green.gif) bottom left no-repeat;} #left_side_creative {background: url(../images/leaper_orange.gif) bottom left no-repeat;} #left_side_speaking {background: url(../images/leaper_red.gif) bottom left no-repeat;} #left_side_coaching {background: url(../images/leaper_blue.gif) bottom left no-repeat;} #left_side_blank {background: url(../images/leaper_grey.gif) bottom left no-repeat;} #left_side_testimonials p, #left_side_creative p, #left_side_speaking p {padding-right:12px;} #left_side_contact form {padding-bottom:20px;} #left_side_leaptv form {padding-bottom:20px;} /* General Styles */ .orange_heading{color:#EC8D30;text-transform:uppercase;font-weight:bold;} .black_heading{font-weight:bold;text-transform:uppercase;} .green_heading{color:#C0D200;font-weight:bold;text-transform:uppercase;padding-top:10px;} .spacer{padding-top:7px;} p {padding:0 0 10px 0; font-size:0.9em;} h3, h4 {font-size:1em;} .green_small {font-size:0.9em;color:#C0D200;} h5 {font-size:1.4em; font-weight:normal; color:#393130; font-style:italic; padding-bottom:8px;}/* used for quotes on testimonials page only */ h6 {font-size:1em; margin-bottom:8px; margin-top:8px; color:#C0D200;}/* used for Take your pick on testimonials page */ .textbox {width:200px; margin-left:20px;} .textbox_small {width:120px; margin-left:20px;} .login {margin:5px 0;} td.bottom {vertical-align:bottom;} td.middle {vertical-align: middle;} .hide {display:none;} .green {color:#C0D200;} .red {color:#BD2925;} .blue {color:#0095AA;} .required, .orange {color:#EC8D30;} a {color:#000;} a.fancy {color:#000; font-weight:bold; text-decoration:none;} a:hover {color:#B9D300;} a.fancy:hover {text-decoration:underline;} .under_construction {margin:80px 0 0 30px;} .submit { border: 1px double #999999; border-top-color: #CCCCCC; border-left-color: #CCCCCC; padding: 0.25em; background-color: #E77300; color: #FFF; font-size: 1em; font-weight: bold; font-family: Verdana, Helvetica, Arial, sans-serif; } label { font-size:0.8em;} #join label { font-size:0.85em; text-transform:uppercase;} /* Styles for top navigation ---------------------------------------------------*/ #top_nav { position: absolute; top:222px; left: 440px; margin:0; padding:0; list-style-type: none; width:261px; z-index:2000; } #nav_green, #nav_green_new, #nav_green2, #nav_green3, #nav_blue, #nav_red, #nav_orange { height: 27px; margin:0; padding:0; position:relative; } #nav_green {width:400px; background: url(../images/navigation/green.gif) no-repeat;} #nav_green2{width:406px; background: url(../images/navigation/green2.gif) no-repeat;} #nav_green3 {width:320px; background: url(../images/navigation/green3.gif) no-repeat;} #nav_blue {width:406px; background: url(../images/navigation/blue.gif) no-repeat;} #nav_red {width:406px; background: url(../images/navigation/red.gif) no-repeat;} #nav_orange {width:406px; background: url(../images/navigation/orange.gif) no-repeat;} #nav_green li, #nav_green2 li, #nav_green3 li, #nav_blue li, #nav_red li, #nav_orange li { position: absolute; margin: 0; padding: 0; list-style: none; top: 0; } #nav_green a, #nav_green2 a, #nav_green3 a, #nav_blue a, #nav_red a, #nav_orange a { height: 27px; display: block; text-indent: -9999px; text-decoration: none; outline: 0; } #story {left: 0px; width: 58px;} #people {left: 82px; width: 63px;} #philosophy {left: 170px; width: 88px;} #faq {left: 280px; width: 28px;} #contact {left: 330px; width: 68px;} #story a:hover, #story a.here {background: url(../images/navigation/green.gif) 0px -27px no-repeat;} #people a:hover, #people a.here {background: url(../images/navigation/green.gif) -82px -27px no-repeat;} #philosophy a:hover, #philosophy a.here {background: url(../images/navigation/green.gif) -170px -27px no-repeat;} #faq a:hover, #faq a.here {background: url(../images/navigation/green.gif) -280px -27px no-repeat;} #contact a:hover, #contact a.here {background: url(../images/navigation/green.gif) -330px -27px no-repeat;} #strategy_green, #strategy_blue, #strategy_orange, #strategy_red {left: 0px; width: 58px;} #coaching_green, #coaching_blue, #coaching_orange, #coaching_red {left: 72px; width: 70px;} #creative_green, #creative_blue, #creative_orange, #creative_red {left: 164px; width: 46px;} #speaking_green, #speaking_blue, #speaking_orange, #speaking_red {left: 232px; width: 60px;} #ready_green, #ready_blue, #ready_orange, #ready_red {left: 320px; width: 84px;} #strategy_green a.here, #strategy_green a:hover {background: url(../images/navigation/green2.gif) 0px -27px no-repeat;} #coaching_green a:hover {background: url(../images/navigation/green2.gif) -72px -27px no-repeat;} #creative_green a:hover {background: url(../images/navigation/green2.gif) -164px -27px no-repeat;} #speaking_green a:hover {background: url(../images/navigation/green2.gif) -232px -27px no-repeat;} #ready_green a.here, #ready_green a:hover {background: url(../images/navigation/green2.gif) -320px -27px no-repeat;} #strategy_blue a:hover {background: url(../images/navigation/blue.gif) 0px -27px no-repeat;} #coaching_blue a.here {background: url(../images/navigation/blue.gif) -72px -27px no-repeat;} #creative_blue a:hover {background: url(../images/navigation/blue.gif) -164px -27px no-repeat;} #speaking_blue a:hover {background: url(../images/navigation/blue.gif) -232px -27px no-repeat;} #ready_blue a:hover {background: url(../images/navigation/blue.gif) -320px -27px no-repeat;} #strategy_orange a:hover {background: url(../images/navigation/orange.gif) 0px -27px no-repeat;} #coaching_orange a:hover{background: url(../images/navigation/orange.gif) -72px -27px no-repeat;} #creative_orange a.here {background: url(../images/navigation/orange.gif) -164px -27px no-repeat;} #speaking_orange a:hover {background: url(../images/navigation/orange.gif) -232px -27px no-repeat;} #ready_orange a:hover {background: url(../images/navigation/orange.gif) -320px -27px no-repeat;} #strategy_red a:hover {background: url(../images/navigation/red.gif) 0px -27px no-repeat;} #coaching_red a:hover{background: url(../images/navigation/red.gif) -72px -27px no-repeat;} #creative_red a:hover {background: url(../images/navigation/red.gif) -164px -27px no-repeat;} #speaking_red a.here {background: url(../images/navigation/red.gif) -232px -27px no-repeat;} #ready_red a:hover {background: url(../images/navigation/red.gif) -320px -27px no-repeat;} #testimonials {left: 0px; width: 75px;} #success {left: 90px; width: 102px;} #leaptv {left: 202px; width: 50px;} #blog {left: 266px; width: 36px;} #testimonials a:hover, #testimonials a.here {background: url(../images/navigation/green3.gif) 0px -27px no-repeat;} #success a:hover, #success a.here {background: url(../images/navigation/green3.gif) -90px -27px no-repeat;} #leaptv a:hover, #leaptv a.here {background: url(../images/navigation/green3.gif) -202px -27px no-repeat;} #blog a:hover, #blog a.here {background: url(../images/navigation/green3.gif) -266px -27px no-repeat;} /* Styles for side navigation - shoes ---------------------------------------------------*/ #shoes { position: absolute; top:304px; right: 85px; margin:0; padding:0; list-style-type: none; width:99px; height:390px; z-index:2010; } #shoes ul {width:99px; height:390px; margin: 0;padding: 0; list-style-type:none;} #shoes li {margin: 0px; padding: 0px;} #shoes a {display: block;} #shoes .maggie {width:99px; height: 130px; background: url(../images/navigation/maggie.jpg) no-repeat;} #shoes .isa {width:99px; height: 152px; background: url(../images/navigation/isa.jpg) no-repeat;} #shoes .pixel {width:99px; height: 106px; background: url(../images/navigation/pixel.jpg) no-repeat;} #shoes .maggie:hover, #shoes .maggie_here {width:99px; height: 130px; background: url(../images/navigation/maggie_over.jpg) no-repeat;} #shoes .isa:hover, #shoes .isa_here {width:99px; height: 152px; background: url(../images/navigation/isa_over.jpg) no-repeat;} #shoes .pixel:hover, #shoes .pixel_here {width:99px; height: 106px; background: url(../images/navigation/pixel_over.jpg) no-repeat;} /* Styles for main navigation and client resources ---------------------------------------------------*/ #tabs { position: absolute; top:116px; left: 0px; width:149px; height: 378px; } #tabs2 { position: absolute; top:116px; left: 0px; width:50px; height: 378px; } #client { position: absolute; top:8px; right: 140px; width:233px; height: 80px; } #home_flash { position: absolute; top:88px; left: 149px; width:912px; height: 650px; background: url(../images/home.jpg) no-repeat; z-index:1; } p.error { display:block; color:#CC0000; border:1px solid #CC0000; padding:5px; margin-bottom:5px; } /* Styles for share this ---------------------------------------------------*/ #share_this{ position:absolute; top:700px; right: 60px; width:120px; height: 20px; } #share_this a:hover {color:#000;}