/* ------------------------------------------------------------------------------------------------ GENERIC CSS - styles.css ------------------------------------------------------------------------------------------------ Created: 01-08-2009 Author: Ember Interactive Limited (www.emberinteractive.co.uk) Website: Lawson Dodd ------------------------------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------------------------ RESET ------------------------------------------------------------------------------------------------ */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;} ol, ul {list-style: none;} blockquote, q {quotes: none;} blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;} :focus {outline: 0;} ins {text-decoration: none;} del {text-decoration: line-through;} table {border-collapse: collapse; border-spacing: 0;} /* -------------------------------------------------------------------------------------- HTML/BODY ------------------------------------------------------------------------------------------------ */ html {min-height: 100%; height: auto; font-size: 50%;} body {font-family:Georgia, "Times New Roman", Times, serif; font-size: 125%; margin: 0; padding: 0;} /* ------------------------------------------------------------------------------------ TITLES/TEXT ------------------------------------------------------------------------------------------------ */ h1 {color: #289728; font-size: 2.1em; line-height: 1.15em; font-weight: bold; margin: 0; text-align: justify;} h2 {color: #289728; font-size: 2.1em; line-height: 1.15em; font-weight: normal; margin: 0 0 25px 0; padding: 0 10px 0 0; text-align: justify;} h3 {color: #289728; font-size: 1.5em; line-height: 1.2em; font-weight: normal; margin: 0 0 6px 0; text-align: justify;} h4 {color: #289728; font-size: 1.65em; line-height: 1.2em; font-weight: normal; margin: 0 0 0 0; text-align: justify;} h4 span {color: #646464;} p {font-family:Georgia, "Times New Roman", Times, serif; color: #646464; font-size: 1.3em; line-height: 1.4em; padding: 0 15px 20px 0; text-align: justify;} p.intro {font-size: 1.6em; line-height: 1.2em; font-weight: normal; margin: 0 0 0 0;} a {color: #289728; outline:none;} a:link, a:visited {color: #289728; text-decoration: none;} a:hover {color: #289728; text-decoration: underline;} #footer p {text-align:right; font-size:1.1em; margin-top:60px; padding-right:20px;} #footer p a {color:#646464;} ul {font-family:Georgia, "Times New Roman", Times, serif;} #content_right ul {width: 360px;} #content_right li { color: #646464; font-size: 1.4em; line-height: 1.2em; margin: 0 0 25px 0; background: url('../../images/bg_bullet.gif') no-repeat; padding: 0 0 0 15px; background-position: 0 4px;} #content_right li span {font-size: 1.2em;} #content_left ul {width: 300px;} #content_left ul li {font-size: 1.6em; line-height: 1.2em; margin: 0; padding:0;} #content_left ul li a {color: #646464; line-height: 1.2em;} #content_left ul li a:hover {color: #289728;} #content_left ul li a span {font-size: .9em; line-height: 1.2em} /* ----------------------------------------------------------------------------------------- LAYOUT ------------------------------------------------------------------------------------------------ */ #master {width: 960px; margin: 15px auto 0 auto; padding: 0; position:relative; overflow:auto;} #header {width:960px; background: url('../../images/bg_header_stroke.gif') no-repeat bottom right; padding: 0 0 0 0; overflow:auto;} #logo {display:inline; float: left; width: 300px; margin:0 0 4px 15px;} #social {display:inline; float: right; height: 30px; width: 625px; margin: 0 20px 4px 0;text-align: right;} #navigation {float: right; width: 645px; margin: 59px 0 4px 0;} #content {margin: 0; width: 960px; overflow:hidden; clear:both;} #content_left {display: inline; float: left; margin: 0 0 0 20px; padding: 70px 0 0 0; width: 360px;} #content_right {display: inline; float: right; margin: 0 20px 0 0; padding: 70px 0 0 0; width:545px; } #content_right_flush {display: inline; float: right; margin: 0 0 0 0; padding: 0 0 0 0; width:545px;} #content_left_random {display: inline; float: left; margin: 0 0 0 20px; padding: 70px 0 0 0; width: 325px;} #content_right_random {display: inline; float: right; margin: 0 0 0 0; padding: 30px 0 0 0; width:580px; } /* ------------------------------------------------------------------------------------------- HOME ------------------------------------------------------------------------------------------------ */ #flash_clocks {margin: 15px 0 15px 0; z-index:800; width:325px; height:110px;} #flash_clock_links p {display: block; width: 107px; float: left; text-align: center; font-size: 1.2em; font-weight: bold; padding:0;} /* -------------------------------------------------------------------------------------- TOOL TIPS ------------------------------------------------------------------------------------------------ */ a.tt_link {display:block; position:absolute; z-index:400; width:40px; height:40px; background: url('../../images/spacer.gif') 0 0 repeat;} #tt_container {position:absolute; top:0; left:0; overflow:auto; z-index:500; display:none;} div.tt_container_basic, div.tt_container_basic_left {width:270px;} div.tt_container_basic div.tt_content, div.tt_container_basic_left div.tt_content {width:270px; overflow:auto;background:url('../../images/bg_tt_top.png') 0 0 no-repeat; min-height:80px;} div.tt_container_thin {width:220px;} div.tt_container_thin div.tt_content {width:220px; overflow:auto;background:url('../../images/bg_tt_thin_top.png') 0 0 no-repeat; min-height:80px;} div.tt_container_thin div.tt_base {width:220px; height:24px; background:url('../../images/bg_tt_thin_bot.png') no-repeat 0 0;} div.tt_container_thin div.tt_content h3 {width:130px; margin:20px 0 0 20px;} div.tt_container_thin div.tt_content p {width:130px; margin:2px 0 0 20px; padding-bottom:0;} div.tt_container_basic_left div.tt_content { background:url('../../images/bg_tt_top_left.png') 0 0 no-repeat;} div.tt_container_basic div.tt_content h3 {width:180px; margin:20px 0 0 20px;} div.tt_container_basic div.tt_content p {width:180px; margin:2px 0 0 20px; padding-bottom:0;} div.tt_container_basic_left div.tt_content h3 {width:180px; margin:20px 0 0 70px;} div.tt_container_basic_left div.tt_content p {width:180px; margin:2px 0 0 70px; padding-bottom:0;} div.tt_container_basic div.tt_base {width:270px; height:24px; background:url('../../images/bg_tt_bot.png') no-repeat 0 0;} div.tt_container_basic_left div.tt_base {width:270px; height:24px; background:url('../../images/bg_tt_bot_left.png') no-repeat 0 0;} #tt_client_container {width:240px; position:absolute; top:0; left:0; overflow:auto; z-index:500; display:none;} div.tt_container_client div.tt_content, div.tt_container_client_left div.tt_content {width:240px; overflow:auto; background-image:url('../../images/bg_tt_client_top.png'); background-position:0 0; background-repeat:no-repeat; min-height:80px;} div.tt_container_client div.tt_content h3 {width:200px; margin:20px 0 0 20px;} div.tt_container_client div.tt_content p {width:200px; margin:2px 0 0 20px; padding-bottom:0;} div.tt_container_client_left div.tt_content h3 {width:200px; margin:20px 0 0 20px;} div.tt_container_client_left div.tt_content p {width:200px; margin:2px 0 0 20px; padding-bottom:0;} div.tt_container_client div.tt_client_base {width:240px; height:50px; background:url('../../images/bg_tt_client_bot.png') no-repeat 0 0;} div.tt_container_client_left div.tt_client_base {width:240px; height:50px; background: url('../../images/bg_tt_client_bot_left.png') no-repeat 0 0;} div.tt_left div.tt_content, div.tt_left_client div.tt_content {background:url('../../images/bg_tt_top_left.png') no-repeat 0 0;} div.tt_left div.tt_base, div.tt_left_client div.tt_base {background:url('../../images/bg_tt_bot_left.png') no-repeat 0 0;} div.tt_left div.tt_content h3, div.tt_left_client div.tt_content h3{margin-left: 70px;} div.tt_left div.tt_content p, div.tt_left_client div.tt_content p {margin-left: 70px; z-index:550;} /* ------------------------------------------------------------------------------------- IMAGE PANE ------------------------------------------------------------------------------------------------ */ #jquery-overlay {position: absolute; top: 0; left: 0 ; z-index: 600; width: 100%; background-color:#fff;} #jquery-lightbox {position: absolute; top: 0;left: 0; width: 100%; z-index: 700;text-align: center;line-height: 0; } #lightbox-container {position: relative; background-color: #fff; width: 0; height:510px; margin: 0 auto; text-align:left; border:1px solid #646464; } #lightbox-images {position:relative; width:500px; height:375px; overflow:hidden; margin:15px 15px 15px 15px; float:left;} #lightbox-images ul {left:0; list-style-type:none; margin:0; padding:0; position:relative; top:0; width:1%;} #lightbox-images ul li {float:left; height:375px; width:500px; position:relative; margin:0; padding:0;} #lightbox-container h3 {margin:0 0 6px 15px; width:430px; float:left;} #lightbox-container p {margin:0 0 0 15px; width:430px; float:left} #lightbox_scroll_nav {float:right; width:68px; height:18px; overflow:hidden; margin-right:15px;} #lightbox-container #lightbox_scroll_nav p {float:left; width:34px; height:18px; margin:0; padding:0; } #lightbox-container #lightbox_scroll_nav p a {display:block; width:34px; height:18px;} a.prev {background: url('../../images/bg_back.gif') no-repeat top right; text-indent:-2000px;} a.next {background: url('../../images/bg_next.gif') no-repeat top right; text-indent:-2000px;} a.paneClose {width:28px; height:28px; display:block; position:absolute; bottom:0; right:0; background: url('../../images/bg_close.gif') no-repeat top left;} /* ---------------------------------------------------------------------------------- SERVICES PAGE ------------------------------------------------------------------------------------------------ */ #services_list li a:hover {text-decoration:none;} /* ----------------------------------------------------------------------------------- CLIENTS PAGE ------------------------------------------------------------------------------------------------ */ #client_content {width:621px; height:550px; background: url('../../images/bg_clients.jpg') 0 0 no-repeat; margin:20px auto 0 auto; position:relative;} #client_content div.client_container div.client_logos a {position:absolute; display:block; overflow:hidden; text-indent:-2000px;} #client_content div.client_container div.client_logos a:hover {background-position: 0 -199px;} #client_ticker {width:950px; height:40px; overflow:hidden; position:relative;} #client_ticker ul {width:100%; height:40px; overflow:hidden; position:relative; top:0; left:0;} #client_ticker ul li {float:left; height:40px; position:relative; margin:0 0 0 0; padding:0;} #client_ticker ul li a {display:block; height:40px; float:left; margin:0; padding:0; color:#646464; font-size: 1.4em;} #client_ticker ul li a:hover {text-decoration:none;} #client_ticker ul li span {display: block; float: left; color: #289728; font-weight: bold; margin: 0 4px;} #client_scroll_nav {position:absolute; top:320px; left:450px; width:68px; height:18px;} #client_scroll_nav p {float:left; width:34px; height:18px; padding:0;} #client_scroll_nav p a {display:block; width:34px; height:18px; overflow:hidden; } /* #tt_client_container {width:240px; position:absolute; top:0; left:0; overflow:auto; z-index:500; display:none;} #tt_client_container div.tt_content {width:240px; overflow:auto; background-image:url('../../images/bg_tt_client_top.png'); background-position:0 0; background-repeat:no-repeat; min-height:80px;} #tt_client_container div.tt_client_base {width:240px; height:50px; background:url('../../images/bg_tt_client_bot.png') no-repeat 0 0;} div.tt_left_client div.tt_client_base {background: url('../../images/bg_tt_client_bot_left.png') no-repeat 0 0;} #tt_client_container div.tt_content h3 {width:200px; margin: 20px 0 0 20px;} #tt_client_container div.tt_content p {width:200px; margin: 2px 0 0 20px; padding-bottom:0;} */ a.client_alphabet {left:94px; top:58px; width:71px; height:79px; background:url('../../images/client_alphabet.gif') 0 0 no-repeat;} a.client_barclays {left:212px; top:61px; width:107px; height:37px; background:url('../../images/client_barclays.gif') 0 0 no-repeat;} a.client_guylian {left:373px; top:56px; width:108px; height:54px; background:url('../../images/client_guylian.gif') 0 0 no-repeat;} a.client_ballymore {left:195px; top:109px; width:78px; height:53px; background:url('../../images/client_bally.gif') 0 0 no-repeat;} a.client_nandos {left:299px; top:108px; width:103px; height:55px; background:url('../../images/client_nandos.gif') 0 0 no-repeat;} a.client_gl {left:426px; top:128px; width:105px; height:41px; background:url('../../images/client_gl.gif') 0 0 no-repeat;} a.client_benney {left:93px; top:178px; width:75px; height:65px; background:url('../../images/client_benney.gif') 0 0 no-repeat;} a.client_kerrygold {left:312px; top:186px; width:94px; height:57px; background:url('../../images/client_kerry.gif') 0 0 no-repeat;} a.client_hoover {left:417px; top:183px; width:114px; height:66px; background:url('../../images/client_hoover.gif') 0 0 no-repeat;} a.client_chelsea {left:117px; top:246px; width:102px; height:81px; background:url('../../images/client_chelsea.gif') 0 0 no-repeat;} a.client_lavazza {left:403px; top:273px; width:93px; height:37px; background:url('../../images/client_lavazza.gif') 0 0 no-repeat;} a.client_harleyst {left:235px; top:260px; width:148px; height:54px; background:url('../../images/client_harleyst.gif') 0 0 no-repeat;} a.client_areva {left:106px; top:180px; width:86px; height:64px; background:url('../../images/client_areva.gif') 0 0 no-repeat;} a.client_cfi {left:180px; top:200px; width:240px; height:34px; background:url('../../images/client_cfi.gif') 0 0 no-repeat;} a.client_china_connex {left:274px; top:94px; width:142px; height:45px; background:url('../../images/client_china_connex.gif') 0 0 no-repeat;} a.client_china_symbol {left:428px; top:81px; width:72px; height:74px; background:url('../../images/client_china_symbol.gif') 0 0 no-repeat;} a.client_china_prefollow {left:286px; top:168px; width:111px; height:53px; background:url('../../images/client_china_prefollow.gif') 0 0 no-repeat;} a.client_china_new_world {left:116px; top:252px; width:270px; height:28px; background:url('../../images/client_china_new_world.gif') 0 0 no-repeat;} a.client_alphera {left:104px; top:76px; width:93px; height:81px; background:url('../../images/client_alphera.gif') 0 0 no-repeat;} a.client_alphera_uk {left:179px; top:76px; width:93px; height:81px; background:url('../../images/client_alphera.gif') 0 0 no-repeat;} a.client_areva {left:106px; top:180px; width:86px; height:64px; background:url('../../images/client_areva.gif') 0 0 no-repeat;} a.client_areva_uk {left:116px; top:180px; width:86px; height:64px; background:url('../../images/client_areva.gif') 0 0 no-repeat;} a.client_china_britain {left:116px; top:96px; width:144px; height:43px; background:url('../../images/client_china_britain.gif') 0 0 no-repeat;} a.client_china_britain_uk {left:316px; top:110px; width:144px; height:43px; background:url('../../images/client_china_britain.gif') 0 0 no-repeat;} a.client_china_telecom {left:138px; top:172px; width:99px; height:48px; background:url('../../images/client_china_telecom.gif') 0 0 no-repeat;} a.client_china_telecom_uk {left:250px; top:196px; width:99px; height:48px; background:url('../../images/client_china_telecom.gif') 0 0 no-repeat;} a.client_kl {left:428px; top:217px; width:64px; height:55px; background:url('../../images/client_kl.gif') 0 0 no-repeat;} a.client_kl_uk {left:418px; top:187px; width:64px; height:55px; background:url('../../images/client_kl.gif') 0 0 no-repeat;} a.client_wave {left:106px; top:277px; width:145px; height:40px; background:url('../../images/client_wave.gif') 0 0 no-repeat;} a.client_wave_uk {left:240px; top:280px; width:145px; height:40px; background:url('../../images/client_wave.gif') 0 0 no-repeat;} #client_intro {float: left; display: block; width: 360px; padding: 70px 0 0 0; margin: 0 15px 0 20px; } #client_images {float: left; display: block; width: 545px; padding: 70px 0 0 0;} #client_image_item {margin-bottom:15px; overflow:auto;} #client_image_item img {float:left; margin-right:15px;} #client_image_item div.caption {float:left; width:170px; margin-top:50px;} #client_image_item div.caption p {padding:0;} /* ------------------------------------------------------------------------------------- PEOPLE PAGE ------------------------------------------------------------------------------------------------ */ #people_text h2 {margin-bottom:0;} #people_text p {font-size:2.1em; line-height: 1.2em;} #people_scroll_nav {float:right; width:68px; height:18px;} #people_scroll_nav p {float:left; width:34px; height:18px; padding:0;} #people_scroll_nav p a {display:block; width:34px; height:18px;} #people_main {margin:0 0 12px 0;} #people_text {} #people_list {width:545px; height:110px; overflow:hidden; margin-bottom:20px; position:relative;} #people_list ul {left:0; list-style-type:none; margin:0; padding:0; position:relative; top:0; width:1%;} #people_list ul li {float:left; height:111px; width:123px; position:relative; margin:0; padding:0;} #people_list ul li img {position:absolute; top:0; left:0; width: 111px; height: 111px;} #people_list ul li img.people_colour {z-index:10; display:none;} img.investor {float: left;} img.dog {float: right; margin-top: 30px;} /* --------------------------------------------------------------------------------------- NEWS PAGE ------------------------------------------------------------------------------------------------ */ #news_article {float: left; display: block; width: 360px; padding: 70px 0 0 0; margin: 0 15px 0 20px;} #news_archive {float: left; display: block; width: 360px; padding: 70px 0 0 0; } #newsletter {float: right; display: block; padding: 70px 0 0 0; margin: 0 20px 0 0; width: 180px; } .news_item h4 {padding-bottom:15px;} .news_item {padding: 0 0 15px 0; border-bottom: #289728 dotted 1px; margin-bottom:15px;} .news_item img {margin: 0 0 25px 0;} #news_article h1, #news_archive h1, #newsletter h1 {margin: 0 0 25px 0;} #newsletter a {display: block; height: 35px; color: #646464; font-size: 1.3em; padding: 10px 0 0 40px; margin: 0 0 10px 0; border-bottom: #289728 dotted 1px; background:url('../../images/icon_pdf.gif') no-repeat;} #newsletter a:hover {color: #289728;} /* --------------------------------------------------------------------------------------- RANDOM PAGE ------------------------------------------------------------------------------------------------ */ #random_intro {float: left; display: inline; width: 360px; padding: 70px 0 0 0; margin: 0 15px 0 20px;} #random_article {float: left; display: inline; width: 360px; padding: 70px 0 0 0;} #random_archive {float: right; display: inline; padding: 70px 0 0 0; margin: 0 20px 0 0; width: 180px;} /* ------------------------------------------------------------------------------------- CONTACT PAGE ------------------------------------------------------------------------------------------------ */ p.contact {font-size: 1.6em; line-height: 1.2em; font-weight: normal; margin: 0 0 0 0; padding: 0;} p.contact span {color: #289728;} img.pens {margin: 25px;} a.contact_twitter {padding-left:20px; background:url('../../images/contact_twitter.gif') 0 1px no-repeat;} a.contact_linkedin {padding-left:20px; background:url('../../images/contact_linkedin.gif') 0 1px no-repeat;} a.contact_facebook {padding-left:20px; background:url('../../images/contact_facebook.gif') 0 1px no-repeat;} /* ------------------------------------------------------------------------------------- NAVIGATION ------------------------------------------------------------------------------------------------ */ ul#nav {display:block; float:right; list-style-type:none; margin: 0; } ul#nav li {float:left;margin:0;padding:0; font-family: Georgia, "Times New Roman", Arial, Sans-Serif;} ul#nav li a {display:block; float:left; margin:0; padding:0; text-decoration:none; color: #646464; font-weight: bold; font-size: 1.1em;} ul#nav li a:hover {color: #289728; text-decoration: none;} ul#nav li a.active {color: #289728; font-weight: bold;} ul#nav li span {display: block; float: left; color: #289728; font-weight: bold; margin: 0 2px;} /* --------------------------------------------------------------------- INTERNET EXPLORER SPECIFIC ------------------------------------------------------------------------------------------------ */ #ie_content #navigation {margin-top: 58px;} #ie_content ul#nav li a {font-size: 1.05em;} #ie_content ul#nav li span {margin: 0 1px;} /* ------------------------------------------------------------------------------------------- MISC ------------------------------------------------------------------------------------------------ */ br.clear {clear: both; overflow: hidden; line-height: 0px;}