/* ====================================================================== Gallery & Success Stories main pages ====================================================================== */ sup { vertical-align: top; font-size: 100%; } #gallery #headerWrap, #stories #headerWrap { margin-bottom: 0; } #galleryMenu { float:left; width:163px; min-height:141px; } #galleryMenu ul li { height:46px; list-style:none; font-size:18px; line-height:46px; border-bottom:1px solid #cccccc; } #galleryMenu ul li a { text-transform:uppercase; font-weight:bold; } #gallery ul.industries #industries, #gallery ul.disciplines #disciplines, #gallery ul.clients #clients { color: #ffb60f; } #galleryContent, #storiesContent { float:left; width:636px; border-left:1px solid #cccccc; padding-bottom: 20px; min-height:150px; } #storiesContent { margin-left: 163px; } /* ====================================================================== Client Roster ====================================================================== */ #clientRoster { width:636px; height:927px; list-style:none; position:relative; } #clientRoster li { float:left; width:212px; position:relative; overflow:hidden; cursor:pointer; margin-top:23px; margin-bottom:20px; } #clientRoster li div { position:absolute; width:212px; height:103px; } #clientRoster li a { display:block; width:212px; height:60px; } #clientRoster li a img{ position:absolute; display:none; top:0; left:-212px; } #roster1 div { background:url('../../media/subCategories/client_roster_sprite_goodyear.gif') top left no-repeat; } #roster2 div { background:url('../../media/subCategories/client_roster_sprite_dunlop.gif') top left no-repeat; } #roster3 div { background:url('../../media/subCategories/client_roster_sprite_kelly_tires.gif') top left no-repeat; } #roster4 div { background:url('../../media/subCategories/client_roster_sprite_gemini.gif') top left no-repeat; } #roster5 div { background:url('../../media/subCategories/client_roster_sprite_choice_hotels.gif') top left no-repeat; } #roster6 div { background:url('../../media/subCategories/client_roster_sprite_akzonobel.gif') top left no-repeat; } #roster7 div { background:url('../../media/subCategories/client_roster_sprite_liquid_nails.gif') top left no-repeat; } #roster8 div { background:url('../../media/subCategories/client_roster_sprite_glidden.gif') top left no-repeat; } #roster9 div { background:url('../../media/subCategories/client_roster_sprite_lp.gif') top left no-repeat; } #roster10 div { background:url('../../media/subCategories/client_roster_sprite_icynene.gif') top left no-repeat; } #roster11 div { background:url('../../media/subCategories/client_roster_sprite_kraftmaid.gif') top left no-repeat; } #roster12 div { background:url('../../media/subCategories/client_roster_sprite_simonton.gif') top left no-repeat; } #roster13 div { background:url('../../media/subCategories/client_roster_sprite_cernium.gif') top left no-repeat; } #roster14 div { background:url('../../media/subCategories/client_roster_sprite_archerfish.gif') top left no-repeat; } #roster15 div { background:url('../../media/subCategories/client_roster_sprite_homax.gif') top left no-repeat; } #roster16 div { background:url('../../media/subCategories/client_roster_sprite_flood.gif') top left no-repeat; } #roster17 div { background:url('../../media/subCategories/client_roster_sprite_tremco.gif') top left no-repeat; } #roster18 div { background:url('../../media/subCategories/client_roster_sprite_autocolor.gif') top left no-repeat; } #roster19 div { background:url('../../media/subCategories/client_roster_sprite_lubrizol.gif') top left no-repeat; } #roster20 div { background:url('../../media/subCategories/client_roster_sprite_flowguard_gold.gif') top left no-repeat; } #roster21 div { background:url('../../media/subCategories/client_roster_sprite_blazemaster.gif') top left no-repeat; } #roster22 div { background:url('../../media/subCategories/client_roster_sprite_carter_lumber.gif') top left no-repeat; } #roster23 div { background:url('../../media/subCategories/client_roster_sprite_city_of_akron.gif') top left no-repeat; } #roster24 div { background:url('../../media/subCategories/client_roster_sprite_arthritis_foundation.gif') top left no-repeat; } #roster25 div { background:url('../../media/subCategories/client_roster_sprite_akron_general.gif') top left no-repeat; } #roster26 div { background:url('../../media/subCategories/client_roster_sprite_akron_civic_theatre.gif') top left no-repeat; } #roster27 div { background:url('../../media/subCategories/client_roster_sprite_american_cancer_society.gif') top left no-repeat; } /* ====================================================================== Gallery - Industries & Disciplines ====================================================================== */ #industriesGallery, #disciplinesGallery, #storiesGallery { width:636px; list-style:none; position:relative; margin-top:20px; } #industriesGallery li, #disciplinesGallery li, #storiesGallery li { float:left; width:297px; position:relative; overflow:hidden; cursor:pointer; margin:0 0 20px 20px; text-transform:uppercase; } #industriesGallery li div, #disciplinesGallery li div, #storiesGallery li div { position:absolute; width:297px; height:163px; } #industriesGallery li div p, #disciplinesGallery li div p, #storiesGallery li div p { position:absolute; top:10px; left:10px; padding:0; margin:0; font-weight:bold; font-size:18px; line-height:20px; color:#CCCCCC; /* For Firefox */ -moz-text-shadow: 1px 1px 2px #000000; /* Safari and Google Chrome */ -webkit-text-shadow: 1px 1px 2px #000000; text-shadow: 1px 1px 2px #000000; /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=120, Color='#000000')"; /* For IE 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=120, Color='#000000'); } #storiesGallery li div p.subttl { position:absolute; top:25px; left:10px; padding:0; margin:0; font-weight:bold; font-size:12px; line-height:20px; color:#CCCCCC; /* For Firefox */ -moz-text-shadow: 1px 1px 2px #000000; /* Safari and Google Chrome */ -webkit-text-shadow: 1px 1px 2px #000000; text-shadow: 1px 1px 2px #000000; /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=120, Color='#000000')"; /* For IE 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=120, Color='#000000'); } #industriesGallery li a, #disciplinesGallery li a, #storiesGallery li a { display:block; width:212px; height:163px; } #industriesGallery li a span, #disciplinesGallery li a span, #storiesGallery li a span { position:absolute; display:none; top:10px; left:10px; color:#ffffff; z-index:10; font-size:18px; line-height:20px; font-weight: bold; text-transform:uppercase; /* For Firefox */ -moz-text-shadow: 1px 1px 2px #000000; /* Safari and Google Chrome */ -webkit-text-shadow: 1px 1px 2px #000000; text-shadow: 1px 1px 2px #000000; /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=120, Color='#000000')"; /* For IE 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=120, Color='#000000'); } #storiesGallery li a span.line2 { position:absolute; display:none; top:25px; left:10px; color:#ffffff; z-index:10; font-size:12px; line-height:20px; font-weight: bold; text-transform:uppercase; } #industriesGallery li a img, #disciplinesGallery li a img, #storiesGallery li a img { position:absolute; display:none; top:0; left:-297px; z-index:5; } /* ====================================================================== Thumbs for success stories, industries and disciplines ====================================================================== */ #succThumb1 div { background:url(../../img/case-studies/thumb_glidden.jpg) top left no-repeat; } #succThumb2 div { background:url(../../img/case-studies/thumb_archerfish.jpg) top left no-repeat; } #succThumb3 div { background:url(../../img/case-studies/thumb_goodyear.jpg) top left no-repeat; } #succThumb4 div { background:url(../../img/case-studies/thumb_akron-general.jpg) top left no-repeat; } #succThumb5 div { background:url(../../img/case-studies/thumb_liquid-nails.jpg) top left no-repeat; } #succThumb6 div { background:url(../../img/case-studies/thumb_goodyear.jpg) top left no-repeat; } #indThumb1 div { background:url(../../media/subCategories/thumb_automotive.jpg) top left no-repeat; } #indThumb2 div { background:url(http://www.teamhfa.com/media/subCategories/thumb_building-products.jpg) top left no-repeat; } #indThumb3 div { background:url(http://www.teamhfa.com/media/subCategories/thumb_event-marketing.jpg) top left no-repeat; } #indThumb4 div { background:url(../../media/subCategories/thumb_healthcare.jpg) top left no-repeat; } #indThumb5 div { background:url(http://www.teamhfa.com/media/subCategories/thumb_home-products.jpg) top left no-repeat; } #indThumb6 div { background:url(../../media/subCategories/thumb_travel.jpg) top left no-repeat; } #discThumb1 div { background:url(../../img/gallery/disciplines/thumb_b2b.jpg) top left no-repeat; } #discThumb2 div { background:url(../../img/gallery/disciplines/thumb_b2c.jpg) top left no-repeat; } #discThumb3 div { background:url(../../img/gallery/disciplines/thumb_interactive.jpg) top left no-repeat; } #discThumb4 div { background:url(../../img/gallery/disciplines/thumb_multi-channel-mktg.jpg) top left no-repeat; } #discThumb5 div { background:url(../../img/gallery/disciplines/thumb_product-launches.jpg) top left no-repeat; } #discThumb6 div { background:url(../../img/gallery/disciplines/thumb_print.jpg) top left no-repeat; } #discThumb7 div { background:url(../../img/gallery/disciplines/thumb_radio.jpg) top left no-repeat; } #discThumb8 div { background:url(../../img/gallery/disciplines/thumb_retail.jpg) top left no-repeat; } #discThumb9 div { background:url(../../img/gallery/disciplines/thumb_tv.jpg) top left no-repeat; } #discThumb10 div { background:url(../../img/gallery/disciplines/thumb_video.jpg) top left no-repeat; }