/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* DEFAULT STYLES */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ html,body { font: 12px/1.4em arial, helvetica, verdana, tahoma, verdana, sans-serif; color: #999; line-height: normal; } body { text-align: center; background: url(../images/bg_main.gif) repeat-x top center #000; } /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* GLOBAL STYLES */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* GLOBAL RESET */ html,body,div,li,dl,dt,dd,h1,h2,h3,h4,h5,pre,form,blockquote,fieldset,input { margin: 0; padding: 0; } h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,th { font-size: 1em; font-weight: normal; font-style: normal; } fieldset,img { border: none; } caption,th { text-align: left; } table { border-collapse: collapse; border-spacing: 0; } /* Hidden elements */ .hidden, .screen_reader, hr { display: none; } /* Paragraph default styling, amend as desired */ p { margin: 0 0 15px 0; font-size: 1.2em; line-height: 1.4em; } .spacer { margin: 0 0 25px 0; } .bannerimg { float: left; } .bannerimghp { float: left; margin: 0 0 20px 0; } #leftcolinfo li { font-size: 1.2em; line-height: 1.4em; } li strong, li b {color: #eee} .bannerimg_studio_tour{ z-index:10000; position:absolute; border:#fff; } .directionslist { font-size: 1.2em; margin: 0 0 0 20px; } /* Removes blue border on img links */ a img { border: 0; } /* Default link styling */ a { color: #ccc; text-decoration: none; } a:hover { color: #ccc; text-decoration: underline; } /* Float an element left with a margin */ .floatL { float: left; margin: 0 20px 20px 0; } /* Float an element right with a margin */ .floatR { float: right; margin: 0 0 20px 20px; } .imglink { padding: 10px; background: url(../images/bg_tabs.gif); } .imglink:hover { background: url(../images/bg_stripes_visited.png); } .red, #rightcolwrap .red strong, #leftcolinfo .red strong, .red a { color: #f00; } .block { background: url(../images/bg_tabs.gif); padding: 20px 25px; margin: 0 0 15px 0; } .block ul { font-size: 1.2em; line-height: 1.4em; } .block h3 { color: #82E101; } .block span { color: #82E101; } ul{ font-size:1em !important; } .pdf { background:url(../images/pdf_icon.gif) no-repeat left center; padding: 10px 0 10px 30px; } .clear { clear:both; } .whiteText{ color:#fff; } .nodisplay {display:none;} .green {color: #82e101} .padding10 {padding: 0 10px 0 10px;} .nopad { padding: 0px !important;} .col-right-big strong{color:#fff;} .italic { font-style:italic; color: #fff;} /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* TEMPLATE ELEMENTS */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ #innerwrap { width: 1005px; margin: 0 auto; } #headerwrap { width: 925px; margin: 0 40px; float: left; height: 108px; position: relative; z-index: 100; border-bottom: 1px solid #353535; } * html #headerwrap { margin: 0 20px; } #contentwrap { width: 1005px; float: left; position: relative; z-index: 50; text-align: left; background: url(../images/bg_content_default.gif) no-repeat top center; } .antony_bg #contentwrap, .paulb_bg #contentwrap, .simonb_bg #contentwrap, .mazens_bg #contentwrap, .amy_bg #contentwrap, .emmaL_bg #contentwrap, .andyC_bg #contentwrap, .alexenaM_bg #contentwrap, .draganL_bg #contentwrap, .brendanQ_bg #contentwrap, .pardeepB_bg #contentwrap, .michaelS_bg #contentwrap, .andrewJ_bg #contentwrap, .chrisB_bg #contentwrap, .martinpower_bg #contentwrap, .johnnightingale_bg #contentwrap, .mattbarnes_bg #contentwrap, .robertholt_bg #contentwrap, .johnpemberton_bg #contentwrap, .andrewcook_bg #contentwrap, .michealwilkinson_bg #contentwrap, .sunnivaskoglund_bg #contentwrap, .johnyoung_bg #contentwrap, .robtaylor_bg #contentwrap { background: none; } #radialglow { width: 1005px; float: left; background: url(../images/bg_radialglow.jpg) no-repeat top center; } #padwrap { width: 925px; margin: 0 40px; padding: 25px 0;} .padwrap2 { width: 925px; margin: 0 40px; padding:25px 0; } .padwrap3 { width: 925px; margin: 0 40px; padding:0; } #leftcolinfo { float: left; width: 590px; clear: both; margin: 0 0 20px 0; } #leftcolinfo2 { float: left; width: 550px; clear: both; margin: 0 0 20px 0; } #rightcolwrap { float: right; width: 305px; margin: 0 -10px 0 0; padding: 45px 0 0 0; position: relative; top: -45px; } #rightcolwrap2 { float: right; width: 305px; margin: 0 -10px 40px 0; padding: 0px 0 0 0; position: relative; } .fullcolwrap { float: left; width: 1005px; margin: 0 -10px 0 0; padding: 20px 0 0 0; position: relative; top: -45px; } .fullcolwrap .col-left { width: 430px; padding: 0 0 0 10px; float: left; margin: 0 20px 0 0;} .fullcolwrap .col-right { width: 430px; padding: 0 0 0 0; float: left; margin: 0 0 0 0;} .fullcolwrap .col-left-small { width: 300px; padding: 0 0 0 0px; float: left; margin: 0 35px 0 0; } .fullcolwrap .col-right-big { width: 565px; padding: 0 0 0 0; float: left; margin: 0 0 0 0; } #footerwrap { border-top: 1px solid #262626; width: 925px; margin: 0 40px; float: left; position: relative; text-align: left; } * html #footerwrap { margin: 0 20px; } /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* FORM ELEMENTS */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ input, textarea, select { font-family: arial, verdana, Trebuchet MS, Lucida Grande, Lucida Sans Unicode, geneva, helvetica, sans-serif; font-size: 1em; color: #666; background: url(../images/bg_input.gif); } select { background: #fff;} .margin_bottom { margin: 5px 0px 50px 20px; } .row span.custsurvey{ float:left; margin:0 7px 0 0; } .row .radio{ width:20px; float:left; margin:0 20px 0 0; background:none; border:none; } .row .surveyQuestion{ margin:0 0 10px 0; font-size: 1.2em; color:#fff; } .row span.errorQuestion{ color:#FF0000; } .radioQuestion{ color: #999; font-size: 1.2em; } /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* HEADING ELEMENTS */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ h1, h2, h3, h4 { color: #fff; line-height: normal; margin: 0 0 15px 0; font-size: 1.4em; font-weight: bold; } .imgtitle { text-indent: -3000em; font-size: 1px; overflow: hidden; width: 915px; height: 25px;clear: both;float: left;margin: 0 0 30px 0;} .title_webuildwebsites { background: url(../images/title-webuildwebsites.gif) no-repeat top left; } .title_total_solutions { background: url(../images/title_total_solutions.gif) no-repeat top left; } .title_portfolio2 { background: url(../images/title_portfoliobase.gif) no-repeat top left; } .title_team2 { background: url(../images/title_team2.gif) no-repeat top left; } /* Shorter width titles, like on the create, market manage pages */ .imgtitle2 { text-indent: -3000em; font-size: 1px; overflow: hidden; width: 590px; height: 25px; margin: 20px 0; clear: both; } .imgtitle4 { text-indent: -3000em; height: 0px; padding:0; margin: 0px; } .tagline { font-family:Arial, Helvetica, sans-serif; font-size: 24px; margin: 16px 0 20px 0; clear: both; float: left; text-transform: uppercase; font-weight: normal;} .tagline .bold { font-weight:bold;} .title_survey{ background: url(../images/title_survey.gif) no-repeat top left; } .title_create { background: url(../images/title_turn_heads.gif) no-repeat top left; } .title_market { background: url(../images/title-markethome.png) no-repeat top left; height: 80px; } .title_servicesweoffer { background: url(../images/title-servicesweoffer.png) no-repeat top left; height: 50px; } .title_marketseo { background: url(../images/title-marketseo.png) no-repeat top left; height: 80px; } .title_marketconversion { background: url(../images/title-marketconversion.png) no-repeat top left; height: 80px; } .title_marketsocial { background: url(../images/title-marketsocial.png) no-repeat top left; height: 80px; } .title_marketppc { background: url(../images/title-marketppc.png) no-repeat top left; height: 80px; } .title_marketemail { background: url(../images/title-marketemail.png) no-repeat top left; height: 40px; } .title_manage { background: url(../images/title_take_a_load_off.gif) no-repeat top left; } .title_home { background: url(../images/title_home.gif) no-repeat top left; width:924px; margin: 0 0 20px 0; } .title_creative_ideas { background: url(../images/title_make_a_distinction.gif) no-repeat top left; } .title_website_design { background: url(../images/title_judged.gif) no-repeat top left; } .title_flash_animation { background: url(../images/title_excite_ignite.gif) no-repeat top left; } .title_corporate_id { background: url(../images/title_make_your_mark.gif) no-repeat top left; } .title_video { background: url(../images/title_video.gif) no-repeat top left; } .title_podcasts { background: url(../images/title_podcasts.gif) no-repeat top left; } .title_online_stores { background: url(../images/title_sell_sell_sell.gif) no-repeat top left; } .title_cms { background: url(../images/title_take_control.gif) no-repeat top left; } .title_online_databases { background: url(../images/title_dull.gif) no-repeat top left; } .title_campaign_planning { background: url(../images/title_plan_for_success.gif) no-repeat top left; } .title_copywriting { background: url(../images/title_copywriting.gif) no-repeat top left; } .title_seo { background: url(../images/title_make_it_happen.gif) no-repeat top left; } .title_ppc { background: url(../images/title_instant_results.gif) no-repeat top left; } .title_online_advertising { background: url(../images/title_increase_your_catch.gif) no-repeat top left; } .title_email_marketing { background: url(../images/title_strengthen_the_bond.gif) no-repeat top left; } .title_online_pr { background: url(../images/title_create_a_buzz.gif) no-repeat top left; } .title_success_stories { background: url(../images/title_success_stories.gif) no-repeat top left; } .title_google_local { background: url(../images/title_google_local.gif) no-repeat top left; } .title_google_products { background: url(../images/title_google_products.gif) no-repeat top left; } .title_social_media { background: url(../images/title_social_media.gif) no-repeat top left; } .title_viral_marketing { background: url(../images/title_viral_marketing.gif) no-repeat top left; } .title_consultancy { background: url(../images/title_thought_that_counts.gif) no-repeat top left; } .title_review { background: url(../images/title_success.gif) no-repeat top left; } .title_discriminate { background: url(../images/title_discriminate.gif) no-repeat top left; } .title_web_hosting { background: url(../images/title_rest_assured.gif) no-repeat top left; } .title_domain_hosting { background: url(../images/title_use_protection.gif) no-repeat top left; } .title_email_hosting { background: url(../images/title_safeguard.gif) no-repeat top left; } .title_anti_spam { background: url(../images/title_stop_viruses.gif) no-repeat top left; } .title_case_studies { background: url(../images/title_case_studies.gif) no-repeat top left; } .title_company { background: url(../images/title_company.gif) no-repeat top left; } .title_awards{ background: url(../images/title_awards2.gif) no-repeat top left; } .title_clients { background: url(../images/title_clients2.gif) no-repeat top left; } .title_location { background: url(../images/title_location.gif) no-repeat top left; } .title_contact { background: url(../images/title_contact.gif) no-repeat top left; } .title_news2 { background: url(../images/title_news2.gif) no-repeat top left; } .title_news3 { background: url(../images/title_latest_news.gif) no-repeat top left; margin: 0 0 20px 0; } .title_thinktank2 { background: url(../images/title_thinktank2.gif) no-repeat top left; } .title_thinktank3 { background: url(../images/title_thinktank3.gif) no-repeat top left; } .title_brief { background: url(../images/title_brief.gif) no-repeat top left; } .title_friend { background: url(../images/title_friend.gif) no-repeat top left; } .title_recruitment { background: url(../images/title_recruitment.gif) no-repeat top left; } .title_social { background: url(../images/title_social.gif) no-repeat top left; height: 50px; } .title_accessibility { background: url(../images/title_accessibility.gif) no-repeat top left; } .title_video_shorts { background: url(../images/title_video_shorts.gif) no-repeat top left; } .title_pepsico { background: url(../images/title_pepsico.gif) no-repeat top left; } .title_hitec { background: url(../images/title_hitec.gif) no-repeat top left; } .title_tesco_growing { background: url(../images/title_tesco_growing.gif) no-repeat top left; } .title_thackray { background: url(../images/title_thackray.gif) no-repeat top left; } .title_verity_frearson { background: url(../images/title_verity_frearson.gif) no-repeat top left; } .title_subaru { background: url(../images/title_subaru.gif) no-repeat top left; } .title_alfresia { background: url(../images/title_alfresia.gif) no-repeat top left; } .title_pleasure_island { background: url(../images/title_pleasure_island.gif) no-repeat top left; } .title_allterrain { background: url(../images/title_allterrain.gif) no-repeat top left; } .title_made4fighters { background: url(../images/title_made4fighters.png) no-repeat top left; } .title_selina_scott { background: url(../images/title_selina_scott.gif) no-repeat top left; } .title_rolawn { background: url(../images/title_rolawn.gif) no-repeat top left; } .title_kidzplay { background: url(../images/title_kidzplay.gif) no-repeat top left; } .title_lloydsip { background: url(../images/title_lloydsip.gif) no-repeat top left; } .title_gne { background: url(../images/title_gne.gif) no-repeat top left; } .title_holidaylet { background: url(../images/title_holidaylet.gif) no-repeat top left; } .title_qhotels { background: url(../images/title_qhotels.gif) no-repeat top left; } .title_virgin { background: url(../images/title_virgin.gif) no-repeat top left; } .title_bradford_theatres { background: url(../images/title_bradford_theatres.gif) no-repeat top left; } .title_lindam { background: url(../images/title_lindam.gif) no-repeat top left; } .title_marksandspencer { background: url(../images/title_marksandspencer.gif) no-repeat top left; } .title_prime_performers { background: url(../images/title_prime_performers.gif) no-repeat top left; } .title_articles { background: url(../images/all_articles.gif) no-repeat top left; } .title_leeandplumpton { background: url(../images/title_lee_and_plumpton.gif) no-repeat top left; } .title_socialmedia1bp { background: url(../images/title_socialmedia1bp.gif) no-repeat top left; height: 50px; } .title_affiliate_gosim { background: url(../images/title_affiliate-gosim.gif) no-repeat top left; } .title_streaming { background: url(../images/title_streaming.gif) no-repeat top left; } .title_google_search { background: url(../images/title_google_search.gif) no-repeat top left; } .title_google_adwords { background: url(../images/title_google_adwords.gif) no-repeat top left; } .title_other_google { background: url(../images/title_other_google.gif) no-repeat top left; } .title_email_yorks_linen { background: url(../images/title_email_yorks_linen.gif) no-repeat top left; } .title_facebook_app_1bp { background: url(../images/title_facebook_app_1bp.gif) no-repeat top left; height: 50px; } .title_offline-hi-tec { background: url(../images/title_offline-hi-tec.gif) no-repeat top left; } .title_greyhound_emailer{ background: url(../images/title_greyhound_emailer.gif) no-repeat top left; } .title_offline-hi-tec{ background: url(../images/title_offline_hitec.gif) no-repeat top left; } .title_one_big_present{ background: url(../images/title_one_big_present.gif) no-repeat top left; height: 50px; } .title_forever_memories { background: url(../images/title_forever_memories.gif) no-repeat top left; height: 50px; } .title_phunky_foods { background: url(../images/title_phunky_foods.gif) no-repeat top left; } .title_magnum { background: url(../images/title_magnum.gif) no-repeat top left; height: 50px;} .title_round_table { background: url(../images/title_round_table.gif) no-repeat top left; } .title_web_design_leeds { background: url(../images/title_web_design_leeds.gif) no-repeat top left; } .title_phones { background: url(../images/title_phones.gif) no-repeat top left; } .title_digitalagency { background: url(../images/title_digitalagency.gif) no-repeat top left; } .title_new_media_leeds { background: url(../images/title_new_media_leeds.gif) no-repeat top left; } .title_buck_trend { background: url(../images/title_buck_trend.gif) no-repeat top left; } .title_ecommerce_design { background: url(../images/title_ecommerce_design.gif) no-repeat top left; height: 50px; } .title_web_design_harrogate { background: url(../images/title_web-design-harrogate.gif) no-repeat top left; } .title_web_design_bradford { background: url(../images/title_web-design-bradford.gif) no-repeat top left; } .title_web_design_york { background: url(../images/title_web-design-york.gif) no-repeat top left; } .title_seo_agency { background: url(../images/title-seo-agency.gif) no-repeat top left; } .title_web_agency { background: url(../images/title-web-agency.gif) no-repeat top left; } .title_seo_york { background: url(../images/title_seo_york.gif) no-repeat top left; height:47px; } .title_seo_leeds { background: url(../images/title_seo_leeds.gif) no-repeat top left; height:47px; } .title_seo_bradford { background: url(../images/title_seo_bradford.gif) no-repeat top left; height:18px; } .title_portfoliotabs{ width:315px; height:45px; background: url(../images/title_portfoliotabs.gif) no-repeat bottom left; text-indent: -3000em; font-size: 1px; overflow: hidden; margin:0 0 -1px 0; } /* Team pages */ .teamtitle { text-indent: -3000em; font-size: 1px; overflow: hidden; width: 500px; height: 130px; clear: both; float: left; margin: 0 0 10px 0; } .teamtitle.visible { text-indent: 0px; font-size: 48px; color: #81e003; font-weight: bold; font-family: 'NHaasGroteskDSW01-15Ult'; text-transform:uppercase; margin: 20px 0 0 0; height: 120px;} .paulc { background: url(../images/title_paulc.gif) no-repeat center left; } .nickb { background: url(../images/title_nickb.gif) no-repeat center left; } .garyh { background: url(../images/title_garyh.gif) no-repeat center left; } .dougr { background: url(../images/title_dougr.gif) no-repeat center left; height: 160px } .joannet { background: url(../images/title_joannet.gif) no-repeat center left; } .danh { background: url(../images/title_danh.gif) no-repeat center left; } .jonnyw { background: url(../images/title_jonnyw.gif) no-repeat center left; } .mikevr { background: url(../images/title_mikevr.gif) no-repeat center left; } .bena { background: url(../images/title_bena.gif) no-repeat center left; } .jonnyb { background: url(../images/title_jonnyb.gif) no-repeat center left; } .martinh { background: url(../images/title_martinh.gif) no-repeat center left; } .alexk { background: url(../images/title_alexk.gif) no-repeat center left; } .jayh { background: url(../images/title_jayh.gif) no-repeat center left; } .zoep { background: url(../images/title_zoep.gif) no-repeat center left; } .chrisk { background: url(../images/title_chrisk.gif) no-repeat center left; } .steveh { background: url(../images/title_steveh.gif) no-repeat center left; } .danm { background: url(../images/title_danm.gif) no-repeat center left; } .robb { background: url(../images/title_robb.gif) no-repeat center left; } .robr { background: url(../images/title_robr.gif) no-repeat center left; } .emmas { background: url(../images/title_emmas.gif) no-repeat center left; } .gyless { background: url(../images/title_gyless.gif) no-repeat center left; } .peters { background: url(../images/title_peters.gif) no-repeat center left; } .sarahb { background: url(../images/title_sarahb.gif) no-repeat center left; } .christianb { background: url(../images/title_christianb.gif) no-repeat center left; } .markw { background: url(../images/title_markw.gif) no-repeat center left; } .carlyc { background: url(../images/title_carlyc.gif) no-repeat center left; } .claireb { background: url(../images/title_claireb.gif) no-repeat center left; } .sarahm { background: url(../images/title_sarahm.gif) no-repeat center left; } .joel { background: url(../images/title_joel.gif) no-repeat center left; } .jessm { background: url(../images/title_jessm.gif) no-repeat center left; } .leeg { background: url(../images/title_leeg.gif) no-repeat center left; } .leod { background: url(../images/title_leod.gif) no-repeat center left; } .mazens { background: url(../images/title_mazens.gif) no-repeat center left; } .paulb { background: url(../images/title_paulb.gif) no-repeat center left; } .antonyv { background: url(../images/title_antonyv.gif) no-repeat center left; } .andyc { background: url(../images/title_andyc.gif) no-repeat center left; } .amys { background: url(../images/title_amys.gif) no-repeat center left; } .simonb { background: url(../images/title_simonb.gif) no-repeat center left; } .emmal { background: url(../images/title_emmal.gif) no-repeat center left; } .alexenam { background: url(../images/title_alexenam.gif) no-repeat center left; } .brendanq { background: url(../images/title_brendanq.gif) no-repeat center left; } .pardeepb { background: url(../images/title_pardeepb.gif) no-repeat center left; } .chrisb { background: url(../images/title_chrisb.gif) no-repeat center left; } .draganl { background: url(../images/title_draganl.gif) no-repeat center left; } .michaels { background: url(../images/title_michaels.gif) no-repeat center left; } .andrewj { background: url(../images/title_andrewj.gif) no-repeat center left; } /* Right column explore heading */ .title_explore {position: absolute; top: 0; left: 0;text-indent: -3000em;margin: 0;font-size: 1px;overflow: hidden; width: 295px;height: 44px; background: url(../images/title_explore.gif) no-repeat top left; } /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* HEADER STYLES */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ #logo { position: absolute; top: 42px; left: 0; height: 49px; width: 222px; overflow: hidden;} #logo a { text-indent: -3000em; font-size: 1px; height: 49px; width: 222px; display: block; background: url(../images/digitalagencylogo.gif) no-repeat; } /* NAV STYLES */ #headerlinks { float: left;list-style: none; padding: 5px 0; margin: 0; text-transform: uppercase;} #headerlinks li { float: left; margin: 0 18px 0 0;} #headerlinks li a { color: #999;} #headerlinks li a:hover, #headerlinks li a.selected { color: #fff; text-decoration: none; } /* Social */ .shareLinks { position:absolute; z-index:1000; top:5px; right:140px; width:80px; } /* SOCIAL ICONS */ .socialtooltip { padding: 0; position: relative; } .socialtooltip em { width:145px; height:30px; position: absolute; top:40px; left:-5px; text-align: center; text-indent: -9999px; z-index: 1002; display: none; } .social-icon { width:16px; height:16px; text-indent:-9999px; margin:0 5px 0 0; display: block; opacity:0.85; float:left; } .social-icon:hover { opacity: 1.0; } .facebook { background: url(../images/social/facebook_16.png) no-repeat 0 0; } .facebooktip { background: url(../images/social/facebookbubble.gif) no-repeat; } .twitter { background: url(../images/social/twitter_16.png) no-repeat 0 0; } .twittertip { background: url(../images/social/twitterbubble.gif) no-repeat; } .linkedin { background: url(../images/social/linkedin_16.png) no-repeat 0 0; } .linkedintip { background: url(../images/social/linkedinbubble.gif) no-repeat; } /* SEND US YOUR BRIEF LINK */ .send_us_your_brief { position: absolute; top: 0;right: -40px; background: url(../images/send_us_your_brief.gif) no-repeat top left; height: 49px; width: 183px; overflow: hidden; } .send_us_your_brief a { text-indent: -3000em; font-size: 1px; height: 49px; width: 183px; display: block;} /* NAV SECTION STYLES */ #headersectionlinks { position: absolute; bottom: 0;right: 0; margin: 0; height: 56px; width: 541px; overflow: hidden;} #headersectionlinks li { float: left;height: 56px; overflow: hidden;} #headersectionlinks li a { text-indent: -3000em; font-size: 1px; height: 56px; display: block;} #headersectionlinks li.createlink { width: 121px; } #headersectionlinks li.createlink a { background: url(../images/link_create.gif) no-repeat top left; width: 121px; } #headersectionlinks li.createlink a:hover, #headersectionlinks li.createlink a.selected { background: url(../images/link_create.gif) no-repeat bottom left; } #headersectionlinks li.marketlink { width: 126px; } #headersectionlinks li.marketlink a { background: url(../images/link_market.gif) no-repeat top left; width: 126px; } #headersectionlinks li.marketlink a:hover, #headersectionlinks li.marketlink a.selected { background: url(../images/link_market.gif) no-repeat bottom left; } #headersectionlinks li.managelink { width: 127px; } #headersectionlinks li.managelink a { background: url(../images/link_manage.gif) no-repeat top left; width: 127px; } #headersectionlinks li.managelink a:hover, #headersectionlinks li.managelink a.selected { background: url(../images/link_manage.gif) no-repeat bottom left; } #headersectionlinks li.contactlink { width: 167px; } #headersectionlinks li.contactlink a { background: url(../images/link_contact.gif) no-repeat top left; width: 167px; } #headersectionlinks li.contactlink a:hover, #headersectionlinks li.contactlink a.selected { background: url(../images/link_contact.gif) no-repeat bottom left; } /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* CONTENT */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .bannerwrap { padding: 0 0 10px 0; float: left;} .bannerwrap p { margin: 0; } .bannerpadwrap {padding: 0 0 30px 0;float: left;} .thirdwidthboxwrap {float: left;margin: 0 -20px 0 0;padding: 0 0 20px 0;overflow: hidden;list-style: none; width: 945px;} .thirdwidthboxwrap li { float: left; width: 295px; padding: 0; height: 185px; margin: 0 20px 0 0; overflow: hidden;} .thirdwidthboxwrap li img { float: left;} .thirdwidthboxwrap li.websites_that_work { width: 260px; padding: 20px 14px 10px 20px; height: 155px;text-align: left; font-size: 0.8em; background: url(../images/bg_stripes2.gif) top center; } .thirdwidthboxwrap li.websites_that_work a{ color: #82E101; } .thirdwidthboxwrap li.portfolio a, .thirdwidthboxwrap li.team a { float: left; width: 275px; height: 175px; display: block; padding: 10px; background: url(../images/bg_stripes2.gif) top center; } .thirdwidthboxwrap li.portfolio a strong, .thirdwidthboxwrap li.websitedesign a strong, .thirdwidthboxwrap li.searchagency a strong, .thirdwidthboxwrap li.socialmedia a strong, .thirdwidthboxwrap li.team a strong { text-indent: -3000em; float: left; } #homepageboxes { position:relative; height:203px; } .websitedesign { position:absolute; left:0; top:0; } .searchagency { position:absolute; left:315px; top:0; } .socialmediahome { position:absolute; left:630px; top:0; } #homepageboxes li:hover {cursor:pointer;} #hwebsitedesign, #hsearchagency, #hsocialmedia { /*background-color:#000;*/ padding:10px 0 0 10px; background: url(../images/bg_stripes2.gif) top center; width:285px; height:175px; } .thirdwidthboxwrap li.portfolio a:hover, .thirdwidthboxwrap li.team a:hover { background: url(../images/bg_stripes2_active.gif) top center; text-decoration: none; } .thirdwidthboxwrap li.websites_that_work { background: url(../images/bg_stripes2.gif) top center; text-decoration: none; } /* Giving each box a title */ .thirdwidthboxwrap .portfolio strong { background: url(../images/title-socialmedia.gif) no-repeat; display: block; width: 275px; height: 30px; } .thirdwidthboxwrap .team strong { background: url(../images/title_team.gif) no-repeat; display: block; width: 275px; height: 30px; } .thirdwidthboxwrap .websites_that_work h1 { background: url(../images/title_websites_that_work.gif) no-repeat; display: block; height: 13px; margin:0 0 10px 0; text-indent: -3000em; } /* NEW BOXES - JUNE2011 */ .thirdwidthboxwrap .websitedesign h2 { background: url(../images/title-websitedesign.gif) no-repeat;} .thirdwidthboxwrap .searchagency h2 { background: url(../images/title-searchagency.gif) no-repeat; } .thirdwidthboxwrap .socialmedia h2 { background: url(../images/title-socialmedia.gif) no-repeat; } .homebox {float: left; width: 275px; height: 175px; display: block; padding: 10px; background: url(../images/bg_stripes2.gif) top center;} .homebox h2 {margin: 20px 20px 10px 20px; display: block; width: 240px; height: 14px; text-indent: -3000em; float: left;} .homebox P {font-size: 12px; margin: 0px 20px 0 20px;} .thirdwidthboxwrap li.websitedesign a:hover, .thirdwidthboxwrap li.searchagency a:hover, .thirdwidthboxwrap li.socialmedia a:hover { text-decoration: none; } .thirdwidthboxwrap .websitedesign a strong, .thirdwidthboxwrap .searchagency a strong, .thirdwidthboxwrap .socialmedia a strong { margin: 9px 0 0 0; display: block; width: 275px; height: 14px; text-indent: -3000em; float: left; } .thirdwidthboxwrap .websitedesign a strong { background: url(../images/title-websitedesign.gif) no-repeat;} .thirdwidthboxwrap .searchagency a strong { background: url(../images/title-searchagency.gif) no-repeat; } .thirdwidthboxwrap .socialmedia a strong { background: url(../images/title-socialmedia.gif) no-repeat; } /************************/ /* Portfolio page boxes */ /************************/ .thirdwidthboxwrap li.portfolioitem { height: 185px; margin-bottom: 20px; } .thirdwidthboxwrap li.portfolioitem img { margin: 0 0 7px 0; } .thirdwidthboxwrap li.portfolioitem a, .thirdwidthboxwrap li.portfolioitem .flashthumb { float: left; width: 275px; height: 165px; display: block;padding: 10px; background: url(../images/bg_stripes2.gif) top center; color: #999; } .thirdwidthboxwrap li.portfolioitem a span { color: #fff; display: block; background: url(../images/arrow_green.gif) no-repeat right center; clear: both; } .thirdwidthboxwrap li.portfolioitem .flashthumb span { color: #fff; display: block; background: url(../images/arrow_green.gif) no-repeat right center; clear: both;margin: 7px 0 0 0; } .thirdwidthboxwrap li.portfolioitem a:hover, .thirdwidthboxwrap li.portfolioitem .flashthumb:hover, .thirdwidthboxwrap li.portfolioitem .flashthumb2:hover { background: url(../images/bg_stripes2_active.gif) top center; text-decoration: none; } .thirdwidthboxwrap li.portfolioitem .flashthumb a { padding:0; margin:0; background:none; height:150px;} .thirdwidthboxwrap li.portfolioitem .flashthumb2 span.comp { color: #fff; display: block; background: url(../images/arrow_green.gif) no-repeat right center; clear: both;margin: 7px 0 0 0; } .thirdwidthboxwrap li.portfolioitem .flashthumb2 span.comp:active{ padding:1px 0 0 0;} .thirdwidthboxwrap li.portfolioitem .flashthumb2 { float: left; display: block;padding: 10px; background: url(../images/bg_stripes2.gif) top center; color: #999; padding:0; width:315px; height:205px; } .thirdwidthboxwrap li.portfolioitem .flashthumb2 a {padding:0; margin:0; background:none; display:block; width:295px; height:185px; padding:10px; } /****************************/ /* END Portfolio page boxes */ /****************************/ /***********************/ /* Quarter width boxes */ .quarterwidthboxwrap { float: left; margin: 0 -20px 0 0; padding: 0 0 30px 0; overflow: hidden; list-style: none; width: 945px; } .quarterwidthboxwrap li { float: left; width: 217px; padding: 0; height: 185px; margin: 0 19px 0 0; overflow: hidden; } .quarterwidthboxwrap li img { float: left; } .quarterwidthboxwrap li a { float: left; width: 197px; height: 175px; display: block; padding: 10px; background: url(../images/bg_stripes2.gif) top center; } .quarterwidthboxwrap li a:hover { text-decoration: none; background: url(../images/bg_stripes2_active.gif) top center; } /* Giving each box a title */ .quarterwidthboxwrap strong { display: block; float: left; width: 197px; height: 30px; text-indent: -3000em; margin: 10px 0 0 0; } .quarterwidthboxwrap .awards strong { background: url(../images/title_awards.gif) no-repeat; } .quarterwidthboxwrap .clients strong { background: url(../images/title_clients.gif) no-repeat; } .quarterwidthboxwrap .thinktank strong { background: url(../images/title_thinktank.gif) no-repeat; } .quarterwidthboxwrap .news strong { background: url(../images/title_news.gif) no-repeat; } /* Now for the quick links */ .quickLinks { float: left; clear: both; margin: 0 0 0 0; padding: 10px 0 20px 10px; overflow: hidden; list-style: none; width: 915px; font-size: 0.9em; background: url(../images/bg_gradient.gif) repeat-x top; } .quickLinks ul { float: left; margin: 0; padding: 0; list-style: none; width: 225px; } .quickLinks li { float: left; width: 213px; padding: 0 0 0 12px; margin: 0 0 5px 0; overflow: hidden; background: url(../images/arrow_green.gif) no-repeat left center; } .quickLinks li a { float: left; color: #999;} .quickLinks li a:hover { color: #82e101;} /* Breadcrumb */ .breadcrumbwrap { width: 925px; float: left; margin: -5px 0 0 0; padding: 0 0 20px 0; font-size: 0.8em;} .breadcrumb { list-style: none; padding: 0; margin: 0; float: left;} .breadcrumb li {padding: 0; margin: 0; float: left;} .breadcrumb li a { padding: 0 14px 0 0;margin: 0 10px 0 0; float: left;color: #82e101; background: url(../images/arrow_grey2.gif) no-repeat right center; } .breadcrumbwrap p { float: right; padding: 0 0 0 14px; margin: 0; text-transform: uppercase; background: url(../images/arrow_green.gif) no-repeat left center; } /* */ .para_team {text-indent: -3000em; font-size: 1px; overflow: hidden; width: 915px; height: 65px; clear: both; margin: 0 0 20px 0; background: url(../images/para_team.gif) no-repeat left top; } /* */ #teamwrap { clear: both; float: left; width: 925px; background: url(../images/bg_stripblock.gif) repeat top right #000; font-size: 11px; margin: 0 0 20px 0; } #teamwrap ul { float: left; list-style: none; padding: 0; margin: 0;} #teamwrap ul li { width: 184px; height: 210px; float: left;} #teamwrap ul li a { width: 144px; height: 70px; padding: 140px 20px 0 20px; color: #fff; float: left; display: block;} #teamwrap ul li a:hover { text-decoration: none;} #teamwrap ul li a strong { font-weight: bold; } #teamwrap ul li a span {text-transform: uppercase; color: #82e101; padding: 4px 0 4px 12px; display: block; background: url(../images/arrow_green.gif) no-repeat left center; } #teamwrap ul li a:hover span { text-decoration: underline; } #teamwrap ul li.rob_burns a { background: url(../images/team_thumbs/rob_burns.jpg) no-repeat top center; } #teamwrap ul li.chris_kell a { background: url(../images/team_thumbs/chris_kell.jpg) no-repeat top center; } #teamwrap ul li.dan_martin a { background: url(../images/team_thumbs/dan_martin.jpg) no-repeat top center; } #teamwrap ul li.steve_holmes a { background: url(../images/team_thumbs/steve_holmes.jpg) no-repeat top center; } #teamwrap ul li.jay_heaviside a { background: url(../images/team_thumbs/jay_heaviside.jpg) no-repeat top center; } #teamwrap ul li.gary_hartley a { background: url(../images/team_thumbs/gary_hartley.jpg) no-repeat top center; } #teamwrap ul li.ben_aylott a { background: url(../images/team_thumbs/ben_aylott.jpg) no-repeat top center; } #teamwrap ul li.alex_king a { background: url(../images/team_thumbs/alex_king.jpg) no-repeat top center; } #teamwrap ul li.mike_van_rooyen a { background: url(../images/team_thumbs/mike_van_rooyen.jpg) no-repeat top center; } #teamwrap ul li.martin_hughes a { background: url(../images/team_thumbs/martin_hughes.jpg) no-repeat top center; } #teamwrap ul li.nick_boldison a { background: url(../images/team_thumbs/nick_boldison.jpg) no-repeat top center; } #teamwrap ul li.douglas_radburn a { background: url(../images/team_thumbs/douglas_radburn.jpg) no-repeat top center; } #teamwrap ul li.jonathan_wright a { background: url(../images/team_thumbs/jonathan_wright.jpg) no-repeat top center; } #teamwrap ul li.jonathan_beeley a { background: url(../images/team_thumbs/jonathan_beeley.jpg) no-repeat top center; } #teamwrap ul li.dan_howard a { background: url(../images/team_thumbs/dan_howard.jpg) no-repeat top center; } #teamwrap ul li.joanne_taylor a { background: url(../images/team_thumbs/joanne_taylor.jpg) no-repeat top center; } #teamwrap ul li.emma_sharman a { background: url(../images/team_thumbs/emma_sharman.jpg) no-repeat top center; } #teamwrap ul li.paul_carpenter a { background: url(../images/team_thumbs/paul_carpenter.jpg) no-repeat top center; } #teamwrap ul li.zoe_piper a { background: url(../images/team_thumbs/zoe_piper.jpg) no-repeat top center; } #teamwrap ul li.rob_reeve a { background: url(../images/team_thumbs/rob_reeve.jpg) no-repeat top center; } #teamwrap ul li.gyles_seward a { background: url(../images/team_thumbs/gyles_seward.jpg) no-repeat top center; } #teamwrap ul li.peter_smith a { background: url(../images/team_thumbs/peter_smith.jpg) no-repeat top center; } #teamwrap ul li.christian_bailey a { background: url(../images/team_thumbs/christian_bailey.jpg) no-repeat top center; } #teamwrap ul li.sarah_boothman a { background: url(../images/team_thumbs/sarah_boothman.jpg) no-repeat top center; } #teamwrap ul li.mark_woodcock a { background: url(../images/team_thumbs/mark_woodcock.jpg) no-repeat top center; } #teamwrap ul li.carly_chaffer a { background: url(../images/team_thumbs/carly_chaffer.jpg) no-repeat top center; } #teamwrap ul li.claire_burns a { background: url(../images/team_thumbs/claire_burns.jpg) no-repeat top center; } #teamwrap ul li.sarah_moller a { background: url(../images/team_thumbs/sarah_moller.jpg) no-repeat top center; } #teamwrap ul li.joe_lyon a { background: url(../images/team_thumbs/joe_lyon.jpg) no-repeat top center; } #teamwrap ul li.jess_moss a { background: url(../images/team_thumbs/jess_moss.jpg) no-repeat top center; } #teamwrap ul li.leo_davie a { background: url(../images/team_thumbs/leo_davie.jpg) no-repeat top center; } #teamwrap ul li.lee_grasby a { background: url(../images/team_thumbs/lee_grasby.jpg) no-repeat top center; } #teamwrap ul li.mazen_shaheed a { background: url(../images/team_thumbs/mazen_shaheed.jpg) no-repeat top center; } #teamwrap ul li.paul_baguley a { background: url(../images/team_thumbs/paul_baguley.jpg) no-repeat top center; } #teamwrap ul li.antony_vila a { background: url(../images/team_thumbs/antony_vila.jpg) no-repeat top center; } #teamwrap ul li.andy_curry a { background: url(../images/team_thumbs/andy_curry.jpg) no-repeat top center; } #teamwrap ul li.amy_schofield a { background: url(../images/team_thumbs/amy_schofield.jpg) no-repeat top center; } #teamwrap ul li.simon_blake a { background: url(../images/team_thumbs/simon_blake.jpg) no-repeat top center; } #teamwrap ul li.emma_lane a { background: url(../images/team_thumbs/emma_lane.jpg) no-repeat top center; } #teamwrap ul li.alexena_mutch a { background: url(../images/team_thumbs/alexena_mutch.jpg) no-repeat top center; } #teamwrap ul li.brendan_quigley a { background: url(../images/team_thumbs/brendan_quigley.jpg) no-repeat top center; } #teamwrap ul li.pardeep_basi a { background: url(../images/team_thumbs/pardeep_basi.jpg) no-repeat top center; } #teamwrap ul li.chris_bell a { background: url(../images/team_thumbs/chris_bell.jpg) no-repeat top center; } #teamwrap ul li.dragan_lukic a { background: url(../images/team_thumbs/dragan_lukic.jpg) no-repeat top center; } #teamwrap ul li.michael_smith a { background: url(../images/team_thumbs/michael_smith.jpg) no-repeat top center; } #teamwrap ul li.andrew_jackson a { background: url(../images/team_thumbs/andrew_jackson.jpg) no-repeat top center; } #teamwrap ul li.john_pemberton a { background: url(../images/team_thumbs/john_pemberton.jpg) no-repeat top center; } #teamwrap ul li.john_nightingale a { background: url(../images/team_thumbs/john_nightingale.jpg) no-repeat top center; } #teamwrap ul li.martin_power a { background: url(../images/team_thumbs/martin_power.jpg) no-repeat top center; } #teamwrap ul li.matt_barnes a { background: url(../images/team_thumbs/matt_barnes.jpg) no-repeat top center; } #teamwrap ul li.robert_holt a { background: url(../images/team_thumbs/robert_holt.jpg) no-repeat top center; } #teamwrap ul li.andrewcook a { background: url(../images/team_thumbs/andrewcook.jpg) no-repeat top center; } #teamwrap ul li.michealwilkinson a { background: url(../images/team_thumbs/michealwilkinson.jpg) no-repeat top center; } #teamwrap ul li.sunnivaskoglund a { background: url(../images/team_thumbs/sunnivaskoglund.jpg) no-repeat top center; } #teamwrap ul li.johnyoung a { background: url(../images/team_thumbs/johnyoung.jpg) no-repeat top center; } #teamwrap ul li.robtaylor a { background: url(../images/team_thumbs/robtaylor.jpg) no-repeat top center; } #teamwrap ul li.you a { background: url(../images/team_thumbs/you.jpg) no-repeat top center; } #teamwrap ul li a:hover { background-position: bottom center; } /* Profile pages */ .teambg { width: 1005px; float: left;background: url(../images/bg_teamglow.jpg) no-repeat top right #000;} .bgandrewcook { background:none; } .andrewcook_bg{ background: url(../images/teambg/andrewcook.jpg) no-repeat top center #000; } .bgmichealwilkinson { background:none; } .michealwilkinson_bg{ background: url(../images/teambg/michealwilkinson.jpg) no-repeat top center #000; } .bgsunnivaskoglund { background:none; } .sunnivaskoglund_bg{ background: url(../images/teambg/sunnivaskoglund.jpg) no-repeat top center #000; } .bgjohnyoung { background:none; } .johnyoung_bg{ background: url(../images/teambg/johnyoung.jpg) no-repeat top center #000; } .bgrobtaylor { background:none; } .robtaylor_bg{ background: url(../images/teambg/robtaylor.jpg) no-repeat top center #000; } .bgpaulC { background: url(../images/teambg/paul_carpenter.jpg) no-repeat top right #000; } .bgrobB { background: url(../images/teambg/rob_burns.jpg) no-repeat top right #000; } .bgchrisK { background: url(../images/teambg/chris_kell.jpg) no-repeat top right #000; } .bgdanM { background: url(../images/teambg/dan_martin.jpg) no-repeat top right #000; } .bgsteveH { background: url(../images/teambg/steve_holmes.jpg) no-repeat top right #000; } .bgjayH { background: url(../images/teambg/jay_heaviside.jpg) no-repeat top right #000; } .bggaryH { background: url(../images/teambg/gary_hartley.jpg) no-repeat top right #000; } .bgbenA { background: url(../images/teambg/ben_aylott.jpg) no-repeat top right #000; } .bgalexK { background: url(../images/teambg/alex_king.jpg) no-repeat top right #000; } .bgmikeVR { background: url(../images/teambg/mike_vanrooyen.jpg) no-repeat top right #000; } .bgmartinH { background: url(../images/teambg/martin_hughes.jpg) no-repeat top right #000; } .bgnickB { background: url(../images/teambg/nick_boldison.jpg) no-repeat top right #000; } .bgdougR { background: url(../images/teambg/douglas_radburn.jpg) no-repeat top right #000; } .bgjonnyW { background: url(../images/teambg/jonathan_wright.jpg) no-repeat top right #000; } .bgjonnyB { background: url(../images/teambg/jonathan_beeley.jpg) no-repeat top right #000; } .bgdanH { background: url(../images/teambg/dan_howard.jpg) no-repeat top right #000; } .bgjoanneT { background: url(../images/teambg/joanne_taylor.jpg) no-repeat top right #000; } .bgemmaS { background: url(../images/teambg/emma_sharman.jpg) no-repeat top right #000; } .bgzoeP { background: url(../images/teambg/zoe_piper.jpg) no-repeat top right #000; } .bgrobR { background: url(../images/teambg/rob_reeve.jpg) no-repeat top right #000; } .bggylesS { background: url(../images/teambg/gyles_seward.jpg) no-repeat top right #000; } .bgpeterS { background: url(../images/teambg/peter-smith.jpg) no-repeat top right #000; } .bgchristianB { background: url(../images/teambg/christian-bailey.jpg) no-repeat top right #000; } .bgsarahB { background: url(../images/teambg/sarah-boothman.jpg) no-repeat top right #000; } .bgmarkW { background: url(../images/teambg/mark-woodcock.jpg) no-repeat 100% 0 #000; } .bgcarlyC { background: url(../images/teambg/carly-chaffer.jpg) no-repeat 100% 0 #000; } .bgclaireB { background: url(../images/teambg/claire_burns.jpg) no-repeat 100% 0 #000; } .bgsarahM { background: url(../images/teambg/sarah-moller.jpg) no-repeat 100% 0 #000; } .bgjessM { background: url(../images/teambg/jess_moss.jpg) no-repeat 100% 0 #000; } .bgleeG { background: url(../images/teambg/lee_grasby.jpg) no-repeat 100% 0 #000; } .bgleoD { background: url(../images/teambg/leo_davie.jpg) no-repeat 100% 0 #000; } .bgmazenS { background: url(../images/teambg/mazen_shaheed.jpg) no-repeat 100% 0 #000; } .bgpaulB { background:none; } .paulb_bg { background: url(../images/teambg/paul-baguley.jpg) no-repeat top center #000; } .bgantonyV { background:none; } .mazens_bg { background: url(../images/teambg/mazen-shaheed.jpg) no-repeat top center #000; } .bgmazenS { background:none; } .antony_bg { background: url(../images/teambg/antony_vila.jpg) no-repeat top center #000; } .bgjoeL { background: url(../images/teambg/joe-lyon.jpg) no-repeat 100% 0 #000; } .bgamyS { background:none; } .amy_bg { background: url(../images/teambg/amy-schofield.jpg) no-repeat top center #000; } .bgandyC { background:none; } .andyC_bg{ background: url(../images/teambg/andy-curry.jpg) no-repeat top center #000; } .bgmartinpower { background:none; } .martinpower_bg{ background: url(../images/teambg/martin-power.jpg) no-repeat top center #000; } .bgmattbarnes { background:none; } .mattbarnes_bg{ background: url(../images/teambg/matt-barnes.jpg) no-repeat top center #000; } .bgrobertholt { background:none; } .robertholt_bg{ background: url(../images/teambg/robert-holt.jpg) no-repeat top center #000; } .bgjohnnightingale { background:none; } .johnnightingale_bg{ background: url(../images/teambg/john-nightingale.jpg) no-repeat top center #000; } .bgjohnpemberton { background:none; } .johnpemberton_bg{ background: url(../images/teambg/john-pemberton.jpg) no-repeat top center #000; } .bgsimonB { background:none; } .simonb_bg{ background:url(../images/teambg/simon-blake.jpg) no-repeat top center #000; } .bgemmaL { background:none; } .emmaL_bg{ background: url(../images/teambg/emma-lane.jpg) no-repeat top center #000; } .bgalexenaM { background:none; } .alexenaM_bg{ background: url(../images/teambg/alexena-mutch.jpg) no-repeat top center #000; } .bgdraganL { background:none; } .draganL_bg { background: url(../images/teambg/dragan-lukic.jpg) no-repeat top center #000; } .bgbrendanQ { background:none; } .brendanQ_bg { background: url(../images/teambg/brendan-quigley.jpg) no-repeat top center #000; } .bgpardeepB { background:none; } .pardeepB_bg { background: url(../images/teambg/pardeep-basi.jpg) no-repeat top center #000; } .bgmichaelS { background:none; } .michaelS_bg { background: url(../images/teambg/michael-smith.jpg) no-repeat top center #000; } .bgandrewJ { background:none; } .andrewJ_bg { background: url(../images/teambg/andrew-jackson.jpg) no-repeat top center #000; } .bgchrisB { background:none; } .chrisB_bg { background: url(../images/teambg/chris-bell.jpg) no-repeat top center #000; } .profilewrap { width: 400px; margin: 0 0 20px 0; padding: 0; float: left;clear: both;line-height: 1.6em; } .profilewrap strong { font-weight: bold; color: #fff;} .memberinfo { margin: 0; padding: 0; float: left; clear: both; line-height: 1.2em; font-size: 0.9em; } .memberinfo .tabs { float: left;list-style: none;padding: 0 10px 0 0;margin: 0; font-size: 1.1em; width: 570px; border-bottom: 1px solid #333; } .memberinfo .tabs2 {float: left;list-style: none;padding: 0 10px 0 0;margin: 0;font-size: 1.1em;width: 915px;border-bottom: 1px solid #424242; } .memberinfo .tabs3 {float: left;list-style: none;padding: 0 10px 0 0;margin: 0px;font-size: 1.1em;width: 915px;border-bottom: 1px solid #424242;} .memberinfo .tabs li { float: left; } .memberinfo .tabs2 li { float:right; } .memberinfo .tabs3 li { float:left; } .memberinfo .tabs2 .left { float:left; } .memberinfo .tabs li a, .memberinfo .tabs2 li a {float: left;display: block;padding: 16px 21px 15px 21px;font-weight: bold; color: #fff;border: 0; } .memberinfo .tabs3 li a {height:51px;width:154px;float: left;display: block;margin:0 0 -1px 0;} .memberinfo .tab_states{float: left;list-style: none;padding: 0 10px 0 0;margin: 0px; font-size: 1.1em; width: 915px; border-bottom: 1px solid #424242;} .memberinfo .tab_states li { float:left; } .memberinfo .tab_states li a {height:51px; width:154px;float: left;display: block;margin:0 0 -1px 0;} #website-tab { padding-left:50px; background:url(../images/icon-website.gif) no-repeat 12px 10px; } #website-tab:hover, #website-tab:hover { background:url(../images/icon-website-active.gif) no-repeat 12px 10px; } #multimedia-tab { padding-left:50px; background:url(../images/icon-mm.gif) no-repeat 12px 10px; } #multimedia-tab:hover { background:url(../images/icon-mm-active.gif) no-repeat 12px 10px; } #website-tab-onpage { padding-left:50px; background:url(../images/portfolio/website_tab_states.gif) no-repeat; background-position: 0 0;} #website-tab-onpage:hover, #website-tab-onpage:hover { background-position: 0 0;} #website-tab-offpage { padding-left:50px; background:url(../images/portfolio/website_tab_states.gif) no-repeat; background-position: 0 -51px;} #website-tab-offpage:hover { background-position: 0 -102px;} #multimedia-tab-onpage { padding-left:50px; background:url(../images/portfolio/digital_tab_states.gif) no-repeat; background-position: 0 0px;} #multimedia-tab-onpage:hover { background-position: 0 0;} #multimedia-tab-offpage { padding-left:50px; background:url(../images/portfolio/digital_tab_states.gif) no-repeat; background-position: 0 -51px;} #multimedia-tab-offpage:hover { background-position: 0 -102px;} #multimedia-tab3 { padding-left:50px; background:url(../images/portfolio/digital_tab.gif) no-repeat; background-position: 0 -102px;} #multimedia-tab3:hover { background-position: 0 -51px;} .logosml { margin:-5px 10px -10px -10px; float:left;} .memberinfo .tabs li a:hover, .memberinfo .tabs li a.selected, .memberinfo .tabs2 li a:hover, .memberinfo .tabs2 li a.selected { float: left; display: block; padding: 16px 21px 15px 21px; font-weight: bold; color: #fff; background: url(../images/bg_tabs.gif) top left; background-position: 0 -30px; } .memberinfo .tabs3 li a:hover, .memberinfo .tabs3 li a.selected { float: left; display: block; background-position: 0 -30px; } .memberinfo .tabs li a.selected, .memberinfo .tabs2 li a.selected { float: left; display: block; margin: 0 0 -1px 0; padding: 15px 20px 16px 20px; font-weight: bold; color: #74D400; border: 1px solid #333; border-bottom: 0; } .memberinfo .tabs3 li a.selected { background-position: 0 -15px; float: left; display: block; margin: 0 0 -1px 0; /*padding: 15px 20px 16px 20px;*/ font-weight: bold; color: #74D400; } .memberinfo .memberinfoinner { background: url(../images/bg_stripblock.gif) repeat-x top center #000; float: left; clear: both; width: 590px; padding: 0; } .memberinfo .padding { padding: 15px 20px; font-size: 1em; line-height: 1.6em; } .memberinfo .comment { color: #eee;display: block; font-size: 1em; border-top: 1px dotted #444;padding: 15px 25px; background: #262626;clear: both;} .screenshots { padding: 15px 0; } /************ start of info page ************/ #leftcolinfo strong, #leftcolinfo2 strong { color: #fff;} #leftcolinfo a, #leftcolinfo2 a { font-weight: bold;} #leftcolinfo.thinktank a {font-weight: normal;} #leftcolinfo.thinktank a b, #leftcolinfo.thinktank b a{ color: #6eba10; } #leftcolinfo em, #leftcolinfo2 em { font-style: italic; color: #ccc;} .firstpara { color: #f3f3f3;} .firstpara a {color: #fff;} /* */ .bannerportwrap-location { padding: 10px; float: left; background: url(../images/bg_location.jpg) no-repeat top left; width: 905px; height: 416px; margin: 0 0 25px 0; z-index: 10; position: relative; } .leftbanner-location { float: left;} .rightbanner-location { float: right; width: 275px; } .bannerportwrap { padding: 10px; float: left; background: url(../images/bg_bannerheader.jpg) no-repeat top left; width: 905px; height: 243px; margin: 0 0 25px 0; z-index: 10; position: relative;} .bannerportwrap2 {padding: 0; float: left; width: 925px; margin: 0 0 25px 0; z-index: 10; position: relative;} .leftbanner { float: left;} .leftbanner2 { float: left; margin: -10px 0 0 -10px; } .rightbanner { float: right; width: 275px; } .rightbanner .quote { text-indent: -3000em; font-size: 1px; overflow: hidden; width: 259px; height: 215px; margin: 0 0 0 10px; float: left;} .rightbanner .quote2 { font-family: Arial, Helvetica, sans-serif; font-size: 18px; line-height:24px; font-weight:bold; width: 259px; margin: 4px 10px 10px 10px; float: left; color: #fff;} .rightbanner .quote2name { margin: 0px 0 47px 10px; font-size: 12px;} .rightbanner .pepsicoquote { background: url(../images/quote/quote_pepsico.gif) no-repeat top left; } .rightbanner .hitecquote { background: url(../images/quote/quote_hitec.gif) no-repeat top left; } .rightbanner .tescogrowingquote { background: url(../images/quote/quote_tesco_growing.gif) no-repeat top left; } .rightbanner .thackrayquote { background: url(../images/quote/quote_thackray.gif) no-repeat top left; } .rightbanner .verityfrearsonquote { background: url(../images/quote/quote_verity_frearson.gif) no-repeat top left; } .rightbanner .subaruquote { background: url(../images/quote/quote_subaru.gif) no-repeat top left; } .rightbanner .alfresiaquote { background: url(../images/quote/quote_alfresia.gif) no-repeat top left; } .rightbanner .pleasureislandquote { background: url(../images/quote/quote_pleasure_island.gif) no-repeat top left; } .rightbanner .allterrainquote { background: url(../images/quote/quote_all_terrain.gif) no-repeat top left; } .rightbanner .selinascottquote { background: url(../images/quote/quote_selina_scott.gif) no-repeat top left; } .rightbanner .rolawnquote { background: url(../images/quote/quote_rolawn.gif) no-repeat top left; } .rightbanner .kidzplayquote { background: url(../images/quote/quote_kidzplay.gif) no-repeat top left; } .rightbanner .lloydsipquote { background: url(../images/quote/quote_lloydsip.gif) no-repeat top left; } .rightbanner .gnequote { background: url(../images/quote/quote_gne.gif) no-repeat top left; } .rightbanner .holidayletquote { background: url(../images/quote/quote_holidaylet.gif) no-repeat top left; } .rightbanner .qhotelsquote { background: url(../images/quote/quote_qhotels.gif) no-repeat top left; } .rightbanner .virginquote { background: url(../images/quote/quote_virgin.gif) no-repeat top left; } .rightbanner .bradfordtheatrequote { background: url(../images/quote/quote_bradford_theatre.gif) no-repeat top left; } .rightbanner .lindamquote { background: url(../images/quote/quote_lindam.gif) no-repeat top left; } .rightbanner .marksandspencerquote { background: url(../images/quote/quote_marksandspencer.gif) no-repeat top left; } .rightbanner .primeperformersquote { background: url(../images/quote/quote_prime_performers.gif) no-repeat top left; } .rightbanner .roundtablequote { background: url(../images/quote/quote_round_table.gif) no-repeat top left; } .rightbanner .leeandplumptonquote { background: url(../images/quote/quote_leeandplumpton.gif) no-repeat top left; } .boldlink { text-indent: -3000em; font-size: 1px; margin: 0; float: right;overflow: hidden; width: 107px;height: 27px; } .boldlink a {background: url(../images/link_next_project.gif) no-repeat bottom left; display: block; width: 107px; height: 27px; float: left; } .boldlink a:hover { background: url(../images/link_next_project.gif) no-repeat top left; } /*** Project wrap ***/ .projectinfo { margin: 0 0 20px 0; padding: 0; float: left;clear: both; line-height: 1em; font-size: 1em; } .projectinfo .tabs { float: left; list-style: none; padding: 0 10px; font-size: 1.1em; width: 570px; margin: 0 0 -1px 1px; } .projectinfo .tabs li { float: left;} .projectinfo .tabs li a {float: left; display: block; padding: 16px 21px 15px 21px; font-weight: bold; color: #fff; margin: 0; } .projectinfo .tabs li a:hover { float: left;display: block; padding: 16px 21px 15px 21px; font-weight: bold; color: #fff; margin: 0 0 1px 0; background: url(../images/bg_tabs.gif) top left; } .projectinfo .tabs li a.selected, .projectinfo .tabs li a.selected:hover { float: left; display: block; margin: 0;padding: 15px 21px 16px 21px; font-weight: bold; color: #fff;border: 1px solid #333; border-bottom: 0; margin: 0; background: url(../images/bg_tabs.gif) top left;} .projectinfo .projectinfoinner { background: url(../images/bg_tabs.gif) top center; clear: both;width: 590px;padding: 0;margin: 0; border-top: 1px solid #333; } .projectinfo .padding { padding: 15px 20px; font-size: 1em; line-height: 1.6em;} .projectinfo .comment { border-top: 1px solid #444; color: #eee; display: block; padding: 15px 25px; margin: 0 0 5px 0; clear: both;} .projectinfo .comment_first { color: #eee; display: block; padding: 15px 25px; margin: 0 0 5px 0; clear: both;} .projectinfo #teamwrap {clear: both;float: left;width: 590px;background: url(../images/bg_stripblock.gif) repeat top right; } /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* RIGHTCOLUMN STYLES */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ #rightcolwrap strong {color: #fff;} #rightcolwrap h3 {color: #fff; margin: 0; clear: both; } #rightcolwrap2 h3 {color: #fff; margin: 0; clear: both; } .rclinks { list-style: none; float: left; clear: both; width: 295px; border-top: 1px solid #444; margin: 0 0 40px 0; padding: 0;} .rclinks li { float: left; clear: both; width: 295px; border-bottom: 1px solid #444; text-transform: uppercase; } .rclinks li a { float: left; display: block; padding: 8px 20px 8px 35px; color: #fff; width: 240px; background: url(../images/arrow_grey3.gif) no-repeat 20px 11px; } .rclinks li a:hover { background: url(../images/bg_rc_hover.png) no-repeat left center; text-decoration: none; } .rclinks li a.selected { background: url(../images/bg_rc.png) left center; color: #82e101; } /* Lets give IE6 an alternative, it hurts to, but we must */ * html .rclinks li a:hover { background: url(../images/arrow_grey3.gif) no-repeat 20px 11px; text-decoration: underline; } * html .rclinks li a.selected { background: url(../images/bg_rclinks.gif) left center; } /* */ .keypoints {margin: 0 0 15px 0; list-style: none; padding: 0; float: left; clear: both;} .keypoints li { background: url(../images/white_square.gif) no-repeat 0 7px; padding: 0 0 0 7px; float: left; clear: both; width: 285px;} /* */ .visit_website {background: url(../images/link_visit_website.gif) no-repeat bottom left; display: block; width: 107px; height: 27px; float: left; text-indent: -3000em;font-size: 1px; overflow: hidden; } .visit_website:hover { background: url(../images/link_visit_website.gif) no-repeat top left; } /* */ .visit_thinktank { background: url(../images/link_visit_thinktank.gif) no-repeat bottom left; display: block; width: 120px; height: 27px; float: left; text-indent: -3000em; font-size: 1px; overflow: hidden; } .visit_thinktank:hover { background: url(../images/link_visit_thinktank.gif) no-repeat top left; } .thinktanklink{float:left; margin:0px 0px 10px 0px;} .thinktanklink div{ float:left; clear:both; padding:3px 0px 0px 0px;} a.thinktanklink{ text-decoration:none; color:#fff;} .thinktank a { font-weight: normal; color: #6eba10 } a.thinktanklink:hover{ text-decoration:none; color:#fff; } /* Awards Page */ .award-leftcolinfo{float:left; width:600px;} .award-info{float:left;width:560px; margin: 20px 0;} .award-text{float:right; width:400px;} .award-text p {font-size: 1.2em; line-height: 1.4em; margin: 0 0 15px;} .award-text p strong {color: #fff;} /* Recent projects on staff pages */ .smallthumbswrap { clear: both; float: left; width: 570px; font-size: 0.9em;} .smallthumbswrap ul { float: left;list-style: none; padding: 0; margin: 0;} .smallthumbswrap ul li { float: left; clear: both; padding: 20px; width: 530px;} .smallthumbswrap ul li .leftst { padding: 0; color: #fff; float: left; width: 280px;} .smallthumbswrap ul li a:hover img { border: 5px solid #82e101; } .smallthumbswrap ul li img { border: 5px solid #333; } .smallthumbswrap ul li .rightst { padding: 0; color: #fff; float: left; width: 250px; } .smallthumbswrap ul li h3 { font-weight: bold; font-size: 1.4em; margin: 0 0 5px 0; display: block; } /************ news page ************/ .newnews { background: url(../images/icon_new.gif) no-repeat left center; text-indent: 28px; } /* HOME PAGE */ .homebottom{ float:left; width:217px; height:223px; background:url(../images/homebottom_container.gif) no-repeat top left; padding:10px 0 0 0; margin:0 11px 0 0; position:relative; } .homebottom p{ font-size:11px; color:#999999; } .homebottom p a{ text-transform:uppercase; color:#82e101; font-size:12px; } .homebottom div.readmore{ text-align:right; position:absolute; bottom:15px; right:0; } .homebottom div.readmore a{ text-transform:none; font-size:11px; color:#fff;} /************ Vacancies Sidebar ************/ .vacancies { background:#76cd00; color:#232323; padding:20px; width:255px; margin:0 0 15px 0; clear:both; } .vacancies h3 { letter-spacing:-1px; line-height:2em; text-transform:uppercase; color:#232323; } .vacancies p { margin:0 0 5px 0; } .vacancies a { color:#232323; } .vacancies .arrow { background:url(../images/arrow.gif) no-repeat left center; padding-left:10px; font-size:0.7em; text-transform:uppercase; } /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* FOOTER ELEMENTS */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .footerlinks {float: left;width: 925px; list-style: none; padding: 10px 0; margin: 0; color: #f54400; color: #aaa; font-size: 0.9em;} .footerlinks li { float: left; padding: 0 8px 0 0; margin: 0 7px 0 0; background: url(../images/divider.gif) no-repeat right center; } .footerlinks li a { color: #777;} .footerlinks li a:hover { color: #82e101;} .footerlinks li.emaillink, .footerlinks li.phone { float: right;} .footerlinks li.emaillink a { color: #f54400; } .footerlinks li.last { padding: 0; margin: 0 60px 0 0; background: none; } .footerlinks li.phone { padding: 0; margin: 0; background: none;} .footerlinks li.send_to_a_friend { padding: 0 0 0 15px; margin: 0 10px 0 0; background: url(../images/icon_envelope.gif) no-repeat left center; } .footerlinks li.bookmark { padding: 0 0 0 15px; margin: 0; background: url(../images/icon_heart.gif) no-repeat left center; } .footerlinks li.bookmark a, .footerlinks li.send_to_a_friend a { color: #fff;} #footerwrap p { color: #777777; font-size: 1em; } .bottomfooterlinks {width:100%; float:left;} .bottomfooterlinks a{color: #777777; } .addthis_button_facebook_like {width:80px;} .addthis_button_google_plusone {width:60px;} .addthis_button_tweet {width:100px;} /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* FORM ELEMENTS */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ form{ margin:0; } input, textarea, select { font-family: arial, verdana, Trebuchet MS, Lucida Grande, Lucida Sans Unicode, geneva, helvetica, sans-serif; font-size: 1em; float: left; margin: 0 5px 5px 0; color: #666; } .contactForm { float: left; width: 530px; padding: 30px; margin: 0 0 15px 0; background: url(../images/bg_tabs.gif); } .contactForm h2 { font-size: 1.6em; } label { color: #999; float: left; width: 150px; padding: 0; text-align: left; font-size: 1.2em; } .row, .row2, .row3 { clear: both; margin: 0 0 10px 0; } .row { float: left; width: 530px; } .row input { float: left; width: 320px; padding: 4px 6px; border: 0; margin: 0 0 5px 0; font-size: 1.2em; background: url(../images/bg_input.gif); color: #fff; border-right: 2px solid #4c4c4c; } .row textarea { float: left; width: 320px; padding: 4px 6px; border: 0; font-size: 1.2em; background: #4c4c4c; color: #fff;} .row2 input { float: left; border: 0; margin: 0 0 5px 0; background: #4c4c4c;} .row .req { border-right: 2px solid #82e101;} .row3 { padding-left: 148px;} .furtherDetails{ margin:50px 0 0 0; color:#fff; } /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* SORRY - 'LOW VISBIBITY' STUFF FOR SEO. SORRY. */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /*Links in the footer of the template*/ #extralinks, #extralinks a{ color: #777777; } /*Links within the page*/ #unobtrusive, #unobtrusive a{ color: #262626; } /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* SORRY PAUL BUT THE CLIENT AREA CSS STUFF IS HERE. */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ #clientareaheading {float: left; list-style: none; padding: 5px 0; margin: 0; text-transform: uppercase; color:#fff;} #clientareaheading span { color:#7ae604; font-weight:bold; text-transform:none;} /* CLIENT NAV STYLES */ #clientareaheaderlinks {float: right; list-style: none; padding: 6px 0; margin: 0; font-size:0.9em; text-transform: uppercase; } #clientareaheaderlinks li { float: left; margin:0 0 0 15px; color: #999;} #clientareaheaderlinks li a { color: #7ae604; text-decoration:none; text-transform:uppercase;} #clientareaheaderlinks li a:hover, #clientareaheaderlinks li a.selected { color: #7ae604;text-decoration:underline; } #clientareaheaderlinks li.client { padding:0 0 0 14px; margin:0 0 0 20px; background:url(../images/icon_client.gif) no-repeat left center; } #clientareaheaderlinks li.last { padding:0 0 0 14px; background:url(../images/divider2.gif) no-repeat left center; } /* MAIN NAV STYLES */ #CAheadersectionlinks { position: absolute; bottom:0; left: 0; list-style: none; padding: 0 10px; margin: 0; font-size: 1em;} #CAheadersectionlinks li { float: left;margin:0 10px 0 0; text-transform:uppercase; } #CAheadersectionlinks li a {float: left;display: block; padding: 13px 18px 12px 18px; color: #9c9c9c; border: 1px solid #333; border-bottom:0; background: url(../images/bg_tabs.gif) top left; } #CAheadersectionlinks li a:hover, #CAheadersectionlinks li a.selected { border: 1px solid #336109; border-bottom:0; color:#fff; text-decoration:none; background: url(../images/bg_stripes_visited.gif) top center; } .tele { position: absolute; bottom:0;right:0; list-style: none; padding:10px; margin:0; font-size:0.9em; color:#db3d02; text-transform:uppercase;text-align:left;} /***/ .block2 { background: url(../images/bg_block2.gif) repeat-x top #1a1a1a; padding: 20px 25px; margin: 0 0 15px 0; } .block2 ul { font-size: 1.2em; line-height: 1.4em; } /***/ .CAtable { width:100%; font-size:1.2em; } .CAtable th, .CAtable td { padding:12px 10px 12px 0; } .CAtable tbody th { width:200px; text-transform:uppercase; border-top:1px solid #424242; color:#999; } .CAtable thead th { color:#7ede00; font-size:0.9em;} .CAtable td { color:#fff; border-top:1px solid #424242;} .CAtable a { color:#fff; font-weight:normal !important; } .CAtable .gnarrowlink, .CAtable .gnarrowlink:hover { color:#80de04; text-transform:uppercase; font-size:0.8em; padding-left:10px; background:url(../images/arrow_green.gif) no-repeat left center; } .CAtable label { width:auto; margin:0 10px 0 0; padding-top:2px; font-size:1em; color:#fff; } .CAtable select { border:1px solid #a5acb2; font-size:1em;} .CAtable textarea { border:1px solid #a5acb2; font-size:1em; background:#fff;} .CAtable .paginator{ float:right; list-style:none; padding:0; margin:0; color:#606060; font-size:0.9em;} .CAtable .paginator li{ float:left; padding:0 3px; margin:0;} .CAtable .paginator a, .CAtable .paginator a:hover{ color:#7EDE00; } .marright { margin-right:20px; } .catableform{ float:right;} .catableform label{ width:auto; margin:0 10px 0 0;} .catableform select{ border:1px solid #424242; } /* */ .cacontactform { width:255px;float:left; padding:45px 20px 10px 20px; margin:0 0 15px 0; background:url(../images/bg_caform.jpg) no-repeat top left; } .cacontactform h3 { display:none; } .cacontactform p { width:180px; font-size:1em; color:#fff; } .cacontactform input, .cacontactform textarea { width:245px; background:#fff; color:#999; } .cacontactform input.imgbutton { border:0; width:auto; background:none; float:right; } .cacontactform .row { width:245px; } .cacontactform .row2 { text-align:right; width:245px; } /* */ .totalswrap{ width:255px; float:left; margin:0 0 15px 0; padding:20px 20px 10px 20px; background:url(../images/bg_green.gif); } .totalswrap h3{ padding:0 0 5px 0; font-size:1.6em;} .totalswrap .total{ font-size:2.5em; color:#7ede00; font-weight:bold; margin:0; } /* */ .ctap{ margin:0 0 15px 0;} /* */ .workwrap{ width:255px; float:left; margin:0 0 15px 0; padding:20px 20px 10px 20px; background:url(../images/bg_ca1.jpg) no-repeat; } .workwrap h3{ padding:0 0 5px 0; } .workwrap p{ font-size:1.1em; line-height:1em; } /* */ .arrowlink, .arrowlink:hover { color:#80de04; text-transform:uppercase; font-size:0.8em; padding-left:10px; margin:0; background:url(../images/arrow_green.gif) no-repeat left center; } /* */ .trafficwrap{ width:255px; float:left; margin:0 0 15px 0; padding:20px 20px 10px 20px;background:url(../images/cta_traffic.jpg) no-repeat; } .trafficwrap h3{ padding:0 0 5px 0; } .trafficwrap p{ font-size:1.1em; line-height:1em; } /* */ .linkimpwrap{ width:255px; float:left; margin:0 0 15px 0; padding:20px 20px 10px 20px; background:url(../images/cta_linkimportance.jpg) no-repeat; } .linkimpwrap h3{ padding:0 0 5px 0;} .linkimpwrap p{ font-size:1.1em; line-height:1em; } /**********************************/ /* CLIENT AREA SPECIFIC STYLES */ /**********************************/ #loginBox{ background:url(../images/login_bg.gif) no-repeat top left;width:541px;margin-left:160px;padding:50px 10px 10px 18px;color:#fff; font-size:0.8em;} #loginBox fieldset{ padding-top:30px; padding-bottom:30px;} #loginBox .loginButton{ width:72px; height:27px;} #loginBox label{ color:#fff; } form .change{ background:none;padding-top:2px; } form .loginButton{ background:none; border:none; padding:0; } #adminWrap{ padding:5px 10px 30px 10px; margin-bottom:10px; background:#CCCCCC;} #adminWrap .row{ background:#CCCCCC; width:100%; padding:5px 0; } #adminWrap .adminUpdate{ border:none; float:right; width:100px; font-weight:bold; } #adminWrap input{ color:#fff; } /* EMAIL STUDIO TOUR */ #email_studio_tour{ position:absolute; width:925px; height:475px; left:40px; top:53px; z-index:0; } .studio_tour_text{ padding:290px 0 0 0; } .noOutline{ outline:none; } .showcase{ float:left; width:540px; clear:both; padding:25px; margin:0 0 20px 0; background:url(../images/bg_pattern.gif); } .thumbL{ float:left; clear:both; margin:0 20px 10px 0; } .thumbR{ float:left; margin:0 0 10px 0; } .showcase h3{ margin:0; } .showItem{ border:3px solid #000; display:block; } .showItem:hover{ border:3px solid #82e101; } .fpanel{ border:1px solid #444; padding:10px; margin:20px 0 10px 10px; font-size:10px; width:175px; background:url(../images/bg_pattern.gif); } .fpanel ul{ padding:0 0 0 15px; font-weight:bold; font-style:italic; margin:0; } .fpanel ul li{ margin:0 0 5px 0; } .article-pagination { text-align:center; padding:10px 0; } /**********************************/ /* JUNE 2011 MARKETING CHANGES */ /**********************************/ .conversion-search {width: 260px; height: 270px; display:block; padding: 30px 20px 30px 20px; background: url(../images/bg-conversionsearch.png) no-repeat; } .conversion-search h2 { display: block; width: 260px; height: 20px; text-indent: -3000em; float: left; background: url(../images/title-conversionsearch.png) no-repeat;} .conversion-search p {font-size: 14px;} .conversion-search img {float:right; padding: 10px 0 0 10px;} .conversion-search a { padding: 0 0 0 10px; text-transform:uppercase; color: #76cd00; text-decoration:none; background: url(../images/arrow_green.gif) 0 4px no-repeat; } .fullcolwrap .col-left h2 {padding: 0 0 0 10px;} .fullcolwrap .col-left p, .fullcolwrap .col-right p {padding: 0px; margin: 0px;} .fullcolwrap .col-left p a, .fullcolwrap .col-right p a {color:#76cd00; padding: 0; margin: 0; display:inline;} .fullcolwrap .col-left p strong, .fullcolwrap .col-right p strong {color:#fff;} .fullcolwrap .col-left a, .fullcolwrap .col-right a { display: block;padding: 0; color: #fff; font-weight: bold; font-size: 14px; text-decoration:none; margin: 0 0 20px 0;} .market-menu { width: 1005px; display: block; } .market-menu ul { list-style: none; margin: 0; padding: 0;} .market-menu ul li { margin: 0; padding: 0; float: left; } .market-menu ul li a { display: block; width: 176px; height: 81px; text-indent: -3000em; float: left; margin: 0 14px 0 0; } .market-menu ul li a.searchengine { background: url(../images/btn-market-searchengine.png) no-repeat; } .market-menu ul li a.conversionsearch { background: url(../images/btn-market-conversionsearch.png) no-repeat; } .market-menu ul li a.paidsearch { background: url(../images/btn-market-paidsearch.png) no-repeat; } .market-menu ul li a.socialmedia { background: url(../images/btn-market-socialmedia.png) no-repeat; } .market-menu ul li a.emailmarketing { background: url(../images/btn-market-emailmarketing.png) no-repeat; width: 168px; } .market-menu ul li a:hover {background-position:bottom;} .market-menu-footer { width: 565px; display: block; } .market-menu-footer ul { list-style: none; margin: 0; padding: 0;} .market-menu-footer ul li { margin: 0; padding: 0; float: left; } .market-menu-footer ul li a { display: block; width: 167px; height: 73px; text-indent: -3000em; float: left; margin: 0 14px 14px 0; } .market-menu-footer ul li a.campaignplanning { background: url(../images/btn-market-campaign-planning.png) no-repeat; } .market-menu-footer ul li a.copywriting { background: url(../images/btn-market-copywriting.png) no-repeat; } .market-menu-footer ul li a.googlelocal { background: url(../images/btn-market-google-local.png) no-repeat; } .market-menu-footer ul li a.googleproducts { background: url(../images/btn-market-google-products.png) no-repeat; } .market-menu-footer ul li a.viralmarketing { background: url(../images/btn-market-viral-marketing.png) no-repeat; } .market-menu-footer ul li a.onlinepr { background: url(../images/btn-market-online-pr.png) no-repeat; } .market-menu-footer ul li a.successstories { background: url(../images/btn-market-success-stories.png) no-repeat; } .market-menu-footer ul li a:hover {background-position:bottom;} .market-seo-sidebox { width: 260px; height: 270px; display:block; padding: 30px 20px 30px 20px; margin: 100px 0 0 0; background: url(../images/bg-conversionsearch.png) no-repeat; } .market-seo-sidebox a { display: block; width: 256px; height: 57px; text-indent: -3000em; float: left; margin: 0 14px 0 0; background: url(../images/btn-getintouch.png) no-repeat; } .market-seo-sidebox p strong { color: #FFF;} .market-conversion-sidebox { width: 260px; display:block; padding: 0; margin: 30px 0 0 0; } .market-conversion-sidebox img.howitworks { padding: 0 0 20px 50px; } .market-conversion-sidebox img.tab-conversion { padding: 20px 0 0 0; } .rubix { padding: 0px 0 0 1px; position:relative; } .rubix a { position: absolute; bottom: 30px; right: 100px; display: block; width: 256px; height: 57px; text-indent: -3000em; float: left; margin: 0 14px 0 0; background: url(../images/btn-getintouch.png) no-repeat;} .thinktank-market { list-style:none; margin: 0; padding: 0;} .thinktank-market li { background: url(../images/bg-thinktank.png) repeat-x; padding: 20px 30px 20px 30px; margin: 0; } .thinktank-market li h3 { font-size: 11px; text-transform:uppercase; color: #76cd00; font-weight: normal; padding: 0; margin: 0 0 5px 0; } .thinktank-market li p { font-size: 11px; margin: 0 0 5px 0;} .thinktank-market li a {padding: 0 0 0 10px; color: #fff; text-decoration:none; background: url(../images/arrow_green.gif) 0 4px no-repeat;} .market-ppc-sidebox { width: 296px; height: 443px; display:block; margin: 20px 20px 30px 0px; } a.btn-getintouch { display: block; width: 256px; height: 57px; text-indent: -3000em; float: left; margin: 0 14px 0 10px; background: url(../images/btn-getintouch.png) no-repeat;} .marketsocial {width: 1005px; height: 830px; position: relative; display:block; background: url(../images/bg-marketsocial.jpg) top left no-repeat; float:left; } .marketsocial h1 { position: absolute; top: 130px; left: 240px; width: 400px; text-indent: -1000px; } .marketsocial p.p1 { width: 600px; text-align:center; position:absolute; top: 180px; left: 100px; } .marketsocial p.p2 { width: 600px; text-align:center; position:absolute; top: 320px; left: 100px; } .marketsocial .btn-getintouch {position: absolute; bottom: 150px; right: 80px;} .market-email-img {float: right; width: 360px; margin: 20px 0px 40px 0; padding: 0px 0 0 0; } a.getintouch {display: block; width: 295px; height: 57px; text-indent: -3000em; float: left; margin: 0 14px 0 10px; background: url(../images/btn-getintouch2.png) no-repeat;} .tabs-seo { float: left; display: block; width: 925px; margin: 0px 0px 60px 0; padding: 0px 0 0 0; } .tabs-seo h2 { text-indent: -3000em; background: url(../images/tab-marketseo.png) top left no-repeat; width: 289px; height: 53px; margin: 0 0 0 0; clear: both;} .tabs-seo .seo-columns { float:left; background: url(../images/bg-tabsmarketseo.png) top left no-repeat; display: block; width: 925px; height: 989px; } .tabs-seo .seo-columns .col1 { width: 250px; float: left; margin: 30px 50px 0 0; } .tabs-seo .seo-columns .col1.last { margin-right: 0px; margin-left: 10px;} .tabs-seo .seo-columns .col1 h3.insight { text-indent: -3000em; background: url(../images/title-tabsinsight.png) top left no-repeat; width: 237px; height: 39px; margin: 0 0 0 40px; clear: both; } .tabs-seo .seo-columns .col1 h3.convert { text-indent: -3000em; background: url(../images/title-tabsconvert.png) top left no-repeat; width: 239px; height: 39px; margin: 0 0 0 40px; clear: both; } .tabs-seo .seo-columns .col1 h3.optimise { text-indent: -3000em; background: url(../images/title-tabsoptimise.png) top left no-repeat; width: 238px; height: 39px; margin: 0 0 0 40px; clear: both; } .tabs-seo .seo-columns .col1 ul { list-style: none; } .tabs-seo .seo-columns .col1 ul li { padding: 0; margin: 0 0 10px 0;} .tabs-seo .seo-columns .col1 ul li h4 { color: #000; font-size: 12px; font-weight: bold; padding: 0; margin: 0;} .tabs-seo .seo-columns .col1 ul li p { color: #fff; font-size: 12px; padding: 0; margin: 0; line-height: 13px;}