/* -------------------------------------------------------------- reset.css from Eric Meyers * Resets default browser CSS. http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ -------------------------------------------------------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } /* remember to define focus styles! */ :focus { outline: 0; } body { line-height: 1; color: black; background: white; } ol, ul { list-style: none; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } /* -------------------------------------------------------------- setup all the base elements defaults =default -----------------------------------------------------------------*/ html { width:100%; } body { font: 75% Helvetica, Arial, sans-serif; background:#ffffff url("../img/branding-background-tiled.jpg") top left repeat-x; color:#000000; width:100%; } td, div { font-size:1em; line-height:1.5em; } p { font-size:1em; line-height:1.5em; margin:0 0 1em 0; } img { border:none; } #footer abbr { letter-spacing: 1px; text-transform: uppercase; font-weight:bold; } acronym { letter-spacing: 1px; text-transform: uppercase; font-weight:bold; } blockquote { font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; padding-left: 2em; margin: 1.5em 1.5em 1.5em 0; border-left: 2px solid #ccc; display:block; } blockquote span { font-family: Palatino, "Palatino Linotype", Georgia, "Times New Roman", Times, serif; font-style: normal; font-weight: normal; } h1, h2, h3, h4, h5 { color: #000; } h1 { font-size: 2.5em; } h2 { font-size: 2em; } h3 { font-size: 1em; } h4 { font-size: 0.92em; } h5 { font-size: 0.83em; } /* useful for small fonts */ h6 { font-size: 0.75em; font-weight: bold; text-transform: uppercase; font-family: 'Trebuchet MS', Trebuchet, Verdana, Tahoma, Arial, sans-serif; } a, a:link, a:visited { text-decoration:none; color:#AD0D01; } a:hover, a:active, a:focus { text-decoration:none; color:#000; } h2 a, h2 a:link, h2 a:visited { text-decoration:none; color:#000; } h2 a:hover, h2 a:active, h2 a:focus { text-decoration:none; color:#AD0D01; } strong { font-weight:bold; } em { font-style:italic; } .clearer { clear:both; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* Hides from IE-mac \*/ * html .clearfix { height: 1%; } .clearfix { display: block; } /* End hide from IE-mac */ /* -------------------------------------------------------------- setup default form layout =form -----------------------------------------------------------------*/ form { display:block; position:relative; } form#request_info { width:440px; float:left; margin-bottom:2em; } form ul { } form ul li { clear:both; position:relative; float:left; width:440px; padding:0 0 0.5em 0; } ul li label { float:left; position:relative; text-align:left; display:inline; width:200px; padding-bottom:1em; } ul li label.check { float:none; position:static; text-align:left; width:auto; } form ul li em { font-size:1.4em; display:inline; position:relative; left:2px; top:2px; margin-bottom:-0.25em; } form ul li strong { font-weight:bold; display:inline; position:relative; margin-left:14px; } form ul li span { display:inline; position:relative; float:left; white-space:nowrap; margin-bottom:1em; left:0px; top:20px; } form ul li span input { margin-right:1em; } form ul li textarea { width:434px; height:140px; } form ul li#service_type { min-height:170px; } form ul li#service_type input { line-height:1em; margin-top:1.5em; } form ul li input#send { float:right; padding:0.25em 1em; margin-top:1em; width:80px; } form ul li label#submit_label { text-indent:-9999px; } form ul li input.single { width:234px; } form ul li div#service_select { position:absolute; left:0px; top:14px; margin-bottom:14px; clear:both; } form ul li div#service_select img { position:absolute; top:0; left:0; } form .error { color:#AD0D01; } form .input_error { background-color:#FCD8DF; } form .success { color:#28641E; } form #loading_gif { position:absolute; top:1.2em; left:326px; z-index:100; } /* -------------------------------------------------------------- setup all ID / layout selectors =ID, =layout, =navigation -----------------------------------------------------------------*/ #branding_menu { position:relative; float:left; min-width:1000px; width:100%; height:160px; overflow:hidden; background:#ad0d01 url("../img/branding-background-tiled.jpg") 0 0 repeat-x; color:#fff; } #logo { position:absolute; overflow:hidden; top:0; left:0; } #nav { position:relative; display:inline; float:left; list-style:none; top:73px; left:320px; } #nav li a { position:relative; /* important IE6 and anchors */ padding:6px; /* important IE6 and anchors */ display:block; /* important IE6 and anchors */ } #nav li a, #nav li a:link, #nav li a:visited { color:#d5d3c4; font-size:1.167em; font-weight:bold; } #nav li a:hover, #nav li a:active, #nav li a:focus { color:#000000; font-size:1.167em; font-weight:bold; } #nav li.live a, #nav li.live a:link, #nav li.live a:visited, #nav li.live a:hover, #nav li.live a:active, #nav li.live a:focus { color:#000; font-weight:bold; } #nav li { position:absolute; display:inline; float:left; } /*#nav #blog { top:0; left:0; } #nav #expertise { top:0; left:55px; } #nav #clients { top:0; left:145px; } #nav #people { top:0; left:218px; } #nav #dave { top:0; left:290px; } #nav #requestinfo { top:0; left:350px; } #nav #logout { left:484px; top:0; }*/ #nav #blog { top:0; left:0; } #nav #expertise { top:0; left:50px; } #nav #clients { top:0; left:135px; } #nav #work { top:0; left:200px; } #nav #people { top:0; left:250px; } #nav #dave { top:0; left:315px; } #nav #requestinfo { top:0; left:365px; } #nav #logout { left:484px; top:0; } #branding_menu .subnav { /* top:73px; */ } #branding_menu .subnav #worknav { position:absolute; min-width:350px; } #branding_menu .subnav #worknav li { float:left; display:inline; position:static; } #branding_menu .subnav #worknav li a { display:inline; float:left; margin:0 2px; padding:3px 2px; width:20px; background: transparent url("../img/work/work-subnav-sprites.png") no-repeat left top; overflow:hidden; font-weight:normal; } #worknav li a, #worknav li a:link, #worknav li a:visited { color:#d5d3c4 !important; } #worknav li a:hover, #worknav li a:active, #worknav li a:focus { color:#000000 !important; } #worknav li.live a:link, #worknav li.live a:visited, #worknav li.live a:hover, #worknav li.live a:active, #worknav li.live a:focus { color:#000000 !important; } #branding_menu .subnav #worknav li.live #one { text-indent:-9999px; background-position:0px 0; } #branding_menu .subnav #worknav li #one { text-indent:-9999px; background-position:-78px 0; } #branding_menu .subnav #worknav li #one:hover { background-position:0px 0 } #branding_menu .subnav #worknav li.live #two { text-indent:-9999px; background-position:-156px 0; } #branding_menu .subnav #worknav li #two { text-indent:-9999px; background-position:-234px 0; } #branding_menu .subnav #worknav li #two:hover { background-position:-156px 0 } #branding_menu .subnav #worknav li.live #three { text-indent:-9999px; background-position:-312px 0; } #branding_menu .subnav #worknav li #three { text-indent:-9999px; background-position:-390px 0; } #branding_menu .subnav #worknav li #three:hover { background-position:-312px 0; } #branding_menu .subnav #worknav li.live #four { text-indent:-9999px; background-position:-468px 0; } #branding_menu .subnav #worknav li #four { text-indent:-9999px; background-position:-546px 0; } #branding_menu .subnav #worknav li #four:hover { background-position:-468px 0 } #branding_menu .subnav #worknav li.live #five { text-indent:-9999px; background-position:-624px 0; } #branding_menu .subnav #worknav li #five { text-indent:-9999px; background-position:-702px 0; } #branding_menu .subnav #worknav li #five:hover { background-position:-624px 0; } #branding_menu .subnav #worknav li.live #six { text-indent:-9999px; background-position:-780px 0; } #branding_menu .subnav #worknav li #six { text-indent:-9999px; background-position:-858px 0; } #branding_menu .subnav #worknav li #six:hover { background-position:-780px 0; } #branding_menu .subnav #worknav li.live #seven{ text-indent:-9999px; background-position: -936px 0; } #branding_menu .subnav #worknav li #seven { text-indent:-9999px; background-position: -1014px 0; } #branding_menu .subnav #worknav li #seven:hover { background-position: -936px 0; } #branding_menu .subnav #worknav li.live #eight{ text-indent:-9999px; background-position: -1092px 0; } #branding_menu .subnav #worknav li #eight{ text-indent:-9999px; background-position: -1170px 0; } #branding_menu .subnav #worknav li #eight:hover { background-position: -1092px 0; } #branding_menu .subnav #worknav li.live #nine { text-indent:-9999px; background-position: -1248px 0; } #branding_menu .subnav #worknav li #nine { text-indent:-9999px; background-position: -1326px 0; } #branding_menu .subnav #worknav li #nine:hover { background-position: -1248px 0; } #davePage { background-color: #fff; position:relative; min-width:996px; max-width:1250px; margin:0; clear:both; text-align:center; display:block; } #davePage #column_left { /*width:295px;*/ text-align:left; } #column_rightTwo { position:relative; float:left; min-width:688px; max-width:942px; } #daves_faves { position:relative; float:left; width:240px; height:auto; top:104px; left:46px; padding-bottom:104px; } #dave_splash { position:relative; width:448px; float:left; top:28px; padding-bottom:28px; } #visit_dave { position:relative; float:left; top:74px; left:40px; width:268px; } #visit_dave .archives { padding-bottom:1.275em; } #visit_dave li p { font-weight:bold; font-size:0.8333em; line-height:1.83em; text-transform:uppercase; margin-bottom:0.275em; } #page { background: #fff url('../img/blog_page_background.gif') top left repeat-y; float:left; position:relative; display:inline; width:1000px; margin:22px 0 0 0; } #full { background-color: #ffffff; float:left; position:relative; display:inline; width:1000px; margin:0; } #column_left { position:relative; float:left; width:306px; min-height:360px; margin-top:24px; } #column_middle { position:relative; float:left; width:461px; min-height:360px; padding-left:23px; margin-top:24px; } #column_leftTwo { position:relative; float:left; width:771px; min-height:360px; padding-left:23px; margin-top:24px; } #page .workleft, #page .workright { margin-top:0px; } #column_right { position:relative; /*overflow:hidden;*/ float:left; width:206px; min-height:360px; margin-top:24px; } #column_combination { position:relative; float:inherit; width:996px; max-width:1250px; margin:0 auto; } #column_two { position:relative; overflow:hidden; float:left; width:669px; min-height:360px; margin-top:24px; } #column_right a, #column_right a:link, #column_right a:visited, #column_left a, #column_left a:link, #column_left a:visited { text-decoration:none; color:#000; } #column_right a:hover, #column_right a:active, #column_right a:focus, #column_left a:hover, #column_left a:active, #column_left a:focus { text-decoration:none; color:#AD0D01; } #subnav { float:left; width:484px; position:relative; padding:0 0 12px 0; left:-23px; margin-right:-23px; } #subnav li { display:inline; float:left; position:relative; padding:0 0 0 23px; width: 134px; /* full width should be 138px */ background:url('../img/arrow.jpg') top left no-repeat; } #subnav li.davePad, #subnav li.daveOffice { display:inline; float:left; position:relative; padding:0 0 0 23px; width: 211px; /* full width should be 138px */ background:url('../img/arrow.jpg') top left no-repeat; } #subnav li p { font-size:0.83em; padding:4px 0 0 0; margin-bottom:0.5em; margin-top:0; } #subnav div { font-size:0.83em; font-weight:bold; clear:both; } #subnav div a, #subnav div a:link, #subnav div a:visited, #column_middle a.view_more, #column_middle a.view_more:link, #column_middle a.view_more:visited { text-decoration:none; color:#000; } #subnav div a:hover, #subnav div a:active, #subnav div a:focus, #column_middle a.view_more:hover, #column_middle a.view_more:active, #column_middle a.view_more:focus { text-decoration:none; color:#AD0D01; } #footer #subnav { width:485px; clear:both; position:relative; padding:18px 0; margin:80px 0 -80px 0; top:-80px; left:0px; height:44px; border-top:1px solid #c8c8c8; border-right:1px solid #c8c8c8; } #footer { clear:both; position:relative; float:left; color:#666; margin:0 0px 18px 308px; width:692px; } #footer a, #footer a:link, #footer a:visited { text-decoration:none; color:#000; } #footer a:hover, #footer a:active, #footer a:focus { text-decoration:none; color:#AD0D01; } #work-footer { clear:both; position:relative; float:left; display:inline; color:#666; margin:0 20px 18px 60px; width:920px; text-align:center; border-bottom: 1px solid #c8c8c8; border-top: 1px solid #c8c8c8; height:75px; } #work-footer .flashObject { clear:none; position:relative; float:right; margin:0 auto; overflow:hidden; width:640px; height:75px; border:none; z-index:0; } #work-footer .work-type { clear:none; float:right; margin:0 auto; overflow:hidden; width:186px; height:75px; border:none; } #work-footer .flashObject li { width:151px; height:75px; overflow:hidden; margin:0 5px; background:black; display:inline; float:left; border-left:1px solid #c8c8c8; border-right:1px solid #c8c8c8; } #work-footer .flashObject li.live { opacity:1.0; } #work-footer .flashObject li.first { margin-left:0px !important; border-left: none; } #work-footer .flashObject li.last { margin-right:0px !important; border-right: none; } #work-footer .flashObject li span { border: 4px solid white; } div.work { clear:both; padding-left: 155px; font-size:10px; color:#666666; } /* -------------------------------------------------------------- setup all other ID selectors =descendant -----------------------------------------------------------------*/ #contact { position:relative; float:left; margin:20px 0 0 23px; } #white_papers { position:relative; float:left; top:18px; left:40px; } #white_papers li { font-weight:bold; font-size:0.83em; margin-top:0.275em; } #column_middle p { margin-top:18px; padding-right:20px; font-weight:normal; } #column_middle .lastp { margin-bottom:24px; } #column_middle ul, ol { margin-top:18px; } #column_middle ul ul, ol ol { margin:9px 0 0 2em; } #column_middle ul ul { list-style-type:disc; } /* -------------------------------------------------------------- headlines =head -----------------------------------------------------------------*/ #branding_menu h1 { text-indent:-9999px; } #column_middle h2 { font-size:1.992em; font-weight:bold; line-height:1.25em; } #column_middle h2 span { font-weight:lighter; } #column_middle h3 { font-weight:bold; } #subnav li h3 { font-size:1em; font-weight:bold; } #footer #subnav li h3 { padding-bottom:5px; } #column_right h3 { padding:10px 0 0 23px; font-weight:bold; } #column_right .work-blurb { padding-left:20px; width:168px; /* NEW */ position:relative; display:block; } #column_right .work-blurb h3 { /* NEW */ position:absolute; /* NEW */ width:250px; font-size:16px; font-weight:lighter; padding:0 0 6px 0; color:#CCCCCC; } #column_right .work-blurb h3 span { font-size:14px; font-weight:lighter; padding:42px 0 0 0; display:block; color:#000000; } #page .workdesc { font-size:11px; padding:0 0 0 0; text-align:left; text-transform:uppercase; font-weight:bold; /* NEW */ position:absolute; /* NEW */ top:161px; /* NEW */ width:250px; } #work-footer h3 { font-size:11px; padding:0 0 0 23px; text-align:left; text-transform:uppercase; font-weight:bold; line-height:72px; } #column_right .work-blurb .next { position:relative; left:-4px; margin-right:-4px; padding-bottom:40px; } #page .blurb { line-height: 2em; font-size:11px !important; color:#666666; } #page .showcase { width:640px; height:360px; overflow:hidden; float:right; position:relative; margin-bottom: 10px; bottom:0; z-index:1; border: 1px solid #c8c8c8; } .showcase p.alternate { position:absolute; top:145px; text-align:center; width:640px; font-size:14px; font-weight:bold; color:#ffffff; } #videoholder .still { position:relative; width:640px; z-index:-1;} .showcase #clientworknav { position:absolute;height:33px;z-index:5;overflow:hidden; } #column_right #clientdesc { padding-top:76px; } #navhook { font-size:11px; font-weight:bold; padding:7px 0; text-transform:uppercase; display:block; } #column_right a.live:link, #column_right a.live:visited, #column_right a.live:hover { color:#ad0d01; } #column_right .work-one { background: white url("../img/work/client-01.gif") no-repeat left top; } #column_right .work-two { background: white url("../img/work/client-02.gif") no-repeat left top; } #column_right .work-three { background: white url("../img/work/client-03.gif") no-repeat left top; } #column_right .work-four { background: white url("../img/work/client-04.gif") no-repeat left top; } #column_right .work-five { background: white url("../img/work/client-05.gif") no-repeat left top; } #column_right .work-six { background: white url("../img/work/client-06.gif") no-repeat left top; } #column_right .work-seven { background: white url("../img/work/client-07.gif") no-repeat left top; } #column_right .work-eight { background: white url("../img/work/client-08.gif") no-repeat left top; } #column_right .work-nine { background: white url("../img/work/client-09.gif") no-repeat left top; } /* -------------------------------------------------------------- other classes, etc... =class -----------------------------------------------------------------*/ #peoplePage { background-color: #fff; position:relative; min-width:1000px; max-width:1250px; clear:both; float:left; display:block; margin:22px 0 0 0; } #peoplePage #column_right { width:280px;left:-45px; margin-right:-45px; } #peoplePage #column_middle { width:433px; } #column_left h3 { padding:16px 0 18px 0; font-weight:bold; } #column_right .peopleVideo { float:left; position:relative; top:64px; margin-bottom:60px; width:280px; height: 188px; border:none; } #company_people { position:relative; display:block; float:left; padding:0 0 20px 0; } #company_people li { position:relative; float:left; background: #ffffff url("../img/six-degrees-all-people.gif") no-repeat; overflow:hidden; height:80px; width:215px; margin:0 0 10px 0; } #company_people li p { position:relative; top:36px; } #company_people li h3 { text-indent:-9999px; position:relative; top:-20px; margin-bottom:-20px; } #company_people .people-alizaangelchik { background-position: -10px 0; } #company_people .people-amybynum { background-position: -10px -80px; } #company_people .people-bessiestrategos { background-position: -10px -160px; } #company_people .people-christophernagle { background-position: -10px -240px; } #company_people .people-colleencassidy { background-position: -10px -320px; } #company_people .people-darrenjones { background-position: -10px -400px; } #company_people .people-elaineleonetti { background-position: -10px -480px; } #company_people .people-frankschab { background-position: -10px -560px; } #company_people .people-jesseschilling { background-position: -10px -640px; } #company_people .people-jessicabarcenas { background-position: -10px -720px; } #company_people .people-jillianmorley { background-position: -10px -800px; } #company_people .people-jimharris { background-position: -10px -890px; } #company_people .people-kathrynjolly { background-position: -10px -970px; } #company_people .people-kayharwood { background-position: -10px -1050px; } #company_people .people-kimberlycoffman { background-position: -10px -1130px; } #company_people .people-lisajohnson { background-position: -10px -1210px; } #company_people .people-lucycaigne { background-position: -10px -1290px; } #company_people .people-markgauzens { background-position: -10px -1370px; } #company_people .people-marklaverman { background-position: -10px -1450px; } #company_people .people-mattturkington { background-position: -10px -1530px; } #company_people .people-mercedescimino { background-position: -10px -1610px; } #company_people .people-sarahpowell { background-position: -10px -1690px; } #column_middle .one_right { float:right; width:155px; padding:0 18px; } #column_middle .three_left { float:left; width:135px; padding:0 18px 0 0; } #column_middle .two_left { float:left; width:230px; } #column_middle .two_grid { float:left; width:460px; } #social_media { position:relative;float:left;padding-bottom:0.5em; } #social_media span, #social_media a { float:left;} #social_media img { position:relative;top:-4px;padding:0 2px;z-index:1;} #social_media #tw_dropdown { position:relative;display:inline;float:left; } #social_media #tw_links { position:absolute;padding:3px 0 7px 0;width:120px;left:-20px;top:10px;margin:10px;z-index:100;border:1px solid #ccc;background:rgb(255,255,255); background:rgba(255,255,255,0.85); float:left;} #social_media #tw_links a { display:block;width:100%;text-align:left;padding:0 0 0 10px;margin:2px 0; } #social_media #tw_links #tw_ob { } /* -------------------------------------------------------------- epulse =epulse -----------------------------------------------------------------*/ .epulse #footer a, .epulse #footer a:link, .epulse #footer a:visited, .epulse a, .epulse a:link, .epulse a:visited { text-decoration:none; color:#00a9e8; } .epulse #footer a:hover, .epulse #footer a:active, .epulse #footer a:focus, .epulse a:hover, .epulse a:active, .epulse a:focus { text-decoration:none; color:#000000; } .epulse .body { background: #fff url('../img/epulse-background.jpg') 320px 0px no-repeat; float:left; width:100%; } .epulse .body .branding { position:relative; top:64px; left:104px; margin-bottom:64px; float:left; } .epulse .offering { position:relative; top:24px; left:174px; margin-bottom:24px; float:left; width:750px; } .epulse .headline { font-size:1.167em; /*line-height:1.5em;*/ color:#e63022; } .epulse .offering p { margin-top:14px; width:500px; color:#666666; } .epulse .resources { position:relative; float:left; width:460px; top:14px; left:174px; margin-bottom:14px; } .epulse .resources ul { position:relative; float:left; width:460px; height:150px; overflow:hidden; border-bottom:1px solid #cccccc; background: #ffffff url('../img/resources-background.jpg') -35px 72px no-repeat; } .epulse .resources li { float:left; display:inline; padding-top:12px; margin:0; width:230px; } .epulse .resources li.first { margin-left:20px; width:210px; } .epulse .resources .download { display:block; position:relative; padding:8px 0; } .epulse .resources p { float:left; margin:12px 0; text-align:center; width:230px; line-height:12px; } .epulse .resources p strong { font-size:1.167em; color:#f79628; } .epulse #footer { position:relative; margin:0; top:24px; left:174px; margin-bottom:24px; float:left; width:750px; } .epulse .footnotes { padding-left:0 !important; color:#666666 !important; } .epulse #footer a { color:inherit; } .row_spacer { position:relative;top:30px;left:30px;width:208px; } .home_content { font-size:1.25em; color:#666666; } .address { padding-bottom:1em; font-size:1.25em; } .phone { padding-bottom:1em; font-size:1.25em; } .address p, .phone p { line-height:1.83em; } .emailLink { padding-bottom:1.5em; font-weight:bold; color:#000; } .government { padding-bottom:1em; font-weight:bold; font-size:1.25em; } .bottom { margin-top:120px; } .flashObject { clear:both; overflow:hidden; border-bottom: 1px solid #c8c8c8; border-top: 1px solid #c8c8c8; width:675px; height:75px; } .flashDownloadButton { position:absolute; top:50%; left:38%; } .footnotes { font-size:0.83em; padding:12px 0 0 23px; } .footnotes p { line-height:0.9em; } .middle { vertical-align:middle; } .grayBold { color:#666666; font-weight:bold; } img.divider { margin:0 0.625em; } .view_more { font-weight:bold; text-transform:uppercase; font-size:0.83em; margin-top:0.275em; } .six_red { color:#AD0D01; } .six_red_arrow { color:#AD0D01; font-weight:bold; } .six_black { color:#000000; font-weight:bold; } .valid { font-weight:bold; } .statistics { display:none; } .right { float:right; } .alignright { float:right; text-align:right; } .left { float:left; } .alignleft { float:left; text-align:left; } .aligncenter { margin:0 auto; text-align:center; } .sensoryBrandingVideo { position:relative; top:6px; margin-bottom:6px; } .featured { margin-top:40px; } .top { margin-top:246px; } .nobullet { list-style-type:none !important; }