/*RESETS*/ *{padding:0; margin:0;} ul{list-style-type:none;} fieldset{border:none;} a img{border:none;} a{-moz-outline:none;} /*GENERIC GLOBAL STYLES*/ body{font-family:Arial,Helevtica,Verdana,san-serif;font-size:14px;line-height:24px;} .tag_intro sIFR-replaced{ margin-top:30px; } p{padding-bottom:1em;} a{text-decoration:none; color:#00ccff;} a:hover{text-decoration:underline;} .text_replace{background-repeat:no-repeat; outline:0; text-indent:-9999px;} a.text_replace:active{outline:0;} label{font-weight:bold; display:block; font-size:13px; color:#333;} /*MAIN TEMPLATE STYLES*/ #main_background_top{height:240px; background-color:#00ccff; width:100%;} #main_background_bottom{height:125px; background-image:#FFFFFF url(/images/bg_content.png) repeat-x scroll center top;} #fake_body{position:absolute; top:0; width:100%;} #wrap{width:945px; margin:0 auto;} /*text styles*/ .byline{color:#333333; text-transform:uppercase; font-size:11px; line-height:14px;} .byline strong{display:block;} h1{color:#333333; font-size:37px; font-weight:normal; margin-bottom:25px;} h1.sIFR-replaced{margin-bottom:-50px;} h2.sIFR-replaced{margin-bottom:-15px;margin-top:0px} div.strategy_block h2.sIFR-replaced{margin-bottom:10px;} blockquote{color:#00ccff; font-size:24px; line-height:33px; font-weight:normal;} blockquote.sIFR-replaced{margin-top:7px;;} .page_header{height:168px;} .page_header h1{color:#fff; font-size:40px; padding-top:52px; padding-bottom:0px; font-weight:normal;} .page_header h1.sIFR-replaced{padding-top:0px;} .page_header h2{width:900px; color:#ffb5cf; font-size:21px;} .page_header h2.sIFR-replaced{} h3{color:#333333; text-transform:uppercase; margin-bottom:0px; font-size:16px;} /*header*/ #global_header{position:relative; background-repeat:repeat-x; background-position:bottom; border-bottom:1px solid #fff;} #global_header a{color:#fff; font-size:15px;} #global_header h1#hgws_logo{float:left; margin-bottom:0;margin-top:5px;} #global_header h1#hgws_logo a{display:block; background-image:url('/assets/images/logo2.png'); height:34px; width:150px; padding-bottom:13px; padding-top:13px; background-position:left 13px;} #global_header ul#nav{position:relative; bottom:0; float:right; width:560px; padding-bottom:10px; margin-top:0px; } #global_header ul#nav li{position:relative; float:left; background-repeat:no-repeat; background-position:right 20px;} #global_header ul#nav li a{ display:block; float:left; overflow:hidden; padding-bottom:9px; padding-top:20px; background-position:left 20px;} #global_header ul#nav li .marker{height:0; background-color:#ffffff; position:absolute; bottom:0; left:0; overflow:none;} * html #global_header ul#nav li .marker{display:none !important;} #global_header ul#nav li a:hover, #global_header ul#nav li.active a{text-decoration:none;} #global_header ul#nav li.active .marker{height:3px;} #global_header ul#nav li.last a{margin-right:0px;} /*nav links need explicit widths to match their background image*/ #global_header ul#nav li#our_work_global_nav a { width:140px; height:16px;} #global_header ul#nav li#our_work_global_nav .marker {width:105px;} #global_header ul#nav li#whats_fresh_global_nav a { width:140px; height:16px;} #global_header ul#nav li#whats_fresh_global_nav .marker {width:113px;} #global_header ul#nav li#inside_hgws_global_nav a { width:100px; height:16px;} #global_header ul#nav li#inside_hgws_global_nav .marker {width:65px;} #global_header ul#nav li#blog_hgws_global_nav a { width:65px; height:16px;} #global_header ul#nav li#blog_hgws_global_nav .marker {width:30px;} #global_header ul#nav li#contact_us_global_nav a { width:100px; height:16px;} #global_header ul#nav li#contact_us_global_nav .marker {width:73px;} /*li elements wrappings the nav links need to be 19px wider than the link inside, so that their background image peeks out (slash separator)*/ #global_header ul#nav li#our_work_global_nav {width:140px;} #global_header ul#nav li#whats_fresh_global_nav {width:140px;} #global_header ul#nav li#inside_hgws_global_nav {width:100px;} #global_header ul#nav li#blog_hgws_global_nav {width:65px;} #global_header ul#nav li#contact_us_global_nav.last{background-image:none;} #home_intro{background-color:#ffffff; background-repeat:repeat-x; background-position:bottom; width:945px; height:200px; float:left; margin-right:16px;} /*footer*/ #footer{color:#acacac;} #footer #global_footer{background-color:#003F4F; color:#fff;padding-bottom:20px;} #footer #global_footer_content{margin:0 auto; width:945px;} #footer #global_footer_content li{ line-height:23px; font-size:12px;} #footer #global_footer_content a{color:#ffffff;} #footer #global_footer_content a:hover{color:#fff; text-decoration:none; background-repeat:repeat-x; background-position:bottom;} #footer.no_extra #extra_footer{display:none;} #footer #footer_dots{height:25px;} #footer h1{color:#636363; line-height:30px;} #footer h3 { color: #ccc; font-size: 13px; margin-bottom: 10px; border-bottom:1px dotted #fff; padding-bottom:7px; width:250px; } #footer ul.suggestions { margin-top: 10px; padding-top: 9px; } #footer ul.suggestions li a { border-bottom: 0; font-weight: normal; } #footer ul.suggestions li a:link { color: #e2f1cf; } #footer ul.suggestions li a:visited { color: #7a8a67; } #footer ul.suggestions li a:hover, #footer ul.suggestions li a:active { background-color: #00ffff; color: #191919; } #footer ul.suggestions li.support { font-weight: bold; margin-top: 20px; } #footer ul.suggestions li.support em { color: #7a8a67; font-style: normal; font-weight: bold; } #footer ul.suggestions li em.support, #footer ul.suggestions li em.support a { color: #7a8a67; font-style: normal; font-weight: bold; } #footer #runner { border-top: 1px solid #aaa; clear: both; color: #444; margin-top: 20px; padding-top: 19px; } #footer #runner .sitemap_primary, #footer #runner .sitemap_secondary, #footer #runner p { text-align: left; } #footer #runner .sitemap_primary li, #footer #runner .sitemap_secondary li { display: inline; margin-right: 20px; } #footer #runner .sitemap_primary li a { font-weight: normal; } #footer #runner #watermark { padding: 0px 0; float:right; } #footer #runner #watermark p{ font-size:12px; } #footer #runner .omega { float: left; } #footer #runner p{ color:#fff; font-size:12px; } #footer #runner #watermark img { display: block; } #footer #pitch a:link, #footer #pitch a:visited { color: #00ccff; font-weight: normal; } #footer #pitch a:hover, #footer #pitch a:active { color: #fff; } /* when extra content is present, #footer needs .active, otherwise that div gets hidden and #footer_dots gets shown */ #footer.extra #extra_footer{display:block; padding-top:20px; background-color:#faf8f3; background-image:url(/assets/gfx/tan_dot_bg.gif); background-repeat:repeat-x; background-position:bottom; padding-bottom:25px;} #footer.extra #extra_footer #extra_footer_content{width:945px; margin:0 auto;} #footer.extra #footer_dots{display:none;} #global_footer_content{color:#ffffff; height:350px; overflow:hidden; font-size:11px; display:block; } #global_footer_content a{color:#00ccff;} #global_footer_content h4{color:#ffffff;} #global_footer_content h4 span{color:#ffffff;font-size:13px; font-weight:bold; margin-bottom:15px; } #global_footer_content .global_footer_module{height:250px; margin-top:20px; float:left; width:160px; background-image:url(/assets/gfx/footer_vert_dot.gif); background-repeat:repeat-y; background-position:left;} #global_footer_content .global_footer_module ul li a, #global_footer_content #contact_hgws div{margin-bottom:-5px} #global_footer_content .global_footer_module .inner{padding:0 30px 20px 10px;} #global_footer_content #contact_hgws{padding-left:0; background-image:none; width:305px;margin-top:40px;} #global_footer_content #contact_hgws .inner{padding-left:0;} /*footer related band*/ #extra_footer_content #related_modules h1#footer_related{background-image:url(/assets/gfx/related.gif);} /*modules*/ .modules{ } .modules .module{width:224px; height:188px; background-color:#00ccff; float:left; margin-left:16px; margin-bottom:16px;} .modules #related_title_module.module{margin-left:0; background:none;} /*HOME PAGE*/ #home_header{color: #FFFFFF; font-weight: normal; font-size:45px; line-height:50px; margin-top:30px; height:50px; margin-left:-2px; padding-top: 10px; padding-bottom: 45px;} #home_header a{color:#00a3cc; cursor:pointer;} #home_header a:hover{text-decoration:none; color:#00a3cc;} #home_header a:hover span.fauxlink{text-decoration:underline;} #home_header a span { color:#00a3cc; } #main_background_top{height:440px; background:#00CCFF;} #main_background_bottom{height:150px;background:#FFFFFF url(http://hgws.eprospect.com.au/images/bg_content.png) repeat-x scroll center top;} #home_wrap{padding-bottom:0px;} .home_module_row{margin-top:10px; padding-top:40px; background-image:url(/assets/gfx/gray_horiz_dot.gif); background-repeat:repeat-x;} .home_module_row .home_module_row_inner{right:0px; position:relative;} .home_module_row .home_module_row_inner .jumplink a{line-height:16px;} .home_module_row .home_module_row_inner .jumplink a:hover{color:#007896; background-repeat:repeat-x; background-position:bottom; text-decoration:none;} .awards .home_module_row .home_module_row_inner{margin-bottom: 40px; background: transparent url(/assets/gfx/gray_horiz_dot.gif) repeat-x left bottom;} .awards .home_module_row .last { background: none; } .home_module_row .home_module_row_inner a{position:relative; float:left; display:block;} .home_module_row .intro{float:left; width:224px; height:194px; position:relative;} .home_module_row .intro .inner{margin-right:16px; } .home_module_row .intro .jumplink{font-weight:bold; position:absolute; bottom:0;} .home_module_row .over{position:absolute; left:0; top:0; z-index:100; display:none;} .home_module_row h2{margin-top:13px;} .home_module_row h2.sIFR-replaced{margin-bottom:6px;} .home_module_row p{font-size:13px; line-height:17px;} #home_slideshow{ position:relative; width:936px; height:350px; overflow:hidden;margin-top:10px;border:4px solid #FFFFFF;} #home_slideshow #home_slideshow_violator{background-color:#191919; float:left; border-top:1px solid #fff; height:32px; left:0; margin-left:0; position:absolute; top:317px; width:936px; z-index:1000;} #home_slideshow #home_slideshow_violator #project_caption{display:none; padding:4px 10px; color:#fff; float:left; font-weight: bold;} #home_slideshow #home_slideshow_violator #project_caption a{margin-left:8px; font-weight: bold;} #home_slideshow #home_slideshow_violator #project_caption a:hover{text-decoration:none; background-image:url(/assets/gfx/pinkdot_standard.gif); background-repeat:repeat-x; background-position:bottom;} #home_slideshow #home_slideshow_violator #slide_navigation{position:absolute;right:10px;top:10px;} #home_slideshow #home_slideshow_violator #slide_navigation a{ text-indent:-9999px; overflow:hidden; display:block; background-color:#003F4F; width:14px; height:11px; float:left; margin-left:5px; cursor:pointer; overflow:hidden;} #home_slideshow #home_slideshow_violator #slide_navigation a:hover{ background-color:#00ccff;} #home_slideshow #home_slideshow_violator #slide_navigation a.activeSlide{ background-color:#00ccff;} #home_slideshow #home_slideshow_violator #slide_navigation a{outline:none;} #home_slideshow li span.slide_caption{display:none;} #home_slides{background-color:#333333; overflow:hidden; height:300px;} #our_work_wrap .img_module_small{ display:inline; width:224px; margin-right:16px; height:189px; float:left; background-image:url(/assets/gfx/gray_horiz_dot.gif); background-repeat:repeat-x; background-position:bottom;} #our_work_wrap .img_module_small:hover{ background:none; } #inside_hgws_modules a{margin-right:16px;} #inside_hgws_modules a.last{margin-right:0;} /*OUR WORK*/ #our_work_wrap{margin-top:10px; margin-bottom:50px;} #main_tags{width:960px;} #main_tags a{cursor:pointer !important;} #main_tags .main_tag .subhead{font-size:14px; margin-top:-8px;} #main_tags .main_tag .taglist{text-align:right; display:block; width:275px; height: 22px;} #main_tags .main_tag .taglist a{color:#FFB5C5;} #main_tags .main_tag .taglist a:hover{text-decoration:none !important; background-image:url(/assets/gfx/pink_pinkdots1.gif); background-repeat:repeat-x; background-position:bottom; } #main_tags .main_tag .taglist strong{font-weight:normal !important; text-transform:uppercase;} #our_work_wrap .main_tag .head{font-size:33px; font-weight:normal; } #related_lists{padding-top:0px;} #related_lists ul{width:280px; float:left; margin-right:31px; margin-left:11px;} #related_lists ul.last{margin-right:0;} #related_lists ul li{ display:inline; } #related_lists ul li div.inner{ background-image:url(/assets/gfx/gray_horiz_dot.gif); background-repeat:repeat-x; padding:10px 0 5px 0; } #related_lists ul li div.inner a, #related_lists ul li .related_title{ padding:5px 0 0 0px; margin-bottom:5px; margin-left:0px; font-weight:bold; } #related_lists ul li .related_title{color:#2b2b2b; display:block;} #related_lists ul li div.inner a{color:#00ccff;} #related_lists ul li div.inner a:hover{color:#002129;text-decoration:none;} #related_lists ul li div.inner p{margin-left:0px;line-height:15px; padding:6px 9px 7px 0;font-size:12px;} #strategy_replace{} #ui_innovation_replace{} #digital_marketing_replace{} /*LATEST NEWS INNER*/ .inner{ background-image:url(/assets/gfx/gray_horiz_dot.gif); background-repeat:repeat-x; padding:10px 0 5px 0; } .inner a{color:#00ccff;} .inner a:hover{color:#002129;text-decoration:none;} /*PROJECT*/ body.work_detail #main_background_top{height:250px;} body.work_detail #main_background_bottom{height:135px;} #project_header{height:103px;margin-top:92px;} #project_header h1{float:left;} #project_header .sIFR-flash{width:943px;} #project_header #project_logo{float:right; padding-top:18px;} #project_slideshow{margin-top:-10px; } #project_slideshow #project_chapters{float:left; width:240px;} #project_slideshow #project_slides{float:right; width:705px;} #project_slideshow object{display:block;} .video_slide{overflow:hidden; width:704px;} #project_chapters{position:relative; top:-59px;} #project_chapters h4{font-size:10px; text-transform:uppercase; color:#FFB5CF; margin-bottom:5px; } #project_chapters ul{} #project_chapters ul li{background-position: right top; border-bottom:1px dotted #007896;; font-size:16px; display:block; padding:1px 0 1px 6px; padding-left:0; margin-top:-1px; cursor:pointer;} #project_chapters ul li .inner{padding:5px 0 6px 0; width:auto; height:20px;} #project_chapters ul li .chapter_disclose{display:none; height:70px;} #project_chapters ul li .chapter_disclose .chapter_description{overflow:hidden; font-size:12px; line-height:17px; color:#ff82b7; height:37px; margin-top:5px; width:144px;} #project_chapters ul li .chapter_disclose .chapter_progress{color:#fff; font-weight:bold; font-size:12px; margin-top:10px;} #project_chapters ul li .chapter_disclose .chapter_progress .progress_title{ text-transform:uppercase; color:#ff82b7; font-size:10px;} #project_chapters ul li a{color:#636363; outline:none;font-weight:bold;} #project_chapters ul li a:hover{color:#00ccff; text-decoration:none;} #project_chapters ul li.active div.xxxx{} #project_content{margin-left:0px; width:945px; margin-bottom:50px;margin-top:45px;border-top:1px dotted #999; padding:38px 0 0 0;} #project_content #project_description{width:600px; float:right;} #project_content #project_description h2{margin-top:0px;} #project_content #project_description h2.sIFR-replaced{margin-bottom:0px;} #project_content #project_description p{} #project_content #project_jump{margin-top:-5px;} #project_content #project_jump a{font-weight:bold; font-size:14px;} #project_content #project_jump a:hover{text-decoration:none; color:#00ccff; background-repeat:repeat-x; background-position:bottom;} #project_quote{float:left; width:250px; margin-top:0px;margin-left:0px;} #project_quote #project_quote_author{margin-top:5px;} #project_boxes{margin-left:0px; margin-bottom:85px;} #project_boxes .project_box{float:left; padding-top:25px; margin-right:16px; width:224px; background-image:url(/assets/gfx/gray_horiz_dot.gif); background-position:top; background-repeat:repeat-x;} #project_boxes .last{margin-right:0;} #project_boxes li strong a{font-size:14px;} #project_boxes .jump{font-weight:bold; display:inline; margin-top:40px; font-size:14px; } #project_boxes .jump:hover{text-decoration:none; color:#003F4F; background-repeat:repeat-x; background-position:bottom;} #project_box_tags ul li a{font-weight:bold; display:inline;} #project_box_tags ul li a:hover{text-decoration:none; color:#003F4F; background-repeat:repeat-x; background-position:bottom;} #project_box_awards ul li{margin-bottom:21px;line-height:17px;} #project_box_awards ul li div.award_icon{float:left;} #project_box_awards ul li div.award_description{float:left;margin-left:11px;padding-top:5px;width:175px;color:#999;} #project_box_awards ul li div.award_description strong{color:#4b4b4b;} #hgwsslide_stage{height:285px;} #hgwsslide_controls .hgwsslide_next, #hgwsslide_controls .hgwsslide_previous{width:334px; height:42px; position:absolute; top:0; } /*#hgwsslide_controls .hgwsslide_next img, #hgwsslide_controls .hgwsslide_previous img{}*/ #hgwsslide_controls .hgwsslide_next{right:19px; text-align:right;} #hgwsslide_controls .hgwsslide_previous{left:19px;} #hgwsslide_take_a_look{width:224px; height:52px; background:#007896; position:absolute; top:170px; right:10px; cursor:pointer;} #hgwsslide_take_a_look:hover, #hgwsslide_take_a_look.hover{background:#fff;} #project_slides ul{width:0; height:0; overflow:hidden;} .hgwsslide_next,.hgwsslide_previous{width:110px; height:105px; } .hgwsslide_previous{left:100px; width:200px; height:200px;} /*related projects*/ #extra_footer #related_modules{width:944px; margin:0 auto;} #extra_footer #related_modules .module{margin-right:0; margin-left:16px;} #extra_footer #related_title_module{float:left; width:224px; } /*BLOG*/ body.blog #main_background_top{height:220px;} body.blog #main_background_bottom{height:0px;} #blog_wrap{margin-top: 84px; margin-bottom:100px;} #blog_posts{width:624px; float:left;} #blog_posts .blog_post{margin-bottom:67px; border-top:5px solid #00ccff; padding-top:25px; background-image:url(/assets/gfx/gray_horiz_dot.gif); background-repeat:repeat-x; background-position: bottom; padding-bottom:3px;} #blog_posts .single{margin-bottom:20px;} #blog_posts .blog_post a:hover{background-image:url(/assets/gfx/pinkdots3.gif); background-repeat:repeat-x; background-position:bottom; color:#871c4b; text-decoration:none;} #blog_posts .blog_post h1{font-size:28px; line-height: 35px; color:#00ccff; font-weight:normal;} #blog_posts .blog_post h1 a{font-size:28px; color:#00ccff; font-weight:normal; display:inline;} #blog_posts .blog_post h1 a:hover{font-size:28px; font-weight:normal; display:inline; background-image:url(/assets/gfx/pinkdots3.gif); background-repeat:repeat-x; background-position:bottom; color:#871c4b; text-decoration:none;} #blog_posts .blog_post .post_meta{text-transform:uppercase; font-size:10px; color:#939393; margin-top:10px; margin-bottom:25px; font-weight: bold;} #blog_posts .blog_post .post_meta .post_date{} #blog_posts .blog_post .post_meta .post_author{} #blog_posts .blog_post .post_body{} #blog_posts .blog_post .post_body img{margin-bottom:25px; border: 1px #e5e5e5;} #blog_posts .blog_post .post_body img.blog_image{margin-bottom:25px;} #blog_posts .blog_post .post_footer{font-size:11px; color:#939393; font-weight:bold;} #blog_posts .blog_post .post_footer .post_tags{float:left; width:450px;} #blog_posts .blog_post .post_footer .post_comments_link{float:right; width:150px; text-align:right;} #blog_posts .blog_post .post_footer .post_comments_link a{color:#939393;} #blog_posts .blog_post .post_footer .post_comments_link a span.count{color:#00ccff;} #blog_posts #pagination {width: 624px; text-align: right; margin-top: -40px;} #blog_posts #pagination ul.pages {list-style: none; float: right;} #blog_posts #pagination ul.pages li {color: #b4b4b4; font-size: 13px; font-weight: bold; list-style: none; float: left; width: 26px; height: 22px; background-color: #f7f7f7; margin-right: 2px; text-align: center;} #blog_posts #pagination ul.pages li:hover {background-color: #871c4b;} #blog_posts #pagination ul.pages li.active {background-color: #a8235d; color: #FFFFFF;} #blog_posts #pagination ul.pages li.active:hover {background-color: #a8235d;} #blog_posts #pagination ul.pages li.dots:hover {background-color: #f7f7f7;} #blog_posts #pagination ul.pages li.newer {padding: 0 17px;} #blog_posts #pagination ul.pages li.newer a {width: 60px; height: 22px; margin-left: -17px;} #blog_posts #pagination ul.pages li.older {padding: 0 27px;} #blog_posts #pagination ul.pages li.older a {width: 80px; height: 22px; margin-left: -27px;} #blog_posts #pagination ul.pages li a {color: #b4b4b4; background-color: #f7f7f7; width: 26px; height: 22px; display: block;} #blog_posts #pagination ul.pages li a:hover {color: #FFFFFF; background-color: #a8235d; text-decoration: none;} #blog_sidebar{width:224px; float:right;} #blog_sidebar a:hover{text-decoration:none; color:#871c4b; background-image:url(/assets/gfx/pinkdots3.gif); background-repeat:repeat-x; background-position:bottom;} #blog_sidebar .blogmod{ background-image:url(/assets/gfx/gray_horiz_dot.gif); background-repeat:repeat-x; background-position: bottom; margin-top:30px; padding-bottom:30px;} #blog_sidebar .blogmod.last{background-image:none;} #blog_sidebar .blogmod.first{ margin-top:0;} #blog_sidebar .blogmod h3{text-transform:uppercase; margin-bottom:20px;} #blog_sidebar #papers_mod.blogmod p{color:#999999;} #blog_sidebar #tag_menu.blogmod a{color:#999999;} #blog_sidebar #blog_tags_module #tag_menu ul li{display:block; border-bottom:1px solid #fff;} #blog_sidebar #blog_tags_module #tag_menu ul li a{display:block; font-size:15px; font-weight:bold; background-image:url(/assets/gfx/blog_sidebar_arrow.jpg); background-position: right center; background-repeat:no-repeat;} #blog_sidebar #blog_tags_module #tag_menu ul li a:hover{color:#871c4b;} #blog_sidebar #author_mod img{float:left;} #blog_sidebar #author_mod .author_info{float:right; width:145px; margin-top:-5px;} #blog_sidebar #author_mod div.author_name{text-transform:uppercase; font-size:13px; font-weight:bold;} #blog_sidebar #author_mod p{text-transform:uppercase; color:#939393; font-size:10px; line-height:17px; } #blog_sidebar #awards_mod ul li{ margin-bottom: 15px; } #blog_sidebar #awards_mod ul li a:hover{ text-decoration:none; color:#871c4b; background-image:none;} #awards_mod p {float: right; text-align: left; width: 170px; font-weight: normal;} #blog_sidebar .award_icon {float: left; margin-right: 15px;} #blog_search {padding: 0 0 10px; } #blog_search_input {float: left; width: 125px; height: 12px; padding: 2px 2px; color: #b4b4b4;} #blog_search_btn {float:right; width: 78px; height: 22px;} #search_message{font-size: 24px;} #press_module a:hover{color:#871c4b;} #press_module span {float: left; font-size: 14px; font-weight: bold; margin-right: 15px;} #press_module p {float: right; text-align: left; width: 170px; font-weight: normal; display: block;} /* around the web */ #extra_footer #around_the_web{width:944px; margin:0 auto; padding: 14px 0;} #extra_footer #around_the_web h3{font-size: 14px; font-weight: bold; color: #333333; margin: 0; padding: 0;} #extra_footer #around_the_web_title{float:left; width: 944px; padding: 0 0 10px;} #extra_footer #around_the_web_links{float:left; width: 400px; padding: 0 0 25px;} #extra_footer #around_the_web_links #delicious {float:left; width: 209px; padding-right: 15px;} #extra_footer #around_the_web_links #twitter {float:left; width: 161px; padding-right: 15px;} #extra_footer #around_the_web_links ul {} #extra_footer #around_the_web_links ul li {padding: 12px 10px 10px 0; list-style: none; background-image:url(/assets/gfx/gray_horiz_dot.gif); background-repeat:repeat-x; background-position: bottom; } #extra_footer #around_the_web_links ul li a{font-weight: bold;} #extra_footer #around_the_web_links ul li a:hover{text-decoration:none; color:#871c4b; background-image:url(/assets/gfx/pinkdots3.gif); background-repeat:repeat-x; background-position:bottom;} #extra_footer #around_the_web_links ul li.first {} #extra_footer #around_the_web_links ul li.last {background-image: none;} #extra_footer #around_the_web_flickr {float:right; width: 544px; margin: 0; padding: 0;} #extra_footer #around_the_web_flickr ul {margin-top: 15px;} #extra_footer #around_the_web_flickr ul li {width: 75px; height: 75px; list-style: none; float: left; margin: 0 2px 2px 0; padding: 0;} .twitter_logo {float: left; margin: 1px 6px 0 0;} #blog_comments{} #blog_comments li.comment{border-bottom:1px dotted #b7b7b7; margin-bottom:15px; padding-bottom:5px;} #blog_comments li.comment .comment_meta{float:left; width:144px;} #blog_comments li.comment .comment_meta .author{color:#636363; font-size:14px; font-weight:bold; text-align:right;} #blog_comments li.comment .comment_meta .author .says{color:#ffb6d5;} #blog_comments li.comment .comment_meta .comment_date{font-size: 9px; color:#939393; font-weight:bold; text-transform:uppercase; text-align:right;} #blog_comments li.comment .comment_body{float:right; width:455px; font-size:12px; line-height:20px;} #blog_comments #write_comment{ width:385px; } #blog_comments #write_comment h4{font-size:13px; margin-bottom:20px;} #blog_comments #write_comment fieldset{margin-bottom:20px;} #blog_comments #write_comment #contact_fields #name_field{float:left; width:180px; margin-right:15px;} #blog_comments #write_comment #contact_fields #email_field{float:left; width:180px;} #blog_comments #write_comment #contact_fields input{width:170px; padding:3px;} #blog_comments #write_comment textarea{width:368px; height:140px; font-family:arial; font-size:12px; color:#333333; padding:3px;} #blog_comments #write_comment input.submit{float:right;} /*MODULES*/ #modules .tag_intro{background-color:#ffffff; background-repeat:repeat-x; background-position:bottom; width:945px; height:200px; float:left; margin-right:16px;} #modules .tag_intro p{padding:30px; padding-left:22px; color: #00ccff; font-size:28px; line-height:32px;} #tag_header{height:119px;} #tag_header h1{padding-top:38px; float:left;} #tag_header #other_tags_dropdown{z-index:21; position:relative; float:right; width:225px; margin-top:-55px; background-image:url(/assets/gfx/header_horiz_dots.gif); background-repeat:repeat-x; background-position:bottom; padding-bottom:5px;} #tag_header #other_tags_dropdown .other_tags_button{cursor:pointer; color:#fff; font-weight:bold; background-image:url(/assets/gfx/down_arrow_white.gif); background-repeat:no-repeat; background-position:right 8px;} #tag_header #other_tags_dropdown #tag_menu .other_tags_button{line-height:10px; padding:5px 10px; margin-right:7px; margin-top:5px; background-position:right 7px;} #tag_header #other_tags_dropdown #tag_menu{display:none; padding-bottom:6px; width:242px; overflow:hidden; position:absolute; top:-4px; left:-10px; z-index:10; background-color:#00A3CC;} #tag_header #other_tags_dropdown #tag_menu ul{ padding:10px 0; display:none; } #tag_header #other_tags_dropdown #tag_menu ul li{ width:242px; display:block; cursor:pointer !important;} #tag_header #other_tags_dropdown #tag_menu ul li.last {padding-bottom: 15px;} #tag_header #other_tags_dropdown #tag_menu ul li a{display:block; background-image:url(/); background-repeat:no-repeat; background-position:225px center; width:100%; padding:1px 10px; cursor:pointer !important; color:#fff; font-size:13px; font-weight:bold;} #tag_header #other_tags_dropdown #tag_menu ul li.big a{font-size:16px} #tag_header #other_tags_dropdown #tag_menu ul li.big.last{margin-bottom: 15px; padding-bottom: 15px; background-repeat:no-repeat; background-position: 10px bottom;} #tag_header #other_tags_dropdown #tag_menu ul li.separator{height:1px;padding-bottom: 15px;} #tag_header #other_tags_dropdown #tag_menu ul li.separator div{height:1px; background-image:url(); background-repeat:repeat-x; background-position:top; padding:10px 0;} #tag_header #other_tags_dropdown #tag_menu ul li.active a{color:#f08bb7; background-image:none;} #tag_header #other_tags_dropdown #tag_menu ul li a:hover{background-color:#007896; text-decoration:none;} #project_header #other_tags_dropdown{z-index:21; position:relative; float:right; width:225px; margin-top:-55px; background-image:url(/assets/gfx/header_horiz_dots.gif); background-repeat:repeat-x; background-position:bottom; padding-bottom:5px;} #project_header #other_tags_dropdown .other_tags_button{cursor:pointer; color:#fff; font-weight:bold; background-image:url(/assets/gfx/down_arrow_white.gif); background-repeat:no-repeat; background-position:right 8px;} #project_header #other_tags_dropdown #tag_menu .other_tags_button{line-height:10px; padding:5px 10px; margin-right:7px; margin-top:5px; background-position:right 7px;} #project_header #other_tags_dropdown #tag_menu{display:none; padding-bottom:6px; width:242px; overflow:hidden; position:absolute; top:-4px; left:-10px; z-index:10; background-color:#00A3CC;} #project_header #other_tags_dropdown #tag_menu ul{ padding:10px 0; display:none; } #project_header #other_tags_dropdown #tag_menu ul li{ width:242px; display:block; cursor:pointer !important;} #project_header #other_tags_dropdown #tag_menu ul li.last {padding-bottom: 15px;} #project_header #other_tags_dropdown #tag_menu ul li a{display:block; background-image:url(/); background-repeat:no-repeat; background-position:225px center; width:100%; padding:1px 10px; cursor:pointer !important; color:#fff; font-size:13px; font-weight:bold;} #project_header #other_tags_dropdown #tag_menu ul li.big a{font-size:16px} #project_header #other_tags_dropdown #tag_menu ul li.big.last{margin-bottom: 15px; padding-bottom: 15px; background-repeat:no-repeat; background-position: 10px bottom;} #project_header #other_tags_dropdown #tag_menu ul li.separator{height:1px;padding-bottom: 15px;} #project_header #other_tags_dropdown #tag_menu ul li.separator div{height:1px; background-image:url(); background-repeat:repeat-x; background-position:top; padding:10px 0;} #project_header #other_tags_dropdown #tag_menu ul li.active a{color:#f08bb7; background-image:none;} #project_header #other_tags_dropdown #tag_menu ul li a:hover{background-color:#007896; text-decoration:none;} #modules{ width:960px; position:relative; margin-bottom:50px; z-index:20;} .module a:hover{text-decoration:none !important; cursor:pointer;background-color:#007896; color:#ffffff;} .module a.inner{display:block;} .module{float:left; display:block; position:relative; background-color:#00ccff; margin-right:16px; margin-bottom:16px; overflow:hidden;} .module .module_icon{position:absolute !important; bottom:15px; right:15px;} .module .module_body .module_body_inner{padding-top:13px; padding-left:15px; padding-right:15px;} .module .module_body{font-weight:bold;} .hover .subhead{color:#FFB5CF !important;} .module .module_body .head{color:#ffffff;} .module .module_body .subhead{color:#ffffff;} .module .taglist{position:absolute; bottom:9px; left:14px; font-size:11px; font-weight:bold; color:#FFB5CF;} .module .taglist a{color:#ffffff;} .module .taglist a:hover{text-decoration:underline !important;} .module.hover .taglist{} .xl a{width:464px; height:392px;} .xl .module_body{font-size:20px; line-height:22px;} .xl .taglist{width:350px; height: 20px; overflow: hidden;} .l a{width:304px; height:290px;} .l .module_body{font-size:20px; line-height:22px;} .l .taglist{width:218px; height: 40px; overflow: hidden;} .s a{width:224px; height:188px;} .s .module_body{font-size:15px; line-height:17px;} .s .module_body .module_body_inner{padding-top:8px;} .s .taglist{display:none;} .xs a{width:144px; height:137px;} .xs .module_body{font-size:12px; line-height:14px;} .xs .module_body .module_icon{display:none;} .xs .module_body .module_body_inner{padding-top:8px;} .xs .taglist{display:none;} .speech{background-color:#ffffff !important;} .speech .module_body{border-left:1px solid #bdbdbd; height:108px; font-size:14px; line-height:17px; padding-top:7px;} .speech a:hover .module_body .head, .speech a:hover .module_body .subhead{color:#ffffff;} .speech .module_body .head, .speech .module_body .subhead{color:#636363; margin-bottom: 2px;} .speech .stripe{background-color:#bdbdbd; width:100%; height:17px; position:absolute; bottom:17px;} .speech .stripe{overflow:hidden; color:#ffffff;} .speech .stripe div{padding-left:15px; padding-top:3px; text-transform:uppercase; font-size:11px !important;} .speech .point{height:17px; width:100%; position:absolute; bottom:0px; background-repeat:no-repeat; left:0; background-position:15px top; } .speech_s .module_body{ height:158px; font-size:14px; line-height:17px; } .speech .stripe{ height:28px; } .speech .stripe div{ font-size:14px; text-indent:0; } .speech_s img.module_icon{ bottom:55px !important; } .speech_xs .stripe{ height:11px; } .speech_xs .stripe div{ text-indent:-9999px; } #related_modules_tag_page{clear:both; padding-top:30px; background-image:url(/assets/gfx/gray_horiz_dot.gif); background-repeat:repeat-x; background-position:top; margin-bottom:160px;} .module_award img.module_icon{display:block; bottom:43px; right:10px;} .speech .subhead{ color:#b4b4b4 !important; } .speech a:hover .subhead{ color:#ffffff !important; } .module_paper .module_body{border-color:#ccc09c;} .module_paper .stripe{background-color:#ccc09c;} .module_paper .point{background-image:url(/assets/gfx/beige_arrow.gif);} .module_award .module_body{border-color:#1ba2b5;} .module_award .stripe{background-color:#1ba2b5;} .module_award .point{background-image:url(/assets/gfx/teal_arrow.gif);} .related_speech_group{float:left;} .related_speech_group h3{text-transform:uppercase; font-size:14px; margin-bottom:30px;} .video_indicator{display:none;} /*VIDEO AND MOTION*/ #video_motion_player{margin-bottom:10px;} #video_motion_player #html_content{background-color:#333; height:532px; width:945px;} #video_motion_player #html_content #getflash{text-align:center; padding-top:250px;} #now_playing_info{ position:relative; background-image:url(/assets/gfx/gray_horiz_dot.gif); background-repeat:repeat-x; background-position:bottom; margin-bottom:15px;} #now_playing_info h3{margin-bottom:13px;} #now_playing_info h2{margin-bottom:0;} #now_playing_info .data{float:left; width:784px;} #now_playing_info .jumplink a{text-align:right; width:144px; position:absolute; bottom:15px; right:0; font-weight:bold;} #now_playing_info #view_project_page{float:right; font-weight:bold; position:absolute; bottom:15px; right:0;;} /*vid modules*/ .video_module{} .video_module .video_indicator{display:block; position:absolute; top:3px; left:3px;} .playing{background-color: #007896; height:188px; width:224px;} .playing .video_indicator{display:block; position:absolute; top:3px; left:3px;} /*CLIENTS INDEX*/ #clients_wrap{ margin-top:100px; margin-bottom:90px; } #client_modules{ width:960px; } .client_module{ float:left; position:relative; margin-right:16px; margin-bottom:16px; background-repeat:no-repeat;} .big_client_module{ width:304px; height:290px; background-image:url(/assets/gfx/big_client_module_background.gif); } .big_client_module img.client_logo{position:absolute; top: 0; left: 0; } .small_client_module{ width:144px; height:137px; background-image:url(/assets/gfx/small_module_bg.gif); } .small_client_module img.client_logo{ position:absolute; top:15px; left:20px; } img.brand_story_violator{display:none;} .client_hover_panel{ display:none; background-color:#a8235d; position:absolute; left:-8px; top:-8px;} .big_client_module .client_hover_panel{width:320px; height:306px; } .small_client_module .client_hover_panel{width:160px; height:153px; } .client_hover_panel .client{color:#fff; font-weight:bold; font-size:25px !important; line-height: 26px; margin:30px 0 13px 30px;} .small_client_module .client_hover_panel .client{margin:20px 20px 13px 20px;} .small_client_module .client{margin-left:18px; font-size:22px !important; line-height:24px;} .client_hover_panel .projects ul{} .client_hover_panel .projects ul li{display:inline;} .client_hover_panel .projects ul li a{font-weight:bold; color:#fff; display:block; padding:0 0 0 30px; font-size:14px; line-height: 21px; cursor:pointer;} .small_client_module .projects ul li a{padding-left:18px;} .client_hover_panel .projects ul li a:hover{ background-color:#871c4b; text-decoration:none; } a.brand_story{cursor:pointer; background-image:url(/assets/gfx/brand_story_label.png); background-position:10px 14px; display:block; position:absolute; left:9px; bottom:13px; width:283px; height:33px;} .panel_on a.brand_story{background-position:10px -16px; border-top:1px dotted #f8b4c6;} .small_client_module a.brand_story{ left:1px; bottom:5px; width:140px; } span.brand_story{cursor:pointer; background-image:url(/assets/gfx/brand_story_label.png); background-position:left top; display:block; position:absolute; left:9px; bottom:13px; width:115px; height:16px; text-indent: -9999px; z-index: 9999;} .panel_on span.brand_story{background-position: left 20px;} /*BRAND STORY*/ #brand_story_wrap{ margin-top:50px; margin-bottom:65px; } #brand_story_wrap #textcol{ float:left; width:417px; } #brand_story_wrap #textcol #brand_story_intro{ } #brand_story_wrap #textcol h2{ margin-top:50px; } #brand_story_wrap #textcol #brand_story_quote{ border-top:1px dotted #b7b7b7; border-bottom:1px dotted #b7b7b7; margin-top:5px; margin-bottom:15px; padding-top:15px; padding-bottom:20px;} #brand_story_wrap #textcol #brand_story_quote .byline{margin-top:5px;} #brand_story_wrap #imgcol{ float:right; width:464px; } #brand_story_wrap #imgcol .img_module{margin-bottom:55px;} #brand_story_wrap #imgcol .img_module .caption{color:#808080; font-size:11px;} /*JOBS PAGE*/ body.jobs #main_background_top{height:173px;} body.jobs #main_background_bottom{height:50px; background-image:url('/assets/gfx/pink_dot_bg_header_small.gif');} #jobs_wrap{margin-top:35px; margin-bottom:100px;} #jobs_wrap #jobs_nav{width:224px; float:left;} #jobs_wrap #jobs_nav ul{margin-bottom:35px; background-image:url(/assets/gfx/gray_horiz_dot.gif); background-repeat:repeat-x; background-position:bottom;} #jobs_wrap #jobs_nav li{display:inline;} #jobs_wrap #jobs_nav ul a, #jobs_wrap #jobs_nav ul span.active_job{padding:5px 0; display:block; background-image:url(/assets/gfx/gray_horiz_dot.gif); background-repeat:repeat-x; font-size:16px;} #jobs_wrap #jobs_nav ul span.active_job{color:#333333;} #jobs_wrap #jobs_content{float:left; margin-left:97px; width:464px; } #jobs_wrap #jobs_content p#job_intro{color:#00ccff; font-size:28px; line-height:34px;} #jobs_wrap h2{margin-top:20px; margin-bottom:0;} /*AWARDS PAGE*/ #awards_wrap{margin-bottom:90px;} #awards_wrap h2.sIFR-replaced{width:200px; overflow:hidden;} #awards_wrap .home_module_row{position:relative;} #awards_wrap .home_module_row ul.award_list{ width:400px; float:right; width:721px;} #awards_wrap .home_module_row ul.award_list li{float:left; height:70px; margin-right:16px; width:224px; margin-bottom:30px;} #awards_wrap .award_list img{float:left;} #awards_wrap .award_list .award_info {float:left; margin-left:10px; width:174px;} #awards_wrap .award_list .award_info .award_title {} #awards_wrap .award_list .award_info .award_subtitle {color:#999;} #awards_wrap .award_list .award_info .award_client {} #award_modules{width:960px; margin-top:25px;} #award_modules .award_module{position:relative; background-color:#eee; margin-right:16px; margin-bottom:16px; float:left;} #award_modules .large_award_module{width:464px; height:392px;} #award_modules .small_award_module{width:224px; height:188px;} #award_modules .award_module .inner{font-weight:bold;} #award_modules .award_module .inner .client{color:#b4b4b4;} #award_modules .large_award_module .inner{font-size:30px; line-height:34px; padding:25px;} #award_modules .large_award_module .award_icon{position:absolute; bottom:30px; right:30px;} #award_modules .small_award_module .inner{font-size:15px; line-height:17px; padding:20px;} #award_modules .small_award_module .award_icon{position:absolute; bottom:20px; right:20px;} /*STRATEGY PROJECT PAGE*/ #strategy_project_header{height:130px;} #strategy_project_top{margin-top:25px;} #strategy_project_top #strategy_nav{float:left; width:215px;} #strategy_project_top #strategy_nav ul li{} #strategy_project_top #strategy_nav ul li{font-size:16px; display:block; padding:1px 0 1px 6px; padding-left:0; margin-top:-1px;} #strategy_project_top #strategy_nav ul li a{display:block; background-color:#00ccff; padding:5px 0 6px 0;} #strategy_project_top #strategy_nav ul li.active a{background-color:#00a3cc; padding-left:10px;} #strategy_project_top #strategy_nav ul li.active{margin-left:-10px;} #strategy_project_top #strategy_nav ul li a{color:#fff; outline:none; cursor:pointer;} #strategy_project_top #strategy_nav ul li a span.number{font-size:11px; color:#00CCFF; padding-right:5px;} #strategy_project_top #strategy_nav ul li a:hover{text-decoration:none;background-color:#00A3CC;} #strategy_nav{float:left; width:275px;margin-left:15px;} #strategy_nav ul li{} #strategy_nav ul li{font-size:14px; display:block; padding:1px 0 1px 6px; padding-left:0; margin-top:-1px;} #strategy_nav ul li a{display:block; background-color:#00ccff; padding:5px 0 6px 0;} #strategy_nav ul li.active a{background-color:#00a3cc; padding-left:10px;} #strategy_nav ul li.active{margin-left:-10px;} #strategy_nav ul li a{color:#fff; outline:none; cursor:pointer;} #strategy_nav ul li a span.number{font-size:11px; color:#00CCFF; padding-right:5px;} #strategy_nav ul li a:hover{text-decoration:none;background-color:#00A3CC;} #strategy_project_top #strategy_hero{float:right; width:704px; height:180px; } #strategy_project_content{margin-left:0px; margin-top:55px;} #strategy_project_content #text_content{float:right; width:600px;} #strategy_project_content div.strategy_block{margin-bottom:60px;} #strategy_project_content #sidebar{float:right; width:223px;} #strategy_project_content{} #strategy_project_content #sidebar .strategy_sidebox{margin-bottom:25px;} #strategy_project_content #sidebar .strategy_sidebox img{display:block; } #strategy_project_content #sidebar .strategy_sidebox .dotbox{background-image:url(/assets/gfx/box_dots.gif); padding:1px; } #strategy_project_content #sidebar .strategy_sidebox .dotbox.notop{padding-top:0; } #strategy_project_content #sidebar .strategy_sidebox .dotbox .mask{background-color:#fff; padding:10px; } #strategy_project_content #sidebar .strategy_sidebox .dotbox .mask blockquote{font-size:17px; line-height:20px; margin-bottom:35px; } /*HACKS*/ .clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .clearfix {display:inline-block;} /* Hide from IE Mac \*/ .clearfix {display:block;} /* End hide from IE Mac */ /* =================================================================== Contact Us =================================================================== */ /* Body Styles */ #contactUs #main_background_top { height: 1116px; background: #00ccff url(/assets/gfx/contactus_bgBody.gif) no-repeat top center; } #contactUs a{} #contactUs a:hover{text-decoration:none; color:#871c4b; background-image:url(/assets/gfx/pinkdots3.gif); background-repeat:repeat-x; background-position:bottom;} /* Header */ #contactUs #contactUs_header { position: relative; height: 90px; } /* Main Content */ #contactUs #contactUs_wrap { width: 100%; height: 927px; } #contactUs #infoModule_wrap { float: right; width: 624px; margin: 40px 0 0 0; padding: 0; } #contactUs #infoModule { float: left; padding: 15px; background: #fff; } #contactUs #infoModule #map { position: relative; width: 594px; height: 314px; margin: 0; padding: 0; background: url(/assets/gfx/contactus_map.gif) no-repeat; } #contactUs #infoModule #map #hgws { position: absolute; top: 108px; left: 326px; width: 73px; height: 27px; margin: 0; padding: 0; } #contactUs #infoModule #map #zipcar { position: absolute; top: 119px; left: 276px; width: 32px; height: 27px; margin: 0; padding: 0; } #contactUs #infoModule #map #sugar { position: absolute; top: 185px; left: 360px; width: 32px; height: 27px; margin: 0; padding: 0; } #contactUs #infoModule #map #suppenkuche { position: absolute; top: 230px; left: 72px; width: 32px; height: 27px; margin: 0; padding: 0; } #contactUs #infoModule #map #huf { position: absolute; top: 191px; left: 155px; width: 32px; height: 27px; margin: 0; padding: 0; } #contactUs #infoModule #map #thePark { position: absolute; top: 210px; left: 205px; width: 32px; height: 27px; margin: 0; padding: 0; } #contactUs #infoModule #map #blueBottle { position: absolute; top: 232px; left: 300px; width: 32px; height: 27px; margin: 0; padding: 0; } .tooltip_wrap { position: relative; } .tooltip_wrap a.pin { float: left; display: absolute; width: 32px; height: 27px; } .tooltip_wrap a.updated.hgws { width: 73px; } .tooltip1{ position: absolute; display: block; width: 144px; height: 108px; bottom: -27px; left: 0px; background: #fff; } .tooltip1 a { display: block; width: 144px; height: 108px; margin: 0; padding: 0; background: #00ccff; } .tooltip1 a img { text-decoration: none; } #contactUs #infoModule dl { float: left; width: 180px; margin: 12px 10px 0 0; } #contactUs #infoModule dl.last { float: left; width: 213px; margin-right: 0; } #contactUs #infoModule dl dt,#contactUs #infoModule dl dd { margin: 0; padding: 0; } #contactUs #infoModule h3 { color: #636363; margin-bottom: 5px !important; } #contactUs #infoModule dl dd p { font-size: 12px; line-height: 17px; margin: 0; padding: 0; } #contactUs #infoModuleBtm { float: left; width: 609px; height: 37px; margin: 0; padding: 0; background: url(/assets/gfx/contactus_module_diag.gif) no-repeat 161px 0; } /* Footer */ #contactUs #footer #footer_dots { height: 47px; background: url(/assets/gfx/contactus_footerDots.png) repeat-x center; } /* =================================================================== Inside hgws: Being Here =================================================================== */ /* Body Styles */ #beingHere #main_background_top { height: 2960px; } #beingHere #main_background_bottom { height: 173px; } /* Header */ .inside_hgws_header { position: relative; height: 150px; margin-top: 13px; } .inside_hgws_header ul#subNav { position: absolute; left: 0; bottom: 0; width: 944px; height: 66px; list-style-type: none; } *+html .inside_hgws_header ul#subNav { bottom: 2px; } * html .inside_hgws_header ul#subNav { bottom: 2px; } .inside_hgws_header ul#subNav li { position: relative; display: block; float: left; width: 304px; height: 62px; margin-right: 16px; background: #b53268; } .inside_hgws_header ul#subNav li.last { margin-right: 0; } .inside_hgws_header ul#subNav li a { display: block; width: 304px; height: 62px; background-repeat: no-repeat; text-indent: -9999px; } .inside_hgws_header ul#subNav li#theBasics a { background: none; background-color: #00A3CC; } .inside_hgws_header ul#subNav li#theBasics a span { position: absolute; left: 0; top: 21px; display: block; width: 304px; height: 21px; } .inside_hgws_header ul#subNav li#theBasics.active a { background-color: #00a3cc; } .inside_hgws_header ul#subNav li#theBasics.active a span { } .inside_hgws_header ul#subNav li#beingHere a { background: none; background-color: #00a3cc; } .inside_hgws_header ul#subNav li#beingHere a span { position: absolute; left: 0; top: 21px; display: block; width: 304px; height: 27px; } .inside_hgws_header ul#subNav li#beingHere.active a { background-color: #00a3cc; } .inside_hgws_header ul#subNav li#beingHere.active a span { background-image: url("/assets/gfx/subnav_insideOdo_beingHere_active.gif"); } /* Main Content */ #beingHere #beingHere_wrap { width: 100%; padding-top: 1px; background: url(/assets/gfx/white_horz_dot.gif) repeat-x top left; } #beingHere #beingHere_wrap #intro { width: 100%; height: 391px; background: url(/assets/gfx/beingHere_default_intro.gif) repeat; } #beingHere #beingHere_wrap ul li { width: 100%; background: url(/assets/gfx/white_horz_dot.gif) repeat-x top left; padding-top: 1px; } #beingHere #beingHere_wrap ul li#thingsOverheard div { height: 451px; background: url(/assets/gfx/beingHere_default_thingsOverheard.gif) no-repeat top left; } #beingHere #beingHere_wrap ul li#howWeRoll div { height: 234px; background: url(/assets/gfx/beingHere_default_howWeRoll.gif) no-repeat top left; } #beingHere #beingHere_wrap ul li#compost div { height: 237px; background: url(/assets/gfx/beingHere_default_compost.gif) no-repeat top left; } #beingHere #beingHere_wrap ul li#helmetCam div { height: 435px; background: url(/assets/gfx/beingHere_default_helmetCam.gif) no-repeat top left; } #beingHere #beingHere_wrap ul li#hgwsfotos div { height: 518px; background: url(/assets/gfx/beingHere_default_odofotos.gif) no-repeat top left; } #beingHere #beingHere_wrap ul li#multiDisciplinary div { height: 393px; background: url(/assets/gfx/beingHere_default_multidis.gif) no-repeat top left; } /* Context */ #beingHere_context { margin: 0 0 90px 0; padding: 15px 15px 35px 15px; border-bottom: 5px solid #00ccff; background: #fff; } #beingHere_context #jobListings { float: left; width: 382px; margin-right: 33px; display: inline; } #beingHere_context #jobListings h2 { margin: 20px 0 5px 0; } #beingHere_context #jobListings .jumplink a { margin: 0; padding: 0; font-weight: bold; } #beingHere_context #jobListings .jumplink a:hover { text-decoration:none; color:#871c4b; background-image:url(/assets/gfx/pinkdots3.gif); background-repeat:repeat-x; background-position:bottom; } #beingHere_context #linkContainer { } #beingHere_context #linkContainer div { float: left; width: 222px; margin: 10px 38px 0 0; } #beingHere_context #linkContainer div h3 { font-size: 16px; margin: 34px 0 6px 0; } #beingHere_context #linkContainer div.last { margin-right: 15px; } #beingHere_context #linkContainer ul { float: left; width: 222px; } #beingHere_context #linkContainer ul.last { margin-right: 0; } #beingHere_context #linkContainer ul li { display: block; background-image: url(/assets/gfx/gray_horiz_dot.gif); background-repeat: repeat-x; padding:5px 0 5px 0; } #beingHere_context #linkContainer ul li.first { background: none; } #beingHere_context #linkContainer ul li a { /*display: block;*/ font-weight: bold; padding: 5px 0 0px 0; } #beingHere_context #linkContainer ul li a:hover { text-decoration:none; color:#871c4b; background-image:url(/assets/gfx/pinkdots3.gif); background-repeat:repeat-x; background-position:bottom; } #beingHere_context #linkContainer ul li a span.twitter { display: block; background-image: url(/assets/gfx/icon_twitter.gif); background-repeat: no-repeat; background-position:0 3px; padding: 0 0 0 24px; } /* hello page */ #hello_wrap{margin-top:50px; margin-bottom:60px;} #hello_wrap #message_col{width:464px; float:left;} #hello_wrap #list_col{width:464px; float:right;} #hello_wrap #list_col p{font-size:11px; line-height:15px;} #hello_wrap #message_col h2{font-size:28px; margin-bottom:16px;} #hello_wrap #message_col #author_contact{font-size:11px; line-height:15px;} #hello_wrap #message_col #name{line-height:15px; background-image:url(/assets/gfx/gray_horiz_dot.gif); background-position:bottom; background-repeat:repeat-x; padding-bottom:11px; margin-bottom:15px;} #hello_wrap #message_col #name #author{color:#00ccff; text-transform:uppercase; font-weight:bold; font-size:13px; font-weight:bold;} #hello_wrap #message_col #name #title{text-transform:uppercase; font-size:13px;} #hello_wrap #message_col #avatar{padding-bottom:5px;} #hello_wrap #list_col #hero_img{margin-bottom:30px;} #hello_wrap #list_col h3{margin-bottom:0; color:#4b4b4b; text-transform:none;} /* #hello_wrap #list_col h3.sIFR-replaced{margin-bottom:-10px;} */ #hello_wrap #list_col ol{list-style-type:none;} #hello_wrap #list_col ol li.clearfix{background-image:url(/assets/gfx/gray_horiz_dot.gif); background-repeat:repeat-x; padding-top:20px;} #hello_wrap #list_col ol li.clearfix ul{ padding-bottom:12px;} #hello_wrap #list_col ol li.clearfix ul li a:after{content: ' ยป';} #hello_wrap #list_col ol div.number{width:64px;float:left; font-size:45px; color:#00ccff; line-height:50px;} #hello_wrap #list_col ol div.item_content{width:400px; float:left;} /*error pages*/ #error_wrap{ height:580px; } #error_wrap h1{ padding-top:165px; color:#fff; font-weight:bold; font-size:70px; } p#error_sub{ color:#ffbcc7; font-size:20px; margin-top:50px; } #error_links a{ color:#fff; font-size:21px; margin-right:60px; } #the_basics_wrap{margin-bottom:90px; margin-top:15px; font-size:15px; line-height:24px;} #the_basics_wrap a{line-height:14px;} #the_basics_wrap a:hover{text-decoration:none; color:#00ccff; background-repeat:repeat-x; background-position:bottom;} #the_basics_wrap #client_modules a:hover{color:#ffffff; background-image:none;} #the_basics_header{} #the_basics_header h1{font-size:80px; line-height:75px; font-weight:bold;} #the_boxes_header{margin-top:30px;} #the_boxes_header h1{font-size:20px; line-height:13px; font-weight:normal;} #the_boxes_header2{margin-top:30px;} #the_boxes_header2 h1{font-size:20px; line-height:13px; font-weight:normal;} #the_boxes_header3{margin-top:30px;} #the_boxes_header3 h1{font-size:20px; line-height:13px; font-weight:normal;} #the_basics_wrap h1{color:#00ccff; font-siz e:62px; font-weight:normal; margin-bottom:6px;} #people_mood{margin-top:33px; position:relative;} #people_mood #sidecol{float:left; width:450px; margin-top: 5px;} #people_mood #sidecol #intro{font-size:38px; line-height:45px; color:#df3d82;} #people_mood #mood_image{ width:464px; margin-left:5px; position:static; bottom:240px;} #people_mood #our_people{float:right; width:464px;} #people_mood #our_people #people_matrix{width:481px; margin-top:22px;} #people_mood #our_people #people_matrix li{float:left; display:block; width:120px; height:192px;} #people_mood #our_people #people_matrix li p{width:103px; text-transform:uppercase; font-size:11px; line-height:15px;} #people_mood #our_people #people_matrix li strong {display:block; color:#df3d82;} #our_stuff{background-color:#f2f2f2; margin-top:40px; margin-bottom:25px;} #our_stuff ul{} #our_stuff ul li{width:220px; border-right:1px solid white; float:left; margin-right:16px; height:206px; position:relative; padding: 25px 0 23px 0;} #our_stuff ul li a{font-size:12px; font-weight:bold; position:absolute; bottom:23px;} #our_stuff ul li h2{text-transform:uppercase; font-size:20px; color:#df3d82; font-weight:bold; margin-bottom:0;} #our_stuff ul li .inner{margin-right:33px;} #our_stuff ul li.last{margin-right:0;border-right:none;} #our_stuff ul li.first .inner{margin-left:33px;} #bottom_with_sidebar{} #bottom_with_sidebar #bottom_content{float:left; width:544px;} #bottom_with_sidebar #bottom_content #we_do_good_work{border-bottom:3px solid #df3d82; margin-top:77px; padding-bottom:55px;} #brands{border-bottom:3px solid #df3d82; padding-bottom:64px;} #bottom_with_sidebar #infographics{background-color:#df3d82; color:#ffffff; width:304px; float:right;} #bottom_with_sidebar #infographics .inner{padding:30px; padding-bottom:0; padding-top:70px;} #bottom_with_sidebar #infographics h2{margin-bottom:2px; color:#fff;} #bottom_with_sidebar #infographics img{margin-bottom:59px;} #bottom_with_sidebar #infographics .caption{color:#ffb5c5 !important; margin-bottom:23px;font-size:14px;} #bottom_with_sidebar #infographics .caption em{} #bottom_with_sidebar #infographics .caption strong{text-transform:uppercase; } #our_founders{margin-top:24px;} #founders_speech{float:left; margin-right:16px; position:relative; bottom:-8px;} #our_founders p{} #the_basics_wrap #brands p {padding-bottom: 0;} #the_basics_wrap #brands a {font-size:12px;font-weight:bold;} #the_basics_wrap #brands a.story {position:absolute;left:10px;bottom:5px;z-index:100;padding:0 0 0 25px;width:141px;background:transparent url(/assets/gfx/icon_book_pink.gif) no-repeat left 0px;} #the_basics_wrap #brands .panel_on a.story {color:#fff;background-image:url(/assets/gfx/icon_book_white.gif);} #the_basics_wrap #client_modules{width:500px; margin-top:30px;} #the_basics_wrap #client_modules img.client_logo{left:1px;top:1px;} #we_do_good_work{margin-top:50px;} #we_do_good_work p{padding-bottom:0;} #we_do_good_work a{font-size:12px;font-weight:bold;} #we_do_good_work li a{font-size:14px;font-weight:normal;line-height:20px;} #we_do_good_work ul{width:940px;margin-top:32px;} #we_do_good_work ul li{display:block;border-top:1px dotted #b7b7b7;padding:20px 0 10px 0;} #we_do_good_work ul li.last{padding:20px 0 0 0;} #we_do_good_work ul li .award{float:left; width:144px; margin-top: -15px;} #we_do_good_work ul li div.award_description{float:right; width:600px;} #we_do_good_work ul li div.award_description h3{margin-bottom:0; font-weight:normal; font-size:17px; color:#4b4b4b;} #we_do_good_work ul li div.award_description a{} #basic_rules{width:960px; margin-top:90px;} #basic_rules h1{width:312px; float:left; height:400px; } #the_rules{display:block;float:left;width:648px;} #the_rules ol{list-style-type:none;} #the_rules ol li{width:144px; height:170px; float:left; margin-right:18px; background-color:#f2f2f2; margin-bottom:30px;} #the_rules ol li div{padding:20px 10px 0 10px;} #the_rules ol li span.number{display:block;} /*HEAD AREA*/ #head{ height:85px; z-index: 5; } #head2{ height:150px; z-index: 5; } #top .logo, .logo a{ display:block; height:90px; width:250px; position:absolute; left:0px; top:22px; border: none; padding: 0; margin:0; } #top .logo a, #top .logo a:hover{ top:0; left:0; text-indent:-9999px; outline:none; border: none; } #nav{ position: absolute; right:15px; top:10px; list-style-type: none; list-style-position: outside; margin:0; z-index: 5; } #nav li{ float: left; } #nav li a{ display:block; float:left; padding:6px 10px; width:128px; border: none; text-decoration: none; line-height: 18px; outline: none; } #nav li a { border-left:1px dotted #FFFFFF; color:#FFFFFF; } #nav li a strong{ display:block; font-weight: normal; font-size: 12px; text-transform:uppercase; } #nav li a span{ display:block; font-size: 10px; } /*top right navigation*/ #toprightnav{ position: absolute; right:18px; top:27px; list-style-type: none; list-style-position: outside; margin:0; z-index: 5; } #toprightnav li{ float: right; } #toprightnav li a{ display:block; float:right; padding:6px 10px; width:165px; border: none; text-decoration: none; line-height: 18px; outline: none; font-weight: normal; font-size: 18px; color:#fff; } #toprightnav li a { border-left:1px solid #ffffff; color:#fff; font-weight:bold; } #toprightnav li a:hover{ background:#262626; color:#fff; }