/*-----
AWA DIGITAL: Screen Style Sheet 
---------------------------------------------------------------------------------
Version: 1.1
Author: Richard Stephenson
Email: richard.stephenson@awadigital.com
Website: http://www.awadigital.com
DOB: 19 JUNE 2007
Last Mod: 16 AUGUST 2009
-------------------------------------------------------------------------------*/
* {
margin:0;
padding:0;
font-family: Tahoma, Arial, Verdana, sans-serif;
line-height:1.3em;
list-style:none;
}
body {
font-size:62.5%;
min-width:920px;
padding:0;
background-color:#C1B3AA;
}
body.home {
background:#C1B3AA url(../stat/plug.gif) no-repeat 610px 420px;
}
body.portfolio {
background-color:#C1B3AA;
}
body.jobs {
background:#C1B3AA url(../stat/keys.gif) no-repeat 617px 260px;
}
body.job-detail {
background-color:#C1B3AA;
background-image:none;
}
body.our_approach {
background:#C1B3AA url(../stat/scissors.gif) no-repeat 596px 344px;
}
body.how_we_work {
background:#C1B3AA url(../stat/lightbulb.gif) no-repeat 97px 660px;
}
body.technical_services {
background:#C1B3AA url(../stat/usb.gif) no-repeat 0px 500px;
}
#container {
padding:0 80px;
width:760px;
position:relative;
float:left;
}
/*-- ACCESSIBILITY ------------------------------------------------------------*/
#accessibility {
position:absolute;
top:-1000px;
left:-1000px;
width:1px;
height:1px;
overflow:hidden;
}
/*-- BRANDING -----------------------------------------------------------------*/
#branding {
border-bottom:2px solid #FFF;
float:left;
width:100%;
position:relative;
height:80px;
}
#branding div.logo {
position:absolute;
left:0;
bottom:10px;
}
#branding div.logo a img {
border:none;
}
#branding p span.tel {
display:block;
background:url(../stat/spr-header.gif) no-repeat -108px -21px;
width:141px;
height:17px;
position:absolute;
right:0;
top:15px;
}
#branding p span.email a {
display:block;
background:url(../stat/spr-header.gif) no-repeat 0 -39px;
width:166px;
height:17px;
position:absolute;
right:0;
top:40px;
}
#branding p span.email a:hover {
background-position:-734px 0;
}
/*-- NAVIGATION ---------------------------------------------------------------*/
#navigation {
float:left;
width:100%;
border-bottom:2px solid #FFF;
font-size:1.4em;
padding-top:9px;
height:36px;
position:relative;
}
#navigation h4 {
position:absolute;
font-size:0;
top:-1px;
left:-1px;
width:1px;
height:1px;
overflow:hidden;
}
#navigation ul {
float:left;
width:100%;
}
#navigation ul li {
float:left;
background:url(../stat/slash.png) center right no-repeat;
padding-right:12px;
padding-left:6px;
}
#navigation ul li.nav_home,
#navigation ul li.nav_our_approach,
#navigation ul li.nav_online_marketing {
padding-left:0;
}
#navigation ul li.nav_contact_us,
#navigation ul li.nav_how_we_work,
#navigation ul li.nav_technical_services {
padding-right:0;
background:none;
}
#navigation ul li a {
float:left;
display:block;
height:10px;
overflow:hidden;
text-indent:-3000px;
text-decoration:none;
background:url(../stat/spr-header.gif);
}
#navigation ul li.nav_home a {background-position:0 0px;width:38px;}
#navigation ul li.nav_home a:hover, .home #navigation ul li.nav_home a, .home #navigation ul li.nav_home a:hover {background-position:0 -10px;}
#navigation ul li.nav_about_us a {background-position:-38px 0;width:68px;}
#navigation ul li.nav_about_us a:hover, .about_us #navigation ul li.nav_about_us a, .about_us #navigation ul li.nav_about_us a:hover {background-position:-38px -10px;}
#navigation ul li.nav_services a {background-position:-106px 0;width:66px;}
#navigation ul li.nav_services a:hover,.services #navigation ul li.nav_services a,.services #navigation ul li.nav_services a:hover {background-position:-106px -10px;}
#navigation ul li.nav_clients a {background-position:-172px 0;width:56px;}
#navigation ul li.nav_clients a:hover, .clients #navigation ul li.nav_clients a, .clients #navigation ul li.nav_clients a:hover {background-position:-172px -10px;}
#navigation ul li.nav_portfolio a {background-position:-228px 0;width:74px;}
#navigation ul li.nav_portfolio a:hover, .portfolio #navigation ul li.nav_portfolio a, .portfolio #navigation ul li.nav_portfolio a:hover {background-position:-228px -10px;}
#navigation ul li.nav_news a {background-position:-302px 0;width:39px;}
#navigation ul li.nav_news a:hover, .news #navigation ul li.nav_news a, .news #navigation ul li.nav_news a:hover {background-position:-302px -10px;}
#navigation ul li.nav_jobs a {background-position:-341px 0;width:34px;}
#navigation ul li.nav_jobs a:hover, .jobs #navigation ul li.nav_jobs a, .jobs #navigation ul li.nav_jobs a:hover {background-position:-341px -10px;}
#navigation ul li.nav_contact_us a {background-position:-375px 0;width:84px;}
#navigation ul li.nav_contact_us a:hover, .contact_us #navigation ul li.nav_contact_us a, .contact_us #navigation ul li.nav_contact_us a:hover {background-position:-375px -10px;}

#navigation ul li ul {position:absolute;left:0;top:26px;}
#navigation ul li.nav_services ul {left:141px;width:600px;}
#navigation ul li.nav_about_us ul {left:55px;width:600px;}

#navigation ul li.nav_services ul li.nav_online_marketing a {background-position:-256px -22px;width:135px;}
#navigation ul li.nav_services ul li.nav_online_marketing a:hover {background-position:-256px -32px;}
.online_marketing #navigation ul li.nav_services ul li.nav_online_marketing a,
.online_marketing #navigation ul li.nav_services ul li.nav_online_marketing a:hover {background-position:-256px -32px;}

#navigation ul li.nav_services ul li.nav_web_design_and_development a {background-position:-391px -22px;width:207px;}
#navigation ul li.nav_services ul li.nav_web_design_and_development a:hover {background-position:-391px -32px;}
.web_design_and_development #navigation ul li.nav_services ul li.nav_web_design_and_development a,
.web_design_and_development #navigation ul li.nav_services ul li.nav_web_design_and_development a:hover {background-position:-391px -32px;}

#navigation ul li.nav_services ul li.nav_technical_services a {background-position:-598px -22px;width:146px;}
#navigation ul li.nav_services ul li.nav_technical_services a:hover {background-position:-598px -32px;}
.technical_services #navigation ul li.nav_services ul li.nav_technical_services a,
.technical_services #navigation ul li.nav_services ul li.nav_technical_services a:hover {background-position:-598px -32px;}

#navigation ul li.nav_about_us ul li.nav_our_approach a {background-position:-459px 0;width:106px;}
#navigation ul li.nav_about_us ul li.nav_our_approach a:hover,
.our_approach #navigation ul li.nav_about_us ul li.nav_our_approach a,
.our_approach #navigation ul li.nav_about_us ul li.nav_our_approach a:hover {background-position:-459px -10px;}

#navigation ul li.nav_about_us ul li.nav_how_we_work a {background-position:-566px 0;width:103px;}
#navigation ul li.nav_about_us ul li.nav_how_we_work a:hover,
.how_we_work #navigation ul li.nav_about_us ul li.nav_how_we_work a,
.how_we_work #navigation ul li.nav_about_us ul li.nav_how_we_work a:hover {background-position:-566px -10px;}


.pg_tips #navigation ul li.nav_portfolio a {background-position:-228px 0;width:74px;}
.pg_tips #navigation ul li.nav_portfolio a:hover, .pg_tips #navigation ul li.nav_portfolio a:hover {background-position:-228px -10px;}


/*-- CONTENT ------------------------------------------------------------------*/
#content {
float:left;width:100%;min-height:480px;padding-top:10px;}
.home #content {
min-height:480px;
}
.home #content h1 {
background:url(../stat/hdr-home-h1.png) no-repeat;
height:250px;
}
.portfolio #content h1 {
background:url(../stat/hdr-our-track-record.png) no-repeat;
height:80px;
}

/*-- HEADERS ------------------------------------------------------------------*/
.contact_us #content h1 {
background:url(../stat/hdr-get-in-touch-with-us.png) no-repeat;
height:80px;
}
.news #content h1 {
background:url(../stat/hdr-read-all-about-it.png) no-repeat;
height:80px;
}
.jobs #content h1 {
background:url(../stat/hdr-we-would-like-to-meet.png) no-repeat;
height:80px;
}
.clients #content h1 {
background:url(../stat/hdr-who-we-work-with.png) no-repeat;
height:80px;
}
.about_us #content h1 {
background:url(../stat/hdr-a-digital-agency-that-delivers.png) no-repeat;
height:160px;
}
.our_approach #content h1 {
background:url(../stat/hdr-our-philosophy.png) no-repeat;
height:80px;
}
.how_we_work #content h1 {
background:url(../stat/hdr-thinking-differently.png) no-repeat;
height:80px;
}
.services #content h1 {
background:url(../stat/hdr-what-can-we-do-for-you.png) no-repeat;
height:80px;
}
.online_marketing #content h1 {
background:url(../stat/hdr-using-online-intelligently.png) no-repeat;
height:80px;
}
.web_design_and_development #content h1 {
background:url(../stat/hdr-great-user-experiences.png) no-repeat;
height:80px;
}
.technical_services #content h1 {
background:url(../stat/hdr-out-technical-credentials.png) no-repeat;
height:80px;
}
.help_and_information #content h1 {
background:url(../stat/hdr-site-information.png) no-repeat;
height:80px;
}
.site_map #content h1 {
background:url(../stat/hdr-finding-your-way-around.png) no-repeat;
height:80px;
}

/* -- PITCH PAGES CUSTOMISATION ----------------------------------------------------------*/
.interfaceflor #content h1 {
background:url(../stat/hdr-interfaceflor.png) no-repeat;
height:80px;
}
.interfaceflor .col {
padding-bottom:30px;
}
.interfaceflor #content {
min-height:360px;
}
.grontmij #content h1 {
background:url(../stat/hdr-grontmij.png) no-repeat;
height:80px;
}
.republic #content h1 {
background:url(../stat/hdr-republic.png) no-repeat;
height:80px;
}
.republic .col {
padding-bottom:30px;
}
.republic #content {
min-height:360px;
}
.irwinmitchell #content h1 {
background:url(../stat/hdr-irwinmitchell.png) no-repeat;
height:80px;
}
.irwinmitchell .col {
padding-bottom:30px;
}
.irwinmitchell #content {
min-height:360px;
}
.lakeland #content h1 {
background:url(../stat/hdr-lakeland.png) no-repeat;
height:80px;
}
.lakeland #content {
min-height:360px;
}
.lakeland .col {
padding-bottom:30px;
}
.portfolio .col {
padding-bottom:0;
}
#content h2,
#content .news-story h1,
#content div.job-summary h3 {
width:100%;
font-size:2.1em;
color:#DB231A;
font-weight:normal;
line-height:1.5em;
letter-spacing:2px;
margin:10px 0 20px;
}
.home #content h2 {
width:500px !important;
}
.clients #content h2 {
width:66%;
}

a:link {
color:#DB231A;
text-decoration:underline;
}
a:visited {
color:#D4473E;
text-decoration:underline;
}
a:hover {
color:#BA1E16;
text-decoration:underline;
}
a:focus {
color:#BA1E16;
text-decoration:underline;
}
a:active {
color:#BA1E16;
text-decoration:underline;
}


div.col {
width:240px;
margin-right:20px;
float:left;
}
.holder div.col {
width:226px;
}
.technical_services div.holder {
float:right;
}
.technical_services div.holder div.multimedia_production,
.technical_services div.holder div.website_build,
.technical_services div.holder div.technical_development {
float:left;
width:460px;
}
div.col p,
p.introduction {
font-size:1.3em;
margin-bottom:1em;
color:#251D18;
}
div.holder h4 {
font-size:1.3em;
font-weight:bold;
color:#DB231A;
margin-bottom:0.2em;
}
div.holder ul {
font-size:1.3em;
margin-bottom:10px;
}
div.holder div.multimedia_production ul {
margin-bottom:20px;
}
div.holder ul {
padding-left:4px;
}
div.holder ul li {
list-style:disc;
margin-left:10px;
padding-bottom:2px;
}
p.introduction {
width:63%;
padding-bottom:10px;
}
.holder {
float:left;
background-color:#fff;
margin-bottom:20px;
padding:20px 20px 0;
width:720px;
position:relative;
}
.clients #footer {
margin-top:-4px;
}
.technical_services .holder {
width:460px;
padding:20px 20px 0;
}
.holder h3 {
margin-bottom:10px;
}
.holder .strategy h3 {height:26px;background:url(../stat/hdr-c-strategy.gif) no-repeat;}
.holder .email_marketing h3 {height:40px;background:url(../stat/hdr-c-email-marketing.gif) bottom no-repeat;}
.holder .digital_media_planning_and_buying h3 {height:72px;background:url(../stat/hdr-c-digital-media-planning-and-buying.gif) no-repeat;}
.holder .online_advertising h3 {height:25px;background:url(../stat/hdr-c-online-advertising.gif) no-repeat;}
.holder .online_pr_and_social_media h3 {height:72px;background:url(../stat/hdr-c-online-pr-and-social-media.gif) no-repeat;}
.holder .strategy_and_campaign_planning h3 {height:57px;background:url(../stat/hdr-c-strategy-and-campaign-planning.gif) no-repeat;}
.holder .viral_marketing h3 {height:40px;background:url(../stat/hdr-c-viral-marketing.gif) no-repeat;}
.holder .search_marketing h3 {height:72px;background:url(../stat/hdr-c-search-marketing.gif) no-repeat;}
.holder .reporting_and_analysis h3 {height:72px;background:url(../stat/hdr-c-reporting.gif) no-repeat;}
.holder .ecrm h3 {height:25px;background:url(../stat/hdr-c-ecrm.gif) no-repeat;}

.holder .affiliate_marketing h3 {height:40px;background:url(../stat/hdr-c-affiliate-marketing.gif) bottom no-repeat;}
.holder .copy h3 {height:41px;background:url(../stat/hdr-c-copy.gif) bottom no-repeat;}
.holder .design h3 {height:26px;background:url(../stat/hdr-c-design.gif) bottom no-repeat;}
.holder .build h3 {height:26px;background:url(../stat/hdr-c-build.gif) no-repeat;}
.holder .technical h3 {height:41px;background:url(../stat/hdr-c-technical.gif) bottom no-repeat;}
.holder .consultancy h3 {height:26px;background:url(../stat/hdr-c-consultancy.gif) bottom no-repeat;}

.holder .multimedia_production h3 {height:41px;background:url(../stat/hdr-c-multimedia-production.gif) no-repeat;}
.holder .technical_development h3 {height:41px;background:url(../stat/hdr-c-technical-development.gif) no-repeat;}
.holder .website_build h3 {height:26px;background:url(../stat/hdr-c-website-build.gif) bottom left no-repeat;}

.technical_services .holder div {float:left;}

body.our_approach div.col, 
body.how_we_work div.col,
body.services div.col {
padding-bottom:10px;
}
#content .our_people h3,
#content .our_teams h3,
#content .web_design_and_development h3,
#content .online_marketing h3 {
margin-bottom:10px;
}
.our_people h3 {
background:url(../stat/hdr-c-our-people.gif) no-repeat;
width:150px;
height:26px;
}
.our_teams h3 {
background:url(../stat/hdr-c-how-our-teams-work.gif) no-repeat;
width:197px;
height:57px;
}
body.services div#content div.web_design_and_development h3 {
width:164px;
height:56px;
background:url(../stat/hdr-c-web-design-and-development.gif) no-repeat;
}
body.services div#content div.online_marketing h3 {
width:200px;
height:25px;
background:url(../stat/hdr-c-online-marketing.gif) no-repeat;
}
body.how_we_work #content div.feature h3 {
background:url(../stat/hdr-c-our-benefits.gif) no-repeat;
width:216px;
height:119px;
margin-bottom:10px;
}
body.help_and_information #content div.content h3 {
background:url(../stat/hdr-c-content.gif) no-repeat;
width:216px;
height:25px;
margin-bottom:10px;
}
body.help_and_information #content div.technology h3 {
background:url(../stat/hdr-c-technology.gif) no-repeat;
width:216px;
height:25px;
margin-bottom:10px;
}
body.help_and_information #content div.accessibility h3 {
background:url(../stat/hdr-c-accessibility.gif) no-repeat;
width:216px;
height:25px;
margin-bottom:10px;
}
.col dl {
font-size:1.3em;
margin-bottom:1em;
}
.col dt {
font-weight:bold;
color:#DB231A;
padding-right:10px;
}
.col dd {
padding-bottom:10px;
}
div.feature {
background-color:#FFF;
padding:10px;
width:230px;
margin-bottom:20px;
}
div#content div.feature {
background-color:#FFF;
padding:15px 10px 10px;
width:220px;
position:relative;
}
body.how_we_work div#content div.feature {
padding-bottom:0;
}
div#content div.feature h3 {
width:180px;
height:30px;
}
div#content div.feature h3.our-approach {
background:url(../stat/hdr-f-our-approach.gif) top left no-repeat;
}
div#content div.feature h3.how-we-work {
margin-top:24px;
background:url(../stat/hdr-f-how-we-work.gif) top left no-repeat;
}
div#content .last {
margin-right:0;
padding-right:0;
}
#secondary-content {
float:left;
width:100%;
border-top:2px solid #fff;
margin-top:10px;
padding:20px 0;
}
.latest-work {
width:500px;
margin-right:20px;
float:left;
}
.latest-work h3 {
background:url(../stat/hdr-home-latest-work.png) no-repeat;
width:137px;
height:20px;
}
.latest-work ul {
padding-top:20px;
}

div.latest-work li {
display:block;
float:left;
padding-right:10px;
padding-bottom:20px;
}
div.latest-work li a {
display:block;
float:left;
width:160px;
height:163px;
background:url(/stat/slide-home.png) top left no-repeat;
position:relative;
text-decoration:none;
}
.latest-work li a img {
border:none;
position:absolute;
top:40px;
left:20px;
}
.latest-work li a span.client {
position:absolute;
top:20px;
left:20px;
font-size:1.1em;
}
.latest-work li a span.job {
position:absolute;
top:127px;
left:20px;
font-size:1.1em;
width:125px;
color:#251D18;
text-decoration:none;
}
.latest-work li.latest-three{
padding-right:0;
}

.col-right,
.col-left {
width:240px;
float:right;
background-color:#addada;
position:relative;
}
.col-left {
float:left;
width:240px;
margin-right:20px;
}
.news .col-left {
margin-bottom:20px;
}
.news-updates h3 {
background:url(../stat/hdr-latest-news.png) no-repeat;
width:62px;
height:20px;
margin:10px 10px 15px;
}
.news-updates .news-item {
padding:0 0 20px;
border-bottom:2px solid #FFF;
margin:0 10px 20px;
}
.news-updates .news-item p,
.news-updates .news-item h4 {
font-size:1.3em;
display:inline;
color:#251D18;
}
.news-updates .news-item h4 {
font-weight:normal;
color:#DB231A;
padding-right:0.3em;
}
.news-updates .news-item h4 a {
text-decoration:underline;
}
.news-updates .news-item p span a {
text-transform:lowercase;
}
.news-updates p.more {
margin:20px 10px;
overflow:hidden;
}
.news-updates p.more a {
float:right;
display:block;
width:95px;
height:13px;
background:url(../stat/more-news.png) no-repeat;
}
.panel {
float:left;
width:100%;
position:relative;
background-color:#FFF;
}
.home .panel {
height:225px;
margin:20px 0 0;
background:#fff url(../stat/bg-clients.png?d=20100608) no-repeat;
}
.home .panel h3 {
position:absolute;
left:20px;
top:41px;
background:url(../stat/hdr-home-clients.gif) no-repeat;
width:233px;
height:30px;
}
.home .panel ul li a {
position:absolute;
top:80px;
left:0;
display:inline;
height:49px;
width:149px;
float:left;
overflow:hidden;
background:url(../stat/bg-clients.png) no-repeat  0 0;
}

#client-asda a {left:15px;background-position:-15px -305px;}
#client-petsathome a {left:204px;background-position:-204px -305px;}
#client-lakeland a {left:387px;background-position:-387px -305px;}
#client-republic a {left:579px;background-position:-579px -305px;}
#client-interfaceflor a {top:138px;left:15px;background-position:-15px -363px;}
#client-laredoute a {top:138px;left:204px;background-position:-204px -363px;}
#client-gs a {top:138px;left:387px;background-position:-387px -363px;}
#client-bae a {top:138px;left:579px;background-position:-579px -363px;}

#client-asda a:hover {background-position:-15px -80px;}
#client-petsathome a:hover {background-position:-204px -80px;}
#client-lakeland a:hover {background-position:-387px -80px;}
#client-republic a:hover {background-position:-579px -80px;}
#client-interfaceflor a:hover {background-position:-15px -138px;}
#client-laredoute a:hover {background-position:-204px -138px;}
#client-gs a:hover {background-position:-387px -138px;}
#client-bae a:hover {background-position:-579px -138px;}

/*-- NEWS ---------------------------------------------------------------------*/
.news #content h2 {
margin-bottom:10px;
}
#news-content {
float:left;
width:100%;
border-top:2px solid #fff;
margin-top:0;
padding:20px 0 10px;
}
.news-latest {
float:left;
padding:10px 10px 0;
width:220px;
}
.news-latest h3 {
background:url(../stat/hdr-latest.png) no-repeat;
width:71px;
height:20px;
margin:0 0 15px;
}
#news-content .news-item {
padding:0 0 15px;
float:left;
position:relative;
}
#news-content .news-item h4 {
font-size:1.3em;
color:#DB231A;
font-weight:normal;
padding-left:50px;
}
#news-content .news-item p.date {
position:absolute;
left:0;
top:1px;
font-size:1.3em;
color:#251D18;
}
.news-story {
float:right;
width:500px;
}
#container #content .news-story h1 {
background:none;
height:auto;
width:auto;
margin:-5px 0 10px;
overflow:visible;
text-decoration:none;
text-indent:0;
}
.news-story img {
border:2px solid #FFF;
margin-bottom:10px;
float:left;
}
.news-story .col {
width:240px;
margin-right:20px;
}
ul.news-archive,
div.feed {
float:left;
width:220px;
margin:0 10px;
border-top:2px solid #FFF;
padding:10px 0 10px;
}
ul.news-archive {
padding:7px 0 10px;
}
div.feed a {
font-size:1.3em;
background:url(../stat/news-feed.png) left no-repeat;
padding-left:22px;
}
ul.news-archive li {
float:left;
font-size:1.3em;
padding-right:10px;
}
/*-- JOBS ---------------------------------------------------------------------*/
div.job-summary {
background-color:#FFF;
float:left;
width:720px;
position:relative;
padding:23px 20px 20px;
margin:50px 0 20px;
}
#content div.job-summary h3 {
width:80%;
margin-bottom:10px;
}
div.job-summary .col {
width:480px;
margin-right:20px;
}
#content div.job-summary h4 {
color:#DB231A;
font-size:1.5em;
margin:0.2em 0;
}
.job-summary .apply {
float:left;
width:100%;
}
.job-summary .apply a {
width:462px;
height:15px;
display:block;
background:url(../stat/apply.png) no-repeat;
}
.job-detail .role h3 {
background:url(../stat/hdr-role.png) bottom no-repeat;
height:26px;
}
.job-detail .responsibilities h3 {background:url(../stat/hdr-responsibilities.png) bottom no-repeat; height:26px;}
.job-detail .skills h3 {background:url(../stat/hdr-skills.png) bottom no-repeat; height:26px;}
.job-detail .skills h3 {background:url(../stat/hdr-skills.png) bottom no-repeat; height:26px;}
.job-detail .how-to-apply h3 {background:url(../stat/hdr-how-to-apply.png) bottom no-repeat; height:41px;}

div.responsibilities ul li {
padding-bottom:7px;
}

/*-- CLIENTS ------------------------------------------------------------------*/
#clients_list {
float:left;
width:470px;
height:700px;
background:url(../stat/bg-clients-list.png) no-repeat;
margin-top:-10px;
}
#clients_list ul li {
background:none;
}
#clients_list ul li {
position:absolute;
left:-3000px;
top:0;
overflow:hidden;
}
/*-- CONTACT US ---------------------------------------------------------------*/
.contact_us .holder {
position:relative;
padding-bottom:20px;
margin:0;
}
.contact_us .holder h3 {
background:#FFF url(../stat/hdr-this-is-where.gif) no-repeat 5px 10px;
width:250px;
height:72px;
}
.contact_us #map {
width:450px;
height:300px;
float:right;
}
.contact_us .holder div.vcard {
padding-left:5px;
}
.contact_us .holder div.vcard div,
.contact_us .holder div.vcard address {
font-size:1.3em;
}
.contact_us .holder div.vcard div {
padding-left:3px;
width:200px;
}
.contact_us .holder div.vcard address {
padding-left:3px;
padding-bottom:15px;
width:200px;
font-style:normal;
}
div#content p.download {
padding-left:3px;
font-size:1.3em;
line-height:3em;
width:200px;
}
.download a {
display:block;
padding:20px 0 20px 38px;
background:url(../stat/download-vcard.gif) left no-repeat;
}
.contact_us #content {
padding-bottom:0;
min-height:200px;
margin-bottom:10px;
}
.contact_us #secondary-content {
padding:20px 0;
}
.contact_us #secondary-content .cols-holder {
float:left;
width:100%;
background:url(../stat/bg-contact-us-secondary.gif) repeat-y;
}
.contact_us #secondary-content .col h4 {
width:200px;
height:75px;
}
.contact_us #secondary-content .col p {
padding:0 10px 10px 10px;
}
.contact_us #secondary-content .general h4 {
background:url(../stat/hdr-general-enquiries.gif) no-repeat;
}
.contact_us #secondary-content .new-business h4 {
background:url(../stat/hdr-something-on-your-mind.gif) no-repeat;height:75px;width:210px;
}
.contact_us #secondary-content .want-work h4 {
background:url(../stat/hdr-want-to-work-at-awa.gif) no-repeat;
}
.contact_us #secondary-content .last {
margin-right:0;
}
/*-- PORTFOLIO ----------------------------------------------------------------*/
div#portfolio {
width:100%;
clear:left;
padding:20px 0;
float:left;
}
div#portfolio li {
display:block;
float:left;
padding-right:20px;
padding-bottom:20px;
}
div#portfolio li a {
display:block;
float:left;
width:175px;
height:178px;
background:url(../stat/slides/slide-blank.png) no-repeat;
position:relative;
text-decoration:none;
}
div#portfolio li a img {
border:none;
position:absolute;
top:46px;
left:25px;
}
div#portfolio li a span.client {
position:absolute;
top:26px;
left:25px;
font-size:1.1em;
}
div#portfolio li a span.job {
position:absolute;
top:136px;
left:25px;
font-size:1.1em;
width:125px;
color:#251D18;
text-decoration:none;
}
.portfolio .col h3 {
height:25px;
margin:20px 0 10px;
}
.challenge h3 {
background:url(../stat/hdr-folio-challenge.png) no-repeat;
}
.solution h3 {
background:url(../stat/hdr-folio-solution.png) no-repeat;
}
.results h3 {
background:url(../stat/hdr-folio-results.png) no-repeat;
}
div#content div.challenge,
div#content div.solution,
div#content div.results {
margin-top:-10px;
}

#content .results div.launch a {
color:#DB231A;
}
.launch {
text-align:right;
}
.launch a {
font-size:1.3em;
}
div.examples {
float:left;
margin-top:10px;
width:100%;
border-top:2px solid #FFF;
padding-top:20px;
}
div.work {
float:left;
margin-right:20px;
margin-bottom:20px;
}
div.special {
margin-bottom:9px;
}
div.right {
float:right;
margin-right:0;
}
.banners {
padding:20px;
background-color:#FFF;
position:relative;
height:392px;
margin-bottom:20px;
}
.pg_tips .banners {
height:auto;
overflow:hidden;
width:720px;
padding:20px 20px 0;
}
.pg_tips .banners div {
float:left;
padding-bottom:20px;
}
.pg_tips .banners div.first {
padding-right:20px;
}
.banners ul {
position:absolute;
top:0;
left:0;
}
.banners ul li a {
position:absolute;
top:0;
left:0;
}
.banners ul li a img {
border:0;
}
.banners p {
font-size:1.3em;
font-weight:bold;
color:#DB231A;
}
.banners ul li.banner1 a {top:92px;left:20px;}
.banners ul li.banner2 a {top:92px;left:236px;}
.banners ul li.banner3 a {top:276px;left:20px;}
.banners ul li.banner4 a {top:354px;left:20px;}
.banners ul li.banner5 a {top:20px;left:512px;}
.banners ul li.banner6 a {top:20px;left:636px;}

.links {
float:left;
clear:left;
width:300px;
padding-bottom:10px;
}
.links div {
padding-bottom:3px;
}
.links a {
font-size:1.3em;
}
.testimonial {
background-color:#ADDADA;
padding:16px 12px 20px;
margin-bottom:10px;
}
.portfolio .col .testimonial h3 {
margin:0 0 10px;
background:url(../stat/hdr-our-client-said.png) no-repeat; height:20px; width:180px;
}
.testimonial blockquote,
.testimonial cite  {
color:#251D18;
display:inline;
font-size:1.3em;
}
.testimonial cite,
.testimonial cite em {
color:#DB231A;
font-style:normal;
}
.testimonial cite .testimonial-author {
padding-left:5px;
}
/*-- PORTFOLIO CUSTOMISATION --------------------------------------------------*/
.gatenby_sanderson #content h1 {background:url(../images/portfolio/gatenby_sanderson/hdr-gatenby-sanderson.png) top no-repeat;height:80px;}
.gatenby_sanderson #content {background:url(../images/portfolio/gatenby_sanderson/bg-slide.png) no-repeat 0 440px;}
.awa_media #content h1 {background:url(../images/portfolio/awa_media/hdr-awa-media.png) top no-repeat;height:80px;}
.awa_media #content {background:url(../images/portfolio/awa_media/bg-slide.png) no-repeat 0 580px;}
.rude_ltd #content h1 {background:url(../images/portfolio/rude_ltd/hdr-rude.png) top no-repeat;height:80px;}
.rude_ltd #content {background:url(../images/portfolio/rude_ltd/bg-slide.png) no-repeat 540px 140px;}
.montage #content h1 {background:url(../images/portfolio/montage/hdr-montage.png) top no-repeat;height:80px;}
.montage #content {background:url(../images/portfolio/montage/bg-slide.png) no-repeat 540px 140px;}
.oli #content h1 {background:url(../images/portfolio/oli/hdr-oli.png) top no-repeat;height:80px;}
.oli #content {background:url(../images/portfolio/oli/bg-slide.png) no-repeat 540px 140px;}
.asda_e_marketing #content h1 {background:url(../images/portfolio/asda_e_marketing/hdr-asda.png) top no-repeat;height:80px;}
.asda_e_marketing #content .challenge {padding-bottom:230px;background:url(../images/portfolio/asda_e_marketing/bg-slide.png) bottom no-repeat;}
.cds #content h1 {background:url(../images/portfolio/cds/hdr-cds.png) top no-repeat;height:160px;}
.cds #content {background:url(../images/portfolio/cds/bg-slide.png) no-repeat 540px 210px;}
.asda_corporate #content h1 {background:url(../images/portfolio/asda_corporate/hdr-asda.png) top no-repeat;height:80px;}
.asda_corporate #content {background:url(../images/portfolio/asda_corporate/bg-slide.png) no-repeat 540px 140px;}
.adb #content h1 {background:url(../images/portfolio/adb/hdr-adb.png) top no-repeat;height:80px;}
.adb #content {background:url(../images/portfolio/adb/bg-slide.png) no-repeat 540px 140px;}
.asda_microsites #content h1 {background:url(../images/portfolio/asda_microsites/hdr-asda.png) top no-repeat;height:80px;}
.asda_microsites #content {background:url(../images/portfolio/asda_microsites/bg-slide.png) no-repeat 540px 140px;}
.halifax #content h1 {background:url(../images/portfolio/halifax/hdr-halifax.png) top no-repeat;height:80px;}
.halifax #content .challenge {padding-bottom:230px;background:url(../images/portfolio/halifax/bg-slide.png) bottom no-repeat;}
.coors #content h1 {background:url(../images/portfolio/coors/hdr-coors.png) top no-repeat;height:80px;}
.coors #content .challenge {padding-bottom:230px;background:url(../images/portfolio/coors/bg-slide.png) bottom no-repeat;}
.brand_nursery #content h1 {background:url(../images/portfolio/brand_nursery/hdr-the-brand-nursery.png) top no-repeat;height:80px;}
.brand_nursery #content {background:url(../images/portfolio/brand_nursery/bg-slide.png) no-repeat 540px 140px;}
.BAE #content h1 {background:url(../images/portfolio/bae_systems/hdr-bae-systems.png) no-repeat;height:80px;}
.BAE #content {background:url(../images/portfolio/bae_systems/bg-slide.png) no-repeat 540px 390px;}
.BAE .results { padding:0 0 250px 0;}
.enc #content h1 {background:url(../images/portfolio/enc/hdr-enc.png) no-repeat;height:80px;}
.enc #content {background:url(../images/portfolio/enc/bg-slide.png) no-repeat 540px 190px;}

.petsathome #content h1{background:url(../images/portfolio/pets_at_home/hdr-pets-at-home.png);height:80px;}
.petsathome #content{background:url(../images/portfolio/pets_at_home/bg-slide.png) no-repeat 540px 200px;}

.waronwaste #content h1{background:url(../images/portfolio/war_on_waste/hdr-war-on-waste.png);height:80px;}
.waronwaste #content{background:url(../images/portfolio/war_on_waste/bg-slide.png) no-repeat 540px 420px;}

.ycm #content h1{background:url(../images/portfolio/ycm/hdr-yorkshire-cricket-mela.png);height:80px;}
.ycm #content{background:url(../images/portfolio/ycm/bg-slide.png) no-repeat 540px 200px;}





.emsleys #content {background:url(../images/portfolio/emsleys/bg-slide.png) no-repeat 0 450px;}
.freemans #content h1 {background:url(../images/portfolio/freemans/hdr-freemans.png) top no-repeat;height:80px;}
.freemans #content {background:url(../images/portfolio/freemans/bg-slide.png) no-repeat 540px 140px;}
.grattan #content h1 {background:url(../images/portfolio/grattan/hdr-grattan.png) top no-repeat;height:80px;}
.grattan #content {background:url(../images/portfolio/grattan/bg-slide.png) no-repeat 540px 140px;}
.i_can #content h1 {background:url(../images/portfolio/i_can/hdr-i-can.png) top no-repeat;height:80px;}
.i_can #content {background:url(../images/portfolio/i_can/bg-slide.png) no-repeat 540px 140px;}
.freemans2 #content h1 {background:url(../images/portfolio/freemans2/hdr-freemans.png) top no-repeat;height:80px;}
.freemans2 #content {background:url(../images/portfolio/freemans2/bg-slide.png) no-repeat 540px 140px;}
.lakeland #content h1 {background:url(../images/portfolio/lakeland/hdr-lakeland.png) top no-repeat;height:80px;}
.lakeland #content {background:url(../images/portfolio/lakeland/bg-slide.png) no-repeat 540px 140px;}

.lakeland-garden #content h1 {background:url(../images/portfolio/lakeland_garden/hdr-lakeland-garden.png) top no-repeat;height:80px;}
.lakeland-garden #content {background:url(../images/portfolio/lakeland_garden/bg-slide.png) no-repeat 0px 330px;}
.lakeland-garden .challenge{ padding:0 0 230px 0;}

.emsleys #content h1 {background:url(../images/portfolio/emsleys/hdr-emsleys.png) top no-repeat;height:80px;}
.emsleys #content {background:url(../images/portfolio/emsleys/bg-slide.png) no-repeat 0 450px;}
.oli2 #content h1 {background:url(../images/portfolio/oli2/hdr-oli.png) top no-repeat;height:80px;}
.oli2 #content {background:url(../images/portfolio/oli2/bg-slide.png) no-repeat 540px 155px;}
.interfaceflor2 #content h1 {background:url(../images/portfolio/interfaceflor/hdr-interfaceflor.png) top no-repeat;height:80px;}
.interfaceflor2 #content {background:url(../images/portfolio/interfaceflor/bg-slide.png) no-repeat 540px 140px;}
.lakeland #content h1 {background:url(../images/portfolio/lakeland/hdr-lakeland.png) top no-repeat;height:80px;}
.lakeland #content {background:url(../images/portfolio/lakeland/bg-slide.png) no-repeat 540px 140px;}
.discount365 #content h1 {background:url(../images/portfolio/discount365/hdr-discount365.png) top no-repeat;height:80px;}
/*.discount365 #content {background:url(../images/portfolio/discount365/bg-slide.png) no-repeat 0 440px;}*/
.norwood #content h1 {background:url(../images/portfolio/norwood/hdr-norwood.png) top no-repeat;height:80px;}
.wizzair #content h1 {background:url(../images/portfolio/wizzair/hdr-wizzair.png) top no-repeat;height:80px;}
.republic #content {background:url(../images/portfolio/republic/bg-slide.png) no-repeat 0 485px;}
.threepeaks #content h1 {background:url(../images/portfolio/three_peaks/hdr-three-peaks.png) top no-repeat;height:80px;}
.threepeaks #content {background:url(../images/portfolio/three_peaks/bg-slide.png) no-repeat 540px 360px;}
.threepeaks .solution{ padding:0 0 140px 0;}
.pg_tips #content h1 {background:url(../images/portfolio/pg_tips/hdr-pg-tips.png) top no-repeat;height:80px;}
.pg_tips #content {background:url(../images/portfolio/pg_tips/bg-slide.png) no-repeat 540px 306px;}
.ashes_festival #content h1 {background:url(../images/portfolio/ashes_festival/hdr-the-ashes-festival.png) top no-repeat;height:80px;}
.ashes_festival #content {background:url(../images/portfolio/ashes_festival/bg-slide.png) no-repeat 540px 140px;}


.grattan .col,
.brand_nursery .col,
.i_can .col,
.freemans .col,
.adb .col,
.emsleys .col,
.oli2 .col,
.lakeland .col,
.freemans2 .col {
min-height:190px;
}

/*-- PORTFOLIO NAVIGATION -----------------------------------------------------*/
.portfolio-navigation {
float:left;
width:100%;
overflow:hidden;
padding-bottom:20px;
}
.portfolio-navigation ul {
float:right;
}
.portfolio-navigation li {
float:left;
padding-left:20px;
}
.portfolio-navigation li.back {
padding-right:20px;
}
.portfolio-navigation li a {
display:block;
height:19px;
}
.portfolio-navigation li.back a {
width:139px;
background:url(../stat/pnav-back.gif) no-repeat;
}
.portfolio-navigation li.next a {
width:58px;
background:url(../stat/pnav-next.gif) no-repeat;
}
.portfolio-navigation li.previous a {
width:86px;
background:url(../stat/pnav-previous.gif) no-repeat;
}

/*-- SITE MAP -----------------------------------------------------------------*/
.site_map .holder div {
padding:10px 0 20px;
}
.site_map .holder ul ul  {
font-size:1em;
padding-top:5px;
}
.site_map div.holder ul li {
padding-bottom:3px;
}
/*-- FOOTER -------------------------------------------------------------------*/
#footer {
float:left;
width:100%;
clear:both;
border-top:2px solid #fff;
font-size:1.1em;
color:#FFF;
padding:15px 0 30px;
}
#footer p {
display:inline;
}
#footer ul, #footer li {
display:inline;
}
#footer li a {
border-left:1px solid #fff;
color:#fff;
text-decoration:none;
margin-left:0.3em;
padding-left:0.5em;
}
#footer li a:hover {
text-decoration:underline;
}

/*-- TEXT-INDENT --------------------------------------------------------------*/
#branding p span.tel,
#branding p span.email a,
#content h1,
.news-updates h3,
.news-old h3,
.news-latest h3,
.news-updates p.more a,
.home .panel h3,
.home .panel ul a,
.latest-work h3,
.apply a,
.contact_us .panel h3,
.contact_us #secondary-content .col h4,
.portfolio .col h3,
div#content div.feature h3,
.our_people h3,
.our_teams h3,
.holder h3,
#clients_list ul li,
.portfolio-navigation li a
{
overflow:hidden;
text-decoration:none;
text-indent:-3000px;
}

/*-- BELL & WHISTLES -----------------------------------------------------------*/
div.bulldog-clip-l {
position:absolute;
left:0;
top:-58px;
background:url(../stat/clip.gif) no-repeat;
width:76px;
height:86px;
}
div.bulldog-clip-r {
position:absolute;
left:678px;
top:-58px;
background:url(../stat/clip.gif) no-repeat;
width:76px;
height:86px;
}
div.paper-clip-r {
position:absolute;
left:688px;
top:-37px;
background:url(../stat/paperclip.png) no-repeat;
width:56px;
height:80px;
}
div.paper-clip-f {
position:absolute;
left:200px;
top:-35px;
background:url(../stat/paperclip-feature.gif) no-repeat;
width:56px;
height:80px;
z-index:1000;
}
div.paper-clip-h {
position:absolute;
left:460px;
top:-35px;
background:url(../stat/paperclip-feature.gif) no-repeat;
width:56px;
height:80px;
z-index:1000;
}
div.torn,
div.torn2,
div.torn4 {
height:33px;
}
div.torn span {
position:absolute;
left:0;
top:0;
width:247px;
height:48px;
background:url(../stat/torn1.gif) no-repeat;
z-index:100;
}
div.torn2 span {
position:absolute;
left:-1px;
top:0;
width:247px;
height:48px;
background:url(../stat/torn2.gif) no-repeat;
}
div.torn4 span {
position:absolute;
left:-1px;
top:0;
width:247px;
height:48px;
background:url(../stat/torn4.gif) no-repeat;
}
div.torn3 {
height:33px;
}
div.torn3 span {
position:absolute;
left:0;
top:0;
width:760px;
height:48px;
background:url(../stat/torn3.gif) no-repeat;
}
/*-- SIFR ----------------------------------------------------------------------*/
.sIFR-flash {
visibility: visible !important;
margin:0;
padding:0;
}
.sIFR-replaced {
visibility:hidden !important;
}
.sIFR-alternate {
position:absolute;
left:0;
top:0;
width:0;
height:0;
display:block;
overflow: hidden;
}
.sIFR-active h2 {
visibility: hidden;
}

.sIFR-active #content h2,
.sIFR-active #content div.job-summary h3 {
visibility: hidden;
line-height:1.7em;
margin-top:5px;
}
.sIFR-active #content div.job-summary h3 {
margin-left:-3px;
}
.sIFR-active #content .news-story h1,
.sIFR-active #content .client-holder h1 {
visibility: hidden;
letter-spacing:1px;
line-height:1.5em;
}