/* ------------------------------------- Index Global Reset and default settings Heading, Typography, Links Accessibility Layout Header Content 2 column layout 3 column layout 4 column layout Navigation Shopping Cart Other Table Styles Generic Forms ----------------------------------------*/ /* Global Reset and default settings */ body * {margin:0; padding:0} body {background:#879773 url(../images/bkd.gif) left repeat-y; color:#62724f; font-size:71%; font-family: 'Tahoma', Arial, Helvetica, sans-serif; margin:0; padding:0;} img {border:0;} /* Heading, Typography, Links */ h1, h2, h3, h4 {margin:0px; padding:0px;} h1 {color:#6c9d31;} h2 {color:#6c9d31;} h3 {color:#6c9d31; font-weight:bold; margin-bottom:1em;} h4 {color:#6c9d31; font-weight:bold;} #maincontent h1 {color:#cc7300; font-family:Georgia, "Times New Roman", Times, serif; font-size:24px; font-weight:normal; line-height:1em;} #maincontent h2 {margin-bottom:5px;} #maincontent h3 {margin-bottom:5px;} #maincontent ul {margin-left:15px;} #maincontent ul li {padding:0.5em 0; line-height:1.1em;} .orange {background-color:#ce7203; color:#fff; display:inline; font-size:1em; line-height:1.2em; margin-bottom:1em; padding:0.1em 0.3em 0.3em 0.3em;} .blue {background-color:#7d9e9f; color:#fff; display:inline; font-size:1em; line-height:1.2em; margin-bottom:1em; padding:0.1em 0.3em 0.3em 0.3em;} .green {background-color:#75a23d; color:#fff; display:inline; font-size:1em; line-height:1.2em; margin-bottom:1em; padding:0.1em 0.3em 0.3em 0.3em;} .yellow {background-color:#d5bc12; color:#fff; display:inline; font-size:1em; line-height:1.2em; margin-bottom:1em; padding:0.1em 0.3em 0.3em 0.3em;} .ltgreen {background-color:#a1b488; color:#fff; display:inline; font-size:1em; line-height:1.2em; margin-bottom:1em; padding:0.1em 0.3em 0.3em 0.3em;} p {color:#62724f; font-family: 'Tahoma', Arial, Helvetica, sans-serif; font-weight:normal; line-height:1.4em; margin:0 0 1em 0; text-align:left;} a {color:#6c9d31; font-weight:bold; text-decoration:underline;} a:hover {text-decoration:underline;} /* Accessibility */ .hide {font-size:1px; height:1px; line-height:0px; overflow:hidden; position:absolute; left:-9999px; top:-9999px;} /* Layout */ #wrapper {background:url(../images/bkd_winter08.jpg) no-repeat top; border-right:10px solid #fff; margin-bottom:30px; padding:0; width:960px;} /* Header */ /*#header {background:url(../images/bkd_header.gif) no-repeat top left; height:110px; padding:57px 0 37px 0; position:relative;}*/ #header {background:url(../images/bkd_header2.gif) no-repeat top left; height:110px; padding:57px 0 37px 0; position:relative;} #header h1 {background:url(../images/logo-spring.gif) no-repeat; height:61px; position:absolute; top:84px; left:23px; text-indent:-9999px; width:183px;} #header h2 {text-indent:-9999px;} /* Navigation */ #header ul#listOne {position:absolute; top:92px; left:264px;} #header ul#listTwo {position:absolute; top:92px; left:413px;} #header ul {list-style-type:none;} #header ul li {text-indent:-9999px;} #header ul li a {display:block; height:13px; margin:0 0 10px 0;} /* #header ul li a.home {background:url(../images/nav_home.gif) no-repeat 0px -32px; width:47px;} #header ul li a.home:hover, #header ul li#current a.home {background:url(../images/nav_home.gif) no-repeat 0px 0px;} #header ul li a.who {background:url(../images/nav_who.gif) no-repeat 0px -32px; width:105px;} #header ul li a.who:hover, #header ul li#current a.who {background:url(../images/nav_who.gif) no-repeat 0px 0px;} #header ul li a.what {background:url(../images/nav_what.gif) no-repeat 0px -32px; width:105px;} #header ul li a.what:hover, #header ul li#current a.what {background:url(../images/nav_what.gif) no-repeat 0px 0px;} #header ul li a.case {background:url(../images/nav_case.gif) no-repeat 0px -32px; width:114px;} #header ul li a.case:hover, #header ul li#current a.case {background:url(../images/nav_case.gif) no-repeat 0px 0px;} #header ul li a.contact {background:url(../images/nav_contact.gif) no-repeat 0px -32px; width:114px;} #header ul li a.contact:hover, #header ul li#current a.contact {background:url(../images/nav_contact.gif) no-repeat 0px 0px;} */ #header ul li a.home {background:url(../images/nav_home2.gif) no-repeat 0px -32px; width:47px;} #header ul li a.home:hover, #header ul li#current a.home {background:url(../images/nav_home2.gif) no-repeat 0px 0px;} #header ul li a.who {background:url(../images/nav_who2.gif) no-repeat 0px -32px; width:105px;} #header ul li a.who:hover, #header ul li#current a.who {background:url(../images/nav_who2.gif) no-repeat 0px 0px;} #header ul li a.what {background:url(../images/nav_what2.gif) no-repeat 0px -32px; width:105px;} #header ul li a.what:hover, #header ul li#current a.what {background:url(../images/nav_what2.gif) no-repeat 0px 0px;} #header ul li a.case {background:url(../images/nav_case2.gif) no-repeat 0px -32px; width:114px;} #header ul li a.case:hover, #header ul li#current a.case {background:url(../images/nav_case2.gif) no-repeat 0px 0px;} #header ul li a.contact {background:url(../images/nav_contact2.gif) no-repeat 0px -32px; width:114px;} #header ul li a.contact:hover, #header ul li#current a.contact {background:url(../images/nav_contact2.gif) no-repeat 0px 0px;} /* Contact */ #header #contact {position:absolute; top:72px; left:663px;} #header #contact p {color:#858585; float:left; width:140px;} #header #contact p span {display:block;} #header #contact a {color:#6c9d31; font-weight:normal; text-decoration:none;} /* Content */ #maincontent {float:left; margin:10px 0; position:relative; width:629px;} .inner {margin:30px 25px 30px 25px;} #atishoo {background:url(../images/bkd-panelHome2.gif); height:211px; position:relative; width:629px; } #atishoo #copy {position:absolute; top:28px; left:285px; width:320px} #atishoo #copy p {color:#000;} /* Various columns */ .col1of3, .col2of3, .col3of3 {float:left; margin:0 19px 0 0; width:180px;} .col3of3 {margin-right:0;} .cycler .col3of3 {margin-right:19px;} .col240 {float:left; padding-top:10px; width:240px;} .col135 {float:left; padding-top:10px; margin-left:34px; width:135px;} .col130 {float:right; padding-top:10px; width:130px;} .col1 {float:left; margin:20px 0px 20px 25px; width:240px;} .highlight {background:#fff url(../images/bkd_highlight.gif) no-repeat bottom; border:5px solid #7d9e9f; float:right; margin:20px 13px 10px 0; padding:10px 10px 75px 10px; width:302px; } /*.highlight {background:#fff url(../images/bkd_xmashighlight.gif) no-repeat bottom; border:5px solid #7d9e9f; float:right; margin:20px 13px 10px 0; padding:10px 10px 85px 10px; width:302px; }*/ .highlight h3 {margin-bottom:5px;} .highlight div {width:140px;} #casecontent {background:url(../images/img-xfm.jpg) no-repeat top; height:180px; position:relative; width:629px;} #casecontent h3 {background:#e8ede2; color:#CC7300; font-family:Georgia, "Times New Roman", Times, serif; font-size:24px; height:40px; padding:6px 20px 0 20px; width:355px;} #casecontent .copy {color:#fff; position:absolute; top:78px; left:25px; width:250px;} #casecontent .slug {color:#fff; position:absolute; top:20px; left:5px;} #home #casecontent h3 {color:#fff; position:absolute; top:0px; left:0px; width:250px;} #casecontent h4 {color:#fff; font-family:'Franklin Gothic Book', Arial, Helvetica, sans-serif; margin-bottom:5px;} #casecontent p {color:#fff; font-family:'Franklin Gothic Book', Arial, Helvetica, sans-serif; font-size:1.2em; line-height:1.1em;} a.thumb img {border:8px solid #a1b489; margin-bottom:20px;} a:hover.thumb img {border:8px solid #83AB52;} .caseIntro {margin:0 0 0 10px;} .caseIntro h2 {} .caseIntro p {margin-right:10px;} .page {} .clients {background:url(../images/bkd_clients.gif) top no-repeat; margin:20px 0; padding:0 0 15px 0; width:583px;} .clients img {float:left;} #welove {margin:30px 0 10px 0;} #flashcontent {height:180px; position:relative; width:629px;} #brief {background:#879773; border-top:2px solid #e8ede2; padding:10px 10px 10px 20px;} #brief p {color:#fff; margin:0; padding:0 0 0px 0; line-height:1.4em;} /* Secondary content */ #seccontent {float:left; margin:0 0 0 10px; position:relative; width:300px;} #favourites {margin:0 0 30px 20px;} #springstars {margin:0 0 30px 20px;} #puzzle {background:url(../images/game_background.gif) no-repeat bottom; margin:0 0 30px 20px; width:245px; height:240px} #puzzle .puzzle {position:relative; top:70px; left:5px;} #qrmaker {background:url(../images/bkd_qr.gif) no-repeat top; margin:30px 0 20px 20px; padding:55px 20px 20px 20px; width:240px;} #qrmaker p {color:#000; margin:0 0 1em 0; width:175px;} #qrmaker h2 {text-indent:-9999px;} #seccontent h4 {background-color:#f0f2ed; height:27px; width:230px;} ul#casestudy {list-style:none; margin-bottom:80px;} ul#casestudy li {} ul#casestudy li a {background-color:#f0f2ed; color:#cc7300; display:block; font-size:1em; padding:0.5em 0 0.5em 0.5em; margin:2px 0; text-decoration:none; width:230px;} ul#casestudy li a.current, ul#casestudy li a:hover {color:#879773; background-color:#fff;} .casepanel {background:url(../images/bkd-casestudy.gif) top no-repeat; margin:0 0 30px 20px; padding:8px 10px 10px 10px; width:262px;} .casepanel h3 {color:#504c4c; text-transform:uppercase; font-weight:normal; font-size:1em; line-height:1em;} .casepanel img.caseImg {float:left; margin:0 15px 10px 0;} #seccontent .casepanel h4 {background:none; color:#fff; float:left; font-family:Georgia, "Times New Roman", Times, serif; font-size:3em; font-weight:normal; height:auto; line-height:1em; margin-bottom:0.2em; width:138px;} .casepanel p {color:#504c4c; line-height:1.2em;} #casecontentflash {} /* Generic */ .image1 {float:right;} .image2 {float:right; margin:0 0 10px 0px;} .bold {font-weight:bold;} .break {display:block; height:10px;} .breakSm {display:block; height:5px;} .marbot5 {margin-bottom:5px;} .marbot10 {margin-bottom:10px;} .marbot15 {margin-bottom:15px;} .marbot30 {margin-bottom:30px;} .martop10 {margin-top:10px;} .martop20 {margin-top:20px;} .martop30 {margin-top:30px;} .martop120 {margin-top:120px;} .padtop30 {padding-top:30px;} .padtop35 {padding-top:35px;} .padtop55 {padding-top:55px;} .padtop85 {padding-top:85px;} .marlft15 {margin-left:15px;} .marrt {margin-right:10px;} .floatright {float:right;} .floatleft {float:left;} .displayblock {display:block;} /* CSS clearing */ .clearboth {clear:both;} .clearleft {clear:left;} .clearright {clear:right;} .clearing:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} .clearing {display: inline-table;} /* Hides from IE-mac */ * html .clearing {height: 1%;} .clearing {display: block;} /* End hide from IE-mac */ /* Forms */ form {} form label {color:#fff; font-size:1em; font-weight:bold;} form input, form textarea {background-color:#e8ede2; border:1px solid #e8ede2; color:#000; font-size:1em;} form input.btn {border:none;} form#qr {} form#qr div {display:block; margin:0 0 3px 0;} form#qr label {padding:0;} form#qr input {padding:2px 2px 2px 0; width:100%;} form#qr textarea {padding:2px 2px 2px 0; width:100%;} form#qr input.radio {background-color:transparent; border:none; margin:0 5px 0 0; padding:0; width:15px;} form#qr input.btn {border:none; margin:20px 0 0 0; padding:0; width:auto;} form#contact {} form#contact div {display:block; margin:0 0 3px 0;} form#contact label {padding:0;color:#62724f;} form#contact input {padding:2px 2px 2px 0; width:250px;} form#contact textarea {font-family:Arial, Helvetica, sans-serif; font-size:1.1em; padding:2px 2px 2px 0; width:250px;height:70px} form#contact input.radio {background-color:transparent; border:none; margin:0 5px 0 0; padding:0; width:15px;} form#contact input.btn {border:none; margin:20px 0 0 0; padding:0; width:auto;} /* Christmas 08 additions */ #flashlogo {position:absolute; top:57px; left:23px; } #flashlogo img {position:absolute; top:25px; left:10px; width:183px;} .snowscene {float:left; margin:0;} .innerChristmas {margin:30px 25px 30px 0px;} .trees {margin:20px 0 20px 60px;} .booklet {float:left; margin:0;} h1.marleft25 {margin-left:25px!important;} .festivecopy1 {float:right; width:336px;} form#postcodeSanta {margin:30px 0;} form#postcodeSanta label {color:#6f6b57; display:block; margin-bottom:8px;} form#postcodeSanta input {border:1px solid #d3a545; background:#fff; color:#6f6b57;} form#postcodeSanta input.button {border:none; width:auto;} #qrmaker2 {background:url(../images/bkd_qrxmas.gif) no-repeat top; float:right; margin:30px 0 20px 20px; padding:85px 20px 20px 20px; width:240px;} #qrmaker2 p {color:#000; margin:0 0 1em 0; } #qrmaker2 h2 {text-indent:-9999px;}