@charset "utf-8"; /* CSS Document */ /* =============================== Common ============================ */ html, body, form { padding: 0em; margin: 0em; } form { font-family: Verdana, Tahoma, Helvetica, sans-serif; } html { font-size:100.01%; height: 100%; overflow-y: scroll; } body { font-size:62.5%; font-family: Verdana, Tahoma, Helvetica, sans-serif; height: 100%; } input,select { font-size: 1em; font-family: Verdana, Tahoma, Helvetica, sans-serif; } h1 { font-size:2em } h2 { font-size:1.5em } h3 { font-size:1.25em } h4 { font-size:1em } div,p,span,img,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,form { border: none; } .clear { clear: both; } .clearfix:after { content:"."; display:block; height:0em; clear:both; visibility:hidden; } a { text-decoration: none; } a:hover { text-decoration: underline; } /* ========================== Colors =========================== */ body { background-color: #000000; } .tcCommon a, .tcLink { color: #000000; } .tcCommon a span, .tcLink span { color: #00bce4; } .small_loader { background: url("../images/list_loader.gif") no-repeat top left; width: 16px; height: 16px; } .tcBlogLeftMenuBox div { border-top-color: #e6e6e6; } .tcBlogLeftMenuBox div a { color: #000000; } .tcBlogLeftMenuBox div.activeSection { border-top-color: #00bce4; } .tcBlogLeftMenuBox a.subMenuBullet { background: url("../images/bulletw.gif") no-repeat top left; } /* .tcBlogLeftMenuBox a.expanded { background: url("../images/bulletwdown.gif") no-repeat top left; }*/ .tcBlogLeftMenuBox .menuStudio, .tcBlogLeftMenuBox .menuStudioActive { background: url("../images/nav_titles/studio.gif") no-repeat top left; } .tcBlogLeftMenuBox .menuWhatWeDo { background: url("../images/nav_titles/what_we_do.gif") no-repeat top left; } .tcBlogLeftMenuBox .menuWhoWeAre { background: url("../images/nav_titles/who_we_are.gif") no-repeat top left; } .tcBlogLeftMenuBox .menuRecognition { background: url("../images/nav_titles/recognition.gif") no-repeat top left; } .tcBlogLeftMenuBox .menuJobs { background: url("../images/nav_titles/jobs.gif") no-repeat top left; } .tcBlogLeftMenuBox .menuBlog { background: url("../images/nav_titles/blog.gif") no-repeat top left; } .tcBlogLeftMenuBox .menuStories { background: url("../images/nav_titles/stories.gif") no-repeat top left; } .tcBlogLeftMenuBox .menuLoveHate { background: url("../images/love_hate.jpg") no-repeat top left; width: 148px; height: 184px; } .tcHomeLeftMenuBox .menuStudio { background: url("../images/nav_titles/studio_b_active.gif") no-repeat top left; } .tcHomeLeftMenuBox .menuWhatWeDo { background: url("../images/nav_titles/what_we_do_b.gif") no-repeat top left; } .tcHomeLeftMenuBox .menuWhoWeAre { background: url("../images/nav_titles/who_we_are_b.gif") no-repeat top left; } .tcHomeLeftMenuBox .menuRecognition { background: url("../images/nav_titles/recognition_b.gif") no-repeat top left; } .tcHomeLeftMenuBox .menuJobs { background: url("../images/nav_titles/jobs_b.gif") no-repeat top left; } .tcHomeLeftMenuBox .menuBlog { background: url("../images/nav_titles/blog_b.gif") no-repeat top left; } .tcHomeLeftMenuBox .menuStories { background: url("../images/nav_titles/stories_b.gif") no-repeat top left; } .tcHomeLeftMenuBox .menuLoveHate { background: url("../images/nav_titles/love_hate_b.gif") no-repeat top left; width: 90px; height: 15px; } .tcLeftMenuBox div, .tcHomeLeftMenuBox div { border-top-color: #58595b; } .tcLeftMenuBox div a, .tcHomeLeftMenuBox div a { color: #a0a0a0; } .tcLeftMenuBox div a:hover, .tcHomeLeftMenuBox div a:hover { color: #FFFFFF; } .tcLeftMenuBox div.activeMenu { border-top-color: #00bce4; } .tcLeftMenuBox a.subMenuBullet, .tcHomeLeftMenuBox a.subMenuBullet { background: url("../images/bullet.gif") no-repeat 0px 0px; float:left; height:15px; margin-top:6px; width:14px; } /*.tcLeftMenuBox a.expanded, .tcHomeLeftMenuBox a.expanded { background: url("../images/bulletdown.gif") no-repeat 0px 0px; float:left; height:15px; margin-top:6px; width:14px; }*/ .tcLeftMenuBox div.expLeftItem, .tcHomeLeftMenuBox div.expLeftItem { padding-left: 0px; } .tcLeftMenuBox { color: #FFF; } .tcLeftMenuBox .menuStudio { background: url("../images/nav_titles/studio_b_active.gif") no-repeat top left; } .tcLeftMenuBox .menuStudioActive { background: url("../images/nav_titles/studio_b_active.gif") no-repeat top left; } .tcLeftMenuBox .menuWhatWeDo { background: url("../images/nav_titles/what_we_do_b.gif") no-repeat top left; } .tcLeftMenuBox .menuWhoWeAre { background: url("../images/nav_titles/who_we_are_b.gif") no-repeat top left; } .tcLeftMenuBox .menuRecognition { background: url("../images/nav_titles/recognition_b.gif") no-repeat top left; } .tcLeftMenuBox .menuJobs { background: url("../images/nav_titles/jobs_b.gif") no-repeat top left; } .tcLeftMenuBox .menuBlog { background: url("../images/nav_titles/blog_b.gif") no-repeat top left; } .tcLeftMenuBox .menuHome { background: url("../images/nav_titles/home_b.gif") no-repeat top left; } .tcLeftMenuBox .menuStories { background: url("../images/nav_titles/stories_b.gif") no-repeat top left; } .tcLeftMenuBox .menuLoveHate { background: url("../images/nav_titles/love_hate_b.gif") no-repeat top left; width: 90px; height: 15px; } .tcLeftMenuBox div.activeSection { border-top-color: #00bce4; } .tcLeftMenuBox div.activeSection a { color: #FFFFFF; } .tcLeftMenuBox div.activeSection a.activeItem { color: #00bce4; } .tcLeftMenuBox div.activeSection .menuStudio { background: url("../images/nav_titles/studio_b_active.gif") no-repeat top left; } .tcLeftMenuBox div.activeSection .menuWhatWeDo { background: url("../images/nav_titles/what_we_do_b_active.gif") no-repeat top left; } .tcLeftMenuBox div.activeSection .menuWhoWeAre { background: url("../images/nav_titles/who_we_are_b_active.gif") no-repeat top left; } .tcLeftMenuBox div.activeSection .menuRecognition { background: url("../images/nav_titles/recognition_b_active.gif") no-repeat top left; } .tcLeftMenuBox div.activeSection .menuJobs { background: url("../images/nav_titles/jobs_b_active.gif") no-repeat top left; } .tcLeftMenuBox div.activeSection .menuBlog { background: url("../images/nav_titles/blog_b_active.gif") no-repeat top left; } .tcLeftMenuBox div.activeSection .menuHome { background: url("../images/nav_titles/home_b_active.gif") no-repeat top left; } .tcLeftMenuBox div.activeSection .menuStories { background: url("../images/nav_titles/stories_b_active.gif") no-repeat top left; } .tcLeftMenuBox div.activeSection .menuLoveHate { background: url("../images/nav_titles/love_hate_b_active.gif") no-repeat top left; width: 90px; height: 15px; } .tcBlogRightMenuBox h4 { border-bottom-color: #e6e6e6; } .tcBlogRightMenuBox h5, .tcBlogRightMenuBox a { color: #000000; } .tcBlogRightMenuBox span { background: url("../images/bulletw.gif") no-repeat 0px 0px; } .tcBlogRightMenuBox .expanded span { background: url("../images/bulletwdown.gif") no-repeat 0px 0px; } .tcBlogRightMenuBox .menuCaseStudies { background: url("../images/nav_titles/case_studies.gif") no-repeat top left; } .tcBlogRightMenuBox .menuByClient { background: url("../images/nav_titles/by_client.gif") no-repeat top left; } .tcBlogRightMenuBox .menuWork { background: url("../images/nav_titles/work.gif") no-repeat top left; } .tcBlogRightMenuBox .menuByBrands { background: url("../images/nav_titles/by_brands.gif") no-repeat 15px 0px; } .tcBlogRightMenuBox .menuByCategory { background: url("../images/nav_titles/by_category.gif") no-repeat 15px 0px; } .tcBlogRightMenuBox .menuShop { background: url("../images/nav_titles/shop.gif") no-repeat top left; } .tcBlogRightMenuBox .menuByProduct { background: url("../images/nav_titles/by_product.gif") no-repeat top left; } .tcHomeRightMenuBox h4 { border-bottom-color: #58595b; } .tcHomeRightMenuBox a { color: #a0a0a0; } .tcHomeRightMenuBox a:hover { color: #FFFFFF; } .tcHomeRightMenuBox span { background: url("../images/bullet.gif") no-repeat 0px 0px; } .tcHomeRightMenuBox .expanded span { background: url("../images/bulletdown.gif") no-repeat 0px 0px; } .tcHomeRightMenuBox .menuCaseStudies { background: url("../images/nav_titles/case_studies_b_active.gif") no-repeat top left; } .tcHomeRightMenuBox .menuByClient { background: url("../images/nav_titles/by_client_b.gif") no-repeat top left; } .tcHomeRightMenuBox .menuWork { background: url("../images/nav_titles/work_b_active.gif") no-repeat top left; } .tcHomeRightMenuBox .menuShop { background: url("../images/nav_titles/shop_b_active.gif") no-repeat top left; } .tcHomeRightMenuBox .menuByBrands { background: url("../images/nav_titles/by_brands_b.gif") no-repeat 15px 0px; } .tcHomeRightMenuBox .menuByCategory { background: url("../images/nav_titles/by_category_b.gif") no-repeat 15px 0px; } .tcHomeRightMenuBox .menuByProduct { background: url("../images/nav_titles/by_product_b.gif") no-repeat top left; } .tcRightMenuBox h4 { border-bottom-color: #58595b; } .tcRightMenuBox a { color: #a0a0a0; } .tcRightMenuBox a:hover { color: #FFFFFF; } .tcRightMenuBox span { background: url("../images/bullet.gif") no-repeat 0px 0px; } .tcRightMenuBox .expanded span { background: url("../images/bulletdown.gif") no-repeat 0px 0px; } .tcRightMenuBox .menuCaseStudies { background: url("../images/nav_titles/case_studies_b_active.gif") no-repeat top left; } .tcRightMenuBox .menuByClient { background: url("../images/nav_titles/by_client_b.gif") no-repeat top left; } .tcRightMenuBox .menuWork { background: url("../images/nav_titles/work_b_active.gif") no-repeat top left; } .tcRightMenuBox .menuByBrands { background: url("../images/nav_titles/by_brands_b.gif") no-repeat 15px 0px; } .tcRightMenuBox .menuByCategory { background: url("../images/nav_titles/by_category_b.gif") no-repeat 15px 0px; } .tcRightMenuBox .menuShop { background: url("../images/nav_titles/shop_b_active.gif") no-repeat top left; } .tcRightMenuBox .menuByProduct { background: url("../images/nav_titles/by_product_b.gif") no-repeat top left; } .tcRightMenuBox div.activeSection h4 { border-bottom-color: #00bce4; } .tcRightMenuBox div.activeSection a { color: #FFFFFF; } .tcRightMenuBox div.activeSection a.activeItem { color: #00bce4; } .tcRightMenuBox div.activeSection .menuCaseStudies { background: url("../images/nav_titles/case_studies_b_active.gif") no-repeat top left; } .tcRightMenuBox div.activeSection .menuByClient { background: url("../images/nav_titles/by_client_b_active.gif") no-repeat top left; } .tcRightMenuBox div.activeSection .menuWork { background: url("../images/nav_titles/work_b_active.gif") no-repeat top left; } .tcRightMenuBox div.activeSection .menuShop { background: url("../images/nav_titles/shop_b_active.gif") no-repeat top left; } .tcRightMenuBox div.activeSection .menuByBrands { background: url("../images/nav_titles/by_brands_b_active.gif") no-repeat 15px 0px; } .tcRightMenuBox div.activeSection .menuByCategory { background: url("../images/nav_titles/by_category_b_active.gif") no-repeat 15px 0px; } .tcRightMenuBox div.activeSection .menuByProduct { background: url("../images/nav_titles/by_product_b_active.gif") no-repeat top left; } .tcHomeNewsSet div.date, .tcHomeNewsSet a { color: #00bce4; } .tcBackToTop { color: #959595; border-bottom-color: #959595; } .tcLight { color: #00bce4 !important; } /* ========================== Globals ========================== */ .hidden { display: none !important; } div.content, div.contentHome { margin: 0 auto; padding-top: 12px; padding-bottom: 10px; } div.content { width: 960px; } div.contentHome { width: 1000px; } h1.logo { padding: 0; overflow: hidden; position: relative; width: 150px; height: 33px; float: left; } h1.logo a { display: block; position: absolute; top: 0; left: 0; width: 150px; height: 33px; background: url("../images/fuse_logo.gif"); text-indent: -9999px; } div.content div.headerBox { height: 33px;} div.content h1.logo { margin: 0; } div.content a.headerLink { float: right; display: block; color:#848689; font-weight:bold; font-size: 10px; font-family: Arial; padding-left: 10px; margin-top: 18px; } div.content a.headerLink span { color: #00bce4; } div.content h2.headersubTitle { float: left; color: #333; margin: 4px 0 0 0; font-size: 20px; font-weight: normal; } div.contentHome h1.logo { margin: 0 0 0 20px; } div.contentHome a.headerLink { float: right; display: block; color:#848689; font-weight:bold; font-size: 10px; font-family: Arial; padding-left: 10px; margin-top: 18px; } div.contentHome a.headerLink span { color: #00bce4; } div.contentHome h2.headersubTitle { float: left; color: #333; margin: 4px 0 0 0; font-size: 20px; font-weight: normal; } div.leftMenu, div.rightMenu { float: left; width: 148px; padding-top: 45px; } div.leftMenu { padding-right: 8px; } div.leftMenu a { font-size: 11px; display: block; padding-top: 6px; } div.leftMenu a.hp-Inline { display: inline; } div.leftMenu h4 { padding-bottom: 6px; } div.leftMenu h4, div.leftMenu h5, div.leftMenu a.menuItem { display: block; overflow: hidden; text-indent: -9999px; margin: 0; } div.leftMenu div.section { border-top-width: 7px; border-top-style: solid; padding-top: 8px; padding-bottom: 22px; } div.leftMenu div.section div.subMenuBox { padding: 0 0 0 16px; } div.leftMenu div.section div.subMenuBox a { font-size: 10px; } div.leftMenu div.collapsed { height: 0; overflow: hidden; } div.leftMenu img { margin-top: 25px; } div.leftMenu h6 { font-size: 12px; font-weight: bold; margin-top: -15px; margin-bottom: 0px; } div.leftMenu div.expLeftItem { padding-left: 0px; clear: both; } div.leftMenu a.subMenuBullet, /*div.leftMenu a.expanded { float: left; height: 15px; margin-top: 6px; padding-top: 0; width: 14px; overflow: hidden; text-indent: -9999px; }*/ div.leftMenu .menuStudio, div.leftMenu .menuStudioActive { width: 76px; height: 17px; } div.leftMenu .menuWhatWeDo { width: 106px; height: 17px; } div.leftMenu .menuWhoWeAre { width: 106px; height: 17px; } div.leftMenu .menuRecognition { width: 104px; height: 17px; } div.leftMenu .menuJobs { width: 45px; height: 17px; } div.leftMenu .menuBlog { width: 91px; height: 17px; } div.leftMenu .menuStories { width: 62px; height: 17px; } div.rightMenu { padding-left: 8px; } div.rightMenu div.section { padding-bottom: 30px; } div.rightMenu div.section div.subMenuBox { padding: 0 0 0 16px; } div.rightMenu div.smallBottomPadding { padding-bottom: 25px; } div.rightMenu div.noBottomPadding { padding-bottom: 0; } div.rightMenu a { font-size: 11px; display: block; padding-bottom: 6px; } div.rightMenu h4, div.rightMenu h5, div.rightMenu a.menuItem { margin: 0; display: block; overflow: hidden; text-indent: -9999px; } div.rightMenu h4 { padding-bottom: 6px; margin-bottom: 8px; border-bottom-width: 7px; border-bottom-style: solid; } div.rightMenu h5 { margin-bottom: 5px; } div.rightMenu img { margin-top: 0; } div.rightMenu span { display: block; width: 15px; height: 17px; text-indent: -9999px; } div.rightMenu div.collapsed { height: 0; overflow: hidden; } div.rightMenu .menuCaseStudies { height: 17px; } div.rightMenu .menuByClient { width: 78px; height: 17px; } div.rightMenu .menuWork { height: 17px; } div.rightMenu .menuByBrands { width: 103px; height: 17px; } div.rightMenu .menuByCategory { width: 120px; height: 17px; margin-top: 5px !important; } div.rightMenu .menuShop { height: 17px; } div.rightMenu .menuByProduct { width: 95px; height: 17px; } a.item_see_more { display: block; width: 70px; height: 15px; text-indent: -9999px; background: url("../images/see_more.gif") no-repeat top left; outline: none; } .alignBoxCenter { display: block; margin-left: auto; margin-right: auto; } #modalDialogOverlay { width: 100%; height: 100%; background-color: #000000; filter:alpha(opacity=50); opacity: 0.5; -moz-opacity: 0.5; position: absolute; z-index:1; top: 0; left: 0; } #modalDialogContainer { width: 640px; height: 520px; position: absolute; z-index: 2; top: 10%; left: 50%; margin-left: -320px; } div.dialogBox { background-color: #FFF; font-size: 12px; position: relative; } div.dialogContent { padding: 25px; } div.dialogButtonsBox { padding-top: 15px;} div.dialogButtonsBox a { float: left; margin-right: 10px; } h2.dialogTitle { margin-top: 0; margin-bottom: 10px; font-size: 18px; } div.topLeftCorner { background: url("/images/dialog_top_left.gif") no-repeat top left; height: 100%; } div.topRightCorner { background: url("/images/dialog_top_right.gif") no-repeat top right; height: 100%; } div.bottomLeftCorner { background: url("/images/dialog_bottom_left.gif") no-repeat bottom left; height: 100%; } div.bottomRightCorner { background: url("/images/dialog_bottom_right.gif") no-repeat bottom right; height: 100%; } /* ========================== Home Page ======================== */ div.hp-MainBoxArea { width: 648px; float: left; width: 648px; } div.hp-Slideshow { width: 648px; height: 443px; overflow: hidden; position: relative; } div.hp-Slideshow a { cursor: pointer; position: absolute; top: 413px; left: 494px; background: url("../images/latest_on_blog.png"); width: 154px; height: 30px; overflow: hidden; text-indent: -9999px; z-index: 100; } div.hp-Slideshow img { position: absolute; top: 0; left: 0; } div.hp-CreatingBrands { color: #FFFFFF; background: url("../images/creating_brands.gif") no-repeat 25px 0; margin-top: 10px; padding-left: 170px; font-size: 11px; font-family: Arial; } div.hp-MainBoxTopBg { width: 1000px; } /* IE6 bug */ div.hp-MainBoxLayout { width: 960px; } div.hp-MainBox {float: left; background-color: #000; width: 648px; } div.hp-MainBoxContent { padding-left: 24px; padding-right: 24px; } div.hp-MainBoxContent div.hp-BlogPageNumber { margin-top: 50px; font-size: 11px; float: right; background: url("../images/blog_pages_middlebg.gif") left top repeat-x; font-family: arial; font-size: 14px; font-weight: bold; height: 21px; } div.hp-MainBoxContent div.hp-BlogPageNumber div.leftBg { width: 2px; height: 21px; background: url("../images/blog_pages_leftbg.gif") left top no-repeat; } div.hp-MainBoxContent div.hp-BlogPageNumber div.rightBg { width: 2px; height: 21px; } div.hp-MainBoxContent div.hp-BlogPageNumber a, div.hp-MainBoxContent div.hp-BlogPageNumber span { padding: 3px 8px 0 0; color: #000; } div.hp-MainBoxContent div.hp-BlogPageNumber span.more { padding: 0; margin: 5px 5px 0 8px; background: url("../images/blog_pages_morebg.gif") left top no-repeat; display: block; height: 11px; width: 51px; text-indent: -9999px; } div.hp-MainBoxContent div.hp-BlogPageNumber span.currentPage { color: #fff; } div.hp-MainBoxContent div.hp-BlogPageNumber a, div.hp-MainBoxContent div.hp-BlogPageNumber span, div.hp-MainBoxContent div.hp-BlogPageNumber div { float: left; } div.hp-BigBlogBox { margin-bottom: 30px; } div.hp-BlogVideo { height: 450px; } /*div.hp-BlogVideo img { cursor: pointer; width: 598px; height: 448px; }*/ div.hp-News { margin-bottom: 25px; font-size: 12px; line-height: 18px; color: #FFF; } div.hp-News h1 { font-size: 17px; font-weight: bold; margin-top: 11px; margin-bottom: 10px; text-transform: uppercase; } div.hp-News img { float: left; margin-right: 20px; } div.hp-News img.date { margin-bottom: 10px; } div.hp-News div.dateStamp { width: 51px; height: 87px; padding-top: 5px; padding-right: 2px; background: url("../images/date_bg.gif") no-repeat top left; float: left; margin-right: 12px; margin-bottom: 12px; text-align: center; color: #FFFFFF; text-transform: uppercase; font-size: 9px; line-height: 10px; font-family: sans-serif; } div.hp-News div.dateStamp strong { display: block; font-size: 21px; line-height: 23px; } div.hp-News strong { display: block; } div.hp-DateStampPadding div.hp-ShortStory, div.hp-DateStampPadding div.hp-FullStory, div.hp-DateStampPadding div.hp-BlogShareButton { padding-left: 68px; } div.hp-DateStampPadding h1 a img { float: none; position: relative; top: 5px; } div.TweetButton { width: 52px; height: 25px; padding-top: 5px; padding-right: 2px; margin-top: 20px; float: left; text-align: center; } div.hp-ShortStory strong, div.hp-FullStory strong { display: inline; } div.hp-FullStory { display: none; margin-top: 12px; } div.hp-BlogShareButton { margin-top: 12px; height: 16px; } div.hp-ImageRotation { width: 425px; height: 344px; position: relative; padding: 5px; background: url(../images/hp_slideshow_bg.gif) no-repeat center center; } /* display: table-cell; vertical-align: middle; */ div.hp-ImageRotation img { display: block; margin: 0 auto; } div.hp-BlogImageBox { width: 425px; height: 344px; display: table-cell; vertical-align: middle; overflow: hidden; } a.hp-ImageButtonLeft { position: absolute; left: 5px; margin-top: 0px; width: 110px; height: 344px; background: url("../images/case_sudy/button_left.gif") no-repeat center left; display: block; overflow: hidden; text-indent: -9999px; filter:alpha(opacity=0); /* IE Opacity */ opacity: 0; -moz-opacity: 0; z-index: 10; } a.hp-ImageButtonRight { position: absolute; left: 320px; margin-top: 0px; width: 110px; height: 344px; background: url("../images/case_sudy/button_right.gif") no-repeat center right; display: block; overflow: hidden; text-indent: -9999px; filter:alpha(opacity=50); /* IE Opacity */ opacity: 0.5; -moz-opacity: 0.5; z-index: 10; } div.hp-BlogEntryDescription { width: 425px; text-align: right; height: 12px; } div.hp-100Reasons div.imageBox { position: absolute; top: 5px; left: 5px; width: 425px; height: 344px; background-color: #dddddd; background-image: url("../images/blog_entries/bloh_enttry_100reaons/OLPC%20images/loading.gif") no-repeat top left; } div.hp-100Reasons div.noLoadingBackground { background-image: none !important; } div.hp-100ReasonFotoTapeBox { width: 425px; height: 59px; overflow: hidden; margin: 10px 0 0 5px; position: relative; } div.hp-100ReasonFotoTapeBox div.fotoThumb { cursor: pointer; float: left; border: 2px solid #000; width: 55px; height: 55px; overflow: hidden; background: url("../images/100reason_loading_bg.gif") no-repeat center center; } div.hp-100ReasonFotoTapeBox div.fotoThumbActive { padding: 0px; border: 2px solid #00bce6; } a.hp-100ReasonTapeLeft { position: absolute; margin-left: 0px; margin-top: 0px; width: 55px; height: 57px; background: url("../images/case_sudy/smaller_button_left.gif") no-repeat bottom left; display: block; overflow: hidden; text-indent: -9999px; filter:alpha(opacity=0); /* IE Opacity */ opacity: 0; -moz-opacity: 0; z-index: 2; } a.hp-100ReasonTapeRight { position: absolute; margin-left: 370px; margin-top: 0px; width: 55px; height: 57px; background: url("../images/case_sudy/smaller_button_right.gif") no-repeat bottom right; display: block; overflow: hidden; text-indent: -9999px; filter:alpha(opacity=50); /* IE Opacity */ opacity: 0.5; -moz-opacity: 0.5; z-index: 2; } div.hp-100ReasonFotoTapeBox div.frame { position: absolute; top: 0px; width: 55px; height: 55px; border: 2px solid #00bce6; left: 230px; z-index: 1; overflow: hidden; text-indent: -9999px; } a.hp-BackToTop { display: block; text-align: right; font-size: 11px; border-bottom-style: dotted; border-bottom-width: 1px; padding-bottom: 1px; margin-bottom: 10px; clear: both; } a.hp-TopAnchor { display: block; height: 0px; overflow: hidden; } div.hp-BlogHeaderBox { width: 600px; height: 86px; margin-bottom: 10px; color: #FFFFFF; } div.hp-BlogHeaderBox h2 { margin: 0; } div.hp-BlogHeaderBox h1 { margin-top: 3px; margin-bottom: 8px; } div.hp-BlogHeaderBox div.subscribtionBox { background: url("../images/blog_header_break_line.gif") no-repeat top left; padding-top: 11px; width: 100%; clear: both; top: -15px; position: relative; } div.hp-BlogHeaderBox div.subscribtionBox div.subscription { width: 435px; float: left; } div.hp-BlogHeaderBox div.subscribtionBox div.subscription span.small_loader { float: left; display: none; text-indent: -9999px; margin: -2px 0 0 3px; } div.hp-BlogHeaderBox div.subscribtionBox div.in_request span.small_loader { display: block; } div.hp-BlogHeaderBox div.subscribtionBox div.unsubscription { width: 118px; padding-left: 46px; float: left; margin-top: -2px; } div.hp-BlogHeaderBox div input#email { top: -1px; height: 13px; width: 145px; border: none; } div.hp-BlogHeaderBox div a#btnSubscribe { top: -1px; height: 15px; width: 18px; background: url("../images/headers/subscribe_btn.gif") no-repeat top left; display: block; margin-left: 4px; } div.hp-BlogHeaderBox div.in_request a#btnSubscribe { display: none; } div.hp-BlogHeaderBox div label { background: url("../images/headers/unsubscribe_label.gif") no-repeat top left; height: 15px; width: 108px; overflow: hidden; text-indent: -9999px; float: left; } div.hp-BlogHeaderBox div input.UnsubscribeCheckbox{ top: -5px; float: right; color: #999; } div.hp-BlogHeaderBox div span.checkbox { padding: 0; } div.hp-BlogHeaderBox div span.SubscribeLabel { background: url("../images/headers/subscribe_for_update.gif") no-repeat left center; width: 117px; height: 14px; overflow: hidden; text-indent: -9999px; margin-right: 8px; } div.hp-BlogHeaderBox div span.SubscribeLabel, div.hp-BlogHeaderBox div input, div.hp-BlogHeaderBox div a { float: left; position: relative; } div#subscribeDialogField { padding: 10px 20px 20px 20px } div#subscribeDialogField span { font-size: 14px; font-weight: bold; display: block; margin-bottom: 5px; } div#subscribeDialogField div.fieldBoxDialog { margin-bottom: 5px; } div#subscribeDialogField input#emailDialog, div#subscribeDialogField a#btnSubscribeDialog { float: left; } div#subscribeDialogField input#emailDialog { height: 11px; width: 200px; border: 1px solid #666; } div#subscribeDialogField a#btnSubscribeDialog { height: 15px; width: 18px; background: url("../images/headers/subscribe_btn.gif") no-repeat top left; display: block; margin-left: 4px; } div#subscribeDialogField label { top: -2px; position: relative; } a.hp-SubscribeRSS { display: block; background: url("../images/headers/rss_feed.gif") no-repeat top left; width: 60px; height: 14px; overflow: hidden; text-indent: -9999px; position: relative; top: -23px; float: right; } a.hp-BackToHome { display: block; background: url("../images/button_back_to_home.gif") no-repeat top left; width: 93px; height: 14px; overflow: hidden; text-indent: -9999px; position: relative; top: -23px; float: right; margin-left: 10px; } a.OnHomePage { display: none; } div.hp-BannerBox { position: relative; overflow: hidden; height: 538px; margin-bottom: 10px; } div.hp-Banner { padding-bottom: 15px; position: absolute; bottom: 0px; } div.hp-collapsedBanner { height: 0px; } .at15t_subscribe { background: url("../images/addthis_rss_icon.gif") no-repeat top left !important; } a.hp-blogHeaderAnchor { display: block; overflow: hidden; height: 0; margin-top: -10px; margin-bottom: 10px; } a.hp-blogEntryAnchor { display: block; overflow: hidden; height: 0; margin-bottom: 10px; } div#subscribeAnswerDlg { display: none; margin-left: auto; margin-right: auto; text-align: centre; background-color: #ffffff; position: relative; } div#subscribeAnswerDlg a.close { background: url("/images/player_close.gif") no-repeat right center; color: #000000; line-height: 11px; padding-right: 16px; text-decoration: none; position: relative; left: 295px; top: 7px; z-index: 1; } div#subscribeAnswerDlg h2#subscribeAnswer { margin: 20px 30px;} div.sp-SubscribeResult { height: 400px; } div.sp-SubscribeResult h1.sp-HeaderSubscribeResult { border: none; padding: 30px; } div.sp-SubscribeResult a { outline: none; } /* ========================== Site Pages ======================= */ .st-ContentTopMargin { margin-top: 20px !important; } .dottedBorderBottom { border-bottom: 1px dotted #C8C7C7; } .dottedBorderTop { border-top: 1px dotted #C8C7C7; } p.withDottedBorderBottom { padding-bottom: 20px; } div.sp-MainLayout { margin-top: 15px; } div.sp-MainBox { float: left; width: 648px; background: #FFFFFF url("../images/sp_content_bg.gif") repeat-y top left; height: 100%; } div.sp-MainBoxLayout { background: url("../images/sp_content_bg_bottom.gif") no-repeat bottom left; min-height: 700px; height: 100%;} div.sp-MainBoxEmptyHeader, div.sp-MainBoxHeader { background: url("../images/sp_content_bg_top.gif") no-repeat top left; } div.sp-MainBoxEmptyHeader { height: 8px; } div.sp-MainBoxHeader { padding-top: 35px; } div.sp-MainBoxHeader h1 { font-size: 40px; font-weight: bold; letter-spacing: -3px; margin-top: 0; margin-bottom: 0px; padding-bottom: 4px; border-bottom:1px dotted #C8C7C7; } div.sp-MainBoxHeader, div.sp-MainBoxContent { width: 600px; padding-left: 24px; padding-right: 24px; } div.sp-MainBoxContent { padding-bottom: 20px; font-size: 12px; padding-top: 25px; } div.sp-MainBox h2 { font-weight: bold; font-size: 15px; margin-top: 0; margin-bottom: 10px; font-family: Helvetica; } div.sp-MainBox p { margin-top: 0; margin-bottom: 20px; line-height: 18px; } div.sp-MainBox p.largeBottomMargin { margin-bottom: 35px; } div.sp-MainBox a { color: #000000; } div.sp-MainBox a span { color: #00bce4; } div.sp-MainBox ul { margin: 0; margin-bottom: 20px; padding: 0; padding-left: 18px; } div.sp-MainBox ul li { line-height: 18px; } div.sp-MainBox div.listTitle { padding-bottom: 2px; } div.sp-MainBoxClone { height: 2000px; } div.sp-ContentColumnLayout { clear: both; } div.sp-ContentColumnLayout div.sp-ContentColumnLeft { padding-right: 20px; } div.sp-ContentColumnLayout div.sp-ContentColumnLeft, div.sp-ContentColumnLayout div.sp-ContentColumnRight { float: left; width: 290px; } div.sp-ContentOurApproach a { color: #00bce4; text-decoration: none; } div.sp-BusinessModelBoxes { margin-top: 0; } div.sp-BusinessModelBoxes a { position: relative; float: left; width: 196px; height: 335px; background-image: url("../images/sp_content_column.gif"); padding-top: 15px; margin-left: 4px; } strong.sp-HeaderStrategicGrey, strong.sp-HeaderPartnershipsGrey, strong.sp-HeaderCivicWorksGrey { display: block; margin-left: 10px; } div.sp-BusinessModelBoxes a:hover {background-image: url("../images/sp_content_column_blue.gif"); text-decoration: none; } div.sp-BusinessModelBoxes a.noLeftMargin { margin-left: 0; } div.sp-MainBox div.sp-BusinessModelBoxes span { padding:0 15px 0 10px; line-height: 18px; color:#000000; display: block;} div.sp-BusinessModelBoxes .arrow_blue_big { position: absolute; bottom: 15px; right: 0; display:block; background-image: url("../images/arrow_blue_big.gif"); background-repeat: no-repeat; width: 20px; height: 25px; overflow: hidden; text-indent: -9999px; } div.sp-BusinessModelNav { height: 77px; margin-bottom: 15px; } div.sp-BusinessModelNav a, div.sp-BusinessModelNav div { overflow: hidden; text-indent: -9999px; width: 196px; height: 67px; float: left; margin-left: 6px; } div.sp-BusinessModelNav .noLeftMargin { margin-left: 0; } div.sp-BusinessModelNav a.Strategic { background-image: url("../images/strategic.gif"); } div.sp-BusinessModelNav a.Partnerships { background-image: url("../images/partnerships.gif"); } div.sp-BusinessModelNav a.CivicWorks { background-image: url("../images/civic_works.gif"); } div.sp-BusinessModelNav a.Strategic:hover, div.sp-BusinessModelNav div.Strategic { background-image: url("../images/strategic_blue.gif"); } div.sp-BusinessModelNav a.Partnerships:hover, div.sp-BusinessModelNav div.Partnerships { background-image: url("../images/partnerships_blue.gif"); } div.sp-BusinessModelNav a.CivicWorks:hover, div.sp-BusinessModelNav div.CivicWorks { background-image: url("../images/civic_works_blue.gif"); } div.sp-BusinessModelExample { border-top: 1px dotted #C8C7C7; } div.sp-BusinessModelExample div.sp-Example {width: 280px; float:left; padding-bottom:20px; } div.sp-BusinessModelExample div.sp-Example a.Brand {bottom:22px; left:160px; position:relative; text-decoration: none;} div.sp-BusinessModelExample div.sp-Example img {display: block; background: url("../images/example_shadow.gif") no-repeat bottom right; width: 137px; height: 102px;padding-bottom:6px; padding-right:5px; } div.sp-CaseStudyExamples {font-weight: bold; padding-top:7px;} a.sp-YearLink { overflow: hidden; text-indent: -9999px; height: 20px; background-repeat: no-repeat; background-position: 0px 7px; } div.sp-Exhibits { padding-top: 0; } div.sp-ExhibitsYear { width: 600px; padding-bottom: 5px; height: 35px; overflow: hidden; } div.sp-Exhibits a { display: block; padding-bottom: 10px; margin-bottom: 10px; clear: both; } div.sp-Exhibits .noBorder { border-top: none; } div.sp-Exhibits div.breakLine { border-top: 1px dotted #C8C7C7; height: 0; overflow: hidden; text-indent: -9999px; } div.sp-ExhibitsContent { filter:alpha(opacity=0); opacity: 0; -moz-opacity: 0; margin-top: 10px; } div.sp-ExhibitsSlides { margin-bottom: 10px; } div.sp-ExhibitsSlideDescriptions { margin-bottom: 20px; text-align: right; font-size: 10px; height: 24px; padding-right: 10px; } div.sp-ExhibitItem { margin-bottom: 20px; line-height: 16px; } div.sp-ExhibitItem strong { display: block; } div.sp-ExhibitionImageRotation { width: 240px; height: 240px; padding: 20px 23px 23px 20px; position: relative; background: url("../images/case_sudy/pic_border.gif") no-repeat top left; } a.sp-ExhibitionImageButtonLeft { position: absolute; margin-left: 0px; margin-top: 0px; width: 110px; height: 240px; background: url("../images/case_sudy/small_button_left.gif") no-repeat bottom left; display: block; overflow: hidden; text-indent: -9999px; filter:alpha(opacity=0); /* IE Opacity */ opacity: 0; -moz-opacity: 0; margin-bottom: 0 !important; padding-bottom: 0 !important; } a.sp-ExhibitionImageButtonRight { position: absolute; margin-left: 130px; margin-top: 0px; width: 110px; height: 240px; background: url("../images/case_sudy/small_button_right.gif") no-repeat bottom right; display: block; overflow: hidden; text-indent: -9999px; filter:alpha(opacity=50); /* IE Opacity */ opacity: 0.5; -moz-opacity: 0.5; margin-bottom: 0 !important; padding-bottom: 0 !important; } div.sp-Awards { padding-top: 0; } div.sp-Awards div.sp-AwardsBox{ width: 600px; padding-bottom: 5px; height: 35px; overflow: hidden; } div.sp-Awards div.sp-AwardContent { filter:alpha(opacity=0); opacity: 0; -moz-opacity: 0; padding-bottom: 5px; } div.sp-Awards div.breakLine { border-top: 1px dotted #C8C7C7; height: 0; overflow: hidden; text-indent: -9999px; } div.sp-Awards a { display: block; padding-bottom: 10px; clear: both; } div.sp-Awards .noBorder { border-top: none !important; } div.sp-Awards ul { padding-left: 15px; } div.sp-Awards ul.noBottomMargin { margin-bottom: 0; } /* div.sp-Awards img { display: block; height: 287px; width: 287px; padding-top: 5px; padding-left: 15px; } */ div.sp-Awards img { display: block; width: 287px; padding-top: 5px; padding-left: 15px; } div.sp-Awards h3 {margin-bottom: 0; font-size: 12px;} div.sp-Awards h3.TopMargin {margin-top: 5px; } div.sp-Awards div.sp-AwardsLeftCol { width: 270px; float: left; padding-top: 10px; } div.sp-Awards span { font-style: italic; } div.sp-Awards div.sp-AwardsRightCol {width: 300px; float: left; padding-top: 10px; padding-left: 15px; } div.sp-ContentPress {float: left; width: 135px; padding-left: 32px; padding-right: 31px; position: relative; height: 245px; /* padding-bottom: 30px; */ } div.sp-ContentPress div.sp-CoverImage { height: 181px; } div.sp-ContentPress div.sp-MagazineTitle { font-size: 11px;} div.sp-ContentPress div.sp-MagazineTitle strong { font-size: 12px; display: block; } div.sp-ColumnPress { float: left; width: 200px; } div.sp-CoverImage div.sp-DownloadPdfBackground { background: url("../images/press/pdf_download.png") no-repeat left top; width: 137px; height: 138px; } div.sp-CoverImage div.Transparent { position: absolute; filter: alpha(opacity=0); /* IE Opacity */ opacity: 0; -moz-opacity: 0; width: 137px; height: 138px; left: 60px; top: -60px;} div.sp-CoverImage div.sp-DownloadPdf { margin-top: -117px; padding-left: 23px; } div.sp-CoverImage div.sp-DownloadPdf a.high_res, div.sp-CoverImage div.sp-DownloadPdf a.low_res { display: block; /*left: 23px; top: 25px;*/ width: 77px; text-indent: -9999px; } div.sp-CoverImage div.sp-DownloadPdf a.high_res { background: url("../images/press/high_res.png") no-repeat left top; height: 30px; top: 23px; } div.sp-CoverImage div.sp-DownloadPdf a.low_res { background: url("../images/press/low_res.png") no-repeat left bottom; height: 30px; border-top: 1px dashed #ffffff; top: 52px; } div.BeharBio { float:left; width: 600px;} div.sp-YvesBeharQuotes { margin-bottom: 20px; margin-top: 20px; border-bottom:1px dotted #C8C7C7; border-top:1px dotted #C8C7C7; background: url("../images/quotes.gif") no-repeat left; height: 45px; width: 100%; } div.sp-YvesBeharQuotes div { text-indent: -9999px; height: 19px; margin-left: 100px; margin-top: 12px; padding-left: 30px; } div.sp-YvesBeharQuotes div.sp-QuotaText1 {background: url("../images/quote-1.gif") no-repeat left top; } div.sp-YvesBeharQuotes div.sp-QuotaText2 {background: url("../images/quote-2.gif") no-repeat left top; } div.sp-YvesBeharQuotes div.sp-QuotaText3 {background: url("../images/quote-3.gif") no-repeat left top; } div.sp-YvesBeharQuotes div.sp-QuotaText4 {background: url("../images/quote-4.gif") no-repeat left top; } div.sp-YvesBeharDesigninWorld{ margin-bottom: 35px; } div.sp-YvesBeharPartnerships{ margin-bottom: 35px; } div#sp-YvesBeharPlayer { width: 480px; height: 370px; background: url("../images/player_bg.gif") no-repeat top left; padding-top: 20px; margin-left: auto; margin-right: auto; margin-top: 60px; text-align: right; display: none; } div#sp-YvesBeharPlayer a { background: url(../images/player_close.gif) no-repeat center right; padding-right: 16px; line-height: 11px; color: #000000; text-decoration: none; margin-right: 20px; } div.sp-YvesBeharPlayerBox { width: 445px; margin-left: auto; margin-right: auto; margin-top: 8px; } div#sp-pressPlayer { width: 635px; height: 520px; background: url("../images/player_bg_large.gif") no-repeat top left; padding-top: 20px; margin-left: auto; margin-right: auto; text-align: right; display: none; } div#sp-pressPlayer a { background: url(../images/player_close.gif) no-repeat center right; padding-right: 16px; line-height: 11px; color: #000000; text-decoration: none; margin-right: 20px; } div.sp-pressPlayerBox { width: 598px; height: 450px; margin-left: auto; margin-right: auto; margin-top: 8px; } div.sp-ContactsColumns { padding-right: 0; } div.sp-ContactsColumns a:hover { text-decoration: none; } div.sp-ContactsColumns div { float: left; width: 180px; margin-right: 20px; } div.sp-ContactsColumns div strong { display: block; } div.sp-ContactsColumns .noLeftMargin { margin-left: 0; } div.sp-ContactsColumns a.mapit {background: url("../images/mapit.gif") no-repeat; display: block; height:40px; padding-top:26px; text-align:right; width:60px; } iframe.googleMap {margin-left: 17px; padding-bottom:10px; width: 615px; height: 380px; border: none; } div.sp-MainBox a.googleMap { color:#0000FF; display:block; font-size:9px; padding-bottom:15px; padding-left:17px; } div.sp-OfficeCultureStatic img { float: left; display: block; } div.sp-OfficeCultureLayout, div.sp-OfficeCultureShadow, div.sp-OfficeCulture, div.sp-OfficeCultureLoading, div.sp-OfficeCultureBox { width: 648px; height: 1219px; } div.sp-OfficeCultureLayout { background-color: #000000; position: relative; } div.sp-OfficeCultureShadow { background: url("../images/office_culture_shadow.png") no-repeat top left; overflow: hidden; text-indent: -9999px; z-index: 100; position: absolute; } div.sp-OfficeCulture { position: relative; } div.sp-OfficeCultureBox { overflow: hidden; position: absolute; } div.sp-OfficeCulture img, div.sp-OfficeCulture div { position: absolute; } div.sp-OfficeCultureLoading { background: #000000 url("../images/ajax-loader.gif") no-repeat 50% 20%; filter:alpha(opacity=20); /* IE Opacity */ opacity: 0.2; -moz-opacity: 0.2; position: absolute; z-index: 102; } div.sp-ReshuffleButton { left: 380px; top: 180px; width: 150px; height: 49px; background: url("../images/office_culture_reshuffle.png") no-repeat 50% 20%; position: absolute; z-index: 101; text-indent: -9999px; overflow: hidden; cursor: pointer; } div.sp-CaseStudio { padding-top: 20px; } div.sp-CaseStudioHeader1, div.sp-CaseStudioHeader2 { border-bottom: 1px dotted #C8C7C7; } div.sp-CaseStudioHeader1 p { margin-bottom: 18px; font-size: 21px; font-style: italic; font-family: "Times New Roman", Times, serif; line-height: 21px; } div.sp-CaseStudioHeader1 a { text-decoration: none; background: url("../images/square_arrow.gif") no-repeat right center; padding-right: 19px; } div.sp-CaseStudioHeader1 a:hover { text-decoration: none; } div.sp-CaseStudioHeader1 h2 { margin: 0; } div.sp-CaseStudioHeader2 { padding-top: 19px; padding-bottom: 20px; } div.sp-CaseStudioHeader2 a { margin-bottom: 13px; } div.sp-CaseStudioHeader2 a.downloadPDF { display: block; width: 95px; height: 15px; background: url("../images/download_pdf.gif") no-repeat top left; overflow: hidden; text-indent: -9999px; margin: -2px 0 0 0; } div.sp-CaseStudioHeader2 a.downloadPDF:hover { background: url("../images/download_pdf_blue.gif") no-repeat top left; } div.sp-CSDetails { padding-top: 49px; } div.sp-CaseStudioImageRotation { width: 240px; height: 240px; padding: 20px 23px 23px 20px; position: relative; background: url("../images/case_sudy/pic_border.gif") no-repeat top left; } a.sp-CaseStudioImageButtonLeft { position: absolute; margin-left: 0px; margin-top: 0px; width: 110px; height: 240px; background: url("../images/case_sudy/small_button_left.gif") no-repeat bottom left; display: block; overflow: hidden; text-indent: -9999px; filter:alpha(opacity=0); /* IE Opacity */ opacity: 0; -moz-opacity: 0; } a.sp-CaseStudioImageButtonRight { position: absolute; margin-left: 130px; margin-top: 0px; width: 110px; height: 240px; background: url("../images/case_sudy/small_button_right.gif") no-repeat bottom right; display: block; overflow: hidden; text-indent: -9999px; filter:alpha(opacity=50); /* IE Opacity */ opacity: 0.5; -moz-opacity: 0.5; } div.sp-wbbHeader h1 { border: none; height: 44px; overflow: hidden; text-indent: -9999px; } div.sp-wbbHeader h5 { margin-top: 0; margin-bottom: 2px; font-size: 8px; padding-left: 1px; } div.sp-wbbProductBox { float: left; width: 292px; margin-bottom: 30px; } div.sp-wbbProductBox div.sp-wbbProductBoxTitle { border-bottom: 1px dotted #C8C7C7; height: 14px; margin-bottom: 10px; padding-top: 1px;} div.sp-wbbProductBox div.sp-wbbProductBoxTitle a { float: left; display: block; line-height: 15px; color: #00bce4; text-decoration: none; overflow: hidden; position: relative; bottom: 4px; } div.sp-wbbProductBox div.sp-wbbProductBoxTitle h2 { float: left; height: 14px; width: 260px; padding-right: 10px; overflow: hidden; text-indent: -9999px; } div.sp-wbbProductBoxMargin { margin-left: 16px; } div.sp-wbbImageView { padding-left: 0; padding-right: 0; width: 100%; height: 465px; width: 648px; position: relative; background-color: #DDDDDD; } div.sp-wbbImageView div.videoBox { position: absolute; top: 0; left: 0; width: 648px; height: 465px; overflow: hidden; z-index: 10; display: none; background-color: #FFF; } div.sp-wbbImageView div.imageShadow { position: absolute; top: 0; left: 0; background: url("../images/image_shadow.png"); width: 648px; height: 465px; overflow: hidden; text-indent: -9999px; } div.sp-wbbImageView div.imageBox { display: table-cell; vertical-align: middle; width: 648px; height: 465px; } div.sp-wbbImageView div.imageBox img { display: block; margin-left: auto; margin-right: auto; } div.sp-wbbImageView img.wbbMaxWidth { width: 648px; } div.sp-wbbImageView img.wbbMaxHeight { height: 465px; } div.sp-wbbDetalsLeft { float: left; width: 180px; } div.sp-wbbDetalsRight { float: left; width: 420px; height: 75px; } div.sp-wbbDetalsRight div.sp-wbbImageBox { float: right; } div.sp-wbbDetals div.LeftLong { width: 200px; } div.sp-wbbDetals div.RightShort { width: 399px; } div.sp-wbbDetals a.backLink { width: 54px; height: 10px; background: url("../images/headers/back-button.gif") no-repeat center left; overflow: hidden; text-indent: -9999px; display: block } div.sp-wbbDetals h2.wbbClient { margin-top: 18px; margin-bottom: 15px; font-size: 28px; font-style: italic; font-family: "Times New Roman", Times, serif; line-height: 28px; font-weight: normal; } div.sp-wbbDetals div.sp-wbbProductTitle a { color: #00bce4; text-decoration: none; display: block; top: -3px; position:relative;} div.sp-wbbDetals div.sp-wbbProductTitle {width: 260px;} div.sp-wbbDetalsRight a { float: left; padding-left: 2px; padding-right: 2px; height: 69px; display: block; } div.sp-wbbDetalsRight a.activeImg1 { background: url("../images/arrow1.gif") no-repeat bottom center; } div.sp-wbbDetalsRight a.activeImg2 { background: url("../images/arrow2.gif") no-repeat bottom center; } div.sp-wbbDetalsRight a.activeImg3 { background: url("../images/arrow3.gif") no-repeat bottom center; } div.sp-wbbDetalsNote { margin-top: 6px; clear: both; } div.sp-wbbDetalsNoteLeft { float: left; width: 350px; padding-right: 50px; } div.sp-wbbDetalsNoteRight { float: left; width: 200px; line-height: 18px; } div.sp-wbbDetalsNoteLeft a.sp-wbbDetalsCSLink { display: block; width: 160px; border-top: 1px dotted #C8C7C7; padding-top: 7px; padding-bottom: 20px; } div.sp-wbbDetalsNoteRight div { border-top: 1px dotted #C8C7C7; padding-top: 7px; } div.sp-wbbDetalsNoteRight li { margin-bottom: 3px; } h2.sp-Title { overflow: hidden; text-indent: -9999px; height: 15px; } div.sp-sbpImage {padding-top:10px; margin-top:-10px; height:250px; } div.sp-sbpImage img { display: block; width: 100%; } div.sp-sbpImage a.sp-sbpPurchase { display: block; position: absolute; background: url("../images/sbp/purchase.gif") no-repeat top left; width: 120px; height: 155px; margin-top: -190px; margin-left: 20px; overflow: hidden; text-indent: -9999px; } div.sp-sbpImage a.sp-sbpLearn { display: block; position: absolute; background: url("../images/sbp/learn.gif") no-repeat top left; width: 120px; height: 155px; margin-top: -190px; margin-left: 150px; overflow: hidden; text-indent: -9999px; } div.sp-sbpImage a.Transparent { filter:alpha(opacity=0); /* IE Opacity */ opacity: 0; -moz-opacity: 0; } div.sp-JobsContent { padding-top: 0; font-size:12px } div.sp-JobsContent h2 { border-top: 1px dotted #C8C7C7; padding-top: 5px; } div.sp-JobsContent h3 { font-style: italic; font-weight: normal; margin-bottom: 5px; font-size: 13px; } div.sp-RightSide { float: right; } div.sp-MenuText { float: left; width: 360px; } div.sp-MenuText p.practicesText { font-family: Arial; font-size: 11px; line-height: 14px;} div.sp-PracticesImgNav { position: relative; float: right; top: -45px; left: -15px; height: 19px;} div.sp-PracticesImgNav a.ImgPrev, div.sp-PracticesImgNav a.ImgNext, div.sp-PracticesImgNav a.ImgPrevBlue, div.sp-PracticesImgNav a.ImgNextBlue { overflow: hidden; display: block; text-indent: -9999px; } div.sp-PracticesImgNav a.ImgPrev { float: left; width: 19px; height: 19px; background: url("../images/practices/prev.gif") no-repeat top left; margin-right: 2px; } div.sp-PracticesImgNav a.ImgNext { float: left; width: 19px; height: 19px; background: url("../images/practices/next.gif") no-repeat top left; } div.sp-PracticesImgNav a.ImgPrevBlue { float: left; width: 19px; height: 19px; background: url("../images/practices/prev_blue.gif") no-repeat top left; margin-right: 2px; } div.sp-PracticesImgNav a.ImgNextBlue { float: left; width: 19px; height: 19px; background: url("../images/practices/next_blue.gif") no-repeat top left; } div.sp-PracticesImages { float: left; position: relative; top: -40px; width: 600px; } div.sp-SingleImg { padding-top: 19px; } div.sp-100ReasonBox { background: url("../images/paper_bg.jpg") no-repeat top left; width: 648px; height: 773px; padding-top: 10px; } div.sp-100ReasonContentBox { width: 532px; margin: 0 auto; } a.sp-100ReasonBlogLink { display: block; width: 386px; height: 10px; margin: 0 auto 3px auto; background: url("../images/100reason_link_to_blog.gif") no-repeat top left; overflow: hidden; text-indent: -9999px; } div.sp-100ReasonFotoBox { background: url("../images/100reason_foto_border.jpg") no-repeat top left; width: 532px; height: 411px; } div.sp-100ReasonFotoRotation { width: 485px; height: 364px; position: relative; padding: 23px 23px 23px 23px; background: url("../images/100reason_foto_bg.jpg") no-repeat center center; } div.sp-100ReasonFotoRotation div.imageBox { width: 485px; height: 364px; position: absolute; top: 23px; left: 23px; background: url("../images/100reason_foto_bg.jpg") no-repeat top left; } div.sp-100ReasonFotoRotation img { display: block; margin: 0 auto; position: relative; } a.sp-100ReasonImageButtonLeft { position: absolute; top: 23px; margin-left: 0px; margin-top: 0px; width: 110px; height: 364px; background: url("../images/case_sudy/button_left.gif") no-repeat center left; display: block; overflow: hidden; text-indent: -9999px; filter:alpha(opacity=0); /* IE Opacity */ opacity: 0; -moz-opacity: 0; z-index: 10; } a.sp-100ReasonImageButtonRight { position: absolute; top: 23px; margin-left: 375px; margin-top: 0px; width: 110px; height: 364px; background: url("../images/case_sudy/button_right.gif") no-repeat center right; display: block; overflow: hidden; text-indent: -9999px; filter:alpha(opacity=50); /* IE Opacity */ opacity: 0.5; -moz-opacity: 0.5; z-index: 10; } div.sp-100ReasonFotoShadowBox { width: 485px; height: 364px; position: absolute; top: 23px; left: 23px; background: url("../images/100reason_box_shadow.png") no-repeat top left; overflow: hidden; text-indent: -9999px; z-index: 5; } div.sp-100ReasonFotoDescrBox { width: 484px; height: 20px; text-align: right; position: absolute; top: 390px; left: 23px; font-family: Arial; } div.sp-100ReasonFotoTapeBox { width: 522px; height: 59px; overflow: hidden; margin: 10px auto 0 auto; position: relative; } div.sp-100ReasonFotoTapeBox div.fotoThumb { cursor: pointer; float: left; border: 2px solid #FFFFFF; width: 55px; height: 55px; overflow: hidden; background: url("../images/100reason_loading_bg.gif") no-repeat center center; } div.sp-100ReasonFotoTapeBox div.fotoThumbActive { padding: 0px; border: 2px solid #00bce6; } div.sp-100ReasonFotoTapeBox div.fadeLeft { position: absolute; top: 2px; left: 0; width: 55px; height: 55px; overflow: hidden; background: url("../images/100reason_left_fade.png") no-repeat top left; text-indent: -9999px; z-index: 1; } div.sp-100ReasonFotoTapeBox div.fadeRight { position: absolute; top: 2px; right: 0; width: 55px; height: 55px; overflow: hidden; background: url("../images/100reason_right_fade.png") no-repeat top left; text-indent: -9999px; z-index: 1; } div.sp-100ReasonFotoTapeBox div.frame { position: absolute; top: 0px; width: 55px; height: 55px; border: 2px solid #00bce6; left: 230px; z-index: 1; overflow: hidden; text-indent: -9999px; } a.sp-100ReasonTapeLeft { position: absolute; margin-left: 0px; margin-top: 0px; width: 55px; height: 57px; background: url("../images/case_sudy/smaller_button_left.gif") no-repeat bottom left; display: block; overflow: hidden; text-indent: -9999px; filter:alpha(opacity=0); /* IE Opacity */ opacity: 0; -moz-opacity: 0; z-index: 2; } a.sp-100ReasonTapeRight { position: absolute; margin-left: 467px; margin-top: 0px; width: 55px; height: 57px; background: url("../images/case_sudy/smaller_button_right.gif") no-repeat bottom right; display: block; overflow: hidden; text-indent: -9999px; filter:alpha(opacity=50); /* IE Opacity */ opacity: 0.5; -moz-opacity: 0.5; z-index: 2; } div.sp-100ReasonTextBox { width: 468px; margin: 16px 0 0 auto; position: relative; } div.sp-100ReasonTextBox h2 { margin: 0px; background: url("../images/100reason_header.jpg") no-repeat top left; width: 129px; height: 9px; overflow: hidden; text-indent: -9999px; } div.sp-100ReasonTextBox p { margin: 9px 0 0 0; background: url("../images/100reason_text.jpg") no-repeat top left; width: 392px; height: 91px; overflow: hidden; text-indent: -9999px; } div.sp-100ReasonTextBox a { display: block; background: url("../images/100reason_button.gif") no-repeat top left; width: 93px; height: 37px; overflow: hidden; text-indent: -9999px; position: absolute; top: -13px; right: -3px; } /* ========================== Site Page Headers ======================= */ h2.hp-FuseprojectLatest, h1.hp-OurWeeklyStories, a.hp-Subscribe, h1.sp-HeaderAwards, h1.sp-HeaderPress, h1.sp-HeaderExhibits, h1.sp-HeaderJobs, h1.sp-HeaderOurBusinessModel, h1.FirstHeaderContact, h1.SecondHeaderContact, h1.ThirdHeaderContact, /* ==== Work by Brand === */ h1.sp-wbbAliph, h1.sp-wbbBirkenstocks, h1.sp-wbbBMWMINi, h1.sp-wbbCanalLeCube, h1.sp-wbbCityNewYork, h1.sp-wbbCocaCola, h1.sp-wbbDanese, h1.sp-wbbDirecTV, h1.sp-wbbErco, h1.sp-wbbFriendStore, h1.sp-wbbGaiaGino, h1.sp-wbbgoogle, h1.sp-wbbHBF, h1.sp-wbbHermanMiller, h1.sp-wbbHIP, h1.sp-wbbInnerlight, h1.sp-wbbLunaar, h1.sp-wbbOneLaptopPerChild, h1.sp-wbbPantech, h1.sp-wbbPhilou, h1.sp-wbbSlingMedia, h1.sp-wbbSpaceScent, h1.sp-wbbSwarvoski, h1.sp-wbbTarget, h1.sp-wbbYWaterInc, h1.sp-wbbZoetrope, /* ==== Work by Category === */ h1.sp-wbcElectronics, h1.sp-wbcLifestyle, h1.sp-wbcFurnitureLighting, h1.sp-wbcSpaces, h1.sp-wbcLimitedEditions, h1.sp-wbcCivicWorks, /* ==== Work small titles === */ h2.sp-wbbJawbone, h2.sp-wbbNewJawbone, h2.sp-wbbSmallBirkies, h2.sp-wbbSmallFootprintsArchitecturalCollection, h2.sp-wbbSmallLeCube, h2.sp-wbbSmallTheNYCCondom, h2.sp-wbbSmallTheNYCHelmet, h2.sp-wbbSmallReFresh, h2.sp-wbbSmallLicensing, h2.sp-wbbSmallFarallonChair, h2.sp-wbbSmallKadaStool, h2.sp-wbbSmallDirecTV, h2.sp-wbbSmallErco, h2.sp-wbbSmallFriendStore, h2.sp-wbbSmallGaiaGino, h2.sp-wbbSmallgoogle, h2.sp-wbbSmallHBF, h2.sp-wbbLeafLight, h2.sp-wbbArdeaLight, h2.sp-wbbSmallHIP, h2.sp-wbbSmallInnerlight, h2.sp-wbbSmallLunaar, h2.sp-wbbSmallXOLaptop, h2.sp-wbbSmallXOXOLaptop, h2.sp-wbbSmallShootingStar, h2.sp-wbbSmallPoker, h2.sp-wbbSmallPhilou, h2.sp-wbbSmallSlingMedia, h2.sp-wbbSmallSpaceScent, h2.sp-wbbSmallMorpheus, h2.sp-wbbSmallNest, h2.sp-wbbSmallVoyage, h2.sp-wbbSmallPackaging, h2.sp-wbbSmallCerealLid, h2.sp-wbbSmallYWaterInc, h2.sp-wbbSmallZoetrope, h2.sp-wbbSmallLearningShoe, h2.sp-wbbSmallFlyBench, h2.sp-wbbSmallFuseOffice, h2.sp-HeaderOurApproach, h2.sp-HeaderBrandProduct, h2.sp-HeaderMarketDisruption, h2.sp-HeaderDecidedly, h2.sp-HeaderDiversified, h2.sp-HeaderBusinessModel, h2.sp-TitleOurBusinessModel, strong.sp-HeaderStrategicGrey, strong.sp-HeaderPartnershipsGrey, strong.sp-HeaderCivicWorksGrey, h2.sp-HeaderStrategicEngagements, h2.sp-HeaderBisPartnerships, h2.sp-HeaderCivicWorks, a.sp-HeaderDesignInTheWorld, h2.sp-HeaderIndustry, a.sp-HeaderPartnerships, h2.sp-HeaderEducation, h2.sp-HeaderYvesBehar, h2.sp-HeaderCSClient, h2.sp-HeaderCSProject, h2.sp-HeaderCSBusinessModel, a.sp-HeaderCSOverviewSmall, a.sp-HeaderCSStrategySmall, a.sp-HeaderCSDesignSolutionSmall, a.sp-HeaderCSBusinessImpactSmall, a.sp-HeaderCSOverviewSmallActive, a.sp-HeaderCSStrategySmallActive, a.sp-HeaderCSDesignSolutionSmallActive, a.sp-HeaderCSBusinessImpactSmallActive, h2.sp-HeaderCSOverview, h2.sp-HeaderCSOverviewStrategy, h2.sp-HeaderCSOverviewIndustrial, h2.sp-HeaderCSOverviewBrand, h2.sp-HeaderCSOverviewProduct, h2.sp-HeaderCSOverviewUI, h2.sp-HeaderCSOverviewRecognition, h2.sp-HeaderCSStrategy, h2.sp-HeaderCSDesignSolution, h2.sp-HeaderCSBusinessImpact, h2.sp-sbpHeaderHermanMillerLeaf, h2.sp-sbpHeaderHermanMillerArdea, h2.sp-sbpHeaderAliphJawbone, h2.sp-sbpHeaderOneLaptopn, h2.sp-sbpHeaderCanalLecube, h2.sp-sbpHeaderSwarovskiVoyage, h2.sp-sbpHeaderHBF, h2.sp-sbpHeaderDaneseFarallon, h2.sp-sbpHeaderDaneseKada, h2.sp-sbpHeaderYWater, a.sp-PracticesStrategy, a.sp-PracticesIdentity, a.sp-PracticesPrint, a.sp-PracticesGreenPractices, a.sp-PracticesProduct, a.sp-PracticesPackaging, a.sp-PracticesEnvironments, a.sp-PracticesUserInterface, a.sp-PracticesCommunication, a.sp-PracticesStrategyActive, a.sp-PracticesIdentityActive, a.sp-PracticesPrintActive, a.sp-PracticesGreenPracticesActive, a.sp-PracticesProductActive, a.sp-PracticesPackagingActive, a.sp-PracticesEnvironmentsActive, a.sp-PracticesUserInterfaceActive, a.sp-PracticesCommunicationActive, .year1996, .year1997, .year1998, .year1999, .year2000, .year2001, .year2002, .year2003, .year2004, .year2005, .year2006, .year2007, .year2008 { overflow: hidden; text-indent: -9999px; } h2.hp-FuseprojectLatest { background: url("../images/headers/fuseprojects_latest.gif") no-repeat top left; width: 230px; height: 13px; } h1.hp-OurWeeklyStories { background: url("../images/headers/our_weekly_blog.gif") no-repeat top left; width: 372px; height: 22px; } h1.sp-HeaderOurBusinessModel { background-image: url("../images/headers/our_business_model.gif"); width: 600px; height: 45px; background-repeat: no-repeat; background-position: left top; } h1.FirstHeaderContact {background-image: url("../images/headers/sfca.gif"); width: 180px; height: 30px; background-repeat: no-repeat; background-position: left top; float:left; margin-right:20px; padding-bottom:12px; } h1.SecondHeaderContact {background-image: url("../images/headers/nyny.gif"); width: 180px; height: 30px; background-repeat: no-repeat; background-position: left top; float:left; margin-right:20px; padding-bottom:12px; } h1.ThirdHeaderContact {background-image: url("../images/headers/info.gif"); width: 180px; height: 30px; background-repeat: no-repeat; background-position: left top; float:left; padding-bottom:12px; } h1.sp-HeaderAwards { background-image: url("../images/headers/awards.gif"); height: 45px; background-repeat: no-repeat; background-position: left top; } h1.sp-HeaderPress { background-image: url("../images/headers/press.gif"); height: 45px; background-repeat: no-repeat; background-position: left top; } h1.sp-HeaderExhibits { background-image: url("../images/headers/exhibits.gif"); height: 45px; background-repeat: no-repeat; background-position: left top; } div.sp-MainBoxHeader h1.sp-HeaderJobs { background-image: url("../images/headers/jobs.gif"); height: 45px; background-repeat: no-repeat; background-position: left top; border: none; } /* ==== Work by Brand === */ h1.sp-wbbAliph { width: 290px; height: 44px; background: url("../images/headers/wbb_aliph_header.gif") no-repeat top left; } h1.sp-wbbBirkenstocks { width: 290px; height: 44px; background: url("../images/headers/wbb_birkenstocks_header.gif") no-repeat top left; } h1.sp-wbbBMWMINi { width: 290px; height: 44px; background: url("../images/headers/wbb_bmw_-mini_header.gif") no-repeat top left; } h1.sp-wbbCanalLeCube { width: 290px; height: 44px; background: url("../images/headers/wbb_canal_lecube_header.gif") no-repeat top left; } h1.sp-wbbCityNewYork { width: 290px; height: 44px; background: url("../images/headers/wbb_city_of_new_york_header.gif") no-repeat top left; } h1.sp-wbbCocaCola { width: 290px; height: 44px; background: url("../images/headers/wbb_coca_cola_header.gif") no-repeat top left; } h1.sp-wbbDanese { width: 290px; height: 44px; background: url("../images/headers/wbb_danese_header.gif") no-repeat top left; } h1.sp-wbbDirecTV { width: 290px; height: 44px; background: url("../images/headers/wbb_directv_header.gif") no-repeat top left; } h1.sp-wbbErco { width: 290px; height: 44px; background: url("../images/headers/wbb_erco_header.gif") no-repeat top left; } h1.sp-wbbFriendStore { width: 290px; height: 44px; background: url("../images/headers/wbb_friendstore_header.gif") no-repeat top left; } h1.sp-wbbGaiaGino { width: 290px; height: 44px; background: url("../images/headers/wbb_gaia_and_gino_header.gif") no-repeat top left; } h1.sp-wbbgoogle { width: 290px; height: 44px; background: url("../images/headers/wbb_google_header.gif") no-repeat top left; } h1.sp-wbbHBF { width: 290px; height: 44px; background: url("../images/headers/wbb_hbf_header.gif") no-repeat top left; } h1.sp-wbbHermanMiller { width: 290px; height: 44px; background: url("../images/headers/wbb_herman_miller_header.gif") no-repeat top left; } h1.sp-wbbHIP { width: 290px; height: 44px; background: url("../images/headers/wbb_hip_header.gif") no-repeat top left; } h1.sp-wbbInnerlight { width: 290px; height: 44px; background: url("../images/headers/wbb_innerlight_header.gif") no-repeat top left; } h1.sp-wbbLunaar { width: 290px; height: 44px; background: url("../images/headers/wbb_lunaar_header.gif") no-repeat top left; } h1.sp-wbbOneLaptopPerChild { width: 408px; height: 44px; background: url("../images/headers/wbb_one_laptop_per_child_header.gif") no-repeat top left; } h1.sp-wbbPantech { width: 290px; height: 44px; background: url("../images/headers/wbb_pantech_header.gif") no-repeat top left; } h1.sp-wbbPhilou { width: 290px; height: 44px; background: url("../images/headers/wbb_philou_header.gif") no-repeat top left; } h1.sp-wbbSlingMedia { width: 290px; height: 44px; background: url("../images/headers/wbb_sling_media_header.gif") no-repeat top left; } h1.sp-wbbSpaceScent { width: 290px; height: 44px; background: url("../images/headers/wbb_spacescent_header.gif") no-repeat top left; } h1.sp-wbbSwarvoski { width: 290px; height: 44px; background: url("../images/headers/wbb_swarvoski_header.gif") no-repeat top left; } h1.sp-wbbTarget { width: 290px; height: 44px; background: url("../images/headers/wbb_target_header.gif") no-repeat top left; } h1.sp-wbbYWaterInc { width: 290px; height: 44px; background: url("../images/headers/wbb_y_water_inc_header.gif") no-repeat top left; } h1.sp-wbbZoetrope { width: 290px; height: 44px; background: url("../images/headers/wbb_zoetrope_header.gif") no-repeat top left; } /* ==== Work by Category === */ h1.sp-wbcElectronics { width: 222px; height: 44px; background: url("../images/headers/wbb_electronics.gif") no-repeat top left; } h1.sp-wbcLifestyle { width: 207px; height: 44px; background: url("../images/headers/wbb_lifestyle.gif") no-repeat top left; } h1.sp-wbcFurnitureLighting { width: 412px; height: 44px; background: url("../images/headers/wbb_furniture_lighting.gif") no-repeat top left; } h1.sp-wbcSpaces { width: 290px; height: 44px; background: url("../images/headers/wbb_spaces.gif") no-repeat top left; } h1.sp-wbcLimitedEditions { width: 412px; height: 44px; background: url("../images/headers/wbb_limited_editions.gif") no-repeat top left; } h1.sp-wbcCivicWorks { width: 412px; height: 44px; background: url("../images/headers/wbb_civic_works.gif") no-repeat top left; } h2.sp-HeaderOurApproach { width: 290px; height: 120px; background: url("../images/headers/our_approach_title.gif") no-repeat top left; } h2.sp-HeaderBrandProduct { width: 125px; height: 15px; background: url("../images/headers/brand_product.gif") no-repeat top left; } h2.sp-HeaderMarketDisruption { width: 265px; height: 15px; background: url("../images/headers/market.gif") no-repeat top left; } h2.sp-HeaderDecidedly { width: 260px; height: 15px; background: url("../images/headers/decidedly.gif") no-repeat top left; } h2.sp-HeaderDiversified { width: 260px; height: 15px; background: url("../images/headers/diversified.gif") no-repeat top left; } h2.sp-HeaderBusinessModel { width: 595px; height: 130px; background: url("../images/headers/our_busines_title.gif") no-repeat top left; } h2.sp-TitleOurBusinessModel { background-image: url("../images/headers/our_busines_title.gif"); width: 600px; height: 150px; background-repeat: no-repeat; background-position: left top; } div.sp-BusinessModelBoxes a:hover strong.sp-HeaderStrategicGrey { width: 106px; height: 39px; background-image: url("../images/headers/strategic_head_blue.gif"); background-repeat: no-repeat; } div.sp-BusinessModelBoxes a:hover strong.sp-HeaderPartnershipsGrey { width: 97px; height: 39px; background-image: url("../images/headers/partnerships_head_blue.gif"); background-repeat: no-repeat; } div.sp-BusinessModelBoxes a:hover strong.sp-HeaderCivicWorksGrey { width: 89px; height: 20px; background-image: url("../images/headers/civic_works_head_blue.gif"); background-repeat: no-repeat; } div.sp-BusinessModelBoxes a:hover span.arrow_blue_big { background: none; /*visibility: hidden; display: none;*/} strong.sp-HeaderStrategicGrey { width: 106px; height: 39px; background-image: url("../images/headers/strategic_head.gif"); background-repeat: no-repeat; } strong.sp-HeaderPartnershipsGrey { width: 97px; height: 39px; background-image: url("../images/headers/partnerships_head.gif"); background-repeat: no-repeat; } strong.sp-HeaderCivicWorksGrey { width: 89px; height: 20px; background-image: url("../images/headers/civic_works_head.gif"); background-repeat: no-repeat; } h2.sp-HeaderStrategicGrey, h2.sp-HeaderPartnershipsGrey, h2.sp-HeaderCivicWorksGrey { margin-left: 10px; background-position: 0px 5px; } h2.sp-HeaderStrategicEngagements { width: 176px; height: 15px; background: url("../images/headers/strategic_en.gif") no-repeat top left; } h2.sp-HeaderBisPartnerships { width: 128px; height: 31px; background: url("../images/headers/bis_partnerships.gif") no-repeat top left; } h2.sp-HeaderCivicWorks { width: 88px; height: 15px; background: url("../images/headers/civic_works.gif") no-repeat top left; } div.sp-YvesBeharDesigninWorld a.sp-HeaderDesignInTheWorld { width: 230px; height: 110px; background: url("../images/headers/position_of_design.gif") no-repeat top left; display:block; } h2.sp-HeaderIndustry { width: 259px; height: 19px; background: url("../images/headers/industry_leadership.gif") no-repeat top left; } div.sp-YvesBeharPartnerships a.sp-HeaderPartnerships { width: 245px; height: 44px; background: url("../images/headers/partnerships.gif") no-repeat top left; display:block; } h2.sp-HeaderEducation { width: 192px; height: 32px; background: url("../images/headers/education.gif") no-repeat top left; } h2.sp-HeaderYvesBehar { width: 226px; height: 30px; background: url("../images/headers/yves_behar.gif") no-repeat top left; } h2.sp-HeaderCSClient { width: 47px; height: 13px; background: url("../images/headers/client.gif") no-repeat top left; } h2.sp-HeaderCSProject { width: 59px; height: 13px; background: url("../images/headers/project.gif") no-repeat top left; } h2.sp-HeaderCSBusinessModel { width: 144px; height: 13px; background: url("../images/headers/business_model_type.gif") no-repeat top left; } a.sp-HeaderCSOverviewSmall { display: block; width: 92px; height: 12px; background: url("../images/headers/cs_overview.gif") no-repeat top left; } a.sp-HeaderCSStrategySmall { display: block; width: 127px; height: 12px; background: url("../images/headers/cs_strategy.gif") no-repeat top left; } a.sp-HeaderCSDesignSolutionSmall { display: block; width: 184px; height: 12px; background: url("../images/headers/cs_design_solution.gif") no-repeat top left; } a.sp-HeaderCSBusinessImpactSmall { display: block; width: 149px; height: 12px; background: url("../images/headers/cs_business_impact.gif") no-repeat top left; } a.sp-HeaderCSOverviewSmallActive { display: block; width: 92px; height: 12px; } a.sp-HeaderCSStrategySmallActive { display: block; width: 127px; height: 12px; } a.sp-HeaderCSDesignSolutionSmallActive { display: block; width: 184px; height: 12px; } a.sp-HeaderCSBusinessImpactSmallActive { display: block; width: 149px; height: 12px; } a.sp-HeaderCSOverviewSmallActive, a.sp-HeaderCSOverviewSmall:hover { background: url("../images/headers/cs_overview_blue.gif") no-repeat top left; } a.sp-HeaderCSStrategySmallActive, a.sp-HeaderCSStrategySmall:hover { background: url("../images/headers/cs_strategy_blue.gif") no-repeat top left; } a.sp-HeaderCSDesignSolutionSmallActive, a.sp-HeaderCSDesignSolutionSmall:hover { background: url("../images/headers/cs_design_solution_blue.gif") no-repeat top left; } a.sp-HeaderCSBusinessImpactSmallActive, a.sp-HeaderCSBusinessImpactSmall:hover { background: url("../images/headers/cs_business_impact_blue.gif") no-repeat top left; } h2.sp-HeaderCSOverview { width: 80px; height: 13px; background: url("../images/headers/cs_overview_header.gif") no-repeat top left; } h2.sp-HeaderCSOverviewStrategy { width: 67px; height: 16px; background: url("../images/headers/cs_strategy_small.gif") no-repeat top left; } h2.sp-HeaderCSOverviewIndustrial { width: 173px; height: 16px; background: url("../images/headers/cs_indestrial_design_small.gif") no-repeat top left; } h2.sp-HeaderCSOverviewBrand { width: 149px; height: 16px; background: url("../images/headers/cs_brand_packaging_small.gif") no-repeat top left; } h2.sp-HeaderCSOverviewProduct { width: 63px; height: 16px; background: url("../images/headers/cs_product_small.gif") no-repeat top left; } h2.sp-HeaderCSOverviewUI { width: 18px; height: 16px; background: url("../images/headers/cs_ui_small.gif") no-repeat top left; } h2.sp-HeaderCSOverviewRecognition { width: 173px; height: 16px; background: url("../images/headers/cs_recognition_awards_small.gif") no-repeat top left; } h2.sp-HeaderCSStrategy { width: 114px; height: 13px; background: url("../images/headers/cs_strategy_header.gif") no-repeat top left; } h2.sp-HeaderCSDesignSolution { width: 175px; height: 13px; background: url("../images/headers/cs_design_solution_header.gif") no-repeat top left; } h2.sp-HeaderCSBusinessImpact { width: 136px; height: 13px; background: url("../images/headers/cs_business_impact_header.gif") no-repeat top left; } h2.sp-sbpHeaderHermanMillerLeaf {width: 220px; height: 13px; background: url("../images/headers/shop_leaf_lamp.gif") no-repeat top left;} h2.sp-sbpHeaderHermanMillerArdea {width: 230px; height: 13px; background: url("../images/headers/shop_ardea_lamp.gif") no-repeat top left;} h2.sp-sbpHeaderAliphJawbone {width: 170px; height: 13px; background: url("../images/headers/shop_jawbone.gif") no-repeat top left;} h2.sp-sbpHeaderOneLaptopn {width: 180px; height: 13px; background: url("../images/headers/shop_olpc.gif") no-repeat top left;} h2.sp-sbpHeaderCanalLecube {width: 60px; height: 13px; background: url("../images/headers/shop_canal.gif") no-repeat top left;} h2.sp-sbpHeaderSwarovskiVoyage {width: 155px; height: 13px; background: url("../images/headers/shop_swarovski_voyage.gif") no-repeat top left;} h2.sp-sbpHeaderHBF {width: 150px; height: 13px; background: url("../images/headers/shop_hbf.gif") no-repeat top left;} h2.sp-sbpHeaderDaneseFarallon {width: 145px; height: 13px; background: url("../images/headers/shop_danese_farallon.gif") no-repeat top left;} h2.sp-sbpHeaderDaneseKada {width: 110px; height: 13px; background: url("../images/headers/shop_danese_kada.gif") no-repeat top left;} h2.sp-sbpHeaderYWater {width: 70px; height: 13px; background: url("../images/headers/shop_y_water.gif") no-repeat top left;} /* ==== Practices page menu ====*/ div.sp-PracticesMenu { float: left; width: 189px; } div.sp-Brace { float: left; width: 360px; height: 175px; padding-left: 50px; padding-top: 30px; background: url("../images/headers/practices/brace.gif") no-repeat top left; font-family: Arial; font-size: 11px; } div.sp-Brace h2 { width: 361px; height: 58px; overflow: hidden; text-indent: -9999px; background: url("../images/headers/practices/title_strategy.gif") no-repeat top left; margin-top: 0px; margin-bottom: 5px; } a.sp-PracticesStrategy { display: block; width: 100px; height: 20px; background: url("../images/headers/practices/strategy.gif") no-repeat top left;} a.sp-PracticesIdentity { display: block; width: 100px; height: 20px; background: url("../images/headers/practices/identity.gif") no-repeat top left;} a.sp-PracticesPrint { display: block; width: 100px; height: 20px; background: url("../images/headers/practices/print.gif") no-repeat top left;} a.sp-PracticesGreenPractices { display: block; width: 155px; height: 20px; background: url("../images/headers/practices/green_practices.gif") no-repeat top left;} a.sp-PracticesProduct { display: block; width: 100px; height: 20px; background: url("../images/headers/practices/product.gif") no-repeat top left;} a.sp-PracticesPackaging{ display: block; width: 100px; height: 20px; background: url("../images/headers/practices/packaging.gif") no-repeat top left;} a.sp-PracticesEnvironments { display: block; width: 140px; height: 20px; background: url("../images/headers/practices/environments.gif") no-repeat top left;} a.sp-PracticesUserInterface { display: block; width: 140px; height: 20px; background: url("../images/headers/practices/user_interface.gif") no-repeat top left;} a.sp-PracticesCommunication { display: block; width: 162px; height: 20px; background: url("../images/headers/practices/communication.gif") no-repeat top left;} a.sp-PracticesStrategyActive { display: block; width: 100px; height: 20px; } a.sp-PracticesIdentityActive { display: block; width: 100px; height: 20px; } a.sp-PracticesPrintActive { display: block; width: 100px; height: 20px; } a.sp-PracticesGreenPracticesActive { display: block; width: 155px; height: 20px; } a.sp-PracticesProductActive { display: block; width: 100px; height: 20px; } a.sp-PracticesPackagingActive{ display: block; width: 100px; height: 20px; } a.sp-PracticesEnvironmentsActive { display: block; width: 140px; height: 20px; } a.sp-PracticesUserInterfaceActive { display: block; width: 140px; height: 20px; } a.sp-PracticesCommunicationActive { display: block; width: 162px; height: 20px; } a.sp-PracticesStrategyActive, a.sp-PracticesStrategy:hover { background: url("../images/headers/practices/strategy_blue.gif") no-repeat top left;} a.sp-PracticesIdentityActive, a.sp-PracticesIdentity:hover { background: url("../images/headers/practices/identity_blue.gif") no-repeat top left;} a.sp-PracticesPrintActive, a.sp-PracticesPrint:hover { background: url("../images/headers/practices/print_blue.gif") no-repeat top left;} a.sp-PracticesGreenPracticesActive, a.sp-PracticesGreenPractices:hover { background: url("../images/headers/practices/green_practices_blue.gif") no-repeat top left;} a.sp-PracticesProductActive, a.sp-PracticesProduct:hover { background: url("../images/headers/practices/product_blue.gif") no-repeat top left;} a.sp-PracticesPackagingActive, a.sp-PracticesPackaging:hover { background: url("../images/headers/practices/packaging_blue.gif") no-repeat top left;} a.sp-PracticesEnvironmentsActive, a.sp-PracticesEnvironments:hover { background: url("../images/headers/practices/environments_blue.gif") no-repeat top left;} a.sp-PracticesUserInterfaceActive, a.sp-PracticesUserInterface:hover { background: url("../images/headers/practices/user_interface_blue.gif") no-repeat top left;} a.sp-PracticesCommunicationActive, a.sp-PracticesCommunication:hover { background: url("../images/headers/practices/communication_blue.gif") no-repeat top left;} /* ==== Work small titles === */ div.sp-wbbProductTitle h2 { margin-bottom: 0;} h2.sp-wbbJawbone { float: left; width: 158px; height: 10px; background: url("../images/headers/wbb_small_jawbone.gif") no-repeat top left; } h2.sp-wbbNewJawbone { float: left; width: 120px; height: 10px; background: url("../images/headers/wbb_small_new_jawbone.gif") no-repeat top left; } h2.sp-wbbSmallBirkies { float: left; width: 67px; height: 10px; background: url("../images/headers/wbb_small_birkies.gif") no-repeat top left; } h2.sp-wbbSmallFootprintsArchitecturalCollection { float: left; width: 100px; height: 10px; background: url("../images/headers/wbb_small_footprints.gif") no-repeat top left; } h2.sp-wbbSmallLeCube { float: left; width: 65px; height: 10px; background: url("../images/headers/wbb_small_lecube.gif") no-repeat top left; } h2.sp-wbbSmallTheNYCCondom { float: left; width: 145px; height: 10px; background: url("../images/headers/wbb_small_the_nyc_condom.gif") no-repeat top left; } h2.sp-wbbSmallTheNYCHelmet { float: left; width: 140px; height: 10px; background: url("../images/headers/wbb_small_the_nyc_helmet.gif") no-repeat top left; } h2.sp-wbbSmallReFresh { float: left; width: 125px; height: 10px; background: url("../images/headers/wbb_small_refresh.gif") no-repeat top left; } h2.sp-wbbSmallLicensing { float: left; width: 95px; height: 10px; background: url("../images/headers/wbb_small_licensing.gif") no-repeat top left; } h2.sp-wbbSmallFarallonChair { float: left; width: 137px; height: 10px; background: url("../images/headers/wbb_small_farallon_chair.gif") no-repeat top left; } h2.sp-wbbSmallKadaStool { float: left; width: 106px; height: 10px; background: url("../images/headers/wbb_small_kada_stool.gif") no-repeat top left; } h2.sp-wbbSmallDirecTV { float: left; width: 75px; height: 10px; background: url("../images/headers/wbb_small_directv.gif") no-repeat top left; } h2.sp-wbbSmallErco { float: left; width: 50px; height: 10px; background: url("../images/headers/wbb_small_erco.gif") no-repeat top left; } h2.sp-wbbSmallFriendStore { float: left; width: 117px; height: 10px; background: url("../images/headers/wbb_small_friendstore.gif") no-repeat top left; } h2.sp-wbbSmallGaiaGino { float: left; width: 124px; height: 10px; background: url("../images/headers/wbb_small_gaia_and_gino.gif") no-repeat top left; } h2.sp-wbbSmallgoogle { float: left; width: 73px; height: 10px; background: url("../images/headers/wbb_small_google.gif") no-repeat top left; } h2.sp-wbbSmallHBF { float: left; width: 39px; height: 10px; background: url("../images/headers/wbb_small_hbf.gif") no-repeat top left; } h2.sp-wbbLeafLight { float: left; width: 95px; height: 10px; background: url("../images/headers/wbb_leaf_light.gif") no-repeat top left; } h2.sp-wbbArdeaLight { float: left; width: 110px; height: 10px; background: url("../images/headers/wbb_ardea_light.gif") no-repeat top left; } h2.sp-wbbSmallHIP { float: left; width: 33px; height: 10px; background: url("../images/headers/wbb_small_hip.gif") no-repeat top left; } h2.sp-wbbSmallInnerlight { float: left; width: 100px; height: 10px; background: url("../images/headers/wbb_small_innerlight.gif") no-repeat top left; } h2.sp-wbbSmallLunaar { float: left; width: 80px; height: 10px; background: url("../images/headers/wbb_small_lunaar.gif") no-repeat top left; } h2.sp-wbbSmallXOLaptop { float: left; width: 93px; height: 10px; background: url("../images/headers/wbb_small_xo_laptop.gif") no-repeat top left; } h2.sp-wbbSmallXOXOLaptop { float: left; width: 116px; height: 10px; background: url("../images/headers/wbb_small_xoxo_laptop.gif") no-repeat top left; } h2.sp-wbbSmallShootingStar { float: left; width: 80px; height: 10px; background: url("../images/headers/wbb_small_shooting_star.gif") no-repeat top left; } h2.sp-wbbSmallPoker { float: left; width: 70px; height: 10px; background: url("../images/headers/wbb_small_poker.gif") no-repeat top left; } h2.sp-wbbSmallPhilou { float: left; width: 64px; height: 10px; background: url("../images/headers/wbb_small_philou.gif") no-repeat top left; } h2.sp-wbbSmallSlingMedia { float: left; width: 90px; height: 10px; background: url("../images/headers/wbb_small_sling_media.gif") no-repeat top left; } h2.sp-wbbSmallSpaceScent { float: left; width: 108px; height: 10px; background: url("../images/headers/wbb_small_spacescent.gif") no-repeat top left; } h2.sp-wbbSmallMorpheus { float: left; width: 94px; height: 10px; background: url("../images/headers/wbb_small_morpheus.gif") no-repeat top left; } h2.sp-wbbSmallNest { float: left; width: 47px; height: 10px; background: url("../images/headers/wbb_small_nest.gif") no-repeat top left; } h2.sp-wbbSmallVoyage { float: left; width: 69px; height: 10px; background: url("../images/headers/wbb_small_voyage.gif") no-repeat top left; } h2.sp-wbbSmallPackaging { float: left; width: 106px; height: 10px; background: url("../images/headers/wbb_small_packaging.gif") no-repeat top left; } h2.sp-wbbSmallCerealLid { float: left; width: 106px; height: 10px; background: url("../images/headers/wbb_small_cereal_lid.gif") no-repeat top left; } h2.sp-wbbSmallYWaterInc { float: left; width: 70px; height: 10px; background: url("../images/headers/wbb_small_y_water_inc.gif") no-repeat top left; } h2.sp-wbbSmallZoetrope { float: left; width: 92px; height: 10px; background: url("../images/headers/wbb_small_zoetrope.gif") no-repeat top left; } h2.sp-wbbSmallLearningShoe { float: left; width: 130px; height: 10px; background: url("../images/headers/wbb_small_learning_shoe.gif") no-repeat top left; } h2.sp-wbbSmallFlyBench { float: left; width: 93px; height: 10px; background: url("../images/headers/wbb_small_fly_bench.gif") no-repeat top left; } h2.sp-wbbSmallFuseOffice { float: left; width: 104px; height: 10px; background: url("../images/headers/wbb_small_fuse_office.gif") no-repeat top left; } .year1996 { height: 20px; background: url("../images/headers/1996_black.gif") no-repeat 0px 7px; } .year1997 { height: 20px; background: url("../images/headers/1997_black.gif") no-repeat 0px 7px; } .year1998 { height: 20px; background: url("../images/headers/1998_black.gif") no-repeat 0px 7px; } .year1999 { height: 20px; background: url("../images/headers/1999_black.gif") no-repeat 0px 7px; } .year2000 { height: 20px; background: url("../images/headers/2000_black.gif") no-repeat 0px 7px; } .year2001 { height: 20px; background: url("../images/headers/2001_black.gif") no-repeat 0px 7px; } .year2002 { height: 20px; background: url("../images/headers/2002_black.gif") no-repeat 0px 7px; } .year2003 { height: 20px; background: url("../images/headers/2003_black.gif") no-repeat 0px 7px; } .year2004 { height: 20px; background: url("../images/headers/2004_black.gif") no-repeat 0px 7px; } .year2005 { height: 20px; background: url("../images/headers/2005_black.gif") no-repeat 0px 7px; } .year2006 { height: 20px; background: url("../images/headers/2006_black.gif") no-repeat 0px 7px; } .year2007 { height: 20px; background: url("../images/headers/2007_black.gif") no-repeat 0px 7px; } .year2008 { height: 20px; background: url("../images/headers/2008_black.gif") no-repeat 0px 7px; } .activeYear a.year1996 { background: url("../images/headers/1996_blue.gif") no-repeat 0px 7px; } .activeYear a.year1997 { background: url("../images/headers/1997_blue.gif") no-repeat 0px 7px; } .activeYear a.year1998 { background: url("../images/headers/1998_blue.gif") no-repeat 0px 7px; } .activeYear a.year1999 { background: url("../images/headers/1999_blue.gif") no-repeat 0px 7px; } .activeYear a.year2000 { background: url("../images/headers/2000_blue.gif") no-repeat 0px 7px; } .activeYear a.year2001 { background: url("../images/headers/2001_blue.gif") no-repeat 0px 7px; } .activeYear a.year2002 { background: url("../images/headers/2002_blue.gif") no-repeat 0px 7px; } .activeYear a.year2003 { background: url("../images/headers/2003_blue.gif") no-repeat 0px 7px; } .activeYear a.year2004 { background: url("../images/headers/2004_blue.gif") no-repeat 0px 7px; } .activeYear a.year2005 { background: url("../images/headers/2005_blue.gif") no-repeat 0px 7px; } .activeYear a.year2006 { background: url("../images/headers/2006_blue.gif") no-repeat 0px 7px; } .activeYear a.year2007 { background: url("../images/headers/2007_blue.gif") no-repeat 0px 7px; } .activeYear a.year2008 { background: url("../images/headers/2008_blue.gif") no-repeat 0px 7px; } /*=============================== custom-form-elements ============================== */ span.checkbox { width: 10px; height: 11px; padding: 0 5px 0 0; background: url("../images/gray_checkbox.gif") no-repeat; display: block; clear: left;float: left; }