/* trims_print.css print-only style sheet Replaced all instances of #D15600 (chocolate-ish) with #434343 (grayscale) v2.0 */ * { margin: 0px; padding: 0px; font-size: 100%; } .clearFloats, .newBio { clear: both; } .finePrint { font-size: 0.8em; } /* ================================================== all images ================================================== */ a img { border: none; } /* ================================================== all forms ================================================== */ input, textarea { border: solid #636363 1px; } /* ================================================== Print and Email buttons ================================================== */ a#btnPrint:link { background: url(../gfx/print.gif) no-repeat scroll left center; } a#btnPrint:hover { background: url(../gfx/print-over.gif) no-repeat scroll left center; } a#btnEmail:link { background: url(../gfx/email.gif) no-repeat scroll left center; } a#btnEmail:hover { background: url(../gfx/email-over.gif) no-repeat scroll left center; } /* ================================================== page container ================================================== */ div#container { position: relative; width: 7.5in; height: auto; margin: 0px auto; border: none; } /* ================================================== header ================================================== */ div#header { position: relative; height: 65px; padding: 25px 38px 0px 29px; background-color: #FFF; border-bottom: solid 2px #393939; } #header .tagline { position: absolute; top: 57px; right: 38px; } #header img.screen { display: none; } /* ================================================== page navigation ================================================== */ div#navigation { z-index: 1; } body.homepage div#navigation { display: none; position: absolute; top: 90px; right: 530px; } body.secondary div#navigation { display: none; position: absolute; top: 90px; right: 396px; } #navigation a { display: none; text-decoration: none; } /* ================================================== main navigation ================================================== */ #navigation .mainNav { display: none; position: absolute; top: 0px; right: 0px; width: 203px; } #navigation .mainNav dl { display: none; float: right; } #navigation .mainNav dt { display: none; } #navigation .mainNav dt a { display: none; float: left; width: 29px; height: 130px; background-repeat: no-repeat; background-position: 0% 0%; } #navigation .mainNav dt a.whoWeAre { display: none; background-image: url(../gfx/whoWeAreMainNav.gif); } /* #navigation .mainNav dt a.whoWeAre:hover, body.team #navigation .mainNav dt a.whoWeAre, body.press #navigation .mainNav dt a.whoWeAre, body.proOrgs #navigation .mainNav dt a.whoWeAre, body.whoWeAre #navigation .mainNav dt a.whoWeAre { background-image: url(../gfx/whoWeAreMainNav-over.gif); } #navigation .mainNav dt a.whatWeDo { background-image: url(../gfx/whatWeDoMainNav.gif); } #navigation .mainNav dt a.whatWeDo:hover, body.services #navigation .mainNav dt a.whatWeDo, body.fulfillment #navigation .mainNav dt a.whatWeDo, body.whatWeDo #navigation .mainNav dt a.whatWeDo { background-image: url(../gfx/whatWeDoMainNav-over.gif); } #navigation .mainNav dt a.clients { background-image: url(../gfx/ourClientsMainNav.gif); } #navigation .mainNav dt a.clients:hover, body.clients #navigation .mainNav dt a.clients */ /* #navigation .mainNav dt a.clients.bright */ /* { background-image: url(../gfx/ourClientsMainNav-over.gif); } */ /* #navigation .mainNav dt a#ourServicesItem { background-image: url(../gfx/ourServicesMainNav.gif); } #navigation .mainNav dt a#ourServicesItem:hover { background-image: url(../gfx/ourServicesMainNav-over.gif); } #navigation .mainNav dt a#fulfillmentItem { background-image: url(../gfx/fulfillmentMainNav.gif); } #navigation .mainNav dt a#fulfillmentItem:hover { background-image: url(../gfx/fulfillmentMainNav-over.gif); } */ #navigation .mainNav dt a.caseStudies { background-image: url(../gfx/caseStudiesMainNav.gif); } #navigation .mainNav dt a.caseStudies:hover, /* #navigation .mainNav dt a.caseStudies.bright */ body.dougEmmTumi #navigation .mainNav dt a.caseStudies, body.dgaBaccrt #navigation .mainNav dt a.caseStudies, body.faoTournu #navigation .mainNav dt a.caseStudies, body.rahal #navigation .mainNav dt a.caseStudies, body.sap #navigation .mainNav dt a.caseStudies, body.omniture #navigation .mainNav dt a.caseStudies, body.cisco #navigation .mainNav dt a.caseStudies, body.invision #navigation .mainNav dt a.caseStudies, body.activision #navigation .mainNav dt a.caseStudies, body.apollo #navigation .mainNav dt a.caseStudies, body.masters #navigation .mainNav dt a.caseStudies, body.sapporo #navigation .mainNav dt a.caseStudies, body.USC #navigation .mainNav dt a.caseStudies, body.caseStudies #navigation .mainNav dt a.caseStudies { background-image: url(../gfx/caseStudiesMainNav-over.gif); } /* #navigation .mainNav dt a#pressRoomItem { background-image: url(../gfx/pressRoomMainNav.gif); } #navigation .mainNav dt a#pressRoomItem:hover { background-image: url(../gfx/pressRoomMainNav-over.gif); } */ #navigation .mainNav dt a.findUs { background-image: url(../gfx/findUsMainNav.gif); } #navigation .mainNav dt a.findUs:hover, body.findUs #navigation .mainNav dt a.findUs { background-image: url(../gfx/findUsMainNav-over.gif); } /* ================================================== Secondary Navigation ================================================== */ #navigation .secNav { display: none; position: absolute; top: 27px; left: -528px; width: 298px; } body.homepage #navigation .secNav, body.clients #navigation .secNav, body.findus #navigation .secNav, body.rahal #navigation .secNav dd.specCommSub, body.sap #navigation .secNav dd.specCommSub, body.omniture #navigation .secNav dd.specCommSub, body.cisco #navigation .secNav dd.specCommSub, body.invision #navigation .secNav dd.specCommSub, body.activision #navigation .secNav dd.specCommSub, body.apollo #navigation .secNav dd.specCommSub, body.masters #navigation .secNav dd.specCommSub, body.sapporo #navigation .secNav dd.specCommSub, body.usc #navigation .secNav dd.specCommSub, body.dougEmmTumi #navigation .secNav dd.succStorSub, body.dgaBaccrt #navigation .secNav dd.succStorSub, body.faoTournu #navigation .secNav dd.succStorSub, body.caseStudies #navigation .secNav dd { display: none; } body.secondary #navigation .secNav { display: none; } body.secondary #navigation .secNav dl { display: none; float: left; width: 100%; font: 11px Arial, Helvetica, sans-serif; } body.secondary #navigation .secNav dl.twoColumn { display: none; width: 40%; padding-right: 10%; } body.secondary #navigation .secNav a { display: none; margin-bottom: 0.5em; font-weight: bold; color: #636363; } /* body.dougEmmTumi #navigation .secNav dt, body.dgaBaccrt #navigation .secNav dt, body.faoTournu #navigation .secNav dt, body.rahal #navigation .secNav dt, body.sap #navigation .secNav dt, body.omniture #navigation .secNav dt, body.cisco #navigation .secNav dt, body.invision #navigation .secNav dt, body.caseStudies #navigation .secNav dt, */ #navigation .secNav dt { display: none; padding-left: 11px; background: url(../gfx/rustyBullet.gif) no-repeat scroll left 3px; padding-bottom: 0.6em; } #navigation .secNav dd { display: none; padding-bottom: 0.4em; } body.dougEmmTumi #navigation .secNav dd, body.dgaBaccrt #navigation .secNav dd, body.faoTournu #navigation .secNav dd, body.rahal #navigation .secNav dd, body.sap #navigation .secNav dd, body.omniture #navigation .secNav dd, body.cisco #navigation .secNav dd, body.invision #navigation .secNav dd, body.activision #navigation .secNav dd, body.apollo #navigation .secNav dd, body.masters #navigation .secNav dd, body.sapporo #navigation .secNav dd, body.usc #navigation .secNav dd, body.caseStudies #navigation .secNav dd { display: none; padding-left: 19px; } body.team #navigation .secNav a.team, body.press #navigation .secNav a.press, body.proOrgs #navigation .secNav a.proOrgs, body.dougEmmTumi #navigation .secNav a.dougEmmTumi, body.dgaBaccrt #navigation .secNav a.dgaBaccrt, body.faoTournu #navigation .secNav a.faoTournu, body.dougEmmTumi #navigation .secNav a.specCommsn, body.dgaBaccrt #navigation .secNav a.specCommsn, body.faoTournu #navigation .secNav a.specCommsn, body.rahal #navigation .secNav a.rahal, body.sap #navigation .secNav a.sap, body.omniture #navigation .secNav a.omniture, body.cisco #navigation .secNav a.cisco, body.invision #navigation .secNav a.invision, body.activision #navigation .secNav a.activision, body.apollo #navigation .secNav a.apollo, body.masters #navigation .secNav a.masters, body.sapporo #navigation .secNav a.sapporo, body.usc #navigation .secNav a.usc, body.rahal #navigation .secNav a.succStories, body.sap #navigation .secNav a.succStories, body.omniture #navigation .secNav a.succStories, body.cisco #navigation .secNav a.succStories, body.invision #navigation .secNav a.succStories, body.activision #navigation .secNav a.succStories, body.apollo #navigation .secNav a.succStories, body.masters #navigation .secNav a.succStories, body.sapporo #navigation .secNav a.succStories, body.usc #navigation .secNav a.succStories, body.secondary #navigation .secNav a:hover { display: none; color: #434343; } /* ================================================== content wrapper ================================================== */ div#wrapper { position: relative; height: 488px; } /* ================================================== main content for each page ================================================== */ div#mainContent { height:243px; font: 12px/24px Arial, Helvetica, sans-serif; color: #636363; } body.homepage div#mainContent { padding: 2em; } body.secondary div#mainContent { padding: 2em; } #mainContent p { padding-right: 0em; } #mainContent h1 { font-size: 1.2em; text-transform: normal; letter-spacing: 0.0px; color: #434343; } #mainContent h2 { color: #393939; font-weight: bold; } #mainContent blockquote, #mainContent cite { font: 12px/18px Arial, Helvetica, sans-serif; font-weight: bold; color: #393939; } #mainContent cite { font-style: italic; } #mainContent em { color: #434343; font-style: normal; } #mainContent ul { list-style-type: disc; margin-left: 10px; padding-left: 14px; line-height: 1.4em; } #mainContent .columnLeft { float: left; width: 135px; height: auto; padding: 0px 0px 0px 0px; border: none; } div#scrollingPanel { /* height: 272px; */ height: auto; } /* ================================================== Images for Each Page ================================================== */ div#mainImg { display: none; } body.homepage div#mainImg { width: 530px; height: 488px; } body.secondary div#mainImg { width: 396px; height: 488px; } #wrapper div.frog { background-image: url(../gfx/frog.jpg); } #wrapper div.dalmations { background-image: url(../gfx/dalmations.jpg); } #wrapper div.elephant { background-image: url(../gfx/elephant.jpg); } #wrapper div.whoWeAre { background-image: url(../gfx/whoWeAre.jpg); } #wrapper div.team { background-image: url(../gfx/team.jpg); } #wrapper div.press { background-image: url(../gfx/press.jpg); } #wrapper div.proOrgs { background-image: url(../gfx/proOrgs.jpg); } #wrapper div.whatWeDo { background-image: url(../gfx/whatWeDo.jpg); } #wrapper div.services { background-image: url(../gfx/services.jpg); } #wrapper div.fulfillment { background-image: url(../gfx/fulfillment.jpg); } #wrapper div.clients { background-image: url(../gfx/clients.jpg); } #wrapper div.caseStudies { background-image: url(../gfx/caseStudies.jpg); } #wrapper div.caseStudies { background-image: url(../gfx/jukebox.jpg); } #wrapper div.dougEmmTumi { background-image: url(../gfx/dougEmmTumi.jpg); } #wrapper div.dgaBaccrt { background-image: url(../gfx/dgaBaccrt.jpg); } #wrapper div.faoTournu { background-image: url(../gfx/faoTournu.jpg); } #wrapper div.rahal { background-image: url(../gfx/rahal.jpg); } #wrapper div.sap { background-image: url(../gfx/sap.jpg); } #wrapper div.omniture { background-image: url(../gfx/omniture.jpg); } #wrapper div.cisco { background-image: url(../gfx/cisco.jpg); } #wrapper div.invision { background-image: url(../gfx/invision.jpg); } #wrapper div.activision { background-image: url(../gfx/activision.jpg); } #wrapper div.apollo { background-image: url(../gfx/apollo.jpg); } #wrapper div.masters { background-image: url(../gfx/masters.jpg); } #wrapper div.sapporo { background-image: url(../gfx/sapporo.jpg); } #wrapper div.usc { background-image: url(../gfx/usc.jpg); } #wrapper div.findUs { background-image: url(../gfx/findUs.jpg); } /* ================================================== Footer ================================================== */ div#footer { display: none; position: relative; padding: 0px 16px; height: 24px; } #footer #copyright { display: none; /* position: absolute; top: 6px; right: 16px; */ position: absolute; top: 0px; right: 20px; line-height: 24px; } /* ================================================== About Us: The Team ================================================== */ div.bio h3 { margin-top: -0.8em; } img.bio { float: right; padding: 0px 0.5in 0.125in 0.125in; } /* ================================================== Find Us ================================================== */ body.findUs address { font-style: normal; } body.findUs #mainContent address, body.findUs #mainContent form, body.findUs #mainContent p { line-height: 1.2em; } body.findUs #mainContent p { margin: 0.8em 0; } body.findUs textarea, body.findUs input { font: 12px Arial, Helvetica, sans-serif; /* color: #636363; */ color: #000; }