body { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color:#666666; line-height:16px; margin:0px; background-color:#e5e5e5;} img { border:none; } p { margin: 0px 0px 10px 0px; } table { width: 710px; font-size:14px; color:#666666; line-height:16px; font-family: Arial, Helvetica, sans-serif; margin-top: 45px; } .center { text-align:center; } .large { font-size:19px; line-height:21px; } .login { margin-top:25px; } .blue { color:#003d81 } .normaltext { font-family: Arial, Helvetica, sans-serif; color:#666666; font-size:14px; line-height:16px; } .largetext { font-family: Arial, Helvetica, sans-serif; color:#666666; font-size:19px; line-height:21px; } .blueheadings { font-family: Arial, Helvetica, sans-serif; margin:0px; color:#003d81; font-size:14px; font-weight:bold;} .redheadings { font-family: Arial, Helvetica, sans-serif; margin:0px; color:#a9002a; font-size:14px; font-weight:bold;} .casestudyheadings { z-index:50; position:absolute; } ul { margin:5px 0px 10px 0px; } li { list-style-image:url(images/bullet.gif); margin:0px 0px 0px -25px; } #hometext h2, #hometext h4 { margin-bottom:-8px; } h1, h2, h4 { margin:0px 0px -5px 0px; } h3 { margin:0px; color:#003d81; font-size:14px; font-weight:bold;} h5 { margin:0px; color:#a9002a; font-size:14px; font-weight:bold;} .casestudyheading h3 { margin:0px; color:#003d81; font-size:19px; font-weight:bold; z-index:800; position:absolute;} .casestudyheading { position:absolute; width: 700px; } #containerouter { width:900px; height:580px; padding:23px 23px 54px 23px; left:50%; margin-left:-480px; margin-top:70px; position: absolute; z-index:1; background:url(images/bg-whiteboard.gif) no-repeat; } #containerinner { width:900px; height:580px; position: relative; z-index:2; } #containernavigation { width:600px; height:580px; position:absolute; right:-1px; z-index:1000; visibility:visible; top:-2px; } #containernavigationsmall { width:110px; height:110px; position:absolute; visibility:hidden; background:url(images/navigation-closed.png) no-repeat; right:-1px; z-index:101; top:-2px; display:none; } #contentblock { width:900px; height:580px; background-color:#FFFFFF; float:left; } #login { width:900px; height:50px; position:absolute; top:-70px; left:-20px; } #breadcrumb { width:890px; height:40px; float:left; margin-top:10px; font-size:11px; color:#999999; font-weight: bold; padding-left:10px; } #footer { width:900px; height: 20px; float:left; color:#333333; text-align:right; font-size:11px; line-height:20px; position:absolute; bottom:-45px; } #homeflash { width: 900px; height:410px; float:left; margin-bottom:10px; } #hometext { width:900px; height: 160px; float:left; } #hometext #title { width:330px; height: 150px; float:left; } #hometext #introtext { width:540px; padding-right:10px; height:150px; float:left; } /** General Content **/ #title { width: 890px; height:70px; float:left; padding-left:10px; } #content { width:890px; height:450px; float:left; padding:0px 0px 10px 10px; overflow:auto; overflow-x:hidden; position:relative; } #contentcontact { width:890px; height:450px; float:left; padding:0px 0px 10px 10px; overflow:hidden; overflow-x:hidden; position:relative; } #contentleft { width:890px; float:left; } #backgroundimage { width:890px; float:left; position:absolute; top:0px; z-index:10; min-height:460px; } #excerpt { width:540px; float:left; margin-bottom:10px; font-size:19px; line-height:21px; z-index:11; position:relative; } #text { width:540px; float:left; z-index:12; position:relative; } /** Team **/ #team { width:890px; float:left; background:url(images/sitedesign-bg-team.gif) no-repeat; position:absolute; top:0px; z-index:10; margin-top:50px; padding-top:30px; } #teamleft { width: 330px; float:left; font-size:13px; font-weight:bold; } #teamright { width: 550px; float:left; } #teamexcerpt { width:580px; float:left; margin-bottom:10px; font-size:19px; line-height:21px; z-index:11; position:relative; } .teamthumb { float:left; width: 110px; height:110px; } /** Case Studies **/ #casestudies { width:880px; float:left; position:absolute; top:0px; z-index:10; margin-top:50px; padding-top:30px; padding-left:55px; } #casestudies2 { width:800px; float:left; position:absolute; top:0px; left:0px; z-index:10; margin-top:50px; padding-top:30px; padding-left:55px; } .casestudythumb { float:left; width: 220px; height:110px; } .casestudythumb2 { float:left; width: 110px; height:110px; padding:5px 10px 5px 10px; } .casstudyoverride { float:left; width:55px; } .casestudy { margin:5px 0px 15px 0px; color:#003d81; font-size:19px; font-weight:bold; } .casecol { width:210px; float:left; background-color:#f0f0f0; } /** Clients **/ #clientscontainer { width:780px; float:left; padding-left:45px; } /** Case Study **/ .table { width: 710px; font-size:14px; color:#666666; line-height:16px; font-family: Arial, Helvetica, sans-serif; } .col1 { width: 190px; padding:10px; float:left; background-color:#f0f0f0; margin-right:10px; vertical-align:top; font-size:14px; color:#666666; line-height:16px; font-family: Arial, Helvetica, sans-serif; } .col2 { width: 190px; padding:10px; float:left; background-color:#f0f0f0; vertical-align:top; font-size:14px; color:#666666; line-height:16px; font-family: Arial, Helvetica, sans-serif; } .col3 { width: 190px; padding:10px; float:left; background-color:#f0f0f0; margin-left:65px; vertical-align:top; font-size:14px; color:#666666; line-height:16px; font-family: Arial, Helvetica, sans-serif; } #casestudytext { width:860px; float:left; z-index:12; position:relative; } /** Contact **/ #contacttitle { width: 890px; height:40px; float:left; padding-left:10px; } #contact { width:890px; float:left; background:url(images/sitedesign-bg-contact.gif) no-repeat; position:absolute; top:0px; z-index:10; padding-top:10px; } #contactleft { width: 270px; float:left; font-size:13px; } #contactright { width: 550px; padding-left:50px; float:left; } .map { margin-top:30px; } /** Video Popup **/ #videocontainer { width:560px; height:580px; background-color:#FFFFFF; border-width:10px; border-color:#e5e5e5; border-style:solid; overflow:auto;} #videocontent { margin: 50px 10px 10px 10px;} a.footerlink:link, a.footerlink:visited, a.footerlink:active, a.footerlink:hover { color:#333333; text-decoration:none; } a.breadcrumb:link, a.breadcrumb:visited, a.breadcrumb:active, a.breadcrumb:hover { color:#999999; text-decoration:none; } /** sifr **/ .sIFR-flash { margin: 0; padding: 0; visibility: inherit !important; } .sIFR-replaced, .sIFR-ignore { visibility: inherit !important; } .sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; } .sIFR-replaced div.sIFR-fixfocus { margin: 0pt; padding: 0pt; overflow: auto; letter-spacing: 0px; float: none; } .sIFR-active h1, h2, h4, .login, .link { visibility: hidden; } a:link, a:visited, a:active { color:#666666; text-decoration:none; } a:hover { color:#a9002a; text-decoration:none; } a.view:link, a.view:visited, a.view:active { width:51px; height:13px; text-decoration:none; background:url(images/button-view.gif) no-repeat; cursor:pointer; float:left; margin-bottom:10px; } a.view:hover { width:51px; height:13px; text-decoration:none; background:url(images/button-view-over.gif) no-repeat; cursor:pointer; float:left; margin-bottom:10px; } .view span { display:none; } a.view:link, a.view:visited, a.view:active { width:51px; height:13px; text-decoration:none; background:url(images/button-view.gif) no-repeat; cursor:pointer; float:left; margin-bottom:10px; } a.view:hover { width:51px; height:13px; text-decoration:none; background:url(images/button-view-over.gif) no-repeat; cursor:pointer; float:left; margin-bottom:10px; } .view span { display:none; } a.download:link, a.download:visited, a.download:active { width:115px; height:15px; text-decoration:none; background:url(images/button-download.gif) no-repeat; cursor:pointer; float:left; margin-bottom:10px; } a.download:hover { width:115px; height:15px; text-decoration:none; background:url(images/button-download-over.gif) no-repeat; cursor:pointer; float:left; margin-bottom:10px; } .download span { display:none; } a.selected {color:#a9002a;} a.back:link, a.back:visited, a.back:active { width:120px; height:50px; float:right; display:block; text-decoration:none; background:url(images/button-back.gif) no-repeat; position:absolute; right:90px; cursor:pointer; } a.back:hover { width:120px; height:50px; float:right; display:block; text-decoration:none; background:url(images/button-back-over.gif) no-repeat; position:absolute; right:90px; cursor:pointer; } /** ul#navigation { list-style:none; float:left; width:709px; position:absolute; margin:0px; padding:0px; top:-65px; right:10px; z-index:200; } ul#navigation li { list-style:none; height:43px; float:left; margin:0px; padding:0px; position:relative; } ul#navigation li a { height:43px; display:block; } ul#navigation ul { position:absolute; left:0; display:none; margin:0px 0px 0px -1px; padding:0; list-style:none; } **/ .nav-who { width:140px; background:url(images/sitedesign-navigation.gif) no-repeat 0px -43px; } .nav-who:hover, .nav-who-active { width:140px; background:url(images/sitedesign-navigation.gif) no-repeat 0px 0px;} .nav-what { width:140px; background:url(images/sitedesign-navigation.gif) no-repeat -140px -43px; } .nav-what:hover, .nav-what-active { width:140px; background:url(images/sitedesign-navigation.gif) no-repeat -140px 0px;} .nav-work { width:206px; background:url(images/sitedesign-navigation.gif) no-repeat -280px -43px; } .nav-work:hover, .nav-work-active { width:206px; background:url(images/sitedesign-navigation.gif) no-repeat -280px 0px;} .nav-join { width:88px; background:url(images/sitedesign-navigation.gif) no-repeat -486px -43px; } .nav-join:hover, .nav-join-active { width:88px; background:url(images/sitedesign-navigation.gif) no-repeat -486px 0px;} .nav-contact { width:135px; background:url(images/sitedesign-navigation.gif) no-repeat -574px -43px; } .nav-contact:hover, .nav-contact-active { width:135px; background:url(images/sitedesign-navigation.gif) no-repeat -574px 0px;} ul.subnavigation li { list-style:none; height:25px; width:120px; float:left; margin:0px; padding:0px;} ul.sub_menu li a { height:25px; width:120px; display:block; } /* LEVEL ONE */ ul.dropdown { position: absolute; list-style:none; margin:0px; padding:0px; z-index:10000000000; top:-65px; right:10px; } ul.dropdown li { float: left; list-style:none; margin:0px; padding:0px;} ul.dropdown li a { display: block; height:43px; } ul.dropdown li:last-child a { border-right: none; } /* Doesn't work in IE */ ul.dropdown li.hover, ul.dropdown li:hover { position: relative; } ul.dropdown li.hover a { } /* LEVEL TWO */ ul.dropdown ul { width: 120px; visibility: hidden; position: absolute; top: 100%; left: 0; list-style:none; margin:0px; padding:0px; } ul.dropdown ul li { list-style:none; margin:0px; padding:0px; float: none; } /* IE 6 & 7 Needs Inline Block */ ul.dropdown ul li a { border-right: none; width: 100%; display: inline-block; } a.who-story:link, a.who-story:visited, a.who-story:active { height:20px; width:120px; display:block; background:url(images/sitedesign-subnav.gif) no-repeat 0px 0px; } a.who-story:hover { height:20px; width:120px; display:block; background:url(images/sitedesign-subnav.gif) no-repeat -120px 0px; } a.who-vision:link, a.who-vision:visited, a.who-vision:active { height:20px; width:120px; display:block; background:url(images/sitedesign-subnav.gif) no-repeat 0px -20px; } a.who-vision:hover { height:20px; width:120px; display:block; background:url(images/sitedesign-subnav.gif) no-repeat -120px -20px; } a.who-promise:link, a.who-promise:visited, a.who-promise:active { height:20px; width:120px; display:block; background:url(images/sitedesign-subnav.gif) no-repeat 0px -40px; } a.who-promise:hover { height:20px; width:120px; display:block; background:url(images/sitedesign-subnav.gif) no-repeat -120px -40px; } a.who-knowledge:link, a.who-knowledge:visited, a.who-knowledge:active { height:20px; width:120px; display:block; background:url(images/sitedesign-subnav.gif) no-repeat 0px -60px; } a.who-knowledge:hover { height:20px; width:120px; display:block; background:url(images/sitedesign-subnav.gif) no-repeat -120px -60px; } a.who-team:link, a.who-team:visited, a.who-team:active { height:20px; width:120px; display:block; background:url(images/sitedesign-subnav.gif) no-repeat 0px -80px; } a.who-team:hover { height:20px; width:120px; display:block; background:url(images/sitedesign-subnav.gif) no-repeat -120px -80px; } a.who-buildings:link, a.who-buildings:visited, a.who-buildings:active { height:20px; width:120px; display:block; background:url(images/sitedesign-subnav.gif) no-repeat 0px -100px; } a.who-buildings:hover { height:20px; width:120px; display:block; background:url(images/sitedesign-subnav.gif) no-repeat -120px -100px; } a.what-brochure:link, a.what-brochure:visited, a.what-brochure:active { height:20px; width:120px; display:block; background:url(images/sitedesign-subnav.gif) no-repeat 0px -120px; } a.what-brochure:hover { height:20px; width:120px; display:block; background:url(images/sitedesign-subnav.gif) no-repeat -120px -120px; } a.what-growth:link, a.what-growth:visited, a.what-growth:active { height:20px; width:120px; display:block; background:url(images/sitedesign-subnav.gif) no-repeat 0px -140px; } a.what-growth:hover { height:20px; width:120px; display:block; background:url(images/sitedesign-subnav.gif) no-repeat -120px -140px; } a.what-brand:link, a.what-brand:visited, a.what-brand:active { height:20px; width:120px; display:block; background:url(images/sitedesign-subnav.gif) no-repeat 0px -160px; } a.what-brand:hover { height:20px; width:120px; display:block; background:url(images/sitedesign-subnav.gif) no-repeat -120px -160px; } a.what-innovation:link, a.what-innovation:visited, a.what-innovation:active { height:20px; width:120px; display:block; background:url(images/sitedesign-subnav.gif) no-repeat 0px -180px; } a.what-innovation:hover { height:20px; width:120px; display:block; background:url(images/sitedesign-subnav.gif) no-repeat -120px -180px; } a.what-discovering:link, a.what-discovering:visited, a.what-discovering:active { height:20px; width:120px; display:block; background:url(images/sitedesign-subnav.gif) no-repeat 0px -200px; } a.what-discovering:hover { height:20px; width:120px; display:block; background:url(images/sitedesign-subnav.gif) no-repeat -120px -200px; } a.what-persuasion:link, a.what-persuasion:visited, a.what-persuasion:active { height:20px; width:120px; display:block; background:url(images/sitedesign-subnav.gif) no-repeat 0px -220px; } a.what-persuasion:hover { height:20px; width:120px; display:block; background:url(images/sitedesign-subnav.gif) no-repeat -120px -220px; } a.what-vision:link, a.what-vision:visited, a.what-vision:active { height:20px; width:120px; display:block; background:url(images/sitedesign-subnav.gif) no-repeat 0px -240px; } a.what-vision:hover { height:20px; width:120px; display:block; background:url(images/sitedesign-subnav.gif) no-repeat -120px -240px; } a.what-segmentation:link, a.what-segmentation:visited, a.what-segmentation:active { height:20px; width:120px; display:block; background:url(images/sitedesign-subnav.gif) no-repeat 0px -260px; } a.what-segmentation:hover { height:20px; width:120px; display:block; background:url(images/sitedesign-subnav.gif) no-repeat -120px -260px; } a.what-consumer:link, a.what-consumer:visited, a.what-consumer:active { height:20px; width:120px; display:block; background:url(images/sitedesign-subnav.gif) no-repeat 0px -280px; } a.what-consumer:hover { height:20px; width:120px; display:block; background:url(images/sitedesign-subnav.gif) no-repeat -120px -280px; } a.what-ethnography:link, a.what-ethnography:visited, a.what-ethnography:active { height:20px; width:120px; display:block; background:url(images/sitedesign-subnav.gif) no-repeat 0px -300px; } a.what-ethnography:hover { height:20px; width:120px; display:block; background:url(images/sitedesign-subnav.gif) no-repeat -120px -300px; } a.work-clients:link, a.work-clients:visited, a.work-clients:active { height:20px; width:120px; display:block; background:url(images/sitedesign-subnav.gif) no-repeat 0px -320px; } a.work-clients:hover { height:20px; width:120px; display:block; background:url(images/sitedesign-subnav.gif) no-repeat -120px -320px; } a.work-testimonials:link, a.work-testimonials:visited, a.work-testimonials:active { height:20px; width:120px; display:block; background:url(images/sitedesign-subnav.gif) no-repeat 0px -340px; } a.work-testimonials:hover { height:20px; width:120px; display:block; background:url(images/sitedesign-subnav.gif) no-repeat -120px -340px; } a.join-employment:link, a.join-employment:visited, a.join-employment:active { height:20px; width:120px; display:block; background:url(images/sitedesign-subnav.gif) no-repeat 0px -360px; } a.join-employment:hover { height:20px; width:120px; display:block; background:url(images/sitedesign-subnav.gif) no-repeat -120px -360px; } a.join-offer:link, a.join-offer:visited, a.join-offer:active { height:20px; width:120px; display:block; background:url(images/sitedesign-subnav.gif) no-repeat 0px -380px; } a.join-offer:hover { height:20px; width:120px; display:block; background:url(images/sitedesign-subnav.gif) no-repeat -120px -380px; }