@charset "utf-8"; /*** CSS Document ***/ /*** General Styles ***/ body { padding:0px;margin:0px;font-family:Helvetica, Arial, sans-serif;color:#000000;font-size:14px; background-color:#67999A; } div, p, form {padding:0px;margin:0px;} table {border:0px;} h1, h2, h3, h4, h5, h6 {font-weight:normal;margin:0px;padding:0px;} p { line-height:18px;margin-bottom:16px; } a { color:#cc6633;text-decoration:none;border:0px !important;outline:none !important; } a:hover { text-decoration:underline; } .colorBlue {color:#67999A;} .colorOrange {color:#cc6633;/*color:#c04f27;*/} .underline {text-decoration:underline;} .italic {font-style:italic;} /*** Box-Container Styles ***/ #BodyBag { width:990px;height:auto;background-color:#FFFFFF;margin:0 auto; } #BodyBag #Header {width:990px;height:100px;overflow:visible;position:relative;background: url(../image/bg.nav.gif) 0px 84px repeat-x;margin-bottom:0px;} #BodyBag #Content {width:990px;height:auto;overflow:hidden; } #BodyBag #Footer {width:990px;height:46px;overflow:hidden;background: url(../image/bg.nav.gif) 0px 0px repeat-x; } /*** Header Styles ***/ #BodyBag #Header #Logo {width:240px;height:100px;overflow:hidden;position:absolute;left:0px;top:0px;background:url(../image/HeliconLogo.gif) 15px 14px no-repeat;text-indent:-999px;} /*** Main Menu (TOP) Styles ***/ #BodyBag #Header #MainNav_Top { position:absolute;right:35px;top:53px; } #BodyBag #Header #MainNav_Top .divider { float:left;width:11px;height:22px;overflow:hidden; background:url(../image/menu/divider.gif) 5px 0px no-repeat; text-indent:-999px; } #BodyBag #Header #MainNav_Top a.button { float:left;display:block;height:22px;overflow:hidden;background-position:0px 0px;background-repeat:no-repeat;text-indent:-999px; } #BodyBag #Header #MainNav_Top a.button:hover, #BodyBag #Header #MainNav_Top a.active { background-position:0px -38px; } #BodyBag #Header #MainNav_Top .OurBlog { background-image:url(../image/menu/0_OurBlog.gif); width:70px; } #BodyBag #Header #MainNav_Top .OurTeam { background-image:url(../image/menu/1_OurTeam.gif); width:69px; } #BodyBag #Header #MainNav_Top .OurServices { background-image:url(../image/menu/2_OurServices.gif);width:86px; } #BodyBag #Header #MainNav_Top .OurFilter { background-image:url(../image/menu/3_OurFilter.gif); width:70px; } #BodyBag #Header #MainNav_Top .Clients { background-image:url(../image/menu/4_Clients.gif); width:53px; } #BodyBag #Header #MainNav_Top .ContactUs { background-image:url(../image/menu/5_ContactUs.gif); width:80px; } #BodyBag #Header .MailingList {display:block;width:126px;height:22px;overflow:hidden;background:url(../image/menu/MailingList.gif) 0px 0px no-repeat;position:absolute;top:17px;right:30px;text-indent:-999px;} #BodyBag #Header .MailingList:hover, #BodyBag #Header .MailingList_active {background-position:0px -38px !important;} /*** Footer (BOTTOM) Styles ***/ #BodyBag #Footer div { width:820px;margin:15px auto 0px auto; } #BodyBag #Footer p { float:left;font-size:11px;text-transform:uppercase; padding:3px 0px 0px; } #BodyBag #Footer .copyright { display:block;width:105px;height:16px;overflow:hidden;text-indent:-999px;background:url(../image/menu/copyright.gif) center no-repeat; } #BodyBag #Footer .divider { float:left;display:block;width:11px;height:22px;overflow:hidden;background:url(../image/menu/divider.gif) 4px 0px no-repeat; text-indent:-999px;margin:0px 10px;padding:0px; } /*** SPECIALIZED: Landing Page Styles ***/ #BodyBag.LandingPage #Content { position:relative;min-height:530px; } #BodyBag.LandingPage #Content #FlashBox { display:block;width:541px;height:503px;overflow:hidden;position:absolute;top:0px;left:0px; } #BodyBag.LandingPage #Content h3, #BodyBag.LandingPage #Content h4, #BodyBag.LandingPage #Content p { width:345px; margin: 0 41px 0 auto;} #BodyBag.LandingPage #Content h3{ background:url(../image/titles/index.whatsnew.gif) 0px 0px no-repeat;height:33px;overflow:hidden;text-indent:-999px;margin-bottom:25px; } #BodyBag.LandingPage #Content h4{ font-size:14px;font-weight:bold; } #BodyBag.LandingPage #Content blockquote { display:block;width:345px;margin:35px 41px 0 auto;height:177px;overflow:hidden;background:url(../image/landing/quote.gif) 0px 0px no-repeat; } #BodyBag.LandingPage #Content blockquote p { margin:10px 50px;width:auto;padding:0;display:block;font-size:13pt;color:#67999A;font-style:italic;font-weight:bold;text-align:center; } #BodyBag.LandingPage #Content blockquote span { display:block;text-align:center;color:#67999A;font-size:8pt;font-style:normal;font-weight:bold; } #BodyBag.LandingPage #Content p.newItem { font-size:12px;margin-top:10px;margin-bottom:10px;} #BodyBag.LandingPage #Content p.newItem a.title {font-weight:bold;} /*** SPECIALIZED: Left Menu Page Styles ***/ #BodyBag.withLeftMenu #Content { position:relative;min-height:400px;margin-bottom:40px; } #BodyBag.withLeftMenu #Content div.floatLeft, #BodyBag.withLeftMenu #Content div.ourteam, #BodyBag.withLeftMenu #Content div.ourteamPrincipal, #BodyBag.withLeftMenu #Content div.ourteamAssociate, #BodyBag.withLeftMenu #Content div.ourservicesItem, #BodyBag.withLeftMenu #Content div.ourclients, #BodyBag.withLeftMenu #Content div.ourfilterItem, #BodyBag.withLeftMenu #Content div.contactusItem, #BodyBag.withLeftMenu #Content div.synopsisItem, #BodyBag.withLeftMenu #Content div.articleItem, #BodyBag.withLeftMenu #Content div.mailinglist { margin-left:280px;margin-right:200px;width:510px; } #BodyBag.withLeftMenu #Content h2 { margin:20px 200px 25px 280px;font-size:30px;font-weight:normal; } #BodyBag.withLeftMenu #Content div.menu { position:absolute;top:72px;left:7px; } #BodyBag.withLeftMenu #Content div.menu li em { display:block;width:200px;margin-top:60px;font-size:10px;color:#999999; } #BodyBag.withLeftMenu #Content div.menu ul { list-style:none; } #BodyBag.withLeftMenu #Content div.menu ul li { margin-bottom:12px; } #BodyBag.withLeftMenu #Content div.menu ul li.title { margin-top:20px; } #BodyBag.withLeftMenu #Content div.menu ul li.title a { background-position:0px 0px;background-repeat:no-repeat;text-indent:-999px;display:block;height:11px;overflow:hidden; } #BodyBag.withLeftMenu #Content div.menu ul li.title a:hover, #BodyBag.withLeftMenu #Content div.menu ul li.title a.active { background-position:0px -16px;background-repeat:no-repeat;} #BodyBag.withLeftMenu #Content div.menu ul li.item { display:block;width:200px;padding-left:10px;margin-bottom:12px; } #BodyBag.withLeftMenu #Content div.menu ul li a { width:207px !important;color:#000000;list-style:none;font-size:11px;text-decoration:none; } #BodyBag.withLeftMenu #Content div.menu ul li a:hover, #BodyBag.withLeftMenu #Content div.menu ul li a.active { color:#C14F2B !important; } /*** SPECIALIZED: Our Team Profile Styles ***/ #BodyBag.withLeftMenu #Content div.ourteamPrincipal h4 { color:#C14F2B;font-size:24px;font-weight:normal;padding-top:100px;margin-bottom:10px; } #BodyBag.withLeftMenu #Content div.ourteamPrincipal img { margin-right:13px; margin-bottom:7px; } #BodyBag.withLeftMenu #Content div.ourteamPrincipal strong { color:#67999A;font-size:18px;padding-right:6px; font-weight:normal; } #BodyBag.withLeftMenu #Content div.ourteamAssociate h4 { font-size:16px;margin-bottom:10px;font-weight:bold !important; } #BodyBag.withLeftMenu #Content div.ourteamAssociate img { margin-right:13px; margin-bottom:7px; } #BodyBag.withLeftMenu #Content div.ourteamAssociate p { font-size:12px;line-height:18px;margin-bottom:30px; } #BodyBag.withLeftMenu #Content div.ourteamMenu ul li.principals a { background-image:url(../image/menu/ourteam_staff.gif); } #BodyBag.withLeftMenu #Content div.ourteamMenu ul li.associates a { background-image:url(../image/menu/ourteam_associates.gif); } /*** SPECIALIZED: Our Service Styles ***/ #BodyBag.withLeftMenu #Content div.ourservicesMenu ul li.mf a { background:url(../image/menu/ourservice_mf.gif);} #BodyBag.withLeftMenu #Content div.ourservicesMenu ul li.rna a { background:url(../image/menu/ourservice_rna.gif); } #BodyBag.withLeftMenu #Content div.ourservicesMenu ul li.all a { background:url(../image/menu/clients_all.gif); } #BodyBag.withLeftMenu #Content div.ourservicesMenu ul li.spmod a { height:23px; background:url(../image/menu/ourservice_spmod.gif); } #BodyBag.withLeftMenu #Content div.ourservicesMenu ul li.pdme a { height:23px; background:url(../image/menu/ourservice_pdme.gif);} #BodyBag.withLeftMenu #Content div.ourservicesMenu ul li.spmod a:hover, #BodyBag.withLeftMenu #Content div.ourservicesMenu ul li.spmod a.active, #BodyBag.withLeftMenu #Content div.ourservicesMenu ul li.pdme a:hover, #BodyBag.withLeftMenu #Content div.ourservicesMenu ul li.pdme a.active { background-position:0px -32px;} #BodyBag.withLeftMenu #Content div.ourservicesItem ul {} #BodyBag.withLeftMenu #Content div.ourservicesItem ul li { margin-bottom:10px; } #BodyBag.withLeftMenu #Content div.ourservicesItem div.projects h5 { font-weight:bold !important; } /*** SPECIALIZED: Our Filter Styles ***/ #BodyBag.withLeftMenu #Content div.ourfilterMenu ul li.rwl a { background:url(../image/menu/ourfilter_rwl.gif); } #BodyBag.withLeftMenu #Content div.ourfilterMenu ul li.rna a { background:url(../image/menu/ourfilter_rna.gif); } #BodyBag.withLeftMenu #Content div.ourfilterMenu ul li.hal a { background:url(../image/menu/ourfilter_hal.gif); } #BodyBag.withLeftMenu #Content div.ourfilterItem div.full { display:none; } #BodyBag.withLeftMenu #Content div.resourcesWeLike div.projects p, #BodyBag.withLeftMenu #Content div.resourcesWeLike div.projects a, #BodyBag.withLeftMenu #Content div.resourcesWeLike div.projects h5 { font-size:13px !important;/*margin-bottom:0px !important;*/} #BodyBag.withLeftMenu #Content div.ourfilterItem div.projects div.event { margin-bottom:20px; } #BodyBag.withLeftMenu #Content div.ourfilterItem div.special div.event h5 { color:#000000;font-weight:bold; } #BodyBag.withLeftMenu #Content div.ourfilterItem div.projects div.event span{ display:block;float:right;margin-left:10px;width:150px;text-align:left; } #BodyBag.withLeftMenu #Content div.ourfilterItem div.projects div.event p { display:none; } #BodyBag.withLeftMenu #Content div.resourcesWeLike div.projects strong a{ font-size:10px !important; } /*** SPECIALIZED: Clients Styles ***/ #BodyBag.withLeftMenu #Content div.ourclients { width:585px;position:relative; } #BodyBag.withLeftMenu #Content div.ourclients div.column { width:240px;margin-right:50px; } #BodyBag.withLeftMenu #Content div.ourclients div.right { position:absolute;top:0px;right:0px; } #BodyBag.withLeftMenu #Content div.ourclients div.client { margin-bottom:15px;cursor:pointer; } #BodyBag.withLeftMenu #Content div.ourclients div.client h5 { width:auto;margin:0px;font-weight:normal;font-size:12px; } #BodyBag.withLeftMenu #Content div.ourclients div.client p { display:none; } #BodyBag.withLeftMenu #Content div.ourclients div.column div { color:#CCCCCC; } #BodyBag.withLeftMenu #Content div.ourclients div.column div.active { color:#000000; } /*** SPECIALIZED: Contact Styles ***/ #BodyBag.withLeftMenu #Content div.contactusItem {margin-right:0px;width:700px;} #BodyBag.withLeftMenu #Content div.contactusMenu ul li.credits a { background:url(../image/menu/contact_credits.gif);} #BodyBag.withLeftMenu #Content div.contactusItem p.contact { display:block;width:200px;height:65px;margin-bottom:10px;overflow:visible;float:left;font-size:12px; } #BodyBag.withLeftMenu #Content div.contactusItem p.contact strong { font-size:18px; margin:0px; } #BodyBag.withLeftMenu #Content div.contactusItem p.contact span { display:block; margin: 2px 0; } #BodyBag.withLeftMenu #Content div.contactusItem p.contact a { text-decoration:underline; } #BodyBag.withLeftMenu #Content div.contactusItem table th, #BodyBag.withLeftMenu #Content div.contactusItem table td { width:300px;text-align:left;vertical-align:top;padding-bottom:7px; font-size:12px; font-weight:bold; } #BodyBag.withLeftMenu #Content div.contactusItem table th { width:230px; } #BodyBag.withLeftMenu #Content div.contactusItem table td em { font-weight:normal; font-style:normal; } #BodyBag.withLeftMenu #Content div.contactusItem strong { font-size:18px;display:block;margin-bottom:13px;font-weight:normal; } /*** SPECIALIZED: Synopsis ***/ div.synopsisItem h3 { font-size:14px;font-weight:bold;text-transform:uppercase; margin:0px; } div.synopsisItem h4 { font-size:14px;font-weight:normal;text-transform:uppercase; margin:0px 0px 20px; } div.synopsisItem p { font-size:12px;margin-bottom:25px; } div.synopsisItem p.quote { font-size:20px;color:#67999A;font-style:italic; } div.synopsisItem p.services { font-size:10px;text-transform:uppercase;font-weight:bold; } /*** SPECIALIZED: Articles ***/ div.articleItem h5 {margin:0px 0px 10px 0px;font-size:17px;font-weight:bold;color:#67999A;} div.articleItem p {margin:0 0 10px;} div.articleItem strong {display:block;margin-bottom:10px;} /*** SPECIALIZED: Project ***/ #BodyBag.withLeftMenu #Content div div.projects strong { display:block;font-weight:normal;font-size:22px;margin-top:20px;margin-bottom:15px;color:#67999A; } #BodyBag.withLeftMenu #Content div div.projects h5 { font-size:14px;font-weight:normal;margin-bottom:5px; } #BodyBag.withLeftMenu #Content div div.projects h5.special a{ font-size:12px;font-weight:normal; } #BodyBag.withLeftMenu #Content div div.projects p { font-size:12px; } #BodyBag.withLeftMenu #Content div div.projects p a { display:block;font-weight:normal;width:auto;overflow:visible; } #BodyBag.withLeftMenu #Content div div.special h5 { color:#cc6633; } /*** SPECIALIZED: Mailing List ***/ #BodyBag.withLeftMenu #Content div.mailinglist input.text { display:block;width:340px;border:1px solid #8fb4b4;color:#8fb4b4;font-size:14px; margin-bottom:8px; padding:2px 13px;} #BodyBag.withLeftMenu #Content div.mailinglist input.submit { display:block;width:97px;height:30px;overflow:hidden;background:url(../image/submit.gif) 0px 0px no-repeat;text-indent:-999px;border:0px;margin-left:-7px;margin-top:25px;cursor:pointer; } /*** ADD-ONS: Tooltip ***/ div.preload {background-image:url(../image/addons/UltraBubble.png);} #tooltip.pretty, .ttPre { border:none;background: transparent; } #tooltip.pretty div.tooltipBox {background:url(../image/addons/UltraBubble.png) 0 0 no-repeat;width:210px;padding:20px 20px 0;font-size:11px;line-height:150%;} #tooltip.pretty div.tooltipClose {background:url(../image/addons/UltraBubble.png) 0 -280px no-repeat;width:210px;padding:0 20px 20px;height:18px;} /*#tooltip.short { height:70px !important;background:url(../image/addons/bubble.3.png) no-repeat !important; }*/ #tooltip.pretty strong { display:block;margin-bottom:5px;color:#cc6633; } #tooltip.pretty em { display:block; } #tooltip.pretty div { text-align:left;margin-bottom:0px; } /*** ADD-ONS: ScrollControl ***/ #BodyBag.withLeftMenu #Content a.toTop{ float:right;font-size:10px !important;display:block;padding-top:3px;margin-right:-50px; }