html{overflow-y:scroll;}*{margin:0;}div,ul,ol,li,dt,dd,dl,blockquote,fieldset,table,td,th,p,h1,h2,h3,h4,h5,h6,body,form{padding:0;}ul,ol{list-style:none;}abbr,img,fieldset{border:0;}.tr{text-align:right;}.tl{text-align:left;}.fl{float:left;}.fr{float:right;}.tc{text-align:center;}.hide{display:none;}textarea{overflow-y:auto;}table{border-collapse:collapse;}

.clear-after:after, #nav-main:after, .row:after, .cell:after, .ca:after,
.trim-inner:after, .list-fields li:after, .li-ca li:after {content:".";display:block;visibility:hidden;height:0px;clear:both;}
.clear-after, #nav-main, .row, .cell, .trim-inner, .list-fields li, .ca, .li-ca li {zoom:1;}

/* -------------------->  GLOBAL STYLES  <-------------------- */
body {font:11px/1.2 arial,sans-serif;color:#522567;}
a {text-decoration:none;color:#9981a5;}/*#967ba3*/
a:hover {text-decoration:underline;}
h1,h2,h3,h4 {color:#e60084;}
h1 span,h2 span,h3 span,h4 span, 
h1 em,h2 em,h3 em,h4 em {color:#612486;}
h1 {font-size:16px;} 
h2 {font-size:14px;}
h3 {font-size:11px;padding:.5em 0 .6em;}
h4 {font-size:11px;}

/* -------------------->  CONSISTENT ELEMENTS  <-------------------- */
#wrap {width:914px;margin:0 auto;padding:0 0 20px;position:relative;}
#wallpaper {background:#fff url(../images/skin/bg/body.png) 0 130px repeat-x;}
#Home #shadow-wallpaper[id] {background:url(../images/skin/home-panels/shadow-bg.png) 50% 470px no-repeat;}

#header {height:153px;}
	#header h1 {position:absolute;top:3px;}
	
#bottom {background: url(../images/skin/bg/footer-tile.png) repeat-x;border-top:1px solid #fff;}
#footer {color:#9981a5;width:914px;margin:0 auto;font-size:10px;}
	#footer p {padding:32px 0 50px;}
	#footer span {padding:0 .3em;}
	#footer .fr {background: url(../images/skin/bg/footer.png) right 4px no-repeat;height:50px;
		width:210px;height:63px;text-indent:-1000px;overflow:hidden;}
	#hyperlaunch {background:url(../images/skin/hyperlaunch.png) right center no-repeat;padding:12px 40px 12px 0;}

#banner {background:url(../images/skin/bg/banner-3.png) no-repeat;margin:0 0 8px;position:relative;}
	#banner h2 {text-indent:-2000px;background:url(../images/skin/titles/tag-line.png) no-repeat;position:absolute;right:20px;
		bottom:9px;width:322px;height:22px;}
	#banner p {position:absolute;top:260px;color:#fddcee;left:13px;width:540px;line-height:1.1;}
	#banner strong {color:#fff;display:block;padding:0 0 4px;}
	#banner a {color:#fff;}
	#banner {height:69px;background-position:0 -252px;}	

	#Home #banner {height:321px;background-position:0 0;}

#nav-main {position:absolute;top:110px;left:1px;}
	#nav-main li {float:left;margin-right:0px;width:83px;height:20px;position:relative;}
	#nav-main a {float:left;width:83px;height:20px;
		background:url(../images/skin/nav/news.png) no-repeat top center;text-indent:-2100px;}
	#nav-main a:hover {background-position:center -26px;text-decoration:none;}
	#nav-main a:focus {overflow:hidden;}
	
	#nav-item-services a {background-image: url(../images/skin/nav/services.png);}
	#nav-item-about a {background-image: url(../images/skin/nav/about.png);}
	#nav-item-news a {background-image: url(../images/skin/nav/news.png);}
	#nav-item-casestudies a {background-image: url(../images/skin/nav/case-studies.png);}
	#nav-item-clients a {background-image: url(../images/skin/nav/clients.png);}
	#nav-item-showcase a {background-image: url(../images/skin/nav/showcase.png);}
	#nav-item-blog a {background-image: url(../images/skin/nav/blog.png);}
	#nav-item-press a {background-image: url(../images/skin/nav/press.png);}
	#nav-item-recruitment a {background-image: url(../images/skin/nav/recruitment.png);}
	#nav-item-dmg a {background-image: url(../images/skin/nav/dmg.png);}
	#nav-item-contact a {background-image: url(../images/skin/nav/contact.png);}
	
	#Showcase #nav-item-showcase a, 
	#Showcase #nav-item-showcase a:hover, 
	#Clients #nav-item-clients a, 
	#Clients #nav-item-clients a:hover, 
	#Services #nav-item-services a, 
	#About #nav-item-about a, 
	#News #nav-item-news a,
	#CaseStudies #nav-item-casestudies a, 
	#Cheezewire #nav-item-blog a, 
	#Recruitment #nav-item-recruitment a,
	#Contact #nav-item-contact a,	
	#DMG #nav-item-dmg a, 
	#Press #nav-item-press a,
	#Services #nav-item-services a:hover, 
	#DMG #nav-item-dmg a:hover,
	#About #nav-item-about a:hover, 
	#News #nav-item-news a:hover, 
	#Press #nav-item-press a:hover,	
	#CaseStudies #nav-item-casestudies a:hover, 
	#Cheezewire #nav-item-blog a:hover,
	#Recruitment #nav-item-recruitment a:hover,
	#Contact #nav-item-contact a:hover {background-position:left bottom;position:absolute;top:-8px;left:-1px;width:107px;padding-top:20px;}
	
.content {}
	.content p {line-height:1.4;padding:0 0 1.3em;}
	.content .area-1 ul {line-height:1.4;padding:0 0 1.3em 0;}
	.content .area-1 li {padding-left:27px;background:url(../images/skin/bg/bullet.png) 0 .5em no-repeat;
		zoom:1;}
	.content a {color:#e60084;}
	.content h1 {font-size:27px;margin:0 0 10px;text-transform:lowercase;font-weight:normal;}
	.content h1.replace {_margin-bottom:17px;*margin-bottom:17px;} 
	.content h1 em {font-size:16px;}
	.content blockquote {background:url(../images/skin/bg/blockquote.png) no-repeat;padding:10px 15px;margin-top:.3em;}
	.content blockquote p {padding:0 0 .5em;font-size:13px;font-style:italic;}
	.content blockquote .author {text-align:center;font-weight:bold;padding:0;color:#e60084;font-size:12px;}

#txt-examples {text-align:center;padding:.2em 0 1.2em;}
	#txt-examples p {font-weight:bold;padding:0 0 2px;}

.row {padding:0 0 5px;} 
	.cell {height:114px;width:300px;float:left;}
	.cell-3 {float:right;}
	.cell-2 {margin-left:7px;}
	#Home .cell a {display:block;width:300px;height:114px;background-repeat:no-repeat;}
	#Home .cell a strong {visibility:hidden;display:block;height:25px;}
	#Home .cell a span {display:block;padding:15px;visibility:hidden;}
	#Home .cell a:hover {background-position:0 -121px;}
	#panel-sc {background-image:url(../images/skin/home-panels/strategic-consulancy.png);}
	#panel-da {background-image:url(../images/skin/home-panels/digital-advertising.png);}
	#panel-sem {background-image:url(../images/skin/home-panels/search-engine-marketing.png);}
	#panel-seo {background-image:url(../images/skin/home-panels/search-engine.png);}
	#panel-mpb {background-image:url(../images/skin/home-panels/media-planning.png);}
	#panel-web2 {background-image:url(../images/skin/home-panels/web-2.png);}
	#panel-em {background-image:url(../images/skin/home-panels/email-marketing.png);}
	#panel-dc {background-image:url(../images/skin/home-panels/digital-creative.png);}
	#panel-pcm {background-image:url(../images/skin/home-panels/price-comparison.png);}

#nav-mini-panels {padding:0 0 8px;}
	#nav-mini-panels li {float:left;width:98px;margin-right:4px;}
	#nav-mini-panels a {float:left;display:block;width:98px;height:53px;
		background-repeat: no-repeat;text-indent:-2000px;}
	#nav-mini-panels a:hover,
	#nav-mini-panels li.on a {background-position:0 -58px;}
	#nav-mini-panels a:focus {overflow:hidden;}
	#nav-mini-panels li.fr, 
	#nav-mini-panels li.fr a {float:right;margin-right:0;} 
	#mini-panel-da {background-image:url(../images/skin/sub-nav/da.png);}
	#mini-panel-dc {background-image:url(../images/skin/sub-nav/dc.png);}
	#mini-panel-em {background-image:url(../images/skin/sub-nav/em.png);}
	#mini-panel-mpb {background-image:url(../images/skin/sub-nav/mpb.png);}
	#mini-panel-pcm {background-image:url(../images/skin/sub-nav/pcm.png);}
	#mini-panel-sc {background-image:url(../images/skin/sub-nav/sc.png);}
	#mini-panel-sem {background-image:url(../images/skin/sub-nav/sem.png);}
	#mini-panel-seo {background-image:url(../images/skin/sub-nav/seo.png);}
	#mini-panel-web2 {background-image:url(../images/skin/sub-nav/web2.png);}

#search-box {position:absolute;right:0;top:20px;background:url(../images/skin/bg/search.png) right top no-repeat;padding:5px 10px;
	width:300px;height:50px;}
	#search-box input.text {border-color:#bbb #ddd #bbb #bbb;border-width:1px;
		border-style:solid;background:#f8f8f8;width:178px;font:11px arial,sans-serif;position:absolute;right:77px;top:6px;
		color:#888;}
	#search-box input.image {position:absolute;top:9px;right:7px;}
	
	
.social-networking-links{display:block; float:left; width:150px; margin:10px 0px 10px 0px; padding:0px; }

		
	

/* -------------------->  LAYOUT STYLES  <-------------------- */
.trim-top,
.trim-bottom {line-height:0;font-size:0px;height:4px;background-repeat:no-repeat;}
.trim-top {background-image:url(../images/skin/trims/top.png);}
.trim-bottom {background-image:url(../images/skin/trims/bottom.png);}
.trim-middle {zoom:1;background:url(../images/skin/trims/middle.png) repeat-y;} 
.trim-inner {min-height:400px;height:400px;
	background:url(../images/skin/trims/grad.png) 0 bottom no-repeat;} 
	.trim-inner[class] {height:auto;}
.area-1, .area-2 {min-height:10px;_height:10px;}
.area-1 .inner {padding:25px 27px;}
.area-2 .inner {padding:2px 0 0 3px;}
.area-1 h2 {padding:.5em 0 .7em;font-size:13px;}
.area-1 h2.top,
.area-1 h1.replace + h2 {padding-top:0;} 
.area-1 h2.replace {padding-bottom:0;margin-bottom:.7em;}
.area-2 .images {text-align:center;padding:36px 1px 30px 0;}


.area-2 .list-panels {margin-bottom:-4px;zoom:1;line-height:0;font-size:0;}
	.area-2 .list-panels li {padding-bottom:4px;zoom:1;}
	.area-2 .list-panels .trim-top {background-image:url(../images/skin/trims/sidebar/top.png);height:2px;}
	.area-2 .list-panels .trim-bottom {background-image:url(../images/skin/trims/sidebar/bottom.png);height:2px;}
	.area-2 .list-panels .trim-middle {background:url(../images/skin/trims/sidebar/middle.png) repeat-y;}
	.area-2 .list-panels .trim-inner {background:url(../images/skin/trims/sidebar/grad.png) 0 bottom no-repeat;
		min-height:60px;height:60px;padding:4px 6px;line-height:1.2;font-size:11px;}
		.area-2 .list-panels .trim-inner[class] {height:auto;}
	.area-2 .list-panels ul li {padding:0 0 0 27px;margin-bottom:2px;background:url(../images/skin/bg/arrow.png) 10px .2em no-repeat;}
	
	.area-2 .list-panels-date .trim-inner {padding:9px 13px 5px 10px;}
	.area-2 .list-panels-date .trim-inner .clear-after {padding:0 0 6px;}
	.area-2 .list-panels-date .btn {text-align:right;padding:9px 0 0px;}
	.area-2 .list-panels-date h3 {width:74%;padding:0 0 .1em;}
	.area-2 .list-panels-date .fr {font-size:10px;}
	.area-2 .list-panels-date p {padding:0;line-height:1.2;}
	
/*	#CaseStudies .list-panels h3 {padding:0 1px 4px;text-transform:lowercase;}*/

	#News .area-1 h3.date {position:absolute;top:32px;right:30px;color:#522567;font-weight:normal;font-size:10px;}
	#News .area-1 h1.replace {width:540px;}
	#News .area-1 .inner .a,
	#CaseStudies .area-1 .inner .a,
	#Showcase .area-1 .inner .a  {float:left;width:380px;} 
	#News .area-1 .inner .b,
	#CaseStudies .area-1 .inner .b,
	#Showcase .area-1 .inner .b {float:right;width:200px;text-align:right;} 
	#Showcase .area-1 .inner .a {width:348px;} 
	#Showcase .area-1 .inner .b {width:230px;} 


.layout-basic .area-1 {float:left;width:653px;position:relative;}
	.layout-basic .area-2 {float:right;width:253px;}

.layout-wide {}
	.layout-wide .trim-top {background-image:url(../images/skin/trims/wide/top.png);}
	.layout-wide .trim-bottom {background-image:url(../images/skin/trims/wide/bottom.png);}
	.layout-wide .trim-middle {background-image:url(../images/skin/trims/wide/middle.png);} 
	.layout-wide .trim-inner {background-image:url(../images/skin/trims/wide/grad.png);} 
	
#Contact .area-2 .inner {padding:25px 20px;}
	#Contact .area-1 h2 {margin:0 0 5px;}
#list-email {}
	#list-email li {padding:0 0 .4em;background:0;co lor:#967ba3;}
	#list-email span {padding:0 .2em;}
.locations .ca {padding:0 0 1.5em;}
	.locations a {width:102px;}
	.locations .ca p {line-height:1.4;float:left;width:105px;}
	.locations h3 {font-size:12px;padding:0 0 .7em;}
	.locations .ca strong {display:block;padding:0 0 4px;}
	
#list-showcase {}
	#list-showcase li {margin:0 0 8px;padding:0;background:0;}
	#list-showcase .fl {width:124px;padding-top:3px;overflow:hidden;max-height:200px;}
	#list-showcase .fr {width:446px;}
	#list-showcase h3 {padding:0 0 .5em;font-size:13px;}
	#list-showcase h3.tags {padding:.3em 0;}
	#list-showcase p {padding:0 10px .7em 0;color:#6f67a0;}
	#list-showcase .buttons {text-align:right;padding:0 10px 0 0;}
	
	#list-showcase div.trim,
	div.box .box-trim {background:url(../images/skin/trims/showcase/item.png) no-repeat;padding:8px 8px 5px;}
	#list-showcase b.trim,
	div.box span.btm {display:block;clear:both;font-size:0;line-height:0;
		background:url(../images/skin/trims/showcase/item.png) left bottom no-repeat;height:3px;}
	

#showcase-feature {padding:0 13px 9px 9px;}
	#showcase-feature h3 {font-size:13px;color:#522567;padding:1.2em 0 .8em;}
	#showcase-feature p,
	#showcase-feature .buttons {background:url(../images/skin/trims/showcase/featured.png) no-repeat;}
	#showcase-feature .buttons {background-position:left bottom;}
	
	#showcase-feature p {padding:11px 16px 5px;color:#6f67a0;font-size:12px;}
	#showcase-feature .buttons {padding:3px 12px 7px 7px;text-align:right;}
	#showcase-feature .image-wrapper {text-align:center;margin-bottom:8px;}

#Showcase .list-panels .trim-inner,
#CaseStudies .list-panels .trim-inner {padding:4px 15px 4px 13px;}
	
#Clients {}
	#Clients .area-1 {width:auto;float:none;}
	#Clients .area-1 h1.replace {margin:0;}
	#Clients .area-1 .inner {padding-bottom:0;}
	
#table-clients {border-collapse:separate;border-spacing:25px;table-layout:fixed;}
	#table-clients td {background:url(../images/skin/bg/client-logo.png) no-repeat;height:90px;width:101px;text-align:center;}
	#table-clients td.empty {background:0;}

h3.tags {padding:0 0 1.4em;font-size:14px;font-weight:normal;}
	h3.tags span {font-weight:bold;padding-right:3px;font-size:11px;}


/* -------------------->  IMAGE REPLACEMENT  <-------------------- */
.title-replace {text-indent:-2000px;background-repeat:no-repeat;}
	.area-1 .title-replace {min-height:24px;_height:24px;margin:0 0 1.2em;}
	.area-2 .title-replace {min-height:20px;_height:20px;margin:0;}
	.area-2 h2.title-replace {height:30px;background-position:3px 4px;}
	.area-2 .title-case-studies {background-image:url(../images/skin/titles/small/case-studies.png);}
	.area-2 .title-press {background-image:url(../images/skin/titles/small/press.png);}
	.area-2 .title-cheeze-jobs {background-image:url(../images/skin/titles/small/cheeze-jobs.png);}
	.area-2 .title-news {background-image:url(../images/skin/titles/small/news.png);}
	.area-2 .title-featured {background-image:url(../images/skin/titles/small/featured.png);}
	.area-2 .title-showcase {background-image:url(../images/skin/titles/small/showcase.png);}

#content .list-fields {padding:10px 0px 20px;font-weight:bold;line-height:1.4;}
	#content .list-fields li {padding:0 0 .6em;background:0;}
	.list-fields label {float:left;font-style:normal;padding:3px 8px 0 0;
		text-align:right;width:126px;}
	.list-fields span.field {float:left;}
	.list-fields span.field label {margin-left:134px;text-align:left;width:342px;}
	.list-fields input,
	.list-fields select,
	.list-fields textarea {font-size:13px;font-family:arial,sans-serif;font-weight:normal;}
	#content .list-fields li.last {padding:1em 0 1em 133px;}
	.list-fields li.opt-in {padding-top:.5em;}
	input.text,	
		textarea {width:275px;border:1px solid #aaa;background:#fff;
			padding:2px 2px;}
	textarea {height:90px;}

#marker-window {font-family:arial;}
	#marker-window h3,
	#marker-window p {padding:0;margin:0;font-size:11px;color:#612486;}
	#marker-window h3 {font-size:11px; padding:0 0 5px;color:#e60084;}
	#marker-window span {color:#612486;} 
	#directions-link {text-align:center;font-size:13px;}

#feed-control {font-size:11px;}
	#feed-control a {color:#522567;text-decoration:underline;}
	#feed-control .gfg-root {border:0;font-size:11px;}
	#feed-control .gfg-title {font-size:13px;border-bottom:1px solid #ddd;padding:0 0 .3em;margin:0 0 1em;}
	/*.#feed-control .gfg-title h3 {padding:0;font-size:13px;}*/
	#feed-control .gfg-title,
	#feed-control .gfg-subtitle {background:0;text-align:left;color:#522567;}
	#feed-control .gfg-title {display:none;}
	#feed-control .gfg-listentry-odd {background-color:transparent;}
	#feed-control .gf-title {font-weight:bold;font-size:13px;}
	#feed-control .gf-result .gf-author,
	#feed-control .gf-result .gf-spacer,
	#feed-control .gf-result .gf-relativePublishedDate,
	#feed-control .gfg-listentry-highlight a {color:#df047c;}
	#feed-control .gfg-listentry-highlight {background-image:url(../images/skin/bg/feed-arrow.png);
		background-position:6px center;}

	#feed-box {margin-top:3em;}
	#feed-box .box-trim {padding:8px 12px 5px}
	#feed-box h3 {font-size:13px;border-bottom:1px solid #ddd;padding:.3em 0 .3em;margin:0 0 .8em;}
	#feed-box p.lead {padding:0 0 1em;line-height:1.2;}