/* Theme Name: KAE Theme URI: http://www.kae.com/ Description: KAE Wordpress template Version: 1.0 Author: Greg Mileham Author URI: http://greg.mileham.net/ Tags: kae, greg mileham */ img.bg { min-height:100%; min-width:1024px; width:100%; height:auto; position:fixed; top:0; left:0; } @media screen and (max-width: 1024px){ img.bg { left: 50%; margin-left: -512px; }} body { margin:20px 0 0 0; padding:0; color:#fff; background:#535858; font-family:arial, tahoma, sans-serif; font-size:70%; line-height:130%; } h1 { font-size:28px; margin:0; padding:0; border-bottom:1px solid #666; line-height:110%; text-transform:uppercase; } h1.home { border:none; text-transform:uppercase; } h2 { font-size:40px; margin:-4px 0 -10px -4px; padding:0; line-height:120%; text-transform:uppercase; } h3 { font-size:16px; margin:20px 0 10px 0; padding:0; border-bottom:1px solid #666; line-height:120%; text-transform:uppercase; } h4 { font-size:42px; margin:0; padding:0; color:#ccc; line-height:110%; text-transform:uppercase; } #map_1 .heading { font-size:160%; color:#000; padding:10px 0 0 0; font-weight:bold; line-height:140%; } #map_1 { font-size:100%; color:#000; padding:10px 0 0 0; font-weight:bold; line-height:140%; } h5 { font-size:32px; margin:-4px 0 -4px -2px; padding:0; text-transform:uppercase; } h6 { font-size:120%; color:#fff; } .h6intro { font-size:120%; color:#fff; font-weight:bold; } #container { position: relative; width:1022px; } #content { float:left; width:528px; margin:0; padding:0; } #content table { clear:both; width:100%; } #content th { width:33%; vertical-align:top; } #content td { width:33%; vertical-align:top; padding:10px 0 10px 0; border-top:1px solid #666; } #content td h3 { margin:0; padding:0; border:0; } #content li { background:url('images/bullet_arrow.png') 8px 3px no-repeat; padding:0 0 4px 24px; } #content table ul { margin:65px 0 0 0; } #content table a img.biography { margin:55px 0 0 0; } #content .socialmedia li { height:36px; margin:0; background:none; } #content .socialmedia li a { display:block; padding:13px 0 14px 24px; color:#B1CE26; text-decoration:none; } #content .socialmedia li.linkedin { background:url('images/icon_linkedin2.png') no-repeat; } #content .socialmedia li.twitter { background:url('images/icon_twitter.png') no-repeat; } a { color:#fff; } #davidrankin { display:none; } #katemaloney { display:none; } #leepowney { display:none; } #other { display:none; } #header { width:1022px; height:171px; background:url('images/bg_head.png') left bottom no-repeat; } #strapline { margin:12px 0 0 63px; } #main, #main_home { float:left; width:718px; padding:16px 20px 30px 20px; margin:0 0 80px 47px; background:url('images/bg_000_70.png'); } #contact_form form { float:left; width:349px; margin:0 20px 0 0; } #contact_form form p input { width:69px; height:25px; margin:0 0 0 261px; background:url('images/contact_submit.png'); border:none; font-size:1%; } #contact_form form p span input { width:344px; height:10px; margin:0; padding:5px; background:#666; border:none; color:#fff; font-family:tahoma, sans-serif; font-size:100%; } #contact_form form textarea { width:344px; height:90px; padding:5px; background:#666; border:none; color:#fff; font-family:tahoma, sans-serif; font-size:100%; } #contact_details { float:left; width:349px; padding:11px 0 0 0; } #contact_details p { clear:both; border-top:1px solid #666; margin:0 0 0 0; padding:8px 0 0 0; } #contact_details p.first { border:none; } #contact_details strong { float:left; display:block; width:160px; margin:0 20px 0 0; font-size:16px; } #contact_details em { float:left; display:block; width:169px; padding:5px 0 0 0; font-style:normal; font-size:110%; } #contact_details img { clear:both; padding:0 5px 16px 0; } #footer { clear:both; width:718px; padding:16px 20px 20px 20px; margin:0 0 0 47px; background:url('images/bg_000_70.png'); } #footer a { color:#fff; text-decoration:none; } #footer ul ul li { margin:0; padding:0 0 0 7px; background:url('images/bullet_dash.png') 0 7px no-repeat; } #footer ul ul li a { color:#888; } .footbox { float:left; width:169px; padding:0 10px 0 0; } .clear { display:block; clear:both; } p { margin:8px 0 12px 0; } .intro { padding:10px 0 0 0; font-size:120%; } #home_question { width:738px; height:264px; margin:0 0 -14px 0; padding:0 0 12px 0; border-bottom:1px solid #666; } #home_question ul { float:left; position:relative; list-style:none; width:195px; height:264px; margin:0; padding:0; } #home_question li a { display:block; height:17px; margin:0; padding:8px 0 8px 10px; color:#fff; background:url('images/bg_3b89f5_50.png') no-repeat; text-decoration:none; } #home_question li a:hover { background:url('images/bg_275ba3_50.png') no-repeat; } #home_question li.on a { background:url('images/nav_left_on_home.png') 0 -4px no-repeat; color:#275ba3; } #home_flash { float:right; position:relative; width:566px; height:264px; margin:0 0 0 -43px; } a.button_blue { display:block; width:107px; height:16px; padding:1px 0 0 6px; background:url('images/button_blue.png') no-repeat; text-decoration:none; color:#333; font-size:90%; font-weight:bold; text-transform:uppercase; overflow:hidden; font-family:tahoma; } a.button_green { display:block; width:107px; height:16px; padding:1px 0 0 6px; background:url('images/button_green.png') no-repeat; text-decoration:none; color:#333; font-size:90%; font-weight:bold; text-transform:uppercase; overflow:hidden; font-family:tahoma; } a.button_white { display:block; width:107px; height:16px; padding:1px 0 0 6px; background:url('images/button_white.png') no-repeat; text-decoration:none; color:#333; font-size:90%; font-weight:bold; text-transform:uppercase; overflow:hidden; font-family:tahoma; } a:hover.button_blue { background:url('images/button_white.png') no-repeat; } a:hover.button_green { background:url('images/button_white.png') no-repeat; } a:hover.button_white { background:url('images/button_green.png') no-repeat; } #nav_top { width:748px; height:44px; margin:0 0 0 47px; padding:10px 0 0 10px; list-style:none; font-size:85%; background:url('images/bg_000_70.png'); } #nav_top li { float:left; margin:0; } #nav_top li.home a { display:block; width:57px; height:57px; background:url('images/nav_head_off_home.png') -2px -2px no-repeat; margin:-2px; } #nav_top li.whoarewe a { display:block; width:104px; height:57px; background:url('images/nav_head_off_whoarewe.png') -2px -2px no-repeat; margin:-2px; } #nav_top li.whatdowedo a { display:block; width:121px; height:57px; background:url('images/nav_head_off_whatdowedo.png') -2px -2px no-repeat; margin:-2px; } #nav_top li.whatdowethink a { display:block; width:139px; height:57px; background:url('images/nav_head_off_whatdowethink.png') -2px -2px no-repeat; margin:-2px; } #nav_top li.whodoweworkwith a { display:block; width:168px; height:57px; background:url('images/nav_head_off_whodoweworkwith.png') -2px -2px no-repeat; margin:-2px; } #nav_top li.contactus a { display:block; width:93px; height:57px; background:url('images/nav_head_off_contactus.png') -2px -2px no-repeat; margin:-2px; } #nav_top li.home a.on { display:block; width:57px; height:57px; background:url('images/nav_head_on_home.png') -2px -2px no-repeat; } #nav_top li.whoarewe a.on { display:block; width:104px; height:57px; background:url('images/nav_head_on_whoarewe.png') -2px -2px no-repeat; } #nav_top li.whatdowedo a.on { display:block; width:121px; height:57px; background:url('images/nav_head_on_whatdowedo.png') -2px -2px no-repeat; } #nav_top li.whatdowethink a.on { display:block; width:139px; height:57px; background:url('images/nav_head_on_whatdowethink.png') -2px -2px no-repeat; } #nav_top li.whodoweworkwith a.on { display:block; width:168px; height:57px; background:url('images/nav_head_on_whodoweworkwith.png') -2px -2px no-repeat; } #nav_top li.contactus a.on { display:block; width:93px; height:57px; background:url('images/nav_head_on_contactus.png') -2px -2px no-repeat; } #nav_top li.home a:hover.on { display:block; width:57px; height:57px; background:url('images/nav_head_on_home.png') -2px -2px no-repeat; } #nav_top li.whoarewe a:hover.on { display:block; width:104px; height:57px; background:url('images/nav_head_on_whoarewe.png') -2px -2px no-repeat; } #nav_top li.whatdowedo a:hover.on { display:block; width:121px; height:57px; background:url('images/nav_head_on_whatdowedo.png') -2px -2px no-repeat; } #nav_top li.whatdowethink a:hover.on { display:block; width:139px; height:57px; background:url('images/nav_head_on_whatdowethink.png') -2px -2px no-repeat; } #nav_top li.whodoweworkwith a:hover.on { display:block; width:168px; height:57px; background:url('images/nav_head_on_whodoweworkwith.png') -2px -2px no-repeat; } #nav_top li.contactus a:hover.on { display:block; width:93px; height:57px; background:url('images/nav_head_on_contactus.png') -2px -2px no-repeat; } #nav_top li.home a:hover { background:url('images/nav_head_over_home.png') -2px -2px no-repeat; } #nav_top li.whoarewe a:hover { background:url('images/nav_head_over_whoarewe.png') -2px -2px no-repeat; } #nav_top li.whatdowedo a:hover { background:url('images/nav_head_over_whatdowedo.png') -2px -2px no-repeat; } #nav_top li.whatdowethink a:hover { background:url('images/nav_head_over_whatdowethink.png') -2px -2px no-repeat; } #nav_top li.whodoweworkwith a:hover { background:url('images/nav_head_over_whodoweworkwith.png') -2px -2px no-repeat; } #nav_top li.contactus a:hover { background:url('images/nav_head_over_contactus.png') -2px -2px no-repeat; } #nav_top li a.on:hover { } #nav_top span { display:none; } #nav_left { float:left; width:180px; margin:10px 0 0 0; padding:0 10px 0 0; list-style:none; } #nav_left li a { display:block; height:13px; padding:8px 0 8px 10px; color:#fff; background:url('images/nav_left_off_master.png') left bottom no-repeat; text-decoration:none; } #nav_left li a:hover { background:url('images/bg_fff_10.png') no-repeat; } #nav_left li.on a { background:url('images/nav_left_hover_master.png') -2px -2px no-repeat; } #nav_right { float:left; width:151px; margin:56px 0 0 19px; padding:17px; list-style:none; background:url('images/bg_fff_90.png'); } #nav_right li { } #nav_right li.title { width:145px; height:74px; margin:0 0 20px 0; background:url('images/title_ourspecialistsectors.png') no-repeat; } #nav_right li.financialservices a { display:block; width:145px; height:16px; margin:10px 0 0 0; background:url('images/button_financialservices.png') no-repeat; } #nav_right li.telecommunications a { display:block; width:154px; height:16px; margin:10px 0 0 0; background:url('images/button_telecommunications.png') no-repeat; } #nav_right li.technology a { display:block; width:145px; height:16px; margin:10px 0 0 0; background:url('images/button_technology.png') no-repeat; } #nav_right li.media a { display:block; width:145px; height:16px; margin:10px 0 0 0; background:url('images/button_media.png') no-repeat; } #nav_right li.seeourexperience a { display:block; width:145px; height:16px; margin:10px 0 0 0; background:url('images/button_seeourexperience.png') no-repeat; } #nav_right span { display:none; } .home_box1 { float:left; width:538px; margin:0 15px 0 0; } .home_box1 ul { list-style:none; margin:0; padding:0; } .home_box1 li { float:left; width:164px; padding:0 15px 0 0; } .home_box1 p { display:inline; margin:0; padding:0; } .home_box1 div { height:90px; } .home_box2 { float:left; width:164px; } .home_box2 p { height:94px; } .whatdowedo_box { clear:both; margin:0; border-top:1px solid #666; } .whatdowedo_box .heading { display:block; float:left; width:290px; padding:5px 40px 18px 0; } .whatdowedo_box .float { display:block; float:left; width:350px; padding:5px 0 18px 0; } .whatdowethink p { display:inline; margin:0; padding:0; } .whatdowethink a { margin:8px 0 0 0; } .whodoweworkwith_box { float:left; width:338px; height:270px; margin:0 20px 0 0; } .whodoweworkwith_box .heading { display:block; width:338px; height:50px; } .whodoweworkwith_box .image { display:block; width:338px; height:90px; } .whodoweworkwith_box .float { display:block; width:338px; } .whodoweworkwith_box .intro { display:block; height:90px; } .wp-image-53 { display:block; margin-top:14px; } .googlemap { display:block; height:76px; margin:0 0 0 10px; padding:0; color:#999; font-weight:normal; } .googlemap img { padding:3px 0 10px 0; } /* The following classes are also in tinyMCE advanced to appear in editor */ .vertical_market { clear:both; display:block; margin:20px 0 0 0; } .vertical_competitors { clear:both; display:block; margin:20px 0 0 0; } .vertical_channels { clear:both; display:block; margin:20px 0 0 0; } .vertical_product { clear:both; display:block; margin:20px 0 0 0; } .vertical_brand { clear:both; display:block; margin:20px 0 0 0; } .vertical_customer { clear:both; display:block; margin:20px 0 0 0; } .vertical_price { clear:both; display:block; margin:20px 0 0 0; } .vertical_acquisition-retention { clear:both; display:block; margin:20px 0 0 0; } .kae_vert_heading { width:320px; margin:0 0 10px 0; padding:10px; font-size:120%; font-weight:bold; } .kae_vert_quote { float:right; width:150px; height:150px; margin:0 0 20px 0; padding:60px 10px 15px 10px; } .kae_vert_text { float:left; width:320px; padding:0; } .kae_vert_study { width:340px; height:18px; font-size:120%; border-bottom:1px solid #fff; } .kae_vert_study strong { float:left; display:block; width:120px; margin:-5px 0 0 0; } .vertical_market .kae_vert_heading { background:#6C75C4; } .vertical_market .kae_vert_quote { background:#6C75C4 url('images/key_take_away.png') 10px 10px no-repeat; } .vertical_competitors .kae_vert_heading { background:#3B89F5; } .vertical_competitors .kae_vert_quote { background:#3B89F5 url('images/key_take_away.png') 10px 10px no-repeat; } .vertical_channels .kae_vert_heading { background:#01C5C4; } .vertical_channels .kae_vert_quote { background:#01C5C4 url('images/key_take_away.png') 10px 10px no-repeat; } .vertical_product .kae_vert_heading { background:#7CC949; } .vertical_product .kae_vert_quote { background:#7CC949 url('images/key_take_away.png') 10px 10px no-repeat; } .vertical_brand .kae_vert_heading { background:#B4D129; } .vertical_brand .kae_vert_quote { background:#B4D129 url('images/key_take_away.png') 10px 10px no-repeat; } .vertical_customer .kae_vert_heading { background:#E4B100; } .vertical_customer .kae_vert_quote { background:#E4B100 url('images/key_take_away.png') 10px 10px no-repeat; } .vertical_price .kae_vert_heading { background:#FE4B37; } .vertical_price .kae_vert_quote { background:#FE4B37 url('images/key_take_away.png') 10px 10px no-repeat; } .vertical_acquisition-retention .kae_vert_heading { background:#EF6469; } .vertical_acquisition-retention .kae_vert_quote { background:#EF6469 url('images/key_take_away.png') 10px 10px no-repeat; }