/* null margins and padding to give good cross-browser baseline */ html,body,address,blockquote,div,form,fieldset,caption,h1,h2,h3,h4,h5,h6,hr,ul,li,menu,ol,ul,table,tr,td,th,p,img {margin:0; padding:0; } img,fieldset {border:none; } body {text-align:center; /* center #container and h1 in IE 5.x */ font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:13px; background:#492F92 url('../images/body-bg.jpg') repeat-x 0 0; } p {margin:0; padding:0 0 15px 0; line-height:140%; } hr {margin:0; clear:both; border:1px solid #FFFFFF; padding:1px; background:#FFFFFF; } /*h3 {font-family:'FuturaMdBTMedium', Arial, Helvetica, sans-serif; font-size:26px; color:#E46C0A; } h4 {font-family:'FuturaMdBTMedium', Arial, Helvetica, sans-serif; font-size:22px; color:#E46C0A; }*/ h4 span {font-size:15px; } h5 {font-size:14px; font-weight:bold; color:#492F92; margin:0 0 10px 0; } a {color:#4B3297; font-weight:bold; } a:hover {text-decoration:none; } /*boxes*/ #all {margin:0 auto; text-align:left; width:990px; background:url('../images/container-bg.jpg') repeat-x 0 0; padding:0 25px; } #topNote {background:#2C1860; color:#E46C0A; padding:8px 15px 7px 15px; } #header {padding:23px 0; position:relative; } #main {background:#FFFFFF url('../images/content-bg.jpg') repeat-x 0 0; padding:15px; } #intro {padding:14px 19px 19px 19px; } #homeBox {padding:14px 19px 29px 19px; min-height:256px; font-size:14px; } #searchBar {background:#492F92; padding:10px; height:39px; margin:0 0 20px 0; } #content {float:left; width:685px; } #sideBar {float:right; width:260px; } #leftColumn {width:446px; float:left; margin:0 0 0 19px; display:inline; } #rightColumn {width:446px; float:right; margin:0 19px 0 0; display:inline; } #quoteBox {padding:15px 15px 0 15px; margin:10px 0 0 0; background:#F3F1F2; } #footer {clear:both; padding:40px 0 60px 0; background:#FFFFFF url('../images/footer-bg.gif') repeat-x; color:#737373; margin:20px 0 0 0; font-size:11px; } #footerBox {margin:0 auto; width:990px; color:#6B6B6B; font-size:12px; text-align:left; } #cta {clear:both; text-align:center; } #contactBox {background:#492F92; padding:20px; color:#e4e4e4; font-size:18px; } #newsFloat {float:right; padding:8px; border:1px solid #CFCFCF; color:#4e4d4d; margin:-10px 0 10px 0; } .pagination {clear:both; padding:2px; text-align:right; background:#d8d9db; } .pagination a {padding:0px 4px; } .pagination a:hover {color:#ffffff; text-decoration:none; background:#745ABD; padding:0px 4px; } .pagination .page_current {color:#ffffff; text-decoration:none; background:#745ABD; padding:0px 4px; } #articleBox {padding:15px; background:#FFFFFF; border:2px solid #9E89CA; margin:10px 0; zoom:1; font-size:15px; } #mediaBox {width:286px; float:right; margin:0 0 0 10px; display:inline; } #titleBox {float:left; width:590px; margin:0 0 10px 0; display:inline; } .snippetBox {background:#EFF0F5; padding:10px; margin:10px 0; clear:both; min-height:240px; } .questionBox {background:#EFF0F5; padding:10px; margin:10px 0; } #newsArticle {padding:10px; background:#EFF0F5; clear:both; margin:20px 0 0 0; } #tagCloud {background:url('../images/tag-cloud.jpg'); width:356px; height:177px; float:left; margin:20px 5px 0 0; padding:20px 20px 0 20px; position:relative; } #caseStudies {background:url('../images/case-studies.jpg'); width:260px; height:177px; float:left; margin:16px 0 0 0; padding:20px 20px 0 20px; position:relative; color:#B198F4; } /*nav*/ ul#nav {font-size:12px; float:right; margin:0; position:absolute; left:320px; top:40px; padding:0; } #nav li {list-style:none; float:left; margin:0; padding:5px 1px; } #nav li a {border:1px solid #FFFFFF; font-weight:normal; color:#3C2778; text-decoration:none; padding:5px 9px; } #nav li a:hover {border:1px solid #E46C0A; color:#FFFFFF; background:#E46C0A url('../images/nav-bg.gif') repeat-x top left; } #nav li a.on {border:1px solid #E46C0A; color:#FFFFFF; background:#E46C0A url('../images/nav-bg.gif') repeat-x top left; } #nav li ul {border:1px solid #3C2778; background:url('../images/ul-line.gif') no-repeat 190px -5px; position:absolute; top:30px; left:0; border-bottom:0; padding:2px 4px 0 4px; height:15px; display:none; } #nav li ul.on {display:block; } #nav li ul li a {background:none; border:0; } #nav li ul li a:hover {background:none; color:#3C2778; border:0; } #nav li ul li a.on {background:none; color:#3C2778; font-weight:bold; border:0; } #nav li ul li a.on {font-weight:bold; } /*intro headings*/ /*intro headings*/ #homeBox h1 {text-indent:-9999px; margin:0; padding:0; font-weight:normal; font-size:0%; } #intro h1 {font-size:18px; font-weight:normal; color:#e46c0a; margin:0 0 20px 0; padding:0; } h1#whatWeDo {text-indent:-9999px; margin:0; padding:0; font-weight:normal; font-size:0%; background:url('../images/headings/what-we-do.gif'); width:354px; height:56px; } h1#whatWeveDone {text-indent:-9999px; margin:0; padding:0; font-weight:normal; font-size:0%; background:url('../images/headings/what-weve-done.gif') no-repeat top left; width:285px; height:56px; } h1#askUs {text-indent:-9999px; margin:0; padding:0; font-weight:normal; font-size:0%; background:url('../images/headings/ask-experts-comment.gif') no-repeat top left; width:647px; height:46px; } h1#whoWeAre {text-indent:-9999px; margin:0; padding:0; font-weight:normal; font-size:0%; background:url('../images/headings/who-we-are.gif') no-repeat top left; width:412px; height:36px; margin:0 0 25px 0; } h1#contactPage {text-indent:-9999px; margin:0; padding:0; font-weight:normal; font-size:0%; background:url('../images/headings/contact.gif') no-repeat top left; width:426px; height:36px; margin:0 0 25px 0; } #intro h3 {margin:10px 0 0 0; padding:0; } h1#news {text-indent:-9999px; margin:0; padding:0; font-weight:normal; font-size:0%; background:url('../images/headings/news.gif'); width:513px; height:29px; } h1#homeHead {text-indent:-9999px; margin:0; padding:0; font-weight:normal; font-size:0%; background:url('../images/headings/home-headings.gif'); width:413px; height:49px; margin:0 0 20px 0; } h1#careerHeading {text-indent:-9999px; margin:0; padding:0; font-weight:normal; font-size:0%; background:url('../images/headings/career.gif'); width:528px; height:42px; margin:0 0 20px 0; } h1#careersJoin {text-indent:-9999px; margin:0; padding:0; font-weight:normal; font-size:0%; background:url('../images/headings/careers-join.gif'); width:278px; height:35px; } h1#sendDetails {text-indent:-9999px; margin:0; padding:0; font-weight:normal; font-size:0%; background:url('../images/headings/careers-form-head.gif'); width:193px; height:24px; margin:0 0 10px 0; } h1#emailContacts {text-indent:-9999px; margin:0; padding:0; font-weight:normal; font-size:0%; background:url('../images/headings/email-contacts.gif'); width:172px; height:23px; margin:20px 0 10px 0; } h1#yourQuestion {text-indent:-9999px; margin:0; padding:0; font-weight:normal; font-size:0%; background:url('../images/headings/your-question.gif'); width:253px; height:22px; margin:0 0 10px 0; } h1#yourEmail {text-indent:-9999px; margin:0; padding:0; font-weight:normal; font-size:0%; background:url('../images/headings/your-email.gif'); width:264px; height:24px; margin:0 0 10px 0; } /*section specific*/ /*header and footer*/ #topNote p span {float:right; font-weight:bold; color:#C7B4F4; width:120px; } #topNote span img {float:right; margin:0 0 0 10px ; } #header a img {border:none; border:0; } #header .back {float:right; } #searchBar form {float:right; background:#6243BA; padding:5px; width:240px; } #searchBar input#search {width:140px; padding:5px; border:1px solid #E1D9F1; float:left; } #searchBar input#button {float:right; } #leftColumn h1, #rightColumn h1 {color:#E46C0A; margin:0 0 14px 0; padding:0; font-weight:normal; font-size:26px; } #leftColumn h2, #rightColumn h2 {color:#E46C0A; margin:0 0 14px 0; padding:0; font-weight:normal; font-size:20px; } #leftColumn h3, #rightColumn h3 {color:#E46C0A; margin:0 0 14px 0; padding:0; font-weight:bold; font-size:20px; } #leftColumn ul, #rightColumn ul {margin:0; padding:0 0 15px 15px; } #leftColumn ol, #rightColumn ol {margin:0; padding:0 0 15px 15px; } #leftColumn ol li, #rightColumn ol li {margin:0; padding:0 0 8px 0; } #leftColumn ul strong, #leftColumn ol strong {color:#000000; } #rightColumn ul strong, #rightColumn ol strong {color:#000000; } #rightColumn .quote { margin:20px 10px; background-color:#efefef; padding:20px 10px;} #rightColumn .imgPad { padding:20px 10px; } #leftColumn strong, #rightColumn strong {color:#4B3298; } #leftColumn #quoteBox h2, #leftColumn #quoteBox h1, #leftColumn #quoteBox h3 {font-size:13px; font-weight:bold; } #footerBox h1 {text-indent:-9999px; margin:0; padding:0; font-weight:normal; font-size:0%; } #contactFooter h1 {background:url('../images/headings/footer-contact.gif'); width:141px; height:34px; margin:0 0 4px 0; } #buttons2 h1 {background:url('../images/headings/footer-blog.gif'); width:122px; height:34px; margin:0 0 10px 0; } #footerBox hr {margin:1px; border:1px solid #FFFFFF; background:#FFFFFF; height:1px; clear:both; } #footerBox p {margin:0; padding:0; } #contactFooter {float:left; display:inline; width:141px; margin:0 20px 0 0; color:#492F92; clear:both;} #address {float:left; display:inline; width:140px; margin:0; } #address strong {color:#492F92; display:block; padding:10px 0 10px 0; } #buttons1 {float:left; display:inline; width:126px; margin:0; padding:44px 0 0 0; } #buttons2 {float:left; display:inline; width:126px; margin:0 0 0 25px; } #latestBlog {float:right; display:inline; width:361px; margin:0; padding:0 20px 20px 0; } #latestBlog h2 {font-size:17px; font-weight:bold; margin:0 0 7px 0; color:#492F92; } #latestBlog h2 a {color:#492F92; font-weight:normal; } #latestBlog h2 span {font-size:10px; font-weight:normal; float:right; color:#666666; } #latestBlog strong {color:#9282C1; } #latestBlog img.plus {position:absolute; bottom:0; right:0; } #buttons1 a, #buttons2 a {display:block; padding:5px 0; color:#FFFFFF; font-weight:bold; text-decoration:none; background:#9286B4; font-size:14px; text-align:center; margin:0 0 4px 0; } #buttons1 a:hover, #buttons2 a:hover {background:#BBB5CF; } #buttons1 a.alt, #buttons2 a.alt {background:#BBB5CF; font-size:11px; font-weight:normal; } #buttons1 a:hover.alt, #buttons2 a:hover.alt {background:#9286B4; } .alt img {float:right; } /*page specific*/ /*page specific*/ /*home page*/ #tagCloud h1, #caseStudies h1, #newsBox h1 {text-indent:-9999px; padding:0; font-weight:normal; font-size:0%; } #tagCloud h1 {background:url('../images/headings/blog-latest.gif') no-repeat; width:290px; height:37px; margin:0; } #caseStudies h1 {background:url('../images/headings/case-studies.gif') no-repeat; width:110px; margin:0 0 10px 0; height:52px } #newsBox h1 {background:url('../images/headings/news-box.gif') no-repeat; width:71px; margin:0 0 10px 0; height:17px } hr.purple {margin:0; clear:both; border:1px solid #492F92; padding:1px; background:#492F92; } #newsBox {float:left; width:252px; margin:24px 0 0 15px; padding:10px; position:relative; height:154px; background:#FFFFFF; } img.linkButton {position:absolute; bottom:0; right:0; } #tagCloud strong {display:block; color:#CAB6F5; font-size:12px; margin:2px 0 10px 0; } #image_viewer {float:right; width:520px; height:300px; margin:0 -10px 0 0; } img.boxLink {position:absolute; bottom:17px; right:9px; } #tagCloud .tag1 {font-size:10px; } #tagCloud .tag2 {font-size:12px; } #tagCloud .tag3 {font-size:14px; } #tagCloud .tag4 {font-size:16px; } #tagCloud .tag5 {font-size:18px; } #tagCloud .tag6 {font-size:20px; } #tagCloud a {text-decoration:none; color:#E3DCFB; font-weight:normal; } #tagCloud a:hover {text-decoration:underline; } /*ask us*/ form.commentForm {background:#492F92; padding:15px; margin:0 0 20px 0; } .commentForm h4 {margin:0 0 10px 0; } form .floatLeftBox {float:left; width:520px; margin:0 10px 0 0; display:inline; } form .floatRightBox {float:right; width:340px; display:inline; } .floatLeftBox textarea {width:520px; border:0; padding:4px; height:100px; } .commentForm hr {border:1px solid #492F92; background:#492F92; padding:1px; margin:0; } .commentForm input.textBox {float:right; width:340px; padding:4px; border:0; margin:0 0 10px 0; } .commentForm input.floatRight {float:right; } .questionBox h2 {background:#91908E; padding:10px; color:#FFFFFF; font-weight:bold; font-size:18px; margin:0 0 10px 0 } .questionBox p {padding:0; font-size:13px; } .errors {color:#FF0000; background:#FFF; padding:10px 10px 0 10px; margin:0 0 10px 0; } .thanks {background:#492F91; color:#FFFFFF; font-size:16px; padding:10px 10px 0 10px; margin:10px 0; } /*who we are*/ #main ul#whoweareList {margin:0; padding:0; line-height:140%} #main #whoweareList li {margin:0 0 15px 0; padding:0 0 0 145px; min-height:70px; list-style:none; } #main #whoweareList li.wwa1 {background:url('../images/whoweare/1-left.jpg') no-repeat top left; } #main #whoweareList li.wwa2 {background:url('../images/whoweare/2-left.jpg') no-repeat top left; } #main #whoweareList li.wwa3 {background:url('../images/whoweare/3-left.jpg') no-repeat top left; } #main #whoweareList li.wwa4 {background:url('../images/whoweare/4-left.jpg') no-repeat top left; } #main #whoweareList li.wwa5 {background:url('../images/whoweare/5-left.jpg') no-repeat top left; } #main #whoweareList li.wwa6 {background:url('../images/whoweare/6-left.jpg') no-repeat top left; } #main #whoweareList li.wwa1 h1 {margin:0; padding:0 0 1px 0; width:210px; height:20px; background:url('../images/whoweare/1-head.jpg') no-repeat top left; font-size:0%; text-indent:-9999px; } #main #whoweareList li.wwa2 h1 {margin:0; padding:0 0 1px 0; width:210px; height:20px; background:url('../images/whoweare/2-head.jpg') no-repeat top left; font-size:0%; text-indent:-9999px; } #main #whoweareList li.wwa3 h1 {margin:0; padding:0 0 1px 0; width:210px; height:20px; background:url('../images/whoweare/3-head.jpg') no-repeat top left; font-size:0%; text-indent:-9999px; } #main #whoweareList li.wwa4 h1 {margin:0; padding:0 0 1px 0; width:210px; height:20px; background:url('../images/whoweare/4-head.jpg') no-repeat top left; font-size:0%; text-indent:-9999px; } #main #whoweareList li.wwa5 h1 {margin:0; padding:0 0 1px 0; width:210px; height:20px; background:url('../images/whoweare/5-head.jpg') no-repeat top left; font-size:0%; text-indent:-9999px; } #main #whoweareList li.wwa6 h1 {margin:0; padding:0 0 1px 0; width:210px; height:20px; background:url('../images/whoweare/6-head.jpg') no-repeat top left; font-size:0%; text-indent:-9999px; } p#deliverHead {color:#E46C0A; font-weight:normal; margin:0 0 0 145px; font-size:26px; padding:0; } /*contact us*/ #contactBox form {width:308px; padding:12px 20px; background:#2C1860; margin:0; } #googleMap #map {width:510px; height:380px; border:3px solid #2C1860; float:right; margin:14px 14px 0 0; display:inline } #contactDetails a {color:#2b1860; } #contactDetails a:hover {text-decoration:none; } dl#contactDetails {font-size:18px; color:#2b1860; } #contactDetails dt {float:left; width:358px; padding:10px; background:#D2C6F6; } #contactDetails dd {margin:0 0 5px 383px; padding:10px; background:#D2C6F6; } #contactDetails dt.alt, #contactDetails dd.alt {background:#9680D3; color:#FFFFFF; } #contactBox form h1 {margin:0 0 10px 0; text-indent:-9999px; font-size:0%; padding:0; font-weight:normal; background:url('../images/headings/get-me-there.gif'); width:154px; height:29px; } .contactFormWidth {width:196px; } .contactFormWidth2 {width:200px; } #contactBox hr {margin:1px; border:1px solid #492F92; background:#492F92; height:1px; clear:both; } /*news*/ #newsFloat a {color:#492f91; } #newsFloat a:hover {text-decoration:none; } #newsFloat p {margin:0; padding:0; } #articleBox h2 {background:#745ABD; width:415px; padding:10px; font-weight:bold; color:#FFFFFF; font-size:18px; float:left; } #articleBox img.float {float:right; } #articleBox hr {clear:both; border:1px solid #FFFFFF; background:#FFFFFF; height:1px; padding:0; margin:0; } .snippetBox h2 {width:722px; background:#745ABD; padding:11px; color:#FFFFFF; font-weight:bold; font-size:18px; } .snippetBox h2 span {font-weight:normal; font-size:13px; } .snippetBox img {float:right; } .snippetBox p {margin:0; padding:10px 0 0 0; } #intro img.snippetImage {float:left; margin:20px 10px 10px 0; } /*newsArticle*/ #newsArticleTop {} #newsArticleBody {clear:both; margin:20px 0 0 0; } #newsArticleTop h1 {padding:10px; height:43px; background:#745ABD; position:relative; color:#FFFFFF; font-weight:normal; font-size:16px; float:left; width:700px; } #newsArticleTop h1 img {border-left:10px solid #EFF0F5; position:absolute; top:0; right:0; } #newsArticle #back {width:150px; padding:10px; color:#FFFFFF; font-size:18px; background:#8A8A8A; float:right; } #newsArticle #back a {color:#FFFFFF; font-size:18px; } #newsArticle #back img {float:left; margin:0 10px 0 0; } #newsArticle img {float:right; margin:0 0 0 10px; } #newsArticle span {font-weight:bold; color:#C9B8EF; font-size:12px; } #newsArticle hr {clear:both; background:#EFF0F5; height:1px; padding:1px; margin:1px; border:1px solid #EFF0F5; } /*careers page*/ #formBox {background:#492F92; padding:15px; color:#E7E7E7; font-size:12px; } #formBox strong {font-size:15px; } #formBox form {padding:15px; background:#2C1860; color:#AC97E4; } #formBox label {font-weight:bold; padding:0 0 5px 0; } .formLeft {float:left; width:422px; } .formRight {float:right; width:422px; } #formBox hr {padding:0; margin:0; clear:both; height:1px; background:#2C1860; border:1px solid #2C1860; } #formBox input.textWidth {width:416px; border:0; padding:4px; margin:0 0 10px 0; } #formBox textarea.textWidth {width:416px; height:120px; border:0; padding:4px; margin:0 0 10px 0; } input.submitButton {float:right; } .vacancyBox {padding:15px; background:#EFF0F5; margin:10px 0; } .vacancyBox h2 {padding:10px; color:#FFFFFF; font-weight:bold; font-size:18px; background:#9F89C9; } .vacancyBox h2 strong {display:block; padding:5px; font-size:12px; font-weight:bold; background:#694AA7; margin:5px 0 0 0; } .vacancyBox h2 span {font-weight:normal; } .vacancyBox h2 img {float:right; margin:0 0 0 20px; } .vacancyBox hr {padding:0; margin:0; clear:both; height:1px; background:#2C1860; border:1px solid #2C1860; } .vacancyBox form {background:#2C1860; color:#AC97E4; font-weight:bold; padding:15px; } .vacancyBox label { } .vacancyBox .formLeft input {width:400px; padding:4px; border:0; margin:5px 0 10px 0; } .vacancyBox .formRight textarea {width:400px; height:120px; padding:4px; border:0; margin:5px 0 10px 0; } /*styled ul*/ #main ul {margin:20px 0 20px 20px; padding:0; } #main ul li {margin:0; padding:0 0 5px 32px; list-style:none; background:url('../images/styled-li.gif') no-repeat 0 2px; } /*link styles*/ /*link styles*/ #topNote p {margin:0; padding:0; } #topNote a {color:#E46C0A; } #topNote a:hover {text-decoration:none; } /*panel scroller styles*/ /*panel scroller styles*/ .panel_scroller {width:2050px; } .panel {float:left; margin-right:30px; width:990px; } .content {width:990px; margin:auto; overflow:hidden; } html {overflow:-moz-scrollbars-vertical; } html {overflow-x:auto; } /*adHoc*/ /*adHoc*/ .floatRight {float:right; margin:0 0 0 5px; display:inline; } .overFlow {overflow:auto; }