/* Overall Layout Formatting ----------------------------------------------- */ BODY { text-align: center; background: #0e273e url(/images/global-bg.gif) repeat-y 50% 0; font-family: helvetica, arial, san-serif; color: #000; } #BackgroundWrapper { background: #0e273e url(../images/global-bg.gif) repeat-y 50% 0; } #SiteWrapper { margin: 0 auto; padding: 0; background: #FFF; position: relative; text-align: left; width: 860px; } /* Header and Navigation Treatment ----------------------------------------------- */ #Header { background: #000 url(../images/global-logo.gif) no-repeat 100% 0; } #Header UL { padding: 88px 0 10px 10px; list-style: none; } #Header LI { padding: 0 12px 0 0; position: relative; display: inline; } #Header A { font-size: 80%; font-weight: bold; color: #ff8a00; text-transform: uppercase; text-decoration: none; } #Header A:link { } #Header A:visited { } #Header A:hover { color: #FFF; } #Header A:active { } #Header A.Selected { color: #FFF; } /* Main Columns ----------------------------------------------- */ #Columns {} #Columns.TwoColumn #Column1 { margin: 0 0 10px 0; padding: 0; width: 182px; float: left; background: #434343; } #Columns.TwoColumn #Column2 { margin: 0; padding: 0; width: 668px; float: right; } #Columns.TwoColumn #Columna { margin: 0 0 10px 0; padding: 0; width: 505px; float: left; background: #ffffff; } #Columns.TwoColumn #Columnb { margin: 0; padding: 0; width: 345px; float: left; } #Columns.ThreeColumn #Column1 { margin: 0 0 10px 0; padding: 0; width: 182px; float: left; background: #434343; } #Columns.ThreeColumn #Column2 { margin: 0; padding: 0 0 0 10px; width: 490px; float: left; } #Columns.ThreeColumn #Column3 { margin: 0 0 10px 0; padding: 0px; width: 168px; float: right; background: #000; } #Columns H3 { margin: 0 0 10px 0; font-size: 90%; font-weight: bold; text-transform: uppercase; color: #0e263e; } #Columns H3.Black { padding: 10px; background: #000; color: #FFF; } #Columns H3.Black A:link {color:#FFFFFF; text-decoration:none;} #Columns H3.Black A:visited {color:#FFFFFF; text-decoration:none;} #Columns H3.Black A:hover {color:#FFFFFF; text-decoration:none;} #Columns H3.Black A:active {color:#FFFFFF; text-decoration:none;} #Columns H3.Black A:Selected {color:#FFFFFF; text-decoration:none;} #Columns P, #Columns DL { margin: 0 1em .75em 10px; } #Columns P { font-size: 75%; line-height: 1.6em; } #Column3 H2 { font-size: 80%; line-height: 1.4em; color: #AAA; text-transform: uppercase; font-weight: normal; } #Column3 H3 { font-size: 70%; line-height: 1.4em; color: #666; text-transform: uppercase; font-weight: normal; } .TwoColumn #Column1 H4, .ThreeColumn #Column1 H4 { padding-bottom: 10px; font-size: 70%; line-height: 1.4em; color: #666; text-transform: uppercase; font-weight: normal; } /* Section and Page Intros ----------------------------------------------- */ #SectionIntro { margin: 10px 0 0 0; background: #FFF url(/images/global-section_intro_bg.jpg) no-repeat 0 0; } #Breadcrumb { padding: 7px 10px 4px 10px; font-size: 70%; text-transform: uppercase; color: #768391;} #Breadcrumb A { color: #ff8a00; text-decoration: none; } #Breadcrumb A:hover { color: #FFF; text-decoration: none; } #SectionIntro H1 { margin: 0; padding: 0 0 20px 10px; font-size: 190%; color: #FFF; } .PageIntro { margin: 0 0 10px 0; } #Clients #Column2 { background: #FFF url(/images/global-col_bg.blue.gif) top left repeat-x; } #Who_we_are #Column2 { background: #FFF url(/images/global-col_bg.blue.gif) top left repeat-x; } #Contact_us #Column2 { background: #FFF url(/images/global-col_bg.blue.gif) top left repeat-x; } #Action #Column2 { background: #FFF url(/images/global-col_bg.blue.gif) top left repeat-x; } #PageIntro H2 { margin: 0; color: #0e263e; font-size: 120%; line-height: 1.25em; font-weight: normal; padding-right: 250px; } #FreeReportIntro H2 { margin: 0; padding: 10px 0 0 10px; color: #0e263e; font-size: 120%; line-height: 1.25em; font-weight: normal; } /* SubNavigation ----------------------------------------------- */ #SubNavigation { padding: 10px; border-bottom: 10px solid #FFF; background: #000; } #SubNavigation LI { } #SubNavigation A { padding: 8px 0px 6px 3px; font-size: 80%; font-weight: bold; color: #ff8a00; text-transform: uppercase; text-decoration: none; display: block; } #SubNavigation A:link { } #SubNavigation A:visited { } #SubNavigation A:hover { color: #FFF; } #SubNavigation A:active { } #SubNavigation A.Selected { color: #FFF; background: #333; } /* Next and Previous Navigation ----------------------------------------------- */ DIV.Next { float: right; width: 220px; text-align: right; } DIV.Prev { float: left; width: 220px; } /* Footer ----------------------------------------------- */ #Footer { margin: 0; padding: 10px; font-size: 75%; background: #000; color: #FFF; clear: both; } #Footer UL { margin: 0 0 10px 0; padding: 0; list-style: none; } #Footer LI { padding: 0 12px 0 0; position: relative; display: inline; } #Footer P { line-height: 1.3em; margin: 0 0 10px 0; } #Footer A { color: #ff8a00; text-decoration: none; } #Footer A:link { } #Footer A:visited { } #Footer A:hover { color: #FFF; } #Footer A:active { } /* General Utilities ----------------------------------------------- */ STRONG { font-weight: bold; } .Right { float: right; } .Left { float: left; } .UpperCase { text-transform: uppercase; font-weight: bold; color: #0e263e; padding-right: 5px; } /* Default Links ----------------------------------------------- */ A { color: #006699; text-decoration: none; } A:link { } A:visited { } A:hover { color: #006699; text-decoration: underline; } A:active { } #Column3 A { color: #006699; text-decoration: none; } #Column3 A:link { } #Column3 A:visited { } #Column3 A:hover { color: #003366; text-decoration: underline; } #Column3 A:active { } /* PostListings/RSS Feeds ----------------------------------------------- */ .PostListing DL { } .PostListing DT { font-size: 80%; line-height: 1.25em; } .PostListing DD { color: #333; padding-bottom: 1em; font-size: 75%; } IMG.Feeds { right: 10px; position: absolute; } /* ----------------------------------------------- Section Specific Styles /* Google Map ----------------------------------------------- */ #map { margin: 10px 5px 30px 10px; width: 480px; height: 300px; border: 1px solid #ff8a00; float: left;} /* Home Specifics ----------------------------------------------- */ #Blocks { padding: 10px 0; border: none; } #BlocksLeft { width: 182px; float: left; } #BlocksLeft IMG, #BlocksRight IMG { padding-bottom: 10px; } #BlocksMiddle { margin: 0 10px; padding: 10px; width: 456px; height: 240px; background: #000 url(/images/home-intro_bg.gif) top left repeat-x; float: left; } #BlocksRight { width: 182px; float: left; } #Blocks H2 { margin: .5em 0; font-size: 120%; color: #FFF; line-height: 1.3em; font-weight: normal; } #Blocks UL { list-style: none; } #Blocks LI { padding: 0 12px 0 0; position: relative; display: inline; } #Blocks A { font-size: 80%; color: #ff8a00; text-transform: uppercase; text-decoration: none; } #Blocks A:link { } #Blocks A:visited { } #Blocks A:hover { color: #FFF; } #Blocks A:active { } #Home #Columns.TwoColumn #Column1 { margin: 0; padding: 0; width: 542px; float: left; background: #FFF; } #Home #Columns.TwoColumn #Column2 { margin: 0; padding: 0; width: 310px; float: right; } #Home #Column1 P.Intro { margin: 0; padding: 10px; font-size: 90%; color: #0e263e; line-height: 1.5em; background: #FFF url(/images/global-col_bg.blue.gif) top left repeat-x; } #Home #Column1 .Intro BR { padding-bottom: 10px; } /* Approach Area Styles ----------------------------------------------- */ .Consumer { background: #ffaf00; } .B2B { background: #ff7800; } .Online { background: #910a00; } .Non-Traditional { background: #d03511; } .Stewardship { background: #0f477e; } #Approaches #PageIntro H2 { color: #FFF; } #Approaches .Item { width: 320px; padding-right: 10px; float: left; } #Approaches .Item H3 { padding: 10px; color: #FFF; } #Approaches .Item H4 { color: #333; padding: 0 10px 5px 10px; font-weight: bold; font-size: 90%; text-transform: uppercase; } #Approaches.Approach #Column2 H4 { padding: 10px; color: #0e263e; line-height: 1.25em; } #Approaches.Approach #Column2 UL { margin: 0 1em; padding-left: .5em; list-style: square; } #Approaches.Approach #Column2 LI { margin: 0 1em; padding: 0 0 5px 0; font-size: 80%; line-height: 1.4em; } #Approaches.Approach IMG { padding: 10px 0 10px 0; } #Approaches.Approach H2 { font-size: 140%; font-weight: bold; padding: 10px; color: #FFF; text-transform: uppercase; } #Approaches.Approach DIV.Content { padding: 10px; } #Approaches.Approach #MediaSpecialist IMG { padding: 0px 0 10px 0; } #Approaches.Approach #MediaSpecialist DL { margin: 0; padding: 0; } #Approaches.Approach #MediaSpecialist DD { color: #FFF; padding-top: 3px; } #Approaches.Approach #MediaSpecialist DD.Name { text-transform: uppercase; font-size: 85%; } #Approaches.Approach #MediaSpecialist DD.Position { color: #888; font-size: 80%; } #Approaches.Approach #MediaSpecialist DD.Question { padding: 10px 0; font-size: 85%; line-height: 1em; } #Approaches.Approach #MediaSpecialist A.Button { padding: 5px 8px 3px 8px; background-color: #ff8a00; color: #FFF; font-size: 80%; } #Approaches.Approach #MediaSpecialist A.Button:hover { background-color: #006699; text-decoration: none; } #Approaches.Approach Div.Body { background: #FFF url(/images/global-col_bg.blue.gif) top left repeat-x; } #Approaches #Column2 .Item IMG { padding-bottom: 10px; } #Approaches.Insight #Column2 H4 { padding: 10px 0px 0 10px; font-weight: bold; } #Approaches.Insight #Column3 #RecentEntries { padding: 10px; } #Approaches.Insight #Column3 #RecentEntries DL { margin-left: 0; font-size: 75%; color: #999; clear: both; display: block; } #Approaches.Insight #Column2 #RecentEntries { padding: 5px 10px 10px 10px; } #Approaches.Insight #Column2 #RecentEntries DL { margin-left: 0; font-size: 75%; clear: both; color: #444; } #Approaches.Insight #Column2 UL { margin: 0 1em; padding-left: .5em; list-style: square; } #Approaches.Insight #Column2 LI { margin: 0 1em; padding: 0 0 .5em 0; font-size: 80%; } #Approaches.Insight #Column2 H2 A { padding-left: 10px; } #Approaches.Insight DIV.Black {background-color: #000; color: #FFF; padding: 12px 10px 0px 10px; float: left; width: 470px; margin-bottom: 14px;} #Approaches.Insight DIV.Black .Left H3 { color: #FFF; } /* Approach Area Styles ----------------------------------------------- */ #Services #PageIntro H2 { color: #FFF; } #Services #ServiceList { margin: 0 0 0 10px; padding: 10px; width: 240px; float: right; color: #0e263e; background: #FFF url(/images/global-col_bg.blue.gif) top left repeat-x; } #Services #ServiceList DL { margin-top: .5em; } #Services #ServiceList DT { margin-bottom: .25em; color: #0f477e; font-size: 90%; font-weight: bold; text-transform: uppercase; } #Services #ServiceList DD { margin-bottom: .75em; color: #000; font-size: 70%; line-height: 1.25em; } #Services.Service #Column2 { background: #FFF url(/images/global-col_bg.blue.gif) top left repeat-x; } #Services.Service #PageIntro { background: none; } #Services.Service #PageIntro H2 { color: #0f477e; font-weight: bold; text-transform: uppercase; } #Services.Service #Column2 H3 { padding: 10px; color: #0f477e; } #Services.Service #Column3 #RelatedEntries { padding: 10px; } #Services.Service #Column3 #RelatedEntries DL { font-size: 75%; color: #999; } #Services IMG.Photo { margin: 0px 20px 18px 18px} #Services.Service DIV.Entry { width: 460px; float: left; } #Services.Service DIV.Left { width: 195px; float: left; } /* Clients Styles ----------------------------------------------- */ #Clients #Columns.TwoColumn #Column2 { margin: 0; padding: 0; width: 860px; float: left; } #Clients .Testimonial { padding-left: 10px; float: left; } #Clients .Testimonial DL { margin: 0; padding: 10px; width: 168px; background: url(/images/clients-testimonial_bg.gif) repeat-x 0 0; } #Clients .Testimonial DT { margin: 1em 0; color: #0e263e; font-size: 80%; line-height: 1.25em; } #Clients .Testimonial DD { font-size: 70%; } #Clients .Item { margin: 0 10px 0 25px; width: 170px; float: left; } /*#Clients .Item { margin: 0 10px 0 25px; width: 100%; display:block; float: left; } */#Clients .Item UL { margin: 0 0 1em 1em; list-style: square; } #Clients .Item LI { font-size: 75%; line-height: 1.25em; } /* Clients w Logo Styles ----------------------------------------------- */ #ClientsLogo #Columns.TwoColumn #Column2 { margin: 0; padding: 0; width: 860px; float: left; } #ClientsLogo .Testimonial { padding-left: 10px; float: left; } #ClientsLogo .Testimonial DL { margin: 0; padding: 10px; width: 168px; background: url(/images/clients-testimonial_bg.gif) repeat-x 0 0; } #ClientsLogo .Testimonial DT { margin: 1em 0; color: #0e263e; font-size: 80%; line-height: 1.25em; } #ClientsLogo .Testimonial DD { font-size: 70%; } /*#Clients .Item { margin: 0 10px 0 25px; width: 170px; float: left; }*/ #ClientsLogo .Item { margin: 0 10px 0 25px; width: 100%; display:block; float: left; } #ClientsLogo .Item UL { margin: 0 0 1em 1em; list-style: square; } #ClientsLogo .Item LI { font-size: 75%; line-height: 1.25em; float:left; list-style:none; /*margin: 0px 20px 0px 0px;*/ font-size: 80%; font-weight: bold; color: #000; margin: 5px 20px 20px 0px; display:block; } #ClientsLogo .imgwrapper{/*height:75px;*/ width: 180px; margin:10px 0px 0px 0px;} #ClientsLogo .Item IMG { padding: 10px; /*display:block;*/ width:163px; height:52px; margin:0px;} #ClientsLogo h3{ margin: 30px 0px 20px 0px; display:block; background:#ccc; padding: 10px 0px 10px 10px; width:93%;} /* Who We Are Styles ----------------------------------------------- */ #Who_we_are H3 { padding-left: 10px; } #Who_we_are DL { font-size: 80%; padding-bottom: 10px; line-height: 1.4em;} #Who_we_are DT { padding-bottom: 3px; } #Who_we_are .Item { padding-right: 10px; width: 256px; float: left; } #Who_we_are .Item IMG { border: solid 10px #0c263d; margin: 0px 0px 10px 10px; } #Who_we_are .Openings { width: 380px; float: left; } #Who_we_are IMG.Photo { border: solid 1px #0c263d; margin: 0 0 18px 10px} #Who_we_are DIV.BioDetailPhoto { margin: 10px; float: left; } #Who_we_are DIV.BioDetail { margin-top: 10px; width: 500px; float: left; } #Who_we_are IMG.BioPhoto { margin: 0 0 10px 0; border: 1px solid #0e263e; } #Who_we_are #Column2 UL LI { margin-left: 35px; padding-left: 2px; list-style-type: square; font-size: 80%; line-height: 1.25em;} #Who_we_are .PaddingLeft { float: left; padding-right: 20px; } #Who_we_are .Management { padding-left: 10px; } #Who_we_are .Management TABLE { margin: 0 10px 10px 0; border: 1px solid #0e263e; background: #FFF url(/images/people-bkg_management.jpg); width: 202px; height: 126px; float: left; } #Who_we_are .Management TABLE TR { vertical-align: top; } #Who_we_are .Management TABLE TD.Photo IMG { margin: 10px 0 6px 10px; border: 1px solid #ff8111; } #Who_we_are .Management TABLE TD.Name { vertical-align: top; width: 125px; } #Who_we_are .Management TABLE TD.Name DL { padding: 10px 0px 0 0; } #Who_we_are .Management TABLE TD.Name DT { margin: 0 0 .5em 0; padding: 0; color: #ff8111; text-transform: uppercase; font-weight: bold; line-height: 1.25em;} #Who_we_are .Management TABLE TD.Name DD { margin: 0 0 .4em 0; padding: 0; font-size: 90%; line-height: 1.15em; } #Who_we_are A.Button { margin: 10px; padding: 5px 8px 3px 8px; background-color: #ff8a00; color: #FFF; font-size: 80%; } #Who_we_are A.Button:hover { background-color: #006699; text-decoration: none; } #Who_we_are DIV.PrevNext {padding-top: 20px; } #Who_we_are P.Question { } #Who_we_are P.Contact { color: #434343; font-size: 10px; } #Who_we_are DIV.Left { width: 248px; padding-right: 10px; float: left; } #Who_we_are DIV.Right { width: 400px; float: left; } #Who_we_are #OurTeam DIV.Item { width: 660px; } #Who_we_are #OurTeam DL { line-height: 1.1em; padding: 0 0 10px 0; margin: 0; } #Who_we_are #OurTeam DD { padding: 0; margin: 0; font-size: 90%; } #Who_we_are #OurTeam DT { padding: 0; margin: 0; font-size: 12px; color: #000; } #Who_we_are DIV.Line { padding-bottom: 10px; margin-left: 10px; border-top: 1px solid #777; } /* Job Posts ----------------------------------------------- */ #Who_we_are .Openings DL { padding: 7px 10px 5px 10px; margin: 0 10px 0 10px; background-color: #fff; border-bottom: #ccc solid 1px; } #Who_we_are .Openings DT { padding: 0; margin: 0; line-height: 1.0em; } #Who_we_are .Openings DD { padding: 0; margin: 0; font-size: 95%; } #Who_we_are.Job_openings #Column2 { margin-left: 10px; padding: 0; background-color: #fff;} #Who_we_are.Job_openings #Column2 OL { margin-left: 30px; padding-bottom: 10px; font-size: 80%; list-style-type: decimal; } #Who_we_are.Job_openings #Column2 UL { margin-left: 30px; padding-bottom: 10px;list-style-type: decimal; } #Who_we_are.Job_openings #Column2 LI { margin-left: 10px; line-height: 1.5em; } #Who_we_are.Job_openings #Column2 LI LI { font-size: 100%; } #Who_we_are.Job_openings #Column2 H2 { font-weight: bold; padding: 10px; } #Who_we_are.Job_openings #Column3 #RecentEntries { padding: 10px; } #Who_we_are.Job_openings #Column3 #RecentEntries DD { color: #fff; font-size: 90%; } #Who_we_are.Job_openings #Column3 #RecentEntries DL { padding: 0; margin: 0; line-height: 1.0em; } #Who_we_are.Job_openings #Column3 #RecentEntries DT { padding-top: 10px; margin: 0; font-weight: bold; } /* ContactUs Styles ----------------------------------------------- */ #ContactUs DL { font-size: 80%; } #ContactUs DT { padding-bottom: 2px; } #ContactUs DD { padding-bottom: 3px; } #ContactUs .Item { padding: 15px 10px 10px 10px; margin: 10px; width: 350px; border: 1px solid #ff8a00; float: left; } #ContactUs .Address { padding-top: 20px; margin: 0px; width: 200px; float: left; } #ContactUs .Item2 { padding: 15px 10px 10px 10px; margin: 10px; width: 280px; float: left; } /* Actoun Styles ----------------------------------------------- */ #Action.Index #Content { margin: 20px 0; } #Action.Index #Column2 UL { margin: 0 1em; padding-left: .5em; list-style: square; } #Action.Index #Column2 LI { margin: 0 1em; padding: 0 0 .5em 0; font-size: 80%; }