/* SITE-WIDE IMPORTS ---------------------------------------------------*/ @import "reset.css"; @import "jquery.hoverscroll.css"; @import "../js/jquery/shadowbox/shadowbox.css"; @font-face { font-family: 'MarydaleBold'; src: url('marydbol.eot'); src: local('Marydale Bold'), local('MarydaleBold'), url('marydbol.ttf') format('truetype'); } /* BEGIN SITE CSS ---------------------------------------------------*/ html, body { width: 100%; height: 100%; overflow: hidden; } html.news {overflow: scroll !important;} body { text-align: center; background: #fff; background: url('../../img/layout/homepage-bg.png') repeat-x; font-family: Tahoma, Arial, sans-serif; font-size: 12px; line-height: 1.2; } body.marketing-agency, body.interactive-capabilities, body.portfolio-results, body.branding-strategies, body.lead-generation-marketing, body.user-experience, body.website-design, body.search-engine-optimization, body.marketing-measurement-metrics, body.social-media-marketing { background: url('../../img/layout/agency-bg.png') repeat-x !important; } body.news { background: url('') repeat-x !important; } #header { width: 944px; position: absolute; left: 50%; top: 0; margin-left: -472px; z-index: 500; text-align: left; } #logo { position: absolute; top: 10px; left: 0; z-index: 100; } #mainHeaderHider { position: absolute; top: 60px; left: 460px; height: 90px; width: 100%; margin: 0; padding: 0; z-index: 999; display: none; /*background: #fff;*/ } #mainHeaderHider img { margin-left: 220px; } #mainnav { position: absolute; top: 60px; right: 0; margin: 0; padding: 0; z-index: 100; } #mainnav li { float: left; list-style: none; } #mainnav li a { display: block; height: 52px; background: url('../../img/layout/mainnav.png') no-repeat; text-indent: -9000px; cursor: pointer; } #mn-agency { width: 146px; background-position: 0 0; } #mn-agency:hover { background-position: 0 -52px !important; } #mn-agency.active { background-position: 0 -104px !important; } #mn-capabilities { width: 165px; background-position: -146px 0 !important; } #mn-capabilities:hover { background-position: -146px -52px !important; } #mn-capabilities.active { background-position: -146px -104px !important; } #mn-results { width: 152px; background-position: -311px 0 !important; } #mn-results:hover { background-position: -311px -52px !important; } #mn-results.active { background-position: -311px -104px !important; } #mainnav-bg { width: 100%; height: 83px; position: absolute; left: 50%; top: 60px; z-index: 50; margin-left: 472px; background: url('../../img/layout/mainnav-bg.png') repeat-x; } #avatarnavContainer { width: 440px; height: 35px; position: absolute; top: 108px; right: 0; z-index:0; overflow:hidden;} #openavatar { width: 30px; height: 35px; position: absolute; top: 108px; right: 143px; z-index: 50; } #openavatar img { cursor: pointer; } #avatarnav { width: 440px; height: 35px; overflow: hidden; float: right; position: absolute; top: 0; right: -292px; z-index: 49 !important; } .closedSlider { background: url('../../img/layout/avatar-menu-closed.png') no-repeat left top; } .openSlider { background: url('../../img/layout/avatar-menu-open.png') no-repeat right top; } .hideOnShrink { } #avatar-left { float: left; width: 145px; } #interestedClickableArea {width:100%; height: 35px; cursor:pointer;} #interestedin { margin: 9px 0 0 10px;} #avatar-right { position: absolute; left: 145px; width: 295px; } #avatar-right ul { margin: 9px 0 0 14px; padding: 0; } #avatar-right ul li { list-style: none; } #avatar-right ul li a { display: block; width: 216px; height: 26px; background: url('../../img/layout/avatar-menu-select.png') no-repeat; text-indent: -9000px; } #hiring { background-position: 0 0 !important; } #employment { background-position: 0 -26px !important; } #thinking { background-position: 0 -52px !important; } #close-avatar { position: absolute; top: 8px; right: 10px; z-index: 20; cursor: pointer; display: none; } #avatarDropDown {position:absolute; right:0; top:0; width:100%; height:100%;} #copyright { margin: 0; padding: 2px 0; position: absolute; top: 0; right: 0; font-family: Arial, sans-serif; z-index: 0; } #copyright li { list-style: none; display: inline; font-size: 10px; color: #bab9b9; border-right: 1px solid #bab9b9; padding: 0 8px; } #copyright li.last { border: 0; padding-right: 0; } #copyright li a { color: #bab9b9; text-decoration: none; } #copyright li a:hover { color: #000; } #arrow-left { position: absolute; left: 0; top: 212px; z-index: 100; cursor: pointer; display: none; } #arrow-right { position: absolute; right: 0; top: 212px; z-index: 100; cursor: pointer; display: none; } #arrow-left-portfolio { position: absolute; left: 247px; top: 260px; z-index: 100; cursor: pointer; display: none; } #arrow-right-portfolio { position: absolute; right: 0; top: 260px; z-index: 100; cursor: pointer; display: none; } .arrows-show { display: block !important; } #open-positions-callout { width: 282px; height: 31px; position: absolute; left: 50%; bottom: 91px; margin-left: 190px; #margin-left: 189px; display: none; } body.company-information #open-positions-callout { display: block; } /* Calls the open positions callout ONLY on the company info page */ #flickrContainer { position: absolute; height: 185px; padding-top: 60px; width: 100%; top: -40px; left: 0; overflow: hidden; padding-left: 60px; z-index: 0; background: url('../../img/layout/thinking-flickr.png') 300px -20px no-repeat; } #flickrContainer div { position: relative; float: left; width: 310px; margin-bottom: 10px; font-size: 12px; font-family: Tahoma, Arial, sans-serif; } #flickrContainer div a { color: #84a24e; text-transform: uppercase; } #flickrContainer div a:hover { text-decoration: underline; } #flickrContainer div img { float: left; margin-right: 8px; width: 66px; padding: 1px; border: 1px solid #84a24e; } #flickrContainer div span { font-weight: bold; font-size: 13px; display: block; margin-bottom: 5px;} #twitterContainer { position: absolute; height: 330px; width: 640px; top: -145px; left: 200px; overflow: hidden; padding-left: 60px; z-index: 0; background: url('../../img/layout/thinking-twitter.png') center 120px no-repeat; } #twitterSlidingContainer { margin-top: 165px; height: 100%; width: 100%; } .tweet { display: block; margin: 0px 0px 20px 0px; color: #363636; } .tweet a { color: #84a24e; text-decoration: none; } .tweet a:hover { text-decoration: underline; } .mainTweet { font-size: 20px; } .averageTweet { font-size:13px; } .grayTweet { font-size: 12px; color: #ccc; } .tweet-meta { display: block; font-size: 11px; color: #a4a4a4; } #follow-awc { position: absolute; left: 70px; top: 14px; display: block; width: 102px; height: 63px; background: url('../../img/layout/follow-us.png') no-repeat; text-indent: -9000px; } #follow-awc:hover { background-position: left bottom; } #twitterArrows { position: absolute; height: 90px; top: 24px; left: 200px; z-index: 1; } #twitterArrows a { display: block; width: 27px; height: 27px; text-indent: -9000px; } #twitterUp { background: url('../../img/layout/arrow-up.png') top left no-repeat; margin-bottom: 3px; } #twitterDown { background: url('../../img/layout/arrow-down.png') top left no-repeat; } .offTwitterLink { background-position: bottom left !important; } #newsletterContainer { margin-top: -60px; margin-left: 312px; height: 130px; padding-top: 70px; background: url('../../img/layout/thinking-newsletter.png') no-repeat 80px 0; } #newsletter-signup { } #newsletter-signup ul { margin: 0; padding: 0; } #newsletter-signup ul li { list-style: none; float: left; margin-right: 8px; } #newsletter-signup ul li label { display: block; } #newsletter-signup ul li input[type=text] { padding: 3px; font-size: 11px; } #newsletter-contact { margin-top: 20px; } .slidingDoorContainer { width: 944px; position: absolute; } #contentSlidingDivContainer { width: 100%; height: 100%; left:0; position:absolute; } #content { width: 944px; position: absolute; left: 50%; top: 144px; margin-left: -472px; z-index: 20; text-align: left; } .agency-employment > #content { width: 100%; left: 0; margin-left: 0px; } .marketing-agency > #content { top: 0; height: 100%; } .portfolio-results > #content { top: 0; height: 100%; } .interactive-capabilities > #content { top: 0; height: 100%; } .news > #content { margin-left: -410px; width: 900px; } #three-avatars { position: relative; } .main-avatar { position: absolute; top: 67px; height: 270px; display: block; text-indent: -9000px; } .main-avatar:hover { background-position: bottom left !important; } #avatar01 { left: 42px; width: 262px; background: url('../../img/layout/avatar01.png') no-repeat; } #avatar02 { left: 50%; width: 468px; height: 165px; top: 172px; background: url('../../img/layout/avatar02.png') no-repeat; margin-left: -229px; } #avatar03 { right: -22px; width: 271px; background: url('../../img/layout/avatar03.png') no-repeat; } #mainMenuPreloader { position: absolute; z-index:9000; display:none; top: 85px; right: 170px; } .preloaders { position: absolute; z-index: 9000; display: none; } #preloader { left: 50%; top: 100px; margin-left: -54px; } #preloader-left { left: 105px; top: 67px; } #preloader-middle { left: 50%; top: 172px; margin-left: -229px; } #preloader-right { right: -26px; top: 67px; } #followers { position: absolute; left: 50%; top: 148px; margin-left: -372px; } .follow-links { position: absolute; top: 148px; text-indent: -9000px; height: 90px; z-index: 300; } .follow-links:hover { background-position: bottom left !important; } #follow-newsletters { left: 191px; background: url('../../img/layout/follow-newsletters.png') no-repeat; width: 112px; } #follow-twitter { left: 302px; background: url('../../img/layout/follow-twitter.png') no-repeat; width: 108px; } #follow-wordpress { left: 573px; background: url('../../img/layout/follow-wordpress.png') no-repeat; width: 98px; } #follow-flickr { left: 675px; background: url('../../img/layout/follow-flickr.png') no-repeat; width: 95px; } #follow-flickr-shadow { position: absolute; left: 753px; top: 185px; } #follow-newsletters-text { position: absolute; top: 35px; left: 72px; z-index: 50; display: none; } #follow-twitter-text { position: absolute; top: 20px; left: 335px; z-index: 50; display: none; } #follow-wordpress-text { position: absolute; top: 16px; left: 507px; z-index: 50; display: none; } #follow-flickr-text { position: absolute; top: 25px; left: 707px; z-index: 50; display: none; } #doors { padding-top: 33px; position: relative; } #doors ul { margin: 0 0 0 36px; padding: 0; } #doors ul li { list-style: none; float: left; margin-right: 37px; } #doors ul li.last { margin-right: 0 !important; } #doors ul li a { display: block; width: 93px; height: 152px; text-indent: -9000px; } #doors ul li a:hover { background-position: 0 -198px !important; } #doors ul li a.first { background: url('../../img/layout/door-01.png') no-repeat; } #doors ul li a.second { background: url('../../img/layout/door-02.png') no-repeat; } #doors ul li a.third { background: url('../../img/layout/door-03.png') no-repeat; } #doors ul li a.fourth { background: url('../../img/layout/door-04.png') no-repeat; } #doors ul li a.fifth { background: url('../../img/layout/door-05.png') no-repeat; } #doors ul li a.sixth { background: url('../../img/layout/door-06.png') no-repeat; } #doors ul li a.seventh { background: url('../../img/layout/door-07.png') no-repeat; } #door-exit { position: absolute; top: -12px; left: 207px; display: block; width: 55px; height: 26px; background: url('../../img/layout/door-exit.png') no-repeat top left; text-indent: -9000px; z-index: 300; } #door-exit:hover { background-position: bottom left; } #door-reflections { position: absolute; left: 36px; top: 185px; z-index: -10px; } #dude-head { position: absolute; left: 50%; top: 80px; z-index: 40; margin-left: -11px; } #dude-body { position: absolute; left: 50%; top: 110px; z-index: 40; margin-left: -36px; } #dude-feet { position: absolute; left: 50%; top: 254px; z-index: 40; margin-left: -36px; } .door-text { position: absolute; z-index: 10; display: none; } #doors-expand-text { top: -22px; left: 65px; } #doors-generate-text { top: 185px; left: 112px; } #doors-improve-text { top: 185px; left: 202px; } #doors-create-text { top: -55px; left: 309px; } #doors-increase-text { top: 184px; left: 600px; } #doors-measure-text { top: 184px; left: 732px; } #doors-integrate-text { top: 185px; left: 767px; } #open-door { position: absolute; z-index: 180; top: -16px; left: -22px; } #door-content { width: 400px; position: absolute; left: 340px; top: 45px; z-index: 185; } #door-content p { margin-bottom: 10px; } .door-title { } .door-title-small { padding-top: 10px; } #guest-check { position: absolute; top: 35px; right: 14px; background: url('../../img/layout/check.png') no-repeat; width: 175px; height: 243px; } #guest-check ul { margin: 80px 0 0 30px; padding: 0; } #guest-check ul li { list-style: none; } #guest-check ul li a { display: block; width: 114px; height: 56px; text-indent: -9000px; } #guest-check-contact { background: url('../../img/layout/contact-colleague.png') top left no-repeat; } #guest-check-contact:hover { background-position: top right; } #guest-check-colleague { background: url('../../img/layout/contact-colleague.png') bottom left no-repeat; } #guest-check-colleague:hover { background-position: bottom right; } #boxes2 { position: absolute; top: 201px; left: 107px; z-index: 201; margin: 0; padding: 0; } #boxes2 li { list-style: none; margin: 0; padding: 0; } #boxes3 { position: absolute; top: 148px; left: 107px; z-index: 201; margin: 0; padding: 0; } #boxes3 li { list-style: none; margin: 0; padding: 0; } .door-boxes { display: block; width: 104px; text-indent: -9000px; } .door-boxes:hover { background-position: top right; } .box-bot-clientstory { background: url('../../img/layout/box-bot-clientstory.png') no-repeat; height: 58px; } .box-bot-thinking { background: url('../../img/layout/box-bot-thinking.png') no-repeat; height: 58px; } .box2-mid-visibility { background: url('../../img/layout/box2-mid-visibility.png') no-repeat; height: 57px; } .box2-mid-conversion { background: url('../../img/layout/box2-mid-conversion.png') no-repeat; height: 57px; } .box2-mid-interaction { background: url('../../img/layout/box2-mid-interaction.png') no-repeat; height: 57px; } .box2-mid-visuals { background: url('../../img/layout/box2-mid-visuals.png') no-repeat; height: 52px; } .box2-mid-clientstory { background: url('../../img/layout/box2-mid-clientstory.png') no-repeat; height: 52px; } .box3-top-interaction { background: url('../../img/layout/box3-top-interaction.png') no-repeat; height: 58px; } .box3-top-visibility { background: url('../../img/layout/box3-top-visibility.png') no-repeat; height: 58px; } .door-box-caption { width: 511px; height: 53px; position: absolute; z-index: 195; background: url('../../img/layout/door-box-rollover.png') no-repeat; display: none; } .door-box-caption img { margin: 18px 0 0 10px; } .box-bot-clientstory-text, .box-bot-thinking-text { top: 258px; left: 208px; } .box2-mid-visibility-text, .box2-mid-conversion-text, .box2-mid-interaction-text, .box2-mid-clientstory-text, .box2-mid-visuals-text { top: 205px; left: 208px; } .box3-top-interaction-text, .box3-top-visibility-text { top: 151px; left: 205px; } #polaroids { margin: 0; padding: 0; position: absolute; top: 40px; left: 50%; width: 90%; height: 110px; margin-left: -45%; overflow: hidden; text-align: center;} #polaroidLiteCarouselContainer { margin: 0; padding: 0; width: 100%; height: 110px; } #polaroidLiteCarouselContainer li, #polaroidCarouselContainer li { display: inline; list-style: none; margin: 0 8px; } .up1 { padding-top: -40px !important; } .down1 { padding-top: 40px !important; } #employee-head { position: absolute; top: 88px; left: 50%; z-index: 40; margin-left: -13px; } #employee-body { position: absolute; top: 116px; left: 50%; z-index: 40; margin-left: -53px; } #employee-feet { position: absolute; top: 247px; left: 50%; z-index: 40; margin-left: -67px; } #individual-polaroid { width: 335px; height: 189px; background: #fff; } #polaroid-close { position: absolute; top: 0; right: -17px; cursor: pointer; } #fontLoader { font-family: "MarydaleBold", Arial, sans-serif; width: 100px; height: 100px;} #individual-polaroid-text { width: 158px; height: 189px; background: #000; color: #fff; padding: 5px; float: left; font-size: 16px; line-height: 1.4; font-family: "MarydaleBold", Arial, sans-serif; } #individual-polaroid-image { width: 146px; height: 186px; float: left; padding: 5px 10px; border-bottom: 2px solid #D5D5D5; border-right: 1px solid #D5D5D5; border-top: 1px solid #D5D5D5; } #individual-polaroid-container { height: 148px; width: 147px; overflow: hidden; } #individual-polaroid-container-mover img { cursor: pointer; padding:0; margin: 0; display: block; } #polaroid-title { text-align: center; font-size: 18px; line-height: 1; margin-top: 12px; font-family: "MarydaleBold", Arial, sans-serif; } #agency-right { position: absolute; left: 50%; height: 100%; width: 100%; margin-left: -106px; background: url('../../img/layout/agency-page.png') no-repeat; } #agency-start { margin: 0; padding: 0; position: absolute; top: 236px; left: 45px; } #agency-start li { list-style: none; margin-bottom: 34px; } #agency-start li a { display: block; height: 28px; text-indent: -9000px; } #agency-start li a.active { background-position: top left !important; } #agency-start li a.inactive, #agency-start li a.reallyinactive { background-position: bottom left; } #some-of-us { width: 120px; background: url('../../img/layout/some-of-us.png') no-repeat; } #some-of-you { width: 123px; background: url('../../img/layout/some-of-you.png') no-repeat; } #agency-right-open { position: absolute; left: 50%; height: 100%; width: 100%; margin-left: 204px; background: url('../../img/layout/agency-page.png') no-repeat; } #chess { position: absolute; top: 181px; left: -32px; } #some-of-us-content { width: 316px; font-family: Tahoma, Arial, sans-serif; position: absolute; left: 330px; top: 240px; } #some-of-you-content { width: 645px; font-family: Tahoma, Arial, sans-serif; position: absolute; right: 50%; top: 140px; margin-right: -180px; } #results-left { position: absolute; right: 50%; height: 100%; width: 100%; margin-right: -87px; background: url('../../img/layout/results-page.png') top right no-repeat; z-index: 40; } #results-choices { margin: 0; padding: 0; position: absolute; top: 236px; right: 51px; z-index: 80; } #results-choices li { list-style: none; margin-bottom: 41px; } #results-choices li a { display: block; height: 21px; width: 71px; text-indent: -9000px; } #results-choices li a:hover, #results-choices li a.active { background-position: top center !important; } #results-choices li a.inactive, #results-choices li a.reallyinactive { background-position: bottom center; } #results-stories { background: url('../../img/layout/stories.png') no-repeat top center; } #results-visuals { background: url('../../img/layout/visuals.png') no-repeat top center; } .pull-results-left { margin-right: 63px !important; text-align: right; } .pull-results-left-far { margin-right: 213px !important; } #coffeecup { position: absolute; left: 70px; top: 240px; } #coffeecup2 { position: absolute; left: 220px; top: 240px; } #coffeecup3 { position: absolute; left: 370px; top: 240px;} /* How this works, because I will forget and become frustrated: 1) The #stories-clients div has a "page" background, which must be positioned by adjusting the (negative) right margin as well as the background position on the div itself. 2) The links within the client area have to have their width set, in this case, for them to appear center and still have the arrows spill over the edge, they're 190px. 3) The .pull-stories-clients class has to be adjusted when any changes are made to #1 in these instructions */ #stories-clients { position: absolute; right: 50%; height: 100%; width: 100%; margin-right: -121px; text-align: right; background: url('../../img/layout/results-page2.png') -50px 0 no-repeat; } #clients { margin: 0; padding: 0; position: absolute; right: 25px; top: 165px; } #clients li { list-style: none; text-align: center; margin: 0; padding: 0; } #clients li a { display: block; width: 190px; cursor: pointer; } #clients li a:hover { background: url('../../img/layout/stories-on.png') no-repeat right center; } #clients li.inactive { opacity: .3; filter: alpha(opacity = 30); zoom: 1; } /* Ugh, IE opacity... */ .pull-stories-clients { margin-right: 29px !important; } #client-info { position: absolute; left: 50%; top: 170px; margin-left: -40px; width: 540px; z-index: 100; font-family: Tahoma, Arial, sans-serif; overflow: hidden; } #client-info .left { float: left; width: 290px; } #client-info .right { float: right; width: 230px; } #client-info .right ul { margin: 0 0 20px 0; padding: 0; } #client-info .right ul li { list-style: none; background: url('../../img/layout/stories-bullet.png') no-repeat 0 3px; padding-left: 16px; color: #6c7997; } .jsp-story-bg { background: url('../../img/layout/story-bg-jsp.png') center 50px no-repeat; } .secant-medical-story-bg { background: url('../../img/layout/story-bg-secant-medical.png') center 5px no-repeat; } .victrex-story-bg { background: url('../../img/layout/story-bg-victrex.png') center 0 no-repeat; height: 240px; } .elsevier-story-bg { background: url('../../img/layout/story-bg-elsevier.png') center 70px no-repeat; } .tunnell-story-bg { background: url('../../img/layout/story-bg-tunnell.png') center 20px no-repeat; } .invibio-story-bg { background: url('../../img/layout/story-bg-invibio.png') center 20px no-repeat; } #visuals-right { position: absolute; left: 50%; margin: 0 0 0 -220px; width: 100%; overflow: hidden; } #myscroll { margin: 175px 0 0 20px; padding: 0; width: 1760px; height: 240px; overflow: hidden; } #myscroll li { list-style: none; float: left; margin: 0 10px 10px 0; width: 100px; height: 230px; } #myscroll li a { display: block; width: 100px; height: 70px; overflow: hidden; margin-bottom: 3px; } #myscroll li a:hover img { margin-top: -70px; } .visualsSavedForHistory { margin-top: -70px; } #myscroll li img { } #indivisuals { position: absolute; left: 50%; margin: 0 0 0 -220px; } #visuals-detail { margin: 0; padding: 0; position: absolute; top: 131px; height: 308px; width: 5000px; overflow: hidden; } #visuals-detail li { list-style: none; display: inline; margin-left: 20px; } #visuals-detail li img { border: 1px solid #ccc; } .placard { background: #000; width: 450px; height: 26px; color: #738D44; position: absolute; left: -5px; top: 406px; padding: 10px 0 0 20px; } .placard #clientTitle { font-weight: bold; text-transform: uppercase; padding-right: 10px; } .placard #imageTitle { } #close-visual { position: absolute; top: 406px; left: 466px; } #capabilities { } .capalink { position: absolute; top: 175px; display: block; width: 313px; height: 237px; text-indent: -9000px; background: url('../../img/layout/capabilities.png') no-repeat; } #visibility-link { left: 0; background-position: 0 0; } #visibility-link:hover { background-position: 0 -237px; } #visibility-link2 { left: 0; background-position: 0 -948px; } #visibility-link2:hover { background-position: 0 -1185px; } #visibility-link3 { left: 0; background-position: 0 -1422px; } #visibility-link3:hover { background-position: 0 -1659px; } #interaction-link { width: 316px !important; left: 50%; margin-left: -158px; background-position: -314px 0; } #interaction-link:hover { background-position: -314px -237px; } #interaction-link2 { width: 316px !important; left: 50%; margin-left: -158px; background-position: -314px -474px; } #interaction-link2:hover { background-position: -314px -711px; } #interaction-link3 { width: 316px !important; left: 50%; margin-left: -158px; background-position: -314px -1422px; } #interaction-link3:hover { background-position: -314px -1659px; } #conversion-link { right: 1px; background-position: -630px 0; } #conversion-link:hover { background-position: -630px -237px; } #conversion-link2 { right: 1px; background-position: -630px -474px; } #conversion-link2:hover { background-position: -630px -711px; } #conversion-link3 { right: 1px; background-position: -630px -948px; } #conversion-link3:hover { background-position: -630px -1185px; } #visibility-link.dimmedCapaLink { background-position: 0 -1896px !important; } #interaction-link.dimmedCapaLink { background-position: -314px -1896px !important; } #conversion-link.dimmedCapaLink { background-position: -630px -1896px !important; } #visibility-container { position: absolute; top: 175px; left: 0; padding: 16px; width: 282px; height: 205px; background: url('../../img/layout/capability-bg.png') no-repeat; } #interaction-container { position: absolute; top: 175px; left: 50%; margin-left: -159px; padding: 16px; width: 284px; height: 205px; background: url('../../img/layout/capability-bg2.png') no-repeat; } #conversion-container { position: absolute; top: 175px; right: 0px; padding: 16px; width: 282px; height: 205px; background: url('../../img/layout/capability-bg.png') no-repeat; } #visibility-container ul, #interaction-container ul, #conversion-container ul { margin: 0; padding: 0; } #visibility-container ul li, #interaction-container ul li, #conversion-container ul li { padding-left: 16px; list-style: none; background: url('../../img/layout/mini-bullet.png') center left no-repeat; color: #6c7997; } #text-visibility { position: absolute; left: 115px; top: 140px; } #text-interaction { position: absolute; left: 420px; top: 140px; } #text-conversion { position: absolute; right: 105px; top: 140px; } /* NEWS SECTION */ #single-news-article { display: none; position: relative; background: url('../../img/layout/news-article-bg.png') top right; color: #fff; width: 944px; height: 306px; text-align: left; position: absolute; z-index: 450; left: 50%; bottom: 86px; margin-left: -472px; padding-bottom: 10px; overflow:hidden;} #article-image { position: absolute; left: 0; top: 0; border: 1px solid #000; } #whats-new { position: absolute; top: 20px; left: 300px; font-size: 11px; } #article-date { position: absolute; top: 20px; right: 44px; font-size: 11px; } /* #articleOverflowHidden { position: absolute; left: 300px; top: 40px; width: 600px; height: 240px; overflow: hidden; } */ /* #article { position: absolute; top:0; left:0; width: 100%; height: 100%; } */ #article { position: absolute; left: 300px; top: 40px; width: 600px; height: 240px; } #article h3 { font-size: 20px; color: #84a24e; } #article a { color: #84a24e; text-decoration: none; } #article a:hover { text-decoration: underline; } #up-news-arrow { background: url('../../img/layout/news-arrow-up.png') no-repeat; width: 16px; height: 15px; text-indent: -9000px; position: absolute; top: 38px; right: 3px; z-index: 60; } #down-news-arrow { background: url('../../img/layout/news-arrow-down.png') no-repeat; width: 16px; height: 15px; text-indent: -9000px; position: absolute; bottom: 38px; right: 3px; z-index: 60; } #article-controls { display: none; width: 380px; position: absolute; left: 50%; bottom: 0; height: 96px; margin-left: -190px; background: #000; z-index: 600; } #article-controls ul { margin: 20px 0; padding: 0; } #article-controls ul li { list-style: none; display: inline; font-size: 10px; font-size: Arial, Tahoma, sans-serif; margin-right: 46px; } #article-controls ul li.last { margin-right: 0; } #article-controls ul li a { text-transform: uppercase; color: #84a24e; text-decoration: none; } #article-controls ul li a:hover { text-decoration: underline; } #article-social { } #article-social img { margin: 0 6px; } /* END NEWS SECTION */ #footer-container { position: absolute; bottom: 0; left: 0; z-index: 500; width: 100%; height: 96px; background: url('../../img/layout/footer-bg.png') center center no-repeat; font-family: Arial, sans-serif; line-height: 1.4; } #footer { width: 944px; margin: 0 auto; text-align: left; color: #fff; } #footer div.buckets { float: left; padding: 20px 20px 0 20px; height: 76px; position: relative; } #footer div.buckets p.title { clear: both; float: none; margin: 0; padding: 0; } .additional-info { display: none; padding-top: 10px; } .bucket-open { background: url('../../img/layout/bucket-open-bg.png') top left no-repeat !important; } .bucket-open-middle { background: url('../../img/layout/bucket-open-middle-bg.png') top left no-repeat !important; } .curtain-open { position: absolute; top: 0; left: 50%; margin-left: -50px; width: 101px; height: 14px; background: url('../../img/layout/curtain-control.png') no-repeat top left; cursor: pointer; text-decoration: none !important; border: 0 !important; } .curtain-open:hover { background-position: 0 -14px !important; } .curtain-close { position: absolute; top: 0; left: 50%; margin-left: -50px; width: 101px; height: 14px; background: url('../../img/layout/curtain-control.png') no-repeat 0 -28px; cursor: pointer; } .curtain-close:hover { background-position: bottom left !important; } #footer-bucket1 { width: 242px; background: url('../../img/layout/footer-bucket01-bg.png') no-repeat; } #footer-bucket1 ul { float: left; font-size: 11px; margin: 0 0 16px 0; padding: 0; } #footer-bucket1 ul li { list-style: none; } #footer-bucket1 ul li span { float: left; width: 30px; color: #84a24e; } #footer-bucket1 a { color: #fff; text-decoration: none; } #footer-bucket1 a:hover { text-decoration: underline; color: #84a24e; } #contact-us { margin: 0; padding: 0; } #contact-us ul { margin: 0; padding: 0; } #contact-us ul li { list-style: none; overflow: hidden; clear: both; } #contact-us ul li label { float: left; width: 100px; margin: 2px 0 0 0; padding: 0; color: #84a24e; font-weight: normal; line-height: 1; } #contact-us ul li input[type=text] { float: left; width: 130px; margin: 0 0 2px 0; background: #030303; border: 1px solid #838fa9; color: #fff; font-size: 11px; font-family: Arial, sans-serif; } #contact-us ul li textarea { float: left; width: 128px; height: 40px; margin: 0 0 2px 0; padding: 1px; overflow: auto; background: #030303; border: 1px solid #838fa9; color: #fff; font-size: 11px; font-family: Arial, sans-serif; } #contact-us ul li select { margin: 0 0 2px 0; padding: 0; background: #030303; border: 1px solid #838fa9; color: #fff; width: 133px; font-size: 11px; font-family: Arial, sans-serif; } .doorContact { display: none; } .submit-container { margin-left: 211px; } #mapFooterContainer { margin: 0; padding: 0; } #footer-bucket2 { width: 340px; background: url('../../img/layout/footer-bucket02-bg.png') no-repeat; } #initialNewsTitle { background: #000; border: 1px solid #838fa9; color: #84a24e; padding: 4px 6px 7px 6px; font-size: 12px; height: 30px; } #initialNewsTitle p { width: 100%; height: 30px; display: block; cursor: pointer; } #newsbank { font-size: 11px; height: 312px; color: #84a24e; line-height: 1.4; overflow: hidden; } /*#slidingNewsContainer { height: 5000px; width: 100%; }*/ /*#newsbank { height: 392px; width: 100%; }*/ #newsbank p { cursor: pointer; width: 329px; height: 102px; font-size: 12px; color: #84a24e; overflow: hidden; margin-bottom: 8px; } #newsbank p img { margin: 0; } #newsPaginationPage {position: absolute; top: 20px; right: 3px; display: none; font-size: 11px; } #news-up { position: absolute; top: 37px; right: 3px; width: 16px; height: 15px; background: url('../../img/layout/news-arrow-up.png') no-repeat; text-indent: -9000px; display: none; } #news-down { position: absolute; bottom: 25px; right: 3px; width: 16px; height: 15px; background: url('../../img/layout/news-arrow-down.png') no-repeat; text-indent: -9000px; display: none; } .offNewsLink { background-color: #ffcc00; } #footer-bucket3 { width: 242px; background: url('../../img/layout/footer-bucket03-bg.png') no-repeat; } #login { margin: 0; padding: 0; } #login ul { overflow: hidden; clear: both; font-size: 11px; margin: 0; padding: 0; } #login ul li { list-style: none; display: inline; } #login input[type=text] { width: 92px; float: left; margin-right: 4px; padding: 4px; font-size: 11px; background: #000; color: #84a24e; border: 1px solid #838fa9; } #login input[type=password] { width: 92px; float: left; margin-top: 5px; margin-right: 4px; padding: 4px; font-size: 11px; background: #000; color: #84a24e; border: 1px solid #838fa9; } #login input[type=image] { margin-top: 7px; } .login-error { font-size: 11px; } .login-error a { color: #84a24e; text-decoration: none; } .login-error a:hover { text-decoration: underline; } #logged-in-as { font-size: 11px; position: relative; display:none; } #logged-in-as p { margin: 0; clear: both; } #logged-in-as p span { float: left; width: 80px; color: #84a24e; } #logged-in-as p em { color: yellow; font-style: normal; } #logout { position: absolute; top: -1px; right: 0; color: #84a24e; vertical-align: middle; background: url('../../img/layout/logout.png') no-repeat right center; padding-right: 22px; cursor: pointer; } #project-list { display: none; padding-top: 16px; font-size: 11px; } #project-list dl { margin: 0; padding: 0; overflow: hidden; } #project-list dl dt { float: left; width: 80px; font-weight: normal; color: #84a24e; } #project-list dl dd { margin: 0 0 12px 0; float: left; width: 160px; } #project-list dl dd em { font-style: normal; color: yellow; } #project-list dl dd .progressbar { margin: 6px 0; padding: 0; width: 159px !important; height: 6px; line-height: 1; background: url('../../img/layout/progress.png') no-repeat; } #project-list dl dd a { color: #84a24e; padding-right: 22px; background: url('../../img/layout/logout.png') no-repeat right center; text-decoration: none; } #jobs-list { margin: 0; padding: 0; font-size: 11px; } #jobs-list li { list-style: none; clear: both; } #jobs-list li p { float: left; width: 204px; overflow: hidden; margin: 0 0 1px 0; } #jobs-list li a { color: #84a24e; text-decoration: none; } #jobs-list li a:hover { text-decoration: underline; } .employment-tabs { background: url('../../img/layout/employment-bg.png') no-repeat; position: absolute; left: 50%; bottom: 0; width: 432px; height: 362px; padding: 20px; z-index: 5000; color: #fff; font-size: 11px; text-align: left; display: none; } #employment-left { margin-left: -472px; } .topmost-title { font-weight: bold; text-transform: uppercase; color: #838fa9; } .section-title { color: #84a24e; margin-bottom: 0; } #employment-right { } #brainConainter { font-size: 11px; } #brain { position: relative; } #brain-complete { text-align: center; text-transform: uppercase; color: #fff; font-weight: bold; } #brain-left { position: absolute; left: 50%; top: -20px; margin-left: -120px; width: 120px; height: 280px; } .brain-left-0 { background: url('../../img/layout/brain-left-0.png'); } .brain-left-1 { background: url('../../img/layout/brain-left-1.png'); } .brain-left-2 { background: url('../../img/layout/brain-left-2.png'); } .brain-left-3 { background: url('../../img/layout/brain-left-3.png'); } .brain-left-4 { background: url('../../img/layout/brain-left-4.png'); } .brain-left-5 { background: url('../../img/layout/brain-left-5.png'); } .brain-left-6 { background: url('../../img/layout/brain-left-6.png'); } .brain-left-7 { background: url('../../img/layout/brain-left-7.png'); } .brain-left-8 { background: url('../../img/layout/brain-left-8.png'); } #brain-right { position: absolute; left: 50%; top: -20px; width: 119px; height: 280px; } .brain-right-0 { background: url('../../img/layout/brain-right-0.png'); } .brain-right-1 { background: url('../../img/layout/brain-right-1.png'); } .brain-right-2 { background: url('../../img/layout/brain-right-2.png'); } .brain-right-3 { background: url('../../img/layout/brain-right-3.png'); } #brain-label-left { width: 147px; height: 63px; background: url('../../img/layout/brain-labels.png') top left no-repeat; position: absolute; left: 50%; margin-left: -183px; top: 95px; z-index: 100; } .brain-label-left-active { background-position: bottom left !important; } #brain-label-right { width: 153px; height: 63px; background: url('../../img/layout/brain-labels.png') top right no-repeat; position: absolute; right: 30px; top: 95px; z-index: 100; } .brain-label-right-active { background-position: bottom right !important; } #employment-apply { position: absolute; left: 50%; bottom: 50px; margin-left: -70px; } .apply-links { position: absolute; top: 25px; width: 187px; height: 190px; cursor: pointer; z-index: 500; } #applyLeft { left: 27px; } #applyRight { right: 27px; } .close-employment-section { color: #84a24e; } #applicatonNamePersonalContainer { } #left-half-form { } #form-title { color: #84a24e; } #left-half-form ul { margin: 0; padding: 0; } #left-half-form ul li { list-style: none; clear: both; } #left-half-form ul li label { float: left; width: 188px; margin: 0; padding: 0; font-weight: normal; } #left-half-form ul li input[type=text] { margin: 0 0 4px 0; padding: 3px; font-size:11px; background: #000; border: 1px solid #8490aa; color: #fff; width: 200px; } #left-half-form ul li input[type=checkbox] { margin: 0 0 12px 0; } #left-half-form ul li select { margin: 0 0 4px 0; padding: 2px; font-size:11px; background: #000; border: 1px solid #8490aa; color: #fff; width: 208px; } #left-half-form ul li textarea { width: 200px; height: 70px; margin: 0 0 8px 8px; padding: 1px; overflow: auto; background: #030303; border: 1px solid #838fa9; color: #fff; font-size: 11px; font-family: Verdana, Arial, sans-serif; } #coverLetter, #resume { margin: 0 0 4px 0; padding: 3px; background: #000; border: 1px solid #8490aa !important; color: #fff; width: 180px; font-size: 11px; } #form-submit { margin: 8px 0 0 188px; } #applicatonQuestionsContainer { display:none; } .sitemapContainer { float:left; width: 260px; margin: 10px 0 0 0 } .sitemapContainer a { text-decoration: none; color: #84a24e; } .sitemapContainer a:hover { text-decoration: underline; color: #000; } .sitemapContainer li { margin: 0 0 4px 40px; font-size: 14px; font-weight: bold; list-style: none; } .sitemapContainer li ul { margin: 4px 0 0 0; padding: 0; } .sitemapContainer li ul li { list-style: none; background: url('../../img/layout/stories-bullet.png') no-repeat 0 3px; padding-left: 16px; font-size: 12px; margin-left: 20px; font-weight: normal; } .awcprivacy { font-size: 14px; line-height: 1.4; margin: 20px 20px 0 20px; } .visitSiteLink {} #goToSiteTop { position: absolute; top: 80px; right: -88px; width: 200px; } #goToSiteBottom { position: absolute; bottom: -30px; right: -88px; width: 200px; } /* HIDE IE 6 NONSENSE ---------------------------------------------------*/ #ie6logo { display: none; } #getff { display: none; }