/** COLOUR CHART red #e51b24 -home, video- purple #c197c2 -our approach- teal #bfbd00 -our ethos- yellow #d9a500 -our work, case study- lime #487a5e -our clients- orange #e46809 -our people, career- blue #0095c5 -news & views- light-tan #8a7a67 -all footer pages except "subscribe to news letter"- footer links #868686 **/ 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, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; /* font-size: 100%; line-height: 1; */ font-family: inherit; text-align: left; vertical-align: baseline; } a img, :link img, :visited img { border: 0; } table { border-collapse: collapse; border-spacing: 0; } ol, ul { list-style: none; } q:before, q:after, blockquote:before, blockquote:after { content: ""; } *:first-child+html body { text-align: center; } /* ie 7 */ * html body { text-align: center; } /* ie6 and below */ div { position: relative; } /* setting div position to relative by default, unless otherwise specified */ .clearfix { clear: both; } em { font-style: italic; } strong { font-weight: bold; } /** LAYOUT */ #wrapper { width: 960px; text-align: left; margin: 0 auto; padding: 50px 0 75px; } #header { padding: 25px 0; border-bottom: 1px solid #fff; } #content { padding: 25px 0; min-height: 500px !important; } #footer { padding: 25px 0; border-top: 1px solid #fff; } .page-description { width: 250px; float: left; margin-right:25px; } .page-detail { width: 625px; padding: 0 25px 0px; border-left: 1px solid #fff; float: right; min-height: 450px; } .left-content { margin: 40px 0 0; } .loading-area { width: 625px; margin-bottom: 25px;height: 395px; position: relative; } .page-highlight { margin-top: 25px; } .left, .middle { width: 180px; padding-right: 17px; margin-right: 23px; float: left; /* border-right: 1px solid #868686; */ } .right { width: 180px; float: right; } p.tel { position: absolute; right: 0; bottom: 15px; font-size: 1.1em; } .number { font-size: 1.4em; } #empty { height: 305px; } /** GENERAL RULES - TYPOGRAPHY, COLORS */ html { font-size: 62.5%; } /* reset the default browser font size to 10px for using em. e.g. 1em = 10px, 2.2em = 22px */ body { font-family: Arial, Helvetica, Sans-serif; font-size: 1.2em; line-height: 1.3em; /* 1.3em = 13px */ background-color: #000; color: #fff; } a { color: #8a7a67; } a:hover, a:active { color: #fff; } h1,h2,h3,h4 { line-height: 1.1em; font-weight: normal; } h1 { font-size: 2.2em; margin-bottom: 0.5em; } h2 { font-size: 2em; margin-bottom: 0.5em; } h3 { font-size: 1.3em; margin-bottom: 1.3em; } h4 { font-size: 1em; } h2.home-title { font-size: 19px; } h3.section-header { margin: 0 0 4px 0; } p { margin: 0.6em 0; } .sub-header { font-size: 3.4em; } .large { font-size: 1.3em; line-height: 1.2em; margin: 25px 0; } .footer-links { font-size: 0.9em; } .copyrights { font-size: 0.9em; } .main-nav li a, .sub-nav li a, .section-header, .tel, .email-links a, .sub-header { text-decoration: none; color: #8a7a67; } /** HEADING, LINKS IMG REPLACEMENT */ h1#logo { float: left; margin-right: 225px; } h1#logo a { display: block; width: 85px; height: 32px; text-indent: -9999px; background: url(/css/images/tsuko-logo.gif) no-repeat left top; overflow: hidden; } a#twitter { display: block; width: 85px; height: 57px; overflow: hidden; background: url(/css/images/twitter.png) no-repeat; text-indent: -9999px; position: absolute; bottom: 20px; left: 0px; } .ie6 a#twitter { top: 625px; left: -275px; } p#logo-sub { position: absolute; left:0; bottom: 15px; } h2#company { display: block; width: 127px; height: 59px; text-indent: -9999px; background: url(/css/images/tsuko-title.png) no-repeat left top; overflow: hidden; float: right; } .flare { display: block; width: 800px; height: 681px; position: absolute; top: 65px; right: 0; z-index: -1; background: url(/css/images/flare-clients.jpg) no-repeat left top; } #home .flare { background: url(/css/images/flare-home.jpg) no-repeat left top; } #OurApproach .flare { background: url(/css/images/flare-approach.jpg) no-repeat left top; } #OurEthos .flare { background: url(/css/images/flare-ethos.jpg) no-repeat left top; } #OurWork .flare { background: url(/css/images/flare-work.jpg) no-repeat left top; } #OurClients .flare { background: url(/css/images/flare-clients.jpg) no-repeat left top; } #OurPeople .flare { background: url(/css/images/flare-people.jpg) no-repeat left top; } #NewsViews .flare { background: url(/css/images/flare-news.jpg) no-repeat left top; } /** MAIN-NAV SUB-NAV */ .main-nav li, .sub-nav li, .sub-nav2 li { line-height: 1.6em; } .main-nav { float: left; } .sub-nav { position: absolute; left: 455px; top: 43px; } .sub-nav2 { position: absolute; left: 615px; top: 43px; } .main-nav li a, .sub-nav li a, .sub-nav2 li a { padding: 5px 0; } #home .main-nav li a:hover, #home .sub-nav li a:hover, #home .sub-nav2 li a:hover, #OurApproach .main-nav li a:hover, #OurApproach .sub-nav li a:hover, #OurApproach .sub-nav2 li a:hover, #OurEthos .main-nav li a:hover, #OurEthos .sub-nav li a:hover, #OurEthos .sub-nav2 li a:hover, #OurWork .main-nav li a:hover, #OurWork .sub-nav li a:hover, #OurWork .sub-nav2 li a:hover, #OurClients .main-nav li a:hover, #OurClients .sub-nav li a:hover, #OurClients .sub-nav2 li a:hover, #OurPeople .main-nav li a:hover, #OurPeople .sub-nav li a:hover, #OurPeople .sub-nav2 li a:hover, #NewsandViews .main-nav li a:hover, #NewsandViews .sub-nav li a:hover, #NewsandViews .sub-nav2 li a:hover, .main-nav li a:hover, .sub-nav li a:hover, .sub-nav2 li a:hover { color: #fff; } #home .main-nav li a.selected, #home .sub-nav li a.selected, #home .sub-nav2 li a.selected, #OurApproach .main-nav li a.selected, #OurApproach .sub-nav li a.selected, #OurApproach .sub-nav2 li a.selected, #OurEthos .main-nav li a.selected, #OurEthos .sub-nav li a.selected, #OurEthos .sub-nav2 li a.selected, #OurWork .main-nav li a.selected, #OurWork .sub-nav li a.selected, #OurWork .sub-nav2 li a.selected, #OurClients .main-nav li a.selected, #OurClients .sub-nav li a.selected, #OurClients .sub-nav2 li a.selected, #OurPeople .main-nav li a.selected, #OurPeople .sub-nav li a.selected, #OurPeople .sub-nav2 li a.selected, #NewsandViews .main-nav li a.selected, #NewsandViews .sub-nav li a.selected, #NewsandViews .sub-nav2 li a.selected, .main-nav li a.selected, .sub-nav li a.selected, .sub-nav2 li a.selected { color: #fff; } /* PAGE SPECIFIC COLOR CODE */ #home a {color: #e51b24;} #OurApproach a {color: #c197c2;} #OurEthos a {color: #bfbd00;} #OurWork a {color: #d9a500;} #OurClients a {color: #487a5e;} #OurPeople a {color: #e46809;} #NewsandViews a {color: #0095c5;} #home .main-nav li a, #home .sub-nav li a, #home .sub-nav2 li a, #home .section-header, #home .tel, #home .email-links a, #home .sub-header { text-decoration: none; color: #e51b24; } #OurApproach .main-nav li a, #OurApproach .sub-nav li a, #OurApproach .sub-nav2 li a, #OurApproach .section-header, #OurApproach .tel, #OurApproach .email-links a, #OurApproach .sub-header { text-decoration: none; color: #c197c2; } #OurEthos .main-nav li a, #OurEthos .sub-nav li a, #OurEthos .sub-nav2 li a, #OurEthos .section-header, #OurEthos .tel, #OurEthos .email-links a, #OurEthos .sub-header { text-decoration: none; color: #bfbd00; } #OurWork .main-nav li a, #OurWork .sub-nav li a, #OurWork .sub-nav2 li a, #OurWork .section-header, #OurWork .tel, #OurWork .email-links a, #OurWork .sub-header { text-decoration: none; color: #d9a500; } #OurClients .main-nav li a, #OurClients .sub-nav li a, #OurClients .sub-nav2 li a, #OurClients .section-header, #OurClients .tel, #OurClients .email-links a, #OurClients .sub-header { text-decoration: none; color: #487a5e; } #OurPeople .main-nav li a, #OurPeople .sub-nav li a, #OurPeople .sub-nav2 li a, #OurPeople .section-header, #OurPeople .tel, #OurPeople .email-links a, #OurPeople .sub-header { text-decoration: none; color: #e46809; } #NewsandViews .main-nav li a, #NewsandViews .sub-nav li a, #NewsandViews .sub-nav2 li a, #NewsandViews .section-header, #NewsandViews .tel, #NewsandViews .email-links a, #NewsandViews .sub-header { text-decoration: none; color: #0095c5; } #home .email-links a:hover, #home .footer-links a:hover, #home a:hover, #OurApproach .email-links a:hover, #OurApproach .footer-links a:hover, #OurApproach a:hover, #OurEthos .email-links a:hover, #OurEthos .footer-links a:hover, #OurEthos a:hover, #OurWork .email-links a:hover, #OurWork .footer-links a:hover, #OurWork a:hover, #OurClients .email-links a:hover, #OurClients .footer-links a:hover, #OurClients a:hover, #OurPeople .email-links a:hover, #OurPeople .footer-links a:hover, #OurPeople a:hover, #NewsandViews .email-links a:hover, #NewsandViews .footer-links a:hover, #NewsandViews a:hover, .email-links a:hover { color: #fff; } #home .footer-links a, #OurApproach .footer-links a, #OurEthos .footer-links a, #OurWork .footer-links a, #OurClients .footer-links a, #OurPeople .footer-links a, #NewsandViews .footer-links a { text-decoration: none; color: #868686; } #home .news-box h3 a, #home .news_list li h3 a, #home #logo-sub a, #OurApproach .news-box h3 a, #OurApproach .news_list li h3 a, #OurApproach #logo-sub a, #OurEthos .news-box h3 a, #OurEthos .news_list li h3 a, #OurEthos #logo-sub a, #OurWork .news-box h3 a, #OurWork .news_list li h3 a, #OurWork #logo-sub a, #OurClients .news-box h3 a, #OurClients .news_list li h3 a, #OurClients #logo-sub a, #OurPeople .news-box h3 a, #OurPeople .news_list li h3 a, #OurPeople #logo-sub a, #NewsandViews h3 a, #NewsandViews .news-box h3 a, #NewsandViews #logo-sub a, #logo-sub a, #NewsandViews .news_list li h3 a { text-decoration: none; color: #fff; } /** LINKS @ FOOTER SECTION */ .copyrights { color: #868686; position: absolute; right: 0; bottom: 0; } .email-links { float: left; margin-right: 185px; } .footer-links { float: left; width: 350px; } .footer-links li { display: inline; float: left; margin-right: 5px; } .footer-links a { color: #868686; text-decoration: none; } .footer-links li#contact-link a { color: #8A7A67; } #home .footer-links li#contact-link a { color: #e51b24; } #OurApproach .footer-links li#contact-link a { color: #c197c2; } #OurEthos .footer-links li#contact-link a { color: #bfbd00; } #OurWork .footer-links li#contact-link a { color: #d9a500; } #OurClients .footer-links li#contact-link a { color: #487a5e; } #OurPeople .footer-links li#contact-link a { color: #e46809; } #NewsandViews .footer-links li#contact-link a { color: #0095c5; } .footer-links a:hover { color: #fff; } .client-links { float: right; } .client-links li { display: inline; float: left; } .client-links li a { display: block; text-indent: -9999px; overflow: hidden; background-repeat: no-repeat; background-position: left top; margin-right: 10px; } .client-links li a.dba { width: 44px; height: 27px; background-image: url(/css/images/logo-dba.gif); } .client-links li a.dnad { width: 25px; height: 28px; background-image: url(/css/images/logo-dnad.gif); } .client-links li a.marketing { width: 45px; height: 20px; background-image: url(/css/images/logo-marketing.gif); } .client-links li a.iod { width: 27px; height: 22px; background-image: url(/css/images/logo-iod.gif); } .client-links li a.investors { width: 76px; height: 23px; background-image: url(/css/images/logo-investors.gif); margin-right: 0px; } /** HOME PAGE */ #home a.home-news-link { color: #fff; } #home a.home-news-link:hover { color: #e51b24; } #home a.click_sticker { position: absolute; display: block; width: 65px; height: 65px; overflow: hidden; } /** OUR ETHOS */ #OurEthos .page-detail { padding-right: 0px; width: 100%; } #colorBoxes { width: 100;} #colorBoxes img { margin: 0 10px 8px 0; width: 200px; } #colorBoxes img.last { margin-right: 0px; } #tooltip { position: absolute; background: rgba(0,0,0,0.85) !important; padding: 10px; width: 200px; } #tooltip h4 { font-size: 1.2em; } /** OUR WORK PAGE */ .project-table { width: 100%; font-size: 1em; } .project-table thead { } .project-table thead th { font-size: 1.25em; font-weight: bold; } .project-table thead tr { border: none; } .project-table tr { border-bottom: 1px solid #868686; } .project-table tr td { width: 33%; } .project-sum span { font-size: 1.5em; } .project-sum p.sector span { font-size: 1.2em; } .project-table a { display: block; padding: 5px 5px 2px; text-decoration: none; } #OurWork .project-table a { color: #fff; } a.case-study-link { font-style: italic; font-size: 14px; } .left-content ul { list-style-image: url(/css/images/list-style.gif); list-style-type: square; list-style-position: inside; margin-bottom: 25px; } /** OUR CLIENTS PAGE */ .testimonials { margin-bottom: 50px; } .testimonials blockquote { margin: 50px 0; background: url(/css/images/q-left.png) no-repeat left top; } .testimonials blockquote p { text-indent: 24px; font-size: 1.4em; line-height: 1.2em; } .testimonials blockquote p span.close-quote { width: 12px; height: 11px; background: url(/css/images/q-right.png) no-repeat right bottom; } .testimonials blockquote p img { margin-left: 10px; } .client-details { font-style: italic; } /** OUR PEOPLE PAGE */ .team-profile { background: #000; margin-bottom: 25px; height: auto; width: 625px; } .profile-photo { float: left; margin-right: 25px; clear: right; } .personal-info { float: left; width: 315px; padding-top: 50px; } .personal-info p { font-size: 14px; line-height: 1.2em; margin: 25px 0; } .personal-info p.position { font-size: 16px; } .team-photos { background: none; padding: 20px 0 0; } .member-photo { display: block; width: auto; height: auto; } .member-photo li { display: inline; margin: 0 50px 20px 0; float: left; width: 100px; height: 100px; overflow: hidden; } .member-photo li a { display: block; } a.member-email { font-style: italic; } a.prev-person, a.next-person { position: absolute; display: block; width: 8px; height: 13px; overflow: hidden; text-indent: -9999px; } a.prev-person { bottom: 5px; right: 26px; background: url(/css/images/left.gif) no-repeat 0 0; } a.next-person { bottom: 5px; right: 5px; background: url(/css/images/right.gif) no-repeat 0 0; } /** NEWS & VIEWS*/ .news-box, .news_list li { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #868686; } .news-box h3, .news_list li h3 { font-size: 1.4em; margin-bottom: 1.5em; } .news-box h3 a, .news_list li h3 a { text-decoration: none; } .news-box p.date, .news_list li p.date { font-style: italic; } .news-box .news-image, .news_list li .news-image { margin: 20px 0; } .news_list li p a { font-style: italic; } .news_list p.news_meta { font-size: 11px; } .news_list p.news_meta a { color: white !important; } p.paging a, p.paging strong { margin-right: 5px;} ul.archive { list-style-type: none; list-style-position: outside; list-style-image: none; margin: 0; padding: 0; } ul.archive li ul { list-style: square inside url(/css/images/list-style.gif); margin-bottom: 0; } ul.archive li ul li { } ul.main-archive { margin-bottom: 10px; } ul.main-archive li ul { margin-bottom: 10px; } ul.main-archive li ul li ul { list-style: square inside url(/css/images/list-style.gif); text-indent: 5px; } h4.monthHeader { margin: 5px 0; } h3.yearHeader, h3.tagHeader { margin-bottom: 10px; } /** slide navigation - appears on multiple pages */ div.client_slider { position: relative; height: 300px;} #home .slide-nav { visibility: hidden; } #OurClients .slide-nav { position: relative; } .slide-nav { background: rgba(0,0,0,0.6); width: 100%; height: 39px; position: absolute; bottom: 0; left: 0; display: none;z-index: 999999;} .slide-nav p { color: white; width: 530px;float: left; margin-top: 10px; padding-left: 15px;} .nav-btn-wrap { float: right; top: 10px; right: 10px; height: 13px; width: 45px; } .prev, .pause, .next { display: block; position: absolute; height: 13px; width: 15px; text-indent: -9999px; background: url(/css/images/nav-btn.gif) no-repeat; overflow: hidden; cursor: pointer; } .prev { background-position: 0 0; right: 35px; } .pause { background-position: -15px 0; right: 20px; } .paused { background: red } .next { background-position: -30px 0; right: 5px; } div.loading-area ul { margin: 0; padding: 0; list-style: none; height: 395px; overflow: hidden;} div.loading-area ul li { margin: 0; padding: 0; list-style: none; height: 395px; overflow: hidden; display: block;} div.loading-area ul li a { display: block; height: 395px; } #OurClients .client_list { margin-top: 25px; } #OurClients .client_list li a { color: #fff; text-decoration: none; } #OurClients .client_list li a.selected { color: #487a5e; } ul.client_list li a.selected { /* color: red !important; */ } #NewsandViews .tag_list { margin-top: 25px; } #NewsandViews .tag_list li a { color: #fff; text-decoration: none; } #NewsandViews .tag_list li a.selected { color: #0095c5; } #tsukoMap { width: 464px; height: 224px; } .tsuko-form { display: block; color: #fff; } .tsuko-form input.txt { background: #000; border: 1px solid #868686; padding: 5px; color: #fff; width: 350px; } .tsuko-form input.fail { border: 1px solid #e51b24; } .tsuko-form input.button { background: #000; border: 1px solid #868686; padding: 5px; color: #fff; cursor: pointer; } .tsuko-form input.disabled { color: #666 !important; } .tsuko-form li { padding: 10px; margin-bottom: 20px; } .tsuko-form li .left-col { float: left; text-align: right; font-size: 1.3em; margin-right: 15px; width: 170px; padding: 5px 0; } .tsuko-form li .right-col { width: 360px; float: left; } .tsuko-form li .box-wrap { display: block; background: #000; border: 1px solid #868686; padding: 5px 0; } .tsuko-form li .box-wrap ul li { display: block; padding: 7px; margin-bottom: 0; float: left; width: 165px; margin-bottom: 10px; } .tsuko-form li.btn-row { text-align: right; padding-right: 67px; margin-top: -25px; } .tsuko-form li .box-wrap ul li.subscribe{ border-top: 1px solid #868686; margin-top: 5px; display: block; width: 346px; margin-bottom: 0; } .tsuko-form li span.bademail { display: block; color: #e51b24; font-style: italic; margin: 5px 0; } #Clients .tsuko-form input.txt { width: 200px; } /* editor */ .align-right { float: right; margin-left: 10px; margin-bottom: 10px; } .align-left { float: left; margin-right: 10px; margin-bottom: 10px; } /* client area */ /* ul.download_list{margin-bottom:32px} ul.download_list li{display:block;} ul.download_list li h2{color:#8a7a67} ul.download_list li p{font-size:14px;line-height:22px} ul.download_list li a{color:#fff;vertical-align:top;} ul.download_list li h2, ul.download_list li p { border-bottom:1px dotted #8a7a67} ul.download_list li p{min-height:48px !important;} p.file {padding-left:48px;background:url(images/docs/word.png) no-repeat} p.pdf{background:url(images/docs/pdf.png) no-repeat} p.image { clear: both; } img.file_thumb {margin-right: 5px; float: left; } a.file_link {text-decoration: none; border-bottom: solid 1px;} */ ul.download_list { float: left; width: 650px; overflow: hidden; } ul.download_list h2 { color:#8a7a67; margin: 0; } ul.download_list li { float: left; clear: left; width: 640px; margin: 0 0 10px 0; } ul.download_list li ul { padding:0 0 10px 20px; margin: 10px 0px 10px 16px; floaT: left; width: 600px; border-left: 1px dotted #424242; border-bottom: 1px dotted #424242; } ul.download_list h2 { background: url(images/docs/folder.png) left top no-repeat; padding:3px 0px 3px 36px; } ul.download_list h2 a { text-decoration: none; } ul.download_list h2 span { font-size: 12px; font-weight: normal; margin-left: 6px; } ul.download_list h2:hover { background: url(images/docs/folder_add.png) left 3px no-repeat } ul.download_list h2.opened, ul.download_list h2.opened:hover { background: url(images/docs/folder_delete.png) left 3px no-repeat } ul.download_list li p.file { background-repeat: no-repeat; background-position: left top; padding: 0 0 0 40px; } ul.download_list li p.mdb, ul.download_list li p.accdb { background-image: url(images/docs/page_white_database.png) } ul.download_list li p.xls, ul.download_list li p.xlsx { background-image: url(images/docs/page_white_excel.png) } ul.download_list li p.pdf { background-image: url(images/docs/page_white_acrobat.png) } ul.download_list li p.potx, ul.download_list li p.ppt, ul.download_list li p.pptx { background-image: url(images/docs/page_white_powerpoint.png) } ul.download_list li p.txt { background-image: url(images/docs/page_white_text.png) } ul.download_list li p.doc, ul.download_list li p.docx { background-image: url(images/docs/page_white_word.png) } ul.download_list li p.zip { background-image: url(images/docs/page_white_zip.png) } ul.download_list li p.eps { background-image: url(images/docs/eps_file_document.png) } ul.download_list li p a { text-decoration: none; } ul.download_list li p span { color: #ccc; } img.file_thumb { border: 3px solid #666; floaT: left; margin-right: 10px; } ul.download_list li ul h2 { } #upload_box{border:1px solid #868686;padding:5px 10px;color:#fff} #client_upload{display:block;color:#fff} #client_upload p{margin:5px 0;clear:both} #client_upload p span{display:block;float:left} #client_upload p .box_left{width:135px} #client_upload p .box_right{width:350px} #client_upload input{background:#000;border:1px solid #868686;padding:5px;color:#fff;cursor:pointer} /* XSLT SEARCH */ #xsltsearch_results { margin: 25px 0 35px; } .xsltsearch_result { margin: 15px 0; } .xsltsearch_result strong { color: #e51b24; } .xsltsearch_form .input { background: #000; border: 1px solid #868686; padding: 5px; color: #fff; width: 250px; } .xsltsearch_form .submit { background: #000; border: 1px solid #868686; padding: 5px; color: #fff; cursor: pointer; } .cat-list a.selected {color: white !important; } /** IE FIX */ .ie6 #header { height: 134px; padding-bottom: 0; } .ie6 .left, .ie6 .middle, .ie6 .right { height: 200px; } .ie6 .page-highlight { height: 200px; width: 100%; } .ie #tooltip { background: #000; opacity: 0.85; filter:alpha(opacity=85); } .ie6 .project-table tr td, .ie7 .project-table tr td { border-bottom: 1px solid #868686; } .ie6 .team-profile, .ie7 .team-profile { height: 388px; width: 625px; } .ie6 .member-photo { width: 600px; height: 355px; overflow: visible; } .ie6 a.prev-person { bottom: 15px; } .ie6 a.next-person { bottom: 15px; } .ie7 a.prev-person, .ie7 a.next-person { bottom: 47px; } .ie6 ul.archive li { height: 1px; } .ie6 .slide-nav { bottom: -1px; } .ie .slide-nav { background: #000; filter:alpha(opacity=60); opacity: 0.6; } .ie6 .page-detail { height: 450px; } .ie a.scrollBack { background: #000 url(images/slide_page_back.gif) no-repeat center center; opacity: 0.6; filter:alpha(opacity=60); } .ie a.scrollNext { background: #000 url(images/slide_page_next.gif) no-repeat center center; opacity: 0.6; filter:alpha(opacity=60); } /** TESTIMONIAL COLOUR LIST */ ul#testimonial-list { display: block; margin: 0; padding: 0; float: left; width: 100%; } ul#testimonial-list li{ display: block; margin: 0 8px 8px 0; padding: 0; float: left; width: 200px; height: 130px; cursor: pointer; } ul#testimonial-list li h3 { padding: 15px 15px 0 15px; font-size: 16px; margin: 0 0 5px 0; } ul#testimonial-list li h3 a { color: white; text-decoration: none; } ul#testimonial-list li p { margin: 0; padding: 0 15px; } #testimonial-single { float: left; width: 625px; position: relative; height: 395px; margin: 0 !important } #testimonial-single .testimonials { position: static; } #testimonial-single blockquote{ margin: 60px 45px 0 35px; padding-left: 25px; } #testimonial-single blockquote p { text-indent: 0; /* padding: 0 25px 0 0; background: url(images/q-right.png) right bottom no-repeat;*/ } .large blockquote { font-size: 16px; } #testimonial-single .client-details { background: rgba(0,0,0,0.5); position: absolute; bottom: 0px; left: 0px; width: 575px; padding: 15px 25px; font-size: 12px; line-height: normal; } #testimonial-single .client-details a.prev-person { width: 12px; height: 20px; background: url(images/play_controls.gif) -44px 0 ; top: 30px; right: 60px; } #testimonial-single .client-details a.next-person { width: 12px; height: 20px; background: url(images/play_controls.gif) -66px 0 ; top: 30px; right: 30px; } /* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */