/* Eric Meyer's reset styles */
/* v1.0 | 20080212 */
sehtml, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
body {
    line-height: 1em;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

/*** remember to define focus styles! ***/
:focus {
    outline: 0;
}


a:focus {
    outline: dotted 1px #000;
}

/*** remember to highlight inserts somehow! ***/
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}

/*** tables still need 'cellspacing="0"' in the markup ***/
table {
    border-collapse: collapse;
    border-spacing: 0;
}
/*** End of reset styles ***/


/*** Clearfix rule ***/
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/*** End of clearfix rule ***/

body {
    line-height: 1.6em;
    background: #EEE url(/pics/background.jpg) repeat-x top;
    margin:0px;
    margin-top: 0px;
    padding:0px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:62.5%;
    color:#58595b;
}
a {
    font-weight:bold;
    color:#ca005d;
    text-decoration:none
}
a:hover {
    text-decoration:underline;
}
#wrap {
    width:960px;
    margin:auto;
}
#wholder {
    background:url(/pics/back_holder.jpg) top no-repeat;
    height:500px;
    margin-top:100px;
    padding:10px;
}
#pannel {
    background:url(/pics/back_panel.png) no-repeat;
    display:block;
    position:absolute;
    z-index:1;
    width:480px;
    padding:10px 14px 14px 10px;
    height:620px;
    top:40px;
    margin-left:60px;
    visibility: visible;
}
#navigation {
    background:#CB005C;
    height:60px;
    position:absolute;
    width:916px;
    visibility: visible;
    padding-right: 24px;
}
#navigation ul {
    float:right;
    width:auto;
    margin:14px 0px 0px 0px;
}
#navigation ul li{
    float:left;
    width:auto;
}
#navigation ul li a{
    display:block;
    padding:10px 5px;
}
#navigation ul li a span, #navigation ul li span{
    display:none;
}
#navigation ul li#home a{	background:url(/pics/home.gif) center 10px no-repeat; height:15px; width:40px;}
#navigation ul li#home a:hover, #navigation ul li#home.select a {	background:url(/pics/home.gif) center -35px no-repeat; height:15px; width:40px;}
#navigation ul li#portfolio a{	background:url(/pics/portfolio.gif) center 10px no-repeat; height:15px;	width:57px;}
#navigation ul li#portfolio a:hover, #navigation ul li#portfolio.select a {	background:url(/pics/portfolio.gif) center -35px no-repeat; height:15px; width:57px;}
#navigation ul li#about a{	background:url(/pics/about.gif) center 10px no-repeat; height:15px; width:42px;}
#navigation ul li#about a:hover, #navigation ul li#about.select a{	background:url(/pics/about.gif) center -35px no-repeat; height:15px; width:42px;}
#navigation ul li#news a{	background:url(/pics/news.gif) center 10px no-repeat; height:15px; width:38px;}
#navigation ul li#news a:hover, #navigation ul li#news.select a{	background:url(/pics/news.gif) center -35px no-repeat; height:15px; width:38px;}
#navigation ul li#cakebook a{	background:url(/pics/cakebook.gif) center 10px no-repeat; height:15px; width:64px;}
#navigation ul li#cakebook a:hover, #navigation ul li#cakebook.select a{	background:url(/pics/cakebook.gif) center -35px no-repeat; height:15px; width:64px;}
#navigation ul li#contact a{	background:url(/pics/contact.gif) center 10px no-repeat; height:15px;	width:52px; display:block;}
#navigation ul li#contact a:hover, #navigation ul li#contact.select a{	background:url(/pics/contact.gif) center -35px no-repeat; height:15px; width:52px;}
#bottom_bar {
    background:#F7F7F7;
    height:60px;
    position:relative;
    top:-70px;
    left:10px;
    width:940px;
    margin-bottom:-60px;
}
#subnavigation {
    background:#F7F7F7;
    height:60px;
    position:absolute;
    bottom: 14px;
    left: 10px;
    width: 480px;
}
#subnavigation ul {
    margin:24px 20px 0px 50px;
    width:auto;
}
#subnavigation ul li{
    width:auto;
    border-right:#CCCCCC 1px solid;
    float:left;
}
#subnavigation ul li  a{
    display:block;
    padding:0px 9px;
}
#subnavigation ul li a span{
    display:none;
}
#subnavigation ul li#portfoliosub {border:none;}
#subnavigation ul li#portfoliosub a{	background:url(/pics/portfoliosub.gif) center 0px no-repeat; height:15px; width:53px;}
#subnavigation ul li#portfoliosub a:hover, #subnavigation ul li#portfoliosub.select a {	background:url(/pics/portfoliosub.gif) center -35px no-repeat; height:15px; width:53px;}
#subnavigation ul li#next { border:none;}
#subnavigation ul li#next a{ background:url(/pics/next.gif) center 0px no-repeat; height:15px; width:30px;}
#subnavigation ul li#next a:hover, #subnavigation ul li#next.select a {	background:url(/pics/next.gif) center -35px no-repeat; height:15px; width:30px;}
#subnavigation ul li#previous { margin-left:210px;}
#subnavigation ul li#previous a{ background:url(/pics/previous.gif) center 0px no-repeat; height:15px; width:53px;}
#subnavigation ul li#previous a:hover, #subnavigation ul li#previous.select a {	background:url(/pics/previous.gif) center -35px no-repeat; height:15px; width:53px;}
#subnavigation ul li#previous.subnames {margin-left:120px;}
#subnavigation ul li#print a{	background:url(/pics/print.gif) center 0px no-repeat; height:15px; width:30px;}
#subnavigation ul li#print a:hover, #subnavigation ul li#print.select a {	background:url(/pics/print.gif) center -35px no-repeat; height:15px; width:30px;}
#subnavigation ul li#digital a{	background:url(/pics/digital.gif) center 0px no-repeat; height:15px; width:40px;}
#subnavigation ul li#digital a:hover, #subnavigation ul li#digital.select a {	background:url(/pics/digital.gif) center -35px no-repeat; height:15px; width:40px;}
#subnavigation ul li#integrated { border:none;}
#subnavigation ul li#integrated a{	background:url(/pics/integrated.gif) center 0px no-repeat; height:15px; width:64px;}
#subnavigation ul li#integrated a:hover, #subnavigation ul li#integrated.select a {	background:url(/pics/integrated.gif) center -35px no-repeat; height:15px; width:64px;}
#subnavigation ul li#story a{	background:url(/pics/story.gif) center 0px no-repeat; height:15px; width:58px;}
#subnavigation ul li#story a:hover, #subnavigation ul li#story.select a {	background:url(/pics/story.gif) center -35px no-repeat; height:15px; width:58px;}
#subnavigation ul li#people a{	background:url(/pics/people.gif) center 0px no-repeat; height:15px; width:41px;}
#subnavigation ul li#people a:hover, #subnavigation ul li#people.select a {	background:url(/pics/people.gif) center -35px no-repeat; height:15px; width:41px;}
#subnavigation ul li#hwwork { border:none;}
#subnavigation ul li#hwwork a{	background:url(/pics/hwwork.gif) center 0px no-repeat; height:15px; width:83px;}
#subnavigation ul li#hwwork a:hover, #subnavigation ul li#hwwork.select a {	background:url(/pics/hwwork.gif) center -35px no-repeat; height:15px; width:83px;}
#subnavigation ul li#names { border:none; margin-left:152px;}
#subnavigation ul li#names a{	background:url(/pics/names.gif) center 0px no-repeat; height:15px; width:44px;}
#subnavigation ul li#names a:hover, #subnavigation ul li#names.select a {	background:url(/pics/names.gif) center -28px no-repeat; height:15px; width:44px;}
#subnavigation ul li#wwus { border:none;}
#subnavigation ul li#wwus a{	background:url(/pics/wwus.gif) center 0px no-repeat; height:15px; width:82px;}
#subnavigation ul li#wwus a:hover, #subnavigation ul li#wwus.select a {	background:url(/pics/wwus.gif) center -35px no-repeat; height:15px; width:82px;}

#logo {
    margin-top:60px;
    margin-left:56px;
    width:190px;
    height:76px;
}
#logo a{
    display:block;
    width:100%;
    height:100%;
    background:url(/pics/sunday.jpg) no-repeat;
}
#logo a span{
    display:none;
}
#content {
    width:940px;
    height:500px;
}
#flashcontent {
    width:940px;
    height:500px;
}
#homecontent {
    margin-top:40px;
    margin-left:60px;
}

#homecontent h1 {
    display: block;
    position: relative;
    width: 270px;
    height:76px;
    font-size:2.2em;
}

p#customerMagazine {
    display:block;
    position: relative;
    width:327px;
    height:77px;
    margin-top:22px;
    margin-bottom: 15px;
}

#homecontent ul {
    margin-top:30px;
}

#homecontent ul li {
    display:block;
    position: relative;
    width: 224px;
    height:15px;
    margin-bottom:5px;
}

#marketingHome {
    display: block;
    position: absolute;
    width:273px;
    height:15px;
    bottom:34px;
    left:70px;
}

#homecontent h1 span,
p#customerMagazine img,
#homecontent ul li span,
#marketingHome span,
#shorlisted span {
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: #fff;
    background-repeat: no-repeat;
}

#homecontent h1 span                        {background-image: url(/pics/img-beaut.gif);}

#homecontent ul li#tlf                      {margin-top: 16px;}
#homecontent ul li#tlf span                 {background-image: url(/pics/telf.gif);}
#homecontent ul li#general span             {background-image: url(/pics/email.gif);}

#marketingHome span                         {background-image: url(/pics/oneToWatch2009.gif);}

div#home-bottom {
    width: 228px;
    font-size: 1.1em;
    padding-right: 192px;
}

div#home-bottom p a {
    font-weight: normal;
    color: #58595B;
}

#marketing span { display:none;}

#shorlisted {
    position:absolute;
    top:390px;
    width:126px;
    height:126px;
    left:300px;
    overflow: hidden;
}

#shorlisted ul li {
    width:126px;
    height: auto;
    line-height: 1em;
    margin-bottom: 2px;
}

#shorlisted a#item-0 span                   {background-image: url(/pics/Publishing-agency-of-the-year.gif);}
#shorlisted a#item-1 span                   {background-image: url(/pics/new-cakebook-blog.gif);}
#shorlisted a#item-2 span                   {background-image: url(/pics/Shortlisted-APA-awards.gif);}
#shorlisted a#item-3 span                   {background-image: url(/pics/RoyalMarsden.gif);}
#shorlisted a#item-4 span                   {background-image: url(/pics/new-look-ethos-for-serco.gif);}

#marketing {
    width:273px;
    height:15px;
    background:url(/pics/oneToWatch2009.gif) no-repeat;
    visibility: visible;
    margin-right:33px;
    float: right;
    margin-top: 24px;
}
#pagination {
    width:213px;
    height:15px;
    position:absolute;
    bottom:90px;
    left:66px;
    visibility: visible;
}
#pagination ul li{
    border-right:#999999 1px solid;
    padding:0px;
    display: inline-block;
    font-size:1.4em;
    width:16px;
    height:14px;
}
#pagination ul li a {
    display:block;
    width:100%;
    height:100%;
}
#pagination ul li span {
    display:none;
}
#pagination ul li#n1, #pagination ul li#n1 a:hover{ background:url(/pics/n1.gif) 3px 2px no-repeat;}
#pagination ul li#n1 a{ background:url(/pics/n1.gif) 3px -13px no-repeat;}
#pagination ul li#n2, #pagination ul li#n2 a:hover{ background:url(/pics/n2.gif) 3px 2px no-repeat;}
#pagination ul li#n2 a{ background:url(/pics/n2.gif) 3px -13px no-repeat;}
#pagination ul li#n3, #pagination ul li#n3 a:hover{ background:url(/pics/n3.gif) 3px 2px no-repeat;}
#pagination ul li#n3 a{ background:url(/pics/n3.gif) 3px -13px no-repeat;}
#pagination ul li#n4, #pagination ul li#n4 a:hover{ background:url(/pics/n4.gif)  3px 2px no-repeat;}
#pagination ul li#n4 a{ background:url(/pics/n4.gif)  3px -13px no-repeat;}
#pagination ul li#n5, #pagination ul li#n5 a:hover{ background:url(/pics/n5.gif)  3px 2px no-repeat;}
#pagination ul li#n5 a{ background:url(/pics/n5.gif)  3px -13px no-repeat;}
.end {
    border:none !important;
}
/*Our work*/
#panelcontent {
    margin-top:20px;
    margin-left:60px;
    margin-right: 60px;
}
#panelcontent p {
    font-size:1.1em;
    line-height:1.636em;
    margin-bottom:1.636em;
}
#panelcontent h1, #azlistcontent h1, #namescontent h1{
    display:block;
    font-size:2.2em;
    height:26px;
    margin-bottom:20px;
}
#azlistcontent h2{
    display:block;
    font-size:2.2em;
    height:20px;
    margin-bottom:6px;
}
#panelcontent.people h1{
    display:block;
    font-size:2.2em;
    height:52px;
    margin-bottom:26px;
}
#panelcontent h1, #azlistcontent h1, #namescontent h1{
    color:#000;
}
.dts {
    width:130px;
}
#listworks {
    line-height:1.8em;
    margin-top:16px;
}
#listworks.smr {
    width:240px;
    float:left;
    margin-top:0px;
}
#listworks li{
    width:120px;
    float:left;
    font-size:1.1em;
}
#listworks li h2 {
    height:20px;
    font-size:1.8em;
    margin-bottom:12px;
}
#listworks li span {
    padding-bottom:20px;
    display:block;
}
#listworks li h2 a{
    color:#58595b;
}
#listworks li ul li {
    font-size:1em;
}
#listworks li a  {
    font-weight:bold;
    color:#ca005d;
    text-decoration:none
}
#listworks li a:hover{
    text-decoration:underline;
}
#cover {
    position:absolute;
    top:380px;
    width:117px;
    left:310px;
    font-size:1.1em;
    color:#666;
    visibility: visible;
}
#cover img{
    margin-bottom:4px;
}
#smcover {
    position:absolute;
    top:380px;
    width:215px;
    left:230px;
    font-size:1.1em;
    color:#666;
    text-align:center;
    visibility: visible;
}
#azlist, #fullDigital, #donwload  {
    width:122px;
    font-size:1.4em;
    height:16px;
    display:block;
    position:absolute;
    bottom:90px;
    left:68px;
}
#close {
    width:71px;
    font-size:1.2em;
    height:16px;
    display:block;
    position:absolute;
    bottom:26px;
    left:38px;
}
#closenames {
    width:71px;
    font-size:1.2em;
    height:16px;
    display:block;
    position:absolute;
    bottom:20px;
    left:334px;
}
#azlist a{ display:block; width:100%; height:100%; background:url(/pics/azproject.gif) 2px 1px no-repeat;}
#azlist a:hover{ display:block; width:100%; height:100%; background:url(/pics/azproject.gif) 2px -24px no-repeat;}
#fullDigital a{ display:block; width:100%; height:100%; background:url(/pics/fullDigital.gif) 2px 1px no-repeat;}
#fullDigital a:hover{ display:block; width:100%; height:100%; background:url(/pics/fullDigital.gif) 2px -24px no-repeat;}
#azlist a span, #close a span, #closenames a span, #names a span, #fullDigital a span, #donwload a span { display:none;}
#close a, #closenames a { display:block; width:100%; height:100%; background:url(/pics/close.gif) 2px 1px no-repeat;}
#close a:hover, #closenames a:hover { display:block; width:100%; height:100%; background:url(/pics/close.gif) 2px -24px no-repeat;}
#donwload a { margin-left:3px;	height:100%; display:block; background:url(/pics/downloadDirections.gif) no-repeat; width:126px;}
#donwload a:hover { background:url(/pics/downloadDirections.gif) 0px -27px no-repeat;}

#azlistcontent {
    position:absolute;
    bottom:66px;
    left:-999px;
    width:400px;
    padding-left:36px;
    font-size:1.1em;
    height:430px;
    background:url(/pics/azpback.png) no-repeat;
    padding-top:37px;
    z-index:4;
}
#namescontent {
    position:absolute;
    bottom:16px;
    left:-999px;
    width:400px;
    padding-left:38px;
    font-size:1.1em;
    height:430px;
    background:url(/pics/namesback.png) no-repeat;
    padding-top:37px;
    z-index:4;
}
#listclients {
    width:360px;
} 
#listnames, #fullDigitalcontent {
    height:286px;
    overflow:auto;
    width:360px;
}
#fullDigitalcontent ul {
    margin-bottom:20px;
}
#listclients ul li, #listnames ul li, #fullDigitalcontent ul li{
    padding-left:2px;
}
#press {
    width:110px;
    font-size:1.4em;
    height:16px;
    position:absolute;
    bottom:34px;
    left:348px;
}
.picmt {
    margin-top:60px;
}
.comment img{
    float:right;
    margin-top:30px;
}
.comment p {
    clear:left;
}	
.comment p, .commentr p{
    line-height:1.818em !important;
    margin-top:-5px;
}
.comment p em, .commentr p em{
    font-size:1.182em;
}
.commentr {
    float:left;
    width:120px;
}
/*--------*/
/* About */
div#picture{
    width:90px;
    height:112px;
    float:left; margin-right:10px;
    margin-top:4px;
}
div#picture:hover{
    background-position: bottom !important;
}
.contactpanel {	
    font-size:1.1em;
    line-height:1.636em;
    margin-bottom:20px;
}
#mapholder{
    width:161px;
    float:right;
}
#mapholder img{
    margin-bottom:7px;
}
.directionsp {
    font-size:1.1em;
    line-height:1.636em;
    float:left;
    width:170px;
    margin-right:30px;
}
.directionsp2 {
    font-size:1.1em;
    line-height:1.636em;
    float:left;
    width:160px;
}
#peopleflash {
    width:415px;
    height:380px;
    margin-left: 30px;
}
#integratedflash {
    width:234px;
    height:150px;
}
#flashflow {
    width:222px;
    height:160px;
}
#gallery {
	position:absolute;
	left:-999em;
}
/* -------- */
/* News */
#newslist {
    width:340px;
    height:320px;
    padding-right:20px;
    overflow: auto;
    /* IE overflow fix, position must be relative or absolute*/
    position: relative;
}
#newslist ul{
    font-size:1.1em;
    line-height:1.636em;
    padding-right:10px;
}
#newslist ul li{
    margin-bottom:18px;
}
#newslist ul li span{
    font-weight:bold;
    color:#333333;
}
/* ----------*/
#footer {
	position:absolute;
	clear:both;
	margin-top:4px;
	font-size:1.1em;
	color:#666666;
	margin-left:580px;
	visibility: visible;
}
#footer a{
    font-weight:normal;
    color: #666666;
}
#aboutList li{
    font-size:1.1em;
    padding:5px 0px 5px 22px;
    border-bottom:1px solid #D9D9D9;
}
li#ab1 {background:url(/pics/about/numbers.jpg) 1px 7px no-repeat;}
li#ab2 {background:url(/pics/about/numbers.jpg) 1px -23px no-repeat;}
li#ab3 {background:url(/pics/about/numbers.jpg) 1px -72px no-repeat;}
li#ab4 {background:url(/pics/about/numbers.jpg) 1px -102px no-repeat;}
li#ab5 {background:url(/pics/about/numbers.jpg) 1px -153px no-repeat;}
li#ab6 {background:url(/pics/about/numbers.jpg) 1px -180px no-repeat;}
li#ab7 {background:url(/pics/about/numbers.jpg) 1px -231px no-repeat;}
li#ab8 {background:url(/pics/about/numbers.jpg) 1px -260px no-repeat;}
li#ab9 {background:url(/pics/about/numbers.jpg) 1px -292px no-repeat;}
li#ab10 {background:url(/pics/about/numbers.jpg) 1px -321px no-repeat;}

#peopledetail p{
    line-height:1.56em;
}