@charset "utf-8";
/* CSS Document */

/* CSS DEVELOPMENT BY PHOENIX LONDON UK LTD */

/* PAGE DEFAULTS */
body,td,th {font-family: Arial, Helvetica, sans-serif; font-size: 13px;}
body {background-color: #20060F; margin:0; padding:0; border:0; background-image:url(../_gfx/common/new-bottom.gif); background-position:bottom center; background-repeat:no-repeat;}
form {margin:0; padding:5px 0; border:0;}
table {margin:0; padding:0; border:0;}

/* PAGE CONTAINERS */
#twenty-twenty {min-width:884px; min-height:921px; border:0; margin:0; padding:0; margin-left:auto; margin-right:auto;}
#top-vectors {min-width:884px; height:268px; background-image:url(../_gfx/common/new-top.gif); background-position:top center; background-repeat:no-repeat;}
#site-container {width:744px; border:0; margin-bottom:74px; margin-top:-204px; margin-left:auto; margin-right:auto; padding:30px 30px 0 30px; background-color:#FFF;}

/* LOGO AND MENU */
#main-navigation {height:35px; width:804px; border:0; margin:0; margin-right:auto; margin-left:auto; padding:15px 0 0 0;}
#section-menu {float:right; border:0; margin:0; padding:10px 0 0 0; font-size:16px; color:#3A0020;}
#logo {height:32px; width:86px; border:0; margin:0; padding:0;}
#logo img {border:0;}

/* CONTENT DIVS */
/* headers */
#flash-container {width:744px; border:0; margin:0 0 5px 0; padding:0; background-image:url(../_gfx/common/flash-background.gif); background-repeat:repeat; background-color:#20060F; position:relative; z-index: 100;}
#flash-container img {border:0; margin:0px; padding:0;}
#flash-overlay {width:784px; height:600px; border:0; margin:0; padding:0; z-index:100; position:absolute; top:-20px; left:-20px; display:none;}
#flash-overlay embed {z-index:200; position:absolute;}
#flash-overlay object {z-index:200; position:absolute;}
#breadcrumb-navigation {height:17px;background-color:#390020;border:0;margin:0 0 10px 0;padding:3px 0 0 3px;color:#FFF; font-size:11px;
}
/* content */
#content-group {border:0; margin:0; padding:0; position: relative; z-index: 0;}
#page-elements{width:744px; min-height:550px; border:0; margin:0; padding:0; position: relative; z-index: 0;}
#sub-navigation {float:right; width:245px; border:0; border-top:1px dotted #999999; margin:4px 0 0 0; padding:0; font-size:14px;}
#home-navigation {float:right; width:245px; border:0; margin:10px 0 0 0; padding:0;}
#content {width:488px; border:0; margin:10px 0 10px 0; padding:0;}
/* footers */
#footer {height:30px; width:744px; border:0; border-top:1px dotted #999999; margin:10px 0 0 0; padding:5px 0 0 0; color:#999999; font-size:11px;}
#information {float:right; width:350px; border:0; margin:0; padding:0; text-align:right;}
#bookmarks {width:350px; border:0; margin:0; padding:0;}

/* SITE STYLES AND CLASSES */
/* home styles */
.heading-bullet {padding-left:15px; background-image:url(../_gfx/icons/vector-point.gif); background-repeat:no-repeat; background-position:left;}
.left-column {float:left; width:238px; border:0; margin:0 10px 0 0; padding:0;}
.central-column {float:left; width:238px; border:0; margin:0; padding:0;}
.right-column {float:left; width:245px; border:0;  margin:0; padding:0;}
/* client styles */
.client-sort-menu {height:24px; font-size:12px; color:#3A0020; border:0; border-bottom:1px dotted #999999; margin:0; padding:3px 0 0 0;}
.client-sort-menu a {margin-left:-3px}
.client-logos {height:75px; border:0; margin:0; padding:20px 0; text-align:left;}
.client-logos img {border:0; margin:0; padding:0 0 0 7px;}
.client-logos img.first {border:0; margin:0; padding-left:0;}
.client-logos img a {border:0; margin:0; padding:0;}
.client-list {border:0; margin:0; padding:20px 0 0 0; color:#000;}
.client-list .highlight {color:#000;}
.client-column {float:left; width:155px; border:0; margin:10px 5px 0 0; padding:0;}
p.client-type {color:#B3BA1C; border:0; padding:0; margin:0; font-weight:bold;}
/* case study styles */
#slideshow {width:744px; border:0; margin:0; padding:0;}
#asset-controller {text-align:right; border:0; margin:0; padding:5px 0 0 0;}
#asset-controller img {cursor:pointer;}
#case-study-navigation {height:32px; border:0; border-top:1px dotted #999999; margin:10px 0 0 0; padding:10px 0 0 0;}
/* article and comment styles */
#author {display:block; border:0; border-top:1px dotted #999999; margin:10px 0 20px 0; padding:5px; font-size:9px; color:#999999;}
#authorlist {display:block; border:0; border-top:1px dotted #999999; margin:10px 0 0 0; padding:5px; font-size:9px; color:#999999;}
#comment-holder {border:0; margin:0 0 20px 0; padding:0;}
.comment-box {display:block; border-bottom:1px dotted #999999; margin:0; padding:0;}
.comment {float:left; width:420px; padding:0 0 15px 0;}
.odd {background-color:#DEDEDE;}
.number-field {float:left; width:50px; font-size:36px; color:#999999; padding:7px;}
/* contact styles */
.find-us {border:0; margin:26px 0 0 0; padding:0 0 7px 30px; border-top:1px dotted #999999;}
/* news styles */
.news-element {padding:10px 0 10px 0; border-bottom:1px dotted #999999;}
.bernard {border:0; margin:0 20px 10px 0; padding:0;}
.news-element p {margin-left:100px;}
.news-element h4 {margin-left:100px;}
/* people styles */
.person-left {float:left; width:225px; height:175px; border:1px dashed #CCC; margin: 10px 10px 0 0; padding:5px;}
.person-right {float:left; width:225px; height:175px; border:1px dashed #CCC; margin: 10px 0 0 0; padding:5px;}
.person-picture {float:left; width:105px; height:140px; border:0; margin:0 5px 0 0; padding:0;}
.person-text {float:left; height:175px; width:115px; overflow:hidden; font-size:11px;}
.person-name {font-size:12px; color:#D61100; font-weight:bold; border:0; margin:0; padding:0; }
.person-text p { border:0; margin:5px 0 0 0; padding:0;}
/* common styles */
.contact-element {border:0; border-top:1px dotted #999999; margin:10px 0 0 0; padding:7px 0;}
.addpad-bullet {padding-left:30px; background-image:url(../_gfx/icons/vector-point.gif); background-repeat:no-repeat; background-position:5px 8px;}
.addpad-search {padding-left:30px; background-image:url(../_gfx/icons/search.gif); background-repeat:no-repeat; background-position:3px 3px; margin-left:-30px;}
.emphasise {color:#D61100;}
.highlight {color:#390020;}
.lowlight {color:#AAA;}
.date {display:block; color:#999999; margin:0; border:0; padding:2px 0; font-weight:bold; font-size:14px;}
.note {color:#999999; font-size:11px;}
/* LINK STYLES */
a:link {color:#D61100; text-decoration:underline;}
a:visited {color:#BF2E1A; text-decoration:underline;}
a:hover {color:#D61100; text-decoration:none;}
a:active {color:#D61100; text-decoration:none;}

/* CLIENT PAGE STYLES */
a.case-study:link {color:#D61100; text-decoration:underline;}
a.case-study:visited {color:#D61100; text-decoration:underline;}
a.case-study:hover {color:#D61100; text-decoration:none;}
a.case-study:active {color:#D61100; text-decoration:none;}

.highlight a.case-study:link {color:#D61100; text-decoration:underline;}
.highlight a.case-study:visited {color:#D61100; text-decoration:underline;}
.highlight a.case-study:hover {color:#D61100; text-decoration:none;}
.highlight a.case-study:active {color:#D61100; text-decoration:none;}

/* HOME LINK CLASSES */
.home-link {font-size:14px; color:#7F7F7F; border:0; border-bottom:1px dotted #999999; margin:0; padding:7px 0 0 0; font-weight:bold;}
.home-link a{color:#B3BA1C; text-decoration:none; display:block; margin:5px 0;}
.home-link a:link{color:#B3BA1C; text-decoration:none;}
.home-link a:visited{color:#B3BA1C; text-decoration:none;}
.home-link a:hover{color:#B3BA1C; text-decoration:underline;}
.home-link a:active{color:#B3BA1C; text-decoration:underline;}

/* MENU LINK CLASSES */
a.section-link {color:#3A0020; text-decoration:none; padding:0 5px; font-weight:bold;}
a.section-link:link {color:#3A0020; text-decoration:none;}
a.section-link:visited {color:#3A0020; text-decoration:none;}
a.section-link:hover {color:#FFFFFF; text-decoration:underline;}
a.section-link:active {color:#FFFFFF; text-decoration:underline;}

a.section-current {color:#FFFFFF; text-decoration:none; padding:0 5px; font-weight:bold;}
a.section-current:link {color:#FFFFFF; text-decoration:none;}
a.section-current:visited {color:#FFFFFF; text-decoration:none;}
a.section-current:hover {color:#FFFFFF; text-decoration:underline;}
a.section-current:active {color:#FFFFFF; text-decoration:underline;}

/* BREADCRUMB NAVIGATION STYLES */
a.breadcrumb {color:#FFF; text-decoration:underline;}
a.breadcrumb:link {color:#FFF; text-decoration:underline;}
a.breadcrumb:visited {color:#FFF; text-decoration:underline;}
a.breadcrumb:hover {color:#FFF; text-decoration:none;}
a.breadcrumb:active {color:#FFF; text-decoration:none;}

/* SUBNAVIGATION LIST AND LINK STYLES */
.submenu-element {margin-bottom:40px;}
.submenu-element ul {list-style:none; margin:0; padding:0;}
.submenu-element ul li {text-align:left; display:block; padding:0; border-bottom:1px dotted #999999;}
.submenu-element ul li a {display:block; background-color:#FFF; padding:6px 0 0 0; margin:0 0 0 30px; color:#3A0020; text-decoration:none; height:20px; font-weight:bold;}
.submenu-element ul li a:link {color:#3A0020; text-decoration:none; background-color:#FFF;}
.submenu-element ul li a:visited {color:#3A0020; text-decoration:none; background-color:#FFF;}
.submenu-element ul li a:hover {color:#D61100; text-decoration:none; background-color:#FFF;}
.submenu-element ul li a:active {color:#D61100; text-decoration:none; background-color:#FFF;}
.submenu-element ul li a#thisPage:link {color:#D61100; text-decoration:none; background-color:#FFF;}
.submenu-element ul li a#thisPage:visited {color:#D61100; text-decoration:none; background-color:#FFF;}
.submenu-element ul li a#thisPage:hover {color:#D61100; text-decoration:none; background-color:#FFF;}
.submenu-element ul li a#thisPage:active {color:#D61100; text-decoration:none; background-color:#FFF;}

ul.link-menu {list-style:none; margin:0; padding:0; font-size: 12px;}
ul.link-menu li {text-align:left; display:block; padding:0;}
ul.link-menu li a {display:block; background-color:#FFF; padding:6px 0 0 0; margin:0 0 0 30px; color:#F9140B; text-decoration:none; height:28px;}
ul.link-menu li a:link {color:#F9140B; text-decoration:none; background-color:#FFF;}
ul.link-menu li a:visited {color:#F9140B; text-decoration:none; background-color:#FFF;}
ul.link-menu li a:hover {color:#D61100; text-decoration:underline; background-color:#FFF;}
ul.link-menu li a:visited {color:#D61100; text-decoration:underline; background-color:#FFF;}

ul.debate-menu {list-style:none; margin:0; padding:0; font-size: 11px; font-weight:bold;}
ul.debate-menu li {text-align:left; display:block; padding:0;}
ul.debate-menu li a {display:block; background-color:#FFF; padding:3px 0 0 0; margin:0 0 0 5px; color:#F9140B; text-decoration:none; height:15px;}
ul.debate-menu li a:link {color:#F9140B; text-decoration:none; background-color:#FFF;}
ul.debate-menu li a:visited {color:#F9140B; text-decoration:none; background-color:#FFF;}
ul.debate-menu li a:hover {color:#D61100; text-decoration:underline; background-color:#FFF;}
ul.debate-menu li a:visited {color:#D61100; text-decoration:underline; background-color:#FFF;}

ul.clients {list-style:none; margin:0 0 10px 0; padding:0;}
ul.clients li {text-align:left; display:block; padding:0; height:14px;}
ul.clients li a {display:block; background-color:#FFF; color:#F9140B; text-decoration:none;}
ul.clients li a:link {color:#F9140B; text-decoration:none; background-color:#FFF;}
ul.clients li a:visited {color:#F9140B; text-decoration:none; background-color:#FFF;}
ul.clients li a:hover {color:#D61100; text-decoration:underline; background-color:#FFF;}
ul.lclients li a:visited {color:#D61100; text-decoration:underline; background-color:#FFF;}

ul.case-study-nav {list-style:none; margin:0; padding:0; font-size: 12px;}
ul.case-study-nav li {text-align:left; display:block; padding:0; height:20px;}
ul.case-study-nav li a {background-color:#FFF; padding:6px 0 0 0; margin:0 0 0 20px; color:#F9140B; text-decoration:none; height:28px;}
ul.case-study-nav li a:link {color:#F9140B; text-decoration:none; background-color:#FFF;}
ul.case-study-nav li a:visited {color:#F9140B; text-decoration:none; background-color:#FFF;}
ul.case-study-nav li a:hover {color:#D61100; text-decoration:underline; background-color:#FFF;}
ul.case-study-nav li a:visited {color:#D61100; text-decoration:underline; background-color:#FFF;}

.client-sort-menu a {color:#3A0020; font-weight:bold; padding:0 5px; text-decoration:none;}
.client-sort-menu a:link {color:#3A0020; font-weight:bold; padding:0 5px; text-decoration:none;}
.client-sort-menu a:hover {color:#3A0020; font-weight:bold; padding:0 5px; text-decoration:none;}
.client-sort-menu a:hover {color:#D61100; font-weight:bold; padding:0 5px; text-decoration:underline;}
.client-sort-menu a:active {color:#D61100; font-weight:bold; padding:0 5px; text-decoration:underline;}
.client-sort-menu a.sorted {color:#D61100; font-weight:bold; padding:0 5px; text-decoration:underline;}

/* ICON LINKS */
ul li.attach {background:url(../_gfx/icons/attach.gif) no-repeat 0 0;}
ul li.back {background:url(../_gfx/icons/back-to.gif) no-repeat 0 0;}
ul li.brand-freedom {background:url(../_gfx/icons/brand-freedom.gif) no-repeat 0 0;}
ul li.download {background:url(../_gfx/icons/download.gif) no-repeat 0 0;}
ul li.people {background:url(../_gfx/icons/edit.gif) no-repeat 0 0;}
ul li.email {background:url(../_gfx/icons/email.gif) no-repeat 0 0;}
ul li.fast-facts {background:url(../_gfx/icons/fast-facts.gif) no-repeat 0 0;}
ul li.group {background:url(../_gfx/icons/group.gif) no-repeat 0 0;}
ul li.info {background:url(../_gfx/icons/info.gif) no-repeat 0 0;}
ul li.news {background:url(../_gfx/icons/news.gif) no-repeat 0 0;}
ul li.nwd {background:url(../_gfx/icons/new-world-disorder.gif) no-repeat 0 0;}
ul li.next {background:url(../_gfx/icons/next.gif) no-repeat 4px 0; padding-left:10px;}
ul li.people {background:url(../_gfx/icons/people.gif) no-repeat 0 0;}
ul li.previous {background:url(../_gfx/icons/previous.gif) no-repeat 4px 0;padding-left:10px;}
ul li.print {background:url(../_gfx/icons/print.gif) no-repeat 0 0;}
ul li.save {background:url(../_gfx/icons/save.gif) no-repeat 0 0;}
ul li.search {background:url(../_gfx/icons/search.gif) no-repeat 0 0;}
ul li.telephone {background:url(../_gfx/icons/telephone.gif) no-repeat 0 0; padding:5px 0 5px 30px;}
ul li.vacancy {background:url(../_gfx/icons/vacancy.gif) no-repeat 0 0;}

/* FOOTER LIST AND LINK STYLES */
#footer ul{list-style:none; margin:6px 0 4px 0; padding:0;}
#footer ul li{text-align:center; display:inline; padding:0 3px 6px 3px ;}
#footer ul li.delicious{background:url(../_gfx/bookmarks/delicious.gif) no-repeat 0 0;}
#footer ul li.digg{background:url(../_gfx/bookmarks/digg.gif) no-repeat 0 0;}
#footer ul li.stumbleupon{background:url(../_gfx/bookmarks/stumbleupon.gif) no-repeat 0 0;}
#footer ul li a:link {padding:0; margin:0; color:#999999; text-decoration:none;}
#footer ul li a:visited {padding:0; margin:0; color:#999999; text-decoration:none;}
#footer ul li a:hover {padding:0; margin:0; color:#999999; text-decoration:underline;}
#footer ul li a:active {padding:0; margin:0; color:#999999; text-decoration:underline;}
#footer #bookmarks ul li a:link {padding:0 0 0 18px; margin:0; color:#999999; text-decoration:none;}
#footer #bookmarks ul li a:visited {padding:0 0 0 18px; margin:0; color:#999999; text-decoration:none;}
#footer #bookmarks ul li a:hover {padding:0 0 0 18px; margin:0; color:#999999; text-decoration:underline;}
#footer #bookmarks ul li a:active {padding:0 0 0 18px; margin:0; color:#999999; text-decoration:underline;}

/* FORM STYLES */
/* form.pollform {padding-bottom:5px; border-bottom:1px dotted #999999;} Removed by Olly Nevard 21.12.12 */
fieldset {border:0; margin:0; padding:0;}
legend {font-weight:bold;}
input.text-input {width:150px; font-size:11px; color:#999999;}
textarea.text-input {width:200px; font-size:11px; color:#999999; font-family: Arial, Helvetica, sans-serif;}
select.text-input {width:152px; font-size:11px; color:#999999;}

form p {clear:left; margin:0; padding:5px 0 0 0;}
form p label {float:left; width:130px; padding:2px 5px 0 0; text-align:right;}
form p label.poll {float:left; width:30px; padding:2px 5px 0 0; text-align:left;}

form .ok {background-color:#FFFFFF; border:1px solid #999999;}
form .error {background-color:#FFE1E1; border:1px solid #D61100;}
form .required {background-color:#FFFFFF; border:1px solid #D61100;}
form .requested{background-color:#FFFFFF; border:1px solid #FF9900;}

/* HEADING STYLES */
h1 {font-size:20px; color:#3A0020; border:0; border-bottom:1px dotted #999999; margin:0 0 5px 0; padding:0 0 6px 0;}
h2 {font-size:16px; color:#3A0020; border:0; border-bottom:1px dotted #999999; margin:0; padding:7px 0 0 0;}
h3 {font-size:16px; color:#3A0020; border:0; margin:0; padding:7px 0 0 0;}
h4 {font-size:14px; color:#B3BA1C; border:0; margin:0; padding:7px 0 0 0;}
h5 {font-size:14px; color:#B3BA1C; border:0; margin:0; padding:7px 0 7px 0;}
h6 {font-size:20px; color:#B3BA1C; border:0; border-bottom:1px dotted #999999; margin:0 0 5px 0; padding:0 0 6px 0;}

/* CSS LAYOUT HELPERS */
.clearall {clear:both; height:1px; font-size:1px; border:0; margin:0; padding:0;}
.clearleft {clear:left; height:1px; font-size:1px; border:0; margin:0; padding:0;}
/* Working Model Temporary Styles */
.wm-micronote {font-size:8px; color:#B3BA1C;}
.wm-micronote a:link {color:#B3BA1C; text-decoration:none;}
.wm-micronote a:visited {color:#B3BA1C; text-decoration:none;}
.wm-micronote a:hover {color:#B3BA1C; text-decoration:underline;}
.wm-micronote a:active {color:#B3BA1C; text-decoration:underline;}

/* POPUP FORM */
#popup-corner { height:97px; margin:0; float:right; width:66px;}
.popup-corner-over {background:url('../_gfx/popup/popup-corner-over.gif');}
.popup-corner-down {background:url('../_gfx/popup/popup-corner.gif');}
.popup {position:absolute; text-align:center; top:200px; width:100%;}
.popup-container {margin:0 auto; text-align:left; width:400px;}
.popup-header {border-top:2px solid #B6DC0D; border-left:2px solid #B6DC0D; background-color:#FFFFFF; width:334px;}
.popup-heading {background-color:#FFFFFF; margin: 0 0 0 10px;}
.popup-logo {margin: 10px 0 0 10px;}
.popup-body {padding:0 10px 5px 10px; background-color:#FFFFFF; border:2px solid #B6DC0D; border-top:0; margin-top:-1px;}