/* Adz Group Handheld Styles Updated: Wed 07.03.08 @ 10:00 A.M. Author: Gina Kamentsky ----------------------------------------------------*/ /* COLORS Main Text: #666666 Links: #003399 Type on Blue: #CCCCCC wrappers: #333333 Accent: #70E250 */ /* ---------------------------------------------------- ---------------------------------------------------- ---------------------------------------------------- TABLE OF CONTENTS ---------------------------------------------------- ---------------------------------------------------- ---------------------------------------------------- 01 GLOBAL STYLES 02 WRAPPER / HEADER ELEMENTS 03 MAIN NAV 04 FOLD 05 MAIN CONTENT GLOBAL 06 MAIN CONTENT HOME END */ /*--------------------------------------- 01 GLOBAL STYLES ------------------------------------------------------------*/ html, body, div, span, applet, object, iframe, img, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; } body { background-color: #B7B7B7; color: #666666; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 130%; margin: 0px 0px 0px 0px; padding: 0 0 0 0; text-align: center; } #outerWrapper { background-color: #fff; margin: 0 auto 0 auto; text-align: left; } h2{ font-size:1.4em; color:#333; font-weight:bold; } h3{ font-size:1.3em; color:#333; font-weight:bold; } /*---------------------------------------02 WRAPPER / HEADER ELEMENTS ----------------------------------------------------------------------*/ #outerWrapper #wrapper { background-color:#E8E8E8; } #outerWrapper #wrapper #logo{ padding-top:10px; } #outerWrapper #wrapper #pdf{ } #outerWrapper #wrapper #pdf span{ } #outerWrapper #wrapper h2{ font-size:1em; } #outerWrapper #wrapper #pdf a{ color:#003399; text-decoration:none; font-weight:normal; } #outerWrapper #wrapper #pdf a:hover{ color:#0049DA; } #outerWrapper #wrapper #contentWrapper{ background-color:#fff; padding:30px 0px 40px 0px; } /*---------------------------------------03 MAIN NAV ------------------------------------------------------*/ #outerWrapper #wrapper #menu ul { }/*positions the list in the wrapper*/ #outerWrapper #wrapper #menu li { }/*the relative position sets up as parent of drop down*/ #outerWrapper #wrapper #menu .top a{ }/*styles top menu text*/ #outerWrapper #wrapper #menu .top a:hover{ }/*styles top menu text hover*/ #outerWrapper #wrapper #menu .top{ }/*targets the top menu items, left tab*/ #outerWrapper #wrapper #menu span{ padding-top:5px; }/*targets the top menu items, right tab*/ #outerWrapper #wrapper #menu .current a{ }/*styles current text*/ #outerWrapper #wrapper #menu .current{ }/*targets current menu left tab*/ #outerWrapper #wrapper #menu .current span{ }/*targets current menu right tab*/ #outerWrapper #wrapper #menu li ul { }/*targets the sub menu list*/ #outerWrapper #wrapper #menu li > ul { } #outerWrapper #wrapper #menu li:hover ul, li.over ul { }/*displays the sub menu list when top menu item is hovered the class "over" is for the benefit of ie javascript*/ #outerWrapper #wrapper #menu .sub a{ }/*styles sub menu text*/ #outerWrapper #wrapper #menu .sub a:hover{ }/*styles sub menu text hover*/ .clear{ } /*--------------------------------------- 04 FOLD ------------------------------------------------------*/ #outerWrapper #wrapper #fold h2{ color:#CCC; font-size:1.5em; font-weight:normal; } #outerWrapper #wrapper #fold p{ color:#CCC; } #outerWrapper #wrapper #fold #home{ background:#003399; padding:30px 0 10px 0; border-bottom:5px solid #ECECEC; } #outerWrapper #wrapper #fold #services{ background:#003399; padding:30px 0 10px 0; border-bottom:5px solid #ECECEC; } #outerWrapper #wrapper #fold #caseStudies{ background:#003399; padding:30px 0 10px 0; border-bottom:5px solid #ECECEC; } #outerWrapper #wrapper #fold #strategy{ background:#003399; padding:30px 0 10px 0; border-bottom:5px solid #ECECEC; } #outerWrapper #wrapper #fold #clients{ background:#003399; padding:30px 0 10px 0; border-bottom:5px solid #ECECEC; } #outerWrapper #wrapper #fold #team{ background:#003399; padding:30px 0 10px 0; border-bottom:5px solid #ECECEC; } #outerWrapper #wrapper #fold #careers{ background:#003399; padding:30px 0 10px 0; border-bottom:5px solid #ECECEC; } #outerWrapper #wrapper #fold #contact{ background:#003399; padding:30px 0 10px 0px; border-bottom:5px solid #ECECEC; } /*--------------------------------------- 05 MAIN CONTENT GLOBAL ----------------------------------------------------------------*/ #outerWrapper #wrapper #contentWrapper #mainContentGlobal{ } #outerWrapper #wrapper #contentWrapper h3{ padding-bottom:20px; padding-top:10px; } #outerWrapper #wrapper #contentWrapper p{ font-size:1.2em; color:#666; } #outerWrapper #wrapper #contentWrapper a{ color:#003399; } #outerWrapper #wrapper #contentWrapper a:hover{ } /*--------------------------------------- 06 MAIN CONTENT HOME ----------------------------------------------------------------*/ #outerWrapper #wrapper #contentWrapper #learnMore{ margin-top:40px; } #outerWrapper #wrapper #contentWrapper #learnMore span{ } #outerWrapper #wrapper #contentWrapper #learnMore a{ font-weight:normal; color:#003399; } #outerWrapper #wrapper #contentWrapper #learnMore a:hover{ color:#0049DA; } /*---------------------------------------MAIN CONTENT SERVICES --------------------------------------------------------------*/ #outerWrapper #wrapper #contentWrapper #profitFlowLogo{ padding-bottom:20px; } /*---------------------------------------MAIN CONTENT CASE STUDIES --------------------------------------------------------------*/ #outerWrapper #wrapper #contentWrapper #mainContentCaseStudies{ } #outerWrapper #wrapper #contentWrapper #mainContentCaseStudies ul{ } #outerWrapper #wrapper #contentWrapper #mainContentCaseStudies ul li{ font-size:1.3em; color:#333; font-weight:bold; } #outerWrapper #wrapper #contentWrapper #mainContentCaseStudies .bordered { padding:20px 0 30px 0; border-bottom:1px dotted #666; } #outerWrapper #wrapper #contentWrapper #mainContentCaseStudies .noBordered { padding:20px 0 10px 0; border-bottom:none;/*.bordered and .noBordered are used to style ul li ul as last list does not have a bottom border*/ } #outerWrapper #wrapper #contentWrapper #mainContentCaseStudies ul li ul li{ font-size:.9em; font-weight:normal; padding-bottom:10px; } #outerWrapper #wrapper #contentWrapper #mainContentCaseStudies ul li ul li ul{ background-color:#EFEFEF; border:none; margin:15px 0 10px 0; padding:5px 0 10px 0; } #outerWrapper #wrapper #contentWrapper #mainContentCaseStudies ul li ul li ul li{ color:#666; padding:10px 0 0 0px; } /*---------------------------------------MAIN CONTENT CLIENTS --------------------------------------------------------------*/ #outerWrapper #wrapper #contentWrapper #mainContentClients h3{ padding-bottom:30px; } #outerWrapper #wrapper #contentWrapper #mainContentClients ul{ } #outerWrapper #wrapper #contentWrapper #mainContentClients ul li{ font-size:1.2em; font-weight:bold; } #outerWrapper #wrapper #contentWrapper #mainContentClients ul li ul li{ font-size:.9em; font-weight:normal; } #outerWrapper #wrapper #contentWrapper #mainContentClients #smallOrgs{ float:none; } #outerWrapper #wrapper #contentWrapper #mainContentClients #largeOrgs{ } /*---------------------------------------MAIN CONTENT TEAM --------------------------------------------------------------*/ #outerWrapper #wrapper #contentWrapper #mainContentTeam{ } #outerWrapper #wrapper #contentWrapper #mainContentTeam p{ padding-bottom:10px; } /*---------------------------------------MAIN CONTENT CAREERS --------------------------------------------------------------*/ #outerWrapper #wrapper #contentWrapper #mainContentCareers{ } #outerWrapper #wrapper #contentWrapper #mainContentCareers p{ padding-bottom:10px; } /*---------------------------------------MAIN CONTENT CONTACT --------------------------------------------------------------*/ #outerWrapper #wrapper #contentWrapper #mainContentContact{ } #outerWrapper #wrapper #contentWrapper #mainContentContact form{ } #outerWrapper #wrapper #contentWrapper #mainContentContact #submit{ border:2px solid #666666; padding:3px 4px 3px 4px; } #outerWrapper #wrapper #contentWrapper #mainContentContact input, textarea{ border:2px solid #666666; } #outerWrapper #wrapper #contentWrapper #mainContentContact #feedback{ } #outerWrapper #wrapper #contentWrapper #mainContentContact label{ font-weight: normal; } .warning{ color:#003399; } /*---------------------------------------SIDEBAR HOME ------------------------------------------------------*/ #outerWrapper #wrapper #contentWrapper #sidebarHome{ } #outerWrapper #wrapper #contentWrapper #sidebarHome h2{ font-size:1.2em; } #outerWrapper #wrapper #contentWrapper #sidebarHome ul{ font-size:1em; color:#666; } #outerWrapper #wrapper #contentWrapper #sidebarHome li{ padding-bottom:15px; } /*---------------------------------------SIDEBAR SERVICES ------------------------------------------------------*/ #outerWrapper #wrapper #contentWrapper #sidebarServices{ } #outerWrapper #wrapper #contentWrapper #sidebarServices h2{ font-size:1.2em; } /*---------------------------------------SIDEBAR STRATEGY ------------------------------------------------------*/ #outerWrapper #wrapper #contentWrapper #sidebarStrategy{ margin:5px 0 0 0; } #outerWrapper #wrapper #contentWrapper #sidebarStrategy h2{ font-size:1.2em; } #outerWrapper #wrapper #contentWrapper #sidebarStrategy ul{ } #outerWrapper #wrapper #contentWrapper #sidebarStrategy ul li{ color:#333; font-size:1.3em; font-weight:bold; } #outerWrapper #wrapper #contentWrapper #sidebarStrategy li ul li{ font-size:.9em; color:#666; font-weight:normal; padding:5px 0 5px 0; } /*---------------------------------------FOOTER ------------------------------------------------------*/ #outerWrapper #wrapper #footer { border-top:1px dotted #666; background-color:#fff; padding:10px 0px 10px 0px; } #outerWrapper #wrapper #footer #subNav{ } #outerWrapper #wrapper #footer #subNav li{ } #outerWrapper #wrapper #footer #subNav a{ font-size:.8em; color:#333; text-decoration:none; } #outerWrapper #wrapper #footer #subNav a:hover{ } #outerWrapper #wrapper #footer #subNav #here a{ color:#003399; } #outerWrapper #wrapper #footer p{ font-size:.8em; font-weight:normal; color:#333; }