/* Main CSS doc for Yardstick Software | Copyright 2008 Created By Lift. (http://www.liftinteractive.com) */ /* Palette #7c7b7a gray #1c424d dark blue #418fa5 teal #EFC133 yellow #BB7424 orange */ /*** =global **************************/ html{ height:101%;} body { background:#7c7b7a; color:#5F5C59; font-family:arial,helvetica,sans-serif; font-size:75%; margin:0; padding:0; } a { color:#418fa5; text-decoration:none; } p, ol, ul, h1, h2, h3, h4, h5, h6 { margin-bottom: 20px;} .wrap { height:inherit; margin:0 auto; position:relative; width:955px; } /*** =furniture/=branding **************************/ #furniture { background:#1c424d url('../images/bg-furniture.jpg') repeat-x 0 0; height:156px; overflow:hidden; } #furniture .wrap { height:156px; } #furniture span#logo { background:transparent url('../images/bg-branding.jpg') no-repeat 0 0; height:123px; position:absolute; top:32px; left:-85px; width:573px; z-index:1; display:block;} #furniture h1 { margin: 0; } #branding { background:transparent url('../images/logo-ys.png') no-repeat 0 0; display:block; position:relative; text-indent:-9999em; left:79px; top:17px; z-index:1; height:59px; width:287px; } #tagline { background:url('../images/tagline.png') no-repeat; position:absolute; right:0; top:78px; text-indent:-9999em; height:27px; width:351px; } /*** =nav **************************/ #nav { position:absolute; bottom:0; left:0; z-index:10; width:100%; margin: 0; } #nav li { float:left; } #nav a { background:#46646d; border-bottom:4px solid #5f7f88; color:#eee; cursor:pointer; display:block; font-size:1.25em; float:left; margin-right:2px; padding:0.5em 1.25em 0.33em; -moz-border-radius-topleft:6px; -moz-border-radius-topright:6px; -webkit-border-top-left-radius:6px; -webkit-border-top-right-radius:6px; } #nav a.current, #nav a.current:hover { background:#e7eced; border-color:#e7eced; color:#1a3f48; } #nav a:hover { background:#57767F; border-bottom:4px solid #77979F; color:#fff;} #demonav {width:auto; position:absolute; bottom:0; right:0; z-index:10; margin: 0; } #demonav a { border-top:1px solid #DFB137; border-right:1px solid #DFB137; border-left:1px solid #DFB137; color:#DFB953; background:#46646D; cursor:pointer; display:block; font-size:1.25em; float:left; margin-right:2px; padding:0.3em 1.20em 0.25em; -moz-border-radius-topleft:6px; -moz-border-radius-topright:6px; -webkit-border-top-left-radius:6px; -webkit-border-top-right-radius:6px; } #demonav a:hover { border-top:1px solid #DFB137; border-right:1px solid #DFB137; border-left:1px solid #DFB137; background:#57767F; color:#fff;} /*** =subnav **************************/ #subnav { background:#e7eced url('../images/bg-subnav.jpg') repeat-x left bottom; } #subnav .wrap { height:3em; min-height:35px; } #subnav ul { padding:1em 0; } #subnav li { display:inline; padding-right:2em; } #subnav li a { background:url('../images/bg-subnav-item.gif') no-repeat 0 center; color:#1a3f48; font-weight:bold; padding-left:12px; } #subnav li a:hover, #subnav li a.current { color:#176B7F;} /*** =search **************************/ #search { position:absolute; right:0; } #search p { position:absolute; right:215px; top:10px; color:#d4dadc; text-align:right; width:400px; } #search p a { color:#d4dadc; } #search form { position:absolute; margin:0; } input#id_search { position:absolute; right:26px; top:4px; background:#567077; border:2px solid #3c5e68; border-right:0; border-bottom:0; color:#ccd3d5; height:15px; margin:0; padding:3px 5px; } input#id_submit { position:absolute; right:0; top:4px; } /*** =feature **************************/ #feature { background:#fff; } /*#feature .wrap { background:url('../images/bg-enabling-performance.gif') no-repeat 0 20px; height:259px; text-indent:-9999em; }*/ /*** =Professional Services **************************/ #findOutMoreBtn{display:block;width:180px;height:26px;background:url(../images/btn-findoutmore.png);} .half{margin-right:21px;width:467px;} .col,.half{display:inline;float:left;margin-right:20px;} .service{background:#424C4E url(../images/bg-protraining.jpg) no-repeat scroll left bottom;padding-bottom:10px;} #proexams{background-image:url(../images/bg-proexams.jpg);} .service h2 a{background:transparent url(../images/bg-protraining-h2.jpg) no-repeat scroll 0 0;display:block;height:56px;text-indent:-9999em;width:467px;} #proexams h2 a{background-image:url(../images/bg-proexams-h2.jpg);} #main-content .service h2{margin:0;} #main-content .service h3{color:#E9AC1E;margin:0 21px 0.5em;padding-top:1.5em;} #main-content .service p{color:#FFFFFF;line-height:1.3;margin-left:21px;margin-right:21px;} #main-content .service a.servicesLink{line-height:1.3;margin-right:21px;font-size:16px; border:1px solid #666; padding:1px 4px; float:right; color:#53AABF; -moz-border-radius:5px; -webkit-border-radius:5px;} #main-content .service a.servicesLink:hover{border:1px solid #999; color:#67B9CF;} /*** =content **************************/ #content { background:#fff; overflow: hidden; padding-bottom: 40px;} #main-content {margin-top:30px;} #main-content h1 { font-size: 30px; color: #418fa5; } #main-content h2, #products #main-content h3 { font-size: 18px; text-transform: uppercase; font-weight: bold; color: #BB7424; margin: 1.5em 0 1em 0; } #main-content h3 { font-size: 16px; color: #1c424d; font-weight: bold; margin: 1.5em 0 1em 0; } #main-content h4 { font-size: 14px; color: #1c424d; font-weight: bold; margin: 1.5em 0 1em 0; } #main-content h5 { font-size: 12px; color: #1c424d; font-weight: bold; margin: 1.5em 0 1em 0; } #main-content p, #main-content li { font-size: 115%; line-height: 1.5em;} #side-content p, #side-content li { font-size: 115%; line-height: 1.5em;} #main-content p a:hover { text-decoration: underline; color: #1c424d;} #main-content em { color:#418FA5; font-size:1.25em; font-weight:bold;} #main-content li { margin-left: 20px; } #side-content { width: 305px; float: right; margin: 0 0 10px 70px; } ul#page-menu li a { display: block; width: 285px; padding: 10px 10px 10px 20px; color: #BB7424; border-bottom: 2px solid #ececec; background: url('../images/arrow-yellow.png') no-repeat 5px 50%; } ul#page-menu li a:hover { border-bottom: 2px solid #CFCFCF; color: #8F4D00;} ul#page-menu li, ul#products { display: block; width: 305px; font-size: 14px; } #navSecondary li {position:absolute; float: left; margin: 0 0.15em;} .teamBox {height:170px;} .teamBox img{margin:0 20px 10px 0; border:10px solid #ddd; float:left;} /*** products landing page */ #product-jumpboxes { margin-top:3em; } #product-jumpboxes h1, #product-jumpboxes h2 { display:none; } #product-jumpboxes p { color:#31383a; font-size:1.1667em; line-height:1.3; margin-right:1em; } /*** products pages */ .featureSamples {width:520px; float:left; margin-left:60px;} .featureSamples p {position:relative;} .featureSamples p img {position:absolute; top:-25px; left:-60px;} blockquote p { color:#7C7B7A; font-style:italic; } #products h1 { color:#bb7424; font-size:1.75em; font-weight:bold; text-transform:uppercase; } #products h1 span { color:#285765; display:block; font-size:0.75em; font-weight:normal; text-transform:none; } #products h2 { color:#285765; font-weight:normal; margin-bottom:0.5em; text-transform:none; } #products h3 { margin-bottom:0.5em !important; } #products #main-content li { background:url('../images/arrow-large.gif') no-repeat 0 7px; list-style-type:none; margin-left:12px; padding-left:20px; } #products .featurebox h2 { background:#36626d url('../images/bg-featurebox-h2.jpg') repeat-x 0 bottom; color:#fff; margin:0; padding:10px 14px; } ul#products li a { display: block; width: 305px; height: 60px; } ul#products li a#testing { background: url("../images/testing-inner.gif") no-repeat 0 0;} ul#products li a:hover#testing { background: url("../images/testing-inner.gif") no-repeat 0px -60px;} ul#products li a#training { background: url("../images/training-inner.gif") no-repeat 0 0;} ul#products li a:hover#training { background: url("../images/training-inner.gif") no-repeat 0px -60px;} ul#products li a#ecommerce { background: url("../images/ecommerce-inner.gif") no-repeat 0 0;} ul#products li a:hover#ecommerce { background: url("../images/ecommerce-inner.gif") no-repeat 0px -60px;} .featurebox { background:url('../images/bg-featurebox.jpg') no-repeat 0 bottom; overflow:hidden; margin-bottom:2em; } .featurebox ul { float:left; margin:30px 0 20px 20px;; width:325px; } .featurebox li { color:#fff; background-image:url('../images/arrow-large-yellow.gif') !important; margin-bottom:1em; } .featurebox img { background:url('../images/bg-click-to-zoom.png') no-repeat 0 bottom; margin:30px 20px 20px 20px; padding:0 6px 30px 1px; } .featurebox img.noZoom { background:none; } .btn { margin-bottom:2em; } p.btn {height:50px;} .btn a img {float:left;} /*** features list */ #features-list { position:relative; } #features-list h2 { background:#c28030 url('../images/bg-features-h2.jpg'); color:#fff; font-size:1.5em; margin:0; padding:0.5em 1em 0.5em 17px; } #features-list ul { background:#e8ecec url('../images/bg-features-list.jpg') no-repeat 0 0; padding:35px 20px 35px 40px; } #features-list li { background:#e8ecec url('../images/arrow-red.gif') no-repeat 0 6px; font-size:1.1667em; padding:0 0 0 12px; margin-bottom:0.5em; } #features-list a { color:#285765; } #features-list a:hover, #features-list a.current{ color:#418FA5; } #features-list img { position:absolute; top:10px; right:20px; z-index:9; } /*** =columns */ .col { display:inline; float:left; margin-right:20px; width:305px; } .last { margin:0; } /*** =spotlight **************************/ #spotlight{background:#ececec url('../images/bg-spotlight.jpg') repeat-x 0 0;/*height:281px;*/ overflow:hidden;} #jumpboxes{font-family:'Lucida Grande',arial,sans-serif;letter-spacing:-0.07em;} #jumpboxes h3 a{ color:#234D59;} #jumpboxes li{background:url('../images/spotlight-pipe.png') no-repeat 100% 0;display:inline;float:left;margin-right:28px;padding:20px 30px 30px 0;/*height:241px;*/ width:275px; height:270px;} /* height:281px;width:308px;*/ #jumpboxes li.middle{width:288px;} #jumpboxes li.last{background:0;margin:0;padding-right:0;width:275px;} #jumpboxes li li{background:0;height:auto;padding:0;width:auto;} #jumpboxes h3{color:#234d59;font-family:arial;font-size:1.6667em;font-weight:bold;margin-bottom:10px;} #jumpboxes li.last h3 { margin-bottom:25px;} #solutions-jumpboxes a{color:#FFC425;} #solutions-jumpboxes h2{font-size:13px; background:transparent url('../images/bg-btn-blue.jpg') no-repeat scroll 0 0;color:#FFC425;display:block;font-size:1.25em;font-weight:bold;height:41px;line-height:41px;text-indent:15px;width:304px;font-size:13px;} #solutions-jumpboxes li{background:transparent url('../images/arrow-large.gif') no-repeat scroll 0 7px;list-style-type:none;margin-left:12px;padding-left:20px;} #solutions-jumpboxes li a{ color:#234D59;} #solutions-jumpboxes li a:hover{ color:#418FA5;} /*** =newsletter-form **************************/ #newsletter-form h3{color:#234d59;font-family:arial;font-size:1.6667em;font-weight:bold;margin-bottom:4px;line-height: 0.8em; margin-top:5px;} /*** industry solutions */ ul#industry-solutions { margin-bottom:2em; } ul#industry-solutions li{ background:url('../images/arrow-teal.gif') no-repeat 0 50%; color:#4b4b4b; display:block; float:none; font-weight:bold; font-size:14px; margin:0 0 7px 5px; padding:0 0 0 14px; } #clientSolutionsIntro{ margin-right: 330px;} .block-numbers p span{background:transparent url(../images/bg-block-number.gif) no-repeat scroll 0 0;color:#FFFFFF;display:block;font-weight:bold;height:17px;left:0;line-height:17px;position:absolute;text-indent:5px;top:5px;width:32px;} .block-numbers{ margin-left:15px;} .block-numbers p{padding-left:40px;position:relative;} /*** testimonials and logos*/ .mugs { width:280px; height:220px; padding: 0;} div.mugs div{width:280px;height:220px;top:0;left:0} .testimonial { position:relative; width:280px; height:220px;} .testimonial h4 { color:#234d59; font-weight:bold; margin-bottom:8px;} .testimonial img { background:transparent url('../images/bg-thumb.png') no-repeat 0 0; float:left; margin:0 10px 4px 0; padding:3px 7px 7px 3px; } .testimonial p { font-size:11px; color:#4b4b4b;} .testimonial cite { color:#234d59; font-style:italic; float:left;} #s2 img {margin:10px 0 0 20px;} /*** news */ #sysNews dl { float:left; margin-bottom:15px; width:280px;} #jumpboxes #sysNews dd { margin:0 0 18px; width:275px; } #sysNews dt.releaseDate { background:url('../images/bg-date.png') no-repeat; color:#234d59; display:block; font:0.75em verdana; float:left; height:36px; letter-spacing:0.05em; line-height:1.1667; padding-top:6px; text-align:center; text-transform:uppercase; width:31px; padding-right:10px; } #sysNews dt em { display:block; font-weight:bold; font-size:1.3333em; font-style:normal; letter-spacing:0; } #sysNews p { color:#4b4b4b; line-height:1em; float:left; width:230px; } #svPortal dl{margin:0 25px 15px 0; float:left;} #svPortal dl dt a{color:#276C7F; display:block; padding:10px; height:28px; background:#dee; width:430px;} #svPortal dl dt a:hover{background:#eff; border:1px solid #acc; margin:-1px;} #sysNews .moreResults{display:none;} .moreResults{clear:both; width:800px;} .moreResults ul{list-style:none;} dl.moreResults li{float:left; list-style-type:none;} .releaseDate{color:#888;} a#articlesBack{color:#357C8F; font-size:13px; border:1px solid #bde; -moz-border-radius:5px; -webkit-border-top-left:5px; padding:1px 5px; background:#eff;} a#articlesBack:hover{border:1px solid #acd; background:#dff; color:#0C4D5F;} p.action { clear:both; color:#234d59; font-weight:bold; text-align:right; letter-spacing:0; } p.action a { color:#234d59; } p.action a:hover { color:#458C9F; } /*** Demo Page ***/ #demoForm table{width:600px;} #demoForm td{padding:5px;} #demoForm input[type="text"], #demoForm select{width:200px;} #demoForm input[type="submit"]{margin-top:20px;} /*** =clients **************************/ #clients { background:#fff; height:130px; } #rebranded { background:url('../images/rebranded.gif') no-repeat 0 0; height:57px; margin:0; padding:0; position:absolute; left:0; top:35px; text-indent:-9999em; width:269px; } #rebrandLink { display:block; height:25px; width:260px; margin-top:6px; position:absolute; top:10px; left:0;} #client-list { position:absolute; left:335px; top:15px; width:610px; } #client-list p { color:#aebdc2; font:0.9167em/1 'Lucida Grande',arial; letter-spacing:-0.05em; } #client-list ul { background:url('../images/bg-client-list.gif') no-repeat; height:74px; margin:10px 0 0 30px; text-indent:-9999em; width:551px; } #example-clients li{font-size:1em;list-style-type:none;margin-left:0; padding:0 0 1em 120px; width:450px;border-bottom:1px solid #D8D8D8; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;} #example-clients h3{font-size:1em;font-weight:bold;margin-bottom:0.25em;} #example-clients p{line-height:1.3em;} #areaDesc{background: transparent url('../images/logo-area.gif') no-repeat scroll 0pt 0pt; } #iahssDesc{background: transparent url('../images/logo-iahss.gif') no-repeat scroll 0pt 0pt; } #snaponDesc{background: transparent url('../images/logo-snapon.gif') no-repeat scroll 0pt 0pt; } #abletonDesc{background: transparent url('../images/logo-ableton.gif') no-repeat scroll 0pt 0pt; } #tumiDesc{background: transparent url('../images/logo-tumi.gif') no-repeat scroll 0pt 0pt; } #solsticeDesc{background: transparent url('../images/logo-solstice.gif') no-repeat scroll 0pt 0pt; } #boosterDesc{background: transparent url('../images/logo-booster.gif') no-repeat scroll 0pt 0pt; } #joesDesc{background: transparent url('../images/logo-joes.gif') no-repeat scroll 0pt 0pt; } #enterpriseDesc{background: transparent url('../images/logo-enterprise.gif') no-repeat scroll 0pt 0pt;} #ledcorDesc{background: transparent url('../images/logo-ledcor.gif') no-repeat scroll 0pt 0pt; } #totalDesc{background: transparent url('../images/logo-totalsafety.gif') no-repeat scroll 0pt 0pt; } #goldcoastDesc{background: transparent url('../images/logo-goldcoast.gif') no-repeat scroll 0pt 0pt; } #gunexamsDesc{background: transparent url('../images/logo-gunexams.gif') no-repeat scroll 0pt 0pt; } #readytodriveDesc{background: transparent url('../images/logo-readytodrive.gif') no-repeat scroll 0pt 0pt; } #oavtDesc{background: transparent url('../images/oavt.jpg') no-repeat scroll 0pt 0pt;} #advmdDesc{background: transparent url('../images/advmd.gif') no-repeat scroll 0pt 0pt;} #abbaDesc{background: transparent url('../images/abba.gif') no-repeat scroll 0pt 0pt;} #abbaDesc{background: transparent url('../images/abba.gif') no-repeat scroll 0pt 0pt;} #csmlsDesc{background: transparent url('../images/csmls.jpg') no-repeat scroll 0pt 0pt;} #clientSolutionsLeft{padding-right:300px;} /*** =site-info **************************/ #site-info { background:#7c7b7a; border-top:6px solid #636262; color:#a2a2a1; padding:30px 0; } #footer-menu { float:left; margin-right:35px; } #footer-menu li { background:url('../images/arrow-yellow.gif') no-repeat 0 50%; display:inline; margin-right:15px; } #footer-menu a { color:#d7d7d7; padding-left:15px; } #site-info em { font-weight:bold; font-style:normal; } #to-top { background:#979797 url('../images/arrow-up.gif') no-repeat 8px 6px; color:#d0d0d0; cursor:pointer; font-size:0.9167em; padding:4px 12px 6px 20px; position:absolute; right:0; top:-36px; text-transform:lowercase; -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius: 5px;} .lift { color:#a2a2a1; font-family:georgia; font-weight:bold; font-style:italic; } /*** =coda **************************/ div#feature .wrap {background:white;overflow:hidden;position:relative;width:955px;height:287px;margin:0 auto;} div#blurbs{height:310px;width:955px;position:absolute;left:0;top:0;} div#box-nav {height:310px;width:955px;position:absolute;left:0;top:0;} div#blurbs div {width:605px;padding:80px 20px 50px;} div#blurbs {margin-left:325px;} div#blurbs a{ color:#357C8F; font-size:13px; border:1px solid #bde; -moz-border-radius:5px; -webkit-border-top-left:5px; padding:1px 5px; background:#eff;} div#blurbs a:hover{ border:1px solid #acd; background:#dff; color:#0C4D5F;} div#blurbs h2 {font-size:2.0833em;color:#234D59;font-weight:bold;} div#blurbs p {color:#418fa5;font-size: 17px; line-height: 23px; font-style: italic; letter-spacing: -0.01em;} #box-nav {z-index:3;} #box-nav ul {position:absolute;top:0;right:0;border-top:20px solid white;border-bottom:20px solid white;background:white;width:315px;} #box-nav ul li {height:75px;border-top:7px solid white;} #box-nav ul li a {height:69px;width:330px;display:block;} #box-nav ul li.testing a {background:white url(../images/button-testing.jpg) no-repeat top left;height:69px;width:315px;text-indent:-9999em;} #box-nav ul li.training a {background:white url(../images/button-training.jpg) no-repeat top left;height:69px;width:315px;text-indent:-9999em;} #box-nav ul li.ecommerce a {background:white url(../images/button-ecommerce.jpg) no-repeat top left;height:69px;width:315px;text-indent:-9999em;} #box-nav ul li a:hover,#box-nav ul.left li a:hover {background-position:0px -69px;} #box-nav ul.left li a {background-position:0px -138px;} #box-nav.left {width:330px;} #start {position:absolute;left:0;margin-left:-310px;margin-right:315px;} div#blurbs img {float:right;margin:0 30px 0 0;} div#blurbs div#start {background:white url(../images/screenshot.jpg) no-repeat left 50px;padding-left:218px;} #one {background:white url(../images/screenshot-testing.jpg) no-repeat 410px 45px;padding-right:230px;} #two {background:white url(../images/screenshot-training.jpg) no-repeat 410px 45px;padding-right:230px;} #three {background:white url(../images/screenshot-ecommerce.jpg) no-repeat 410px 45px;padding-right:230px;} div#blurbs div blockquote {margin-right:218px;} #one {position:absolute;left:955px;} #two {position:absolute;left:1910px;} #three {position:absolute;left:2865px;} #box-nav ul li.active a {background-position:0px 0px !important;} /*.active {background:green !important;}*/