/* $Id$ */ body {background-image: url(../img/bg-main.gif); background-position:center; background-repeat:repeat-y; background-color:#513C0D; font-family:helvetica, arial, sans-serif; color:#3f3f3f; } a {text-decoration:none; color:#9f6614; } a:hover {color:#523e0c}; a {outline:none;} #wrapper {background-image: url(../img/paper-texture.jpg); width:911px; margin:0 auto; /*font-size:100%;*/ } /* ========== HEADER ========== */ #header {background-color:#513C0D; height:200px; } .h1 {background-image: url(../img/headers/1-header.jpg);} .h2 {background-image: url(../img/headers/2-header.jpg);} .h3 {background-image: url(../img/headers/3-header.jpg);} .h4 {background-image: url(../img/headers/4-header.jpg);} .h5 {background-image: url(../img/headers/5-header.jpg);} .h6 {background-image: url(../img/headers/6-header.jpg);} .h7 {background-image: url(../img/headers/7-header.jpg);} .h8 {background-image: url(../img/headers/8-header.jpg);} .h9 {background-image: url(../img/headers/9-header.jpg);} .h10 {background-image: url(../img/headers/10-header.jpg);} .h11 {background-image: url(../img/headers/11-header.jpg);} #header h1 {float:left; visibility:hidden;} #header #find-us-map {} #header .address {float:right; text-align:right; margin:15px 36px 0 0 ;} #header .address img {margin-bottom:16px;} #header .address p {margin-right:15px; color:#FFF; font-weight:bold;} /* ========== NAV ========== */ #nav {width:433px; font-weight:bold; } #nav a {font-weight:bold; color:#523E0C;} #nav a:hover {color:#B98846; color:red;} #main-nav {position:absolute; margin:-64px 0 0 442px;} #main-nav li {float:left; padding:; margin:0 0 0 3px; background-color:transparent; text-align:center; } #main-nav li.active {background-image: none;} #main-nav li span { display:block; padding-bottom:4px; background-image:url(../img/main-nav-bg-bot.jpg); background-repeat:no-repeat; background-position:bottom center;} #main-nav a {font-size:108%;} #project-list {position:absolute; margin:-157px 0 0 445px; height:101px; line-height:1.6; height:104px; margin-top:-160px; background-image:url(../img/projectlist-bg.png); background-repeat:no-repeat; background-position:bottom left; } #nav #project-list #project-list-top {background-image:url(../img/projectlist-bg-top.png); float:none; background-repeat:no-repeat; background-position:bottom left; width:433px; margin:0 0 0 0; height:14px; } #projects {width:433px; height:80px; overflow:auto; overflow-x:auto; overflow-y:hidden; } #projects #projects-holder {height:73px; padding:0px 0 0 0; width:580px;} /* Have to fiddle around with the height so that y scrollbar doesn't appear */ #projects ul {float:left; height:75px; width:125px; margin:0 0 0 20px; padding:0;} #projects ul li {width:110px; font-size:93%; margin:0 0 0 0;} #nav #project-list .project-nav {position:absolute; top:27px;} #nav #project-list #project-left {margin-left:-16px;} #nav #project-list #project-right {margin-left:426px;} /* Makes ie play nicely */ #projects-holder .hide {visibility:hidden; } #projects-holder .show {visibility:visible;} #main-nav a, #projects-holder a { text-indent: -5000px; display:block; background-position:top left; background-repeat:no-repeat; } #main-nav a:hover, #main-nav .active a, #projects-holder a:hover, #projects-holder .active a { background-position:bottom left; } /* NAV-IMAGE REPLACEMENT and define the size of the images */ #main-nav a {width:106px; height:26px;} #home-button a {background-image: url(/img/nav/home.png); } #projects-button a {background-image: url(/img/nav/projects.png); } #clients-button a {background-image: url(/img/nav/clients.png); } #news-button a {background-image: url(/img/nav/news.png); } /* PROJECTS LIST IMAGE REPLACEMENT and define the size of the images */ #projects-holder a {width:125px; height:14px;} #projects-holder .two a { height:32px; } #projects-holder li {padding:0 0 4px 0; display:block;} #bhf a {background-image: url(/img/nav/bhf.gif); } #carling a {background-image: url(/img/nav/carling.gif); } #coi a {background-image: url(/img/nav/coi.gif); } #cuprinol a {background-image: url(/img/nav/cuprinol.gif); } #dept-of-health a {background-image: url(/img/nav/dept-of-health.gif); } #electrol-commision a {background-image: url(/img/nav/electoral-commision.gif); } #enjoy-england a {background-image: url(/img/nav/enjoy-england.gif); } #goodfellas a {background-image: url(/img/nav/goodfellas.gif); } #lastminute a {background-image: url(/img/nav/lastminute.gif); } #smart a {background-image: url(/img/nav/smart.gif); } #smile a {background-image: url(/img/nav/smile.gif); } /* ========== CONTENT ========== */ #content {padding:40px 36px 0 36px} #content.notfound h2 {font-size:153.9%;} #content.notfound p {margin:10px 0;} /* ========== PROJECTS ========== */ #project-content {background-repeat:no-repeat; overflow:auto; } #project-movie {width:430px; height:275px; } .pos1 {margin:115px 0 0 33px;} #movie-holder {height:650px; border-top:1px solid transparent; /* hack to get controls to work in firefox - it mucks up when you put position:absolute on #project-movie */ } .bhf {background-image:url(../img/projects/bhf-thebeat.jpg);} .carling {background:url(../img/projects/carling-favouritebeer.jpg) top left no-repeat;} .coi {background-image:url(../img/projects/coi-smokefree.jpg);} .cuprinol {background-image:url(../img/projects/cuprinol-laughingpoliceman.jpg);} .dept-of-health {background-image:url(../img/projects/doh-2handsmoke.jpg);} .electrol-commision {background-image:url(../img/projects/ecomm-elections.jpg);} .enjoy-england {background-image:url(../img/projects/eengland-shh.jpg);} .goodfellas {background-image:url(../img/projects/gfellas-schemes.jpg);} .lastminute {background-image:url(../img/projects/lastminute.jpg);} .smart {background-image:url(../img/projects/smart-lemmings.jpg);} .smile {background-image:url(../img/projects/smile-boyfriend.jpg);} #news-content, .notfound {background-image:url(../img/content-drop-shadow.jpg); background-repeat:no-repeat;} #project-description { float:left; width:590px;} #campaign-types {position:absolute;} #description {margin:0 0 0 180px;} #related {margin:0 0 0 670px;} #projects-main {overflow:auto; margin-top:-50px;} #project-blobs { float:left; margin:120px 0 0 0; width:180px;} #project-desc { float:left; width:720px; padding:34px 0;} #project-desc h2 { color:#523E0C; font-size:100%; line-height:1.2; font-weight:bold; margin:0 0 10px 0;} #project-desc h3 { color:#523E0C; font-size:210%; line-height:1.2; margin:20px 0;} #project-desc p { margin:0 0 10px 0; line-height:1.5;} #project-desc .project-text {width:500px;} #project-desc .image-galleries {margin:40px 0 0 0;} #project-desc ul {margin:30px 0 0 0; overflow:hidden;} #project-desc ul.images-3 {width:450px;} #project-desc ul.images-4 {width:600px;} #project-desc ul img {border:3px solid #FFF;} #project-desc ul li {margin:0 6px 12px 6px; float:left;} #project-desc ul li.first {margin-left:0; clear:both;} #project-desc ul li.last {margin-right:0;} /* ========== MORE INFO ========== */ #more-info {padding:0 34px; clear:both; font-size:92.5%; line-height:1.5; margin:36px 0 0 0;} #more-info .info {float:left; width:267px; margin:36px 21px 31px 0;} #more-info .info .holder {height:15.5em; padding-right:10px;} #more-info .info .holder img {margin:0 0 18px 0;} #more-info .recruitment {margin-right:0;} #more-info .recruitment .holder { padding-right:0;} #more-info .action span {float:left; margin:-2px 3px 0 0;} #address {padding:42px 34px 0 34px; clear:both; overflow:hidden; font-size:92.5%; line-height:1.5; } #address h3 {margin:2px 0;} #address div {float:left; width:145px;} /*#address #download-vcard {float:right; margin:-40px -15px 0 0;}*/ #address #download-vcard {float:right; margin-right: 15px;} #address #hub {float:right; margin-right: -15px;} /* ========== FOOTER ========== */ #footer {clear:both; height:72px; width:911px; margin-top:0px; background-image:url(/img/img-grass.gif); background-position:bottom; background-repeat:no-repeat;} /* ========== NEWS CONTENT ========== */ #news-content {padding:45px 34px 75px 34px; } #news-content h2 {color:#523E0C; font-size:153.9%; margin-bottom:0; line-height:1.2; width:260px;} #news-content li, #news-content p {font-size:92.5%; line-height:1.5; } #news-content .news-content .pullquote {font-size:108%; font-weight:bold; line-height:1.1; color:#523E0C; border-top:1px solid #CDC2B0; border-bottom:1px solid #CDC2B0; padding:17px 0 15px 0; } .news-item {padding:0 0 20px 0; overflow:auto; } .news-item ul {margin:30px 0 0 0;} .news-item .author {font-weight:bold;} .news-item .news-content { margin-left:289px;} .news-item .news-content * { margin:0 0 15px 0; } .news-item .col1 {float:left; width:267px; margin:0 21px 0 -15px; padding-top:0; padding-left:15px; } .news-item .col2 {float:left; width:266px; padding-top:0; margin-left:-15px; padding-left:15px; } /* Had to play with this to make it work in Vista IE */ /*.news-item .type1 .pullquote {position:absolute; margin:20px 0 0 0; width:267px;}*/ .news-item .type1 {padding-top:37px;} .news-item .type2 .col1 {padding-top:17px;} .news-item .type2 .col2 {padding-top:37px;} .news-item .type3 .col1 {padding-top:37px;} .news-item .type3 .col2 {padding-top:17px;} .news-item .pullquote .left-quote {position:absolute; margin:-3px 0 0 -12px; font-size:161.6%; } .news-item .pullquote .right-quote {position:absolute; margin:-3px 0 0 0; font-size:161.6%; } .news-item .pullquote .quote {line-height:1.5; } .news-info {float:left; width:275px; padding-top:30px;} .news_pages {text-align:right; margin-right:40px; font-size:18px;} .news_pages img {vertical-align:middle;} #news-nav {/*border:1px solid red;*/ margin:10px 0; font-size:154%; text-align:right;} #news-nav img {display:inline; vertical-align:middle;} #news-nav a {color:#523E0C; padding:0 3px;} #news-nav a.active {color:#BA8748;} /***************/ /* Roy's Stuff */ /***************/ /*index page */ #indexContent{ width:911px; height:753px; } .indexBg1 {background-image: url(/img/index_bg/img-001.jpg);} .indexBg2 {background-image: url(/img/index_bg/img-002.jpg);} .indexBg3 {background-image: url(/img/index_bg/img-003.jpg);} .indexBg4 {background-image: url(/img/index_bg/img-004.jpg);} .indexBg5 {background-image: url(/img/index_bg/img-005.jpg);} .indexBg6 {background-image: url(/img/index_bg/img-006.jpg);} .indexBg7 {background-image: url(/img/index_bg/img-007.jpg);} .indexBg8 {background-image: url(/img/index_bg/img-008.jpg);} .indexBg9 {background-image: url(/img/index_bg/img-009.jpg);} .indexBg10 {background-image: url(/img/index_bg/img-010.jpg);} .indexBg11 {background-image: url(/img/index_bg/img-011.jpg);} .indexBg12 {background-image: url(/img/index_bg/img-012.jpg);} .indexBg13 {background-image: url(/img/index_bg/img-013.jpg);} .indexBg14 {background-image: url(/img/index_bg/img-014.jpg);} .indexBg15 {background-image: url(/img/index_bg/img-015.jpg);} .indexBg16 {background-image: url(/img/index_bg/img-016.jpg);} .indexBg17 {background-image: url(/img/index_bg/img-017.jpg);} .indexBg18 {background-image: url(/img/index_bg/img-018.jpg);} .indexBg19 {background-image: url(/img/index_bg/img-019.jpg);} .indexBg20 {background-image: url(/img/index_bg/img-020.jpg);} .indexBg21 {background-image: url(/img/index_bg/img-021.jpg);} .indexBg22 {background-image: url(/img/index_bg/img-022.jpg);} #clientContent{ width:911px; height:720px; } .clientsBg { background-image: url(/img/client-collage-1.jpg); background-repeat:no-repeat; margin-bottom:72px; height:720px; } .index_flash{ margin-left:135px; padding-top:25px; margin-bottom:25px; } #index_text{ line-height:1.4; font-size:92.5%; width:550px; margin-left:auto; margin-right:auto; margin-top:-185px; } #index_text p {margin:0 0 10px 0;} #index_text h2 {margin:0 0 7px 0;} #index_text #col1{ margin-right:20px; width:265px; float:left; } #index_text #col1 p{ padding-right:10px; } #index_text #col2{ width:265px; float:left; } /*news stuff */