.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
	zoom: 1;
}
.clearfix {display: inline-block;}  /* for IE/Mac */

body {
	margin: 0;
	background: #683F68 url(../images/background_tile.png);
	font-size: 14px;
	line-height: 22px;
	font-family: "Trebuchet MS";
	color: #333;
}
/* TinyMCE specific rules */
body.mceContentBody {
   background: #FFF;
}
img {
	border: 0;
}

a {
	color: #ff6600;
	text-decoration: none;
	outline: none;
}
a:hover {
	/* text-decoration: underline; */
}

dd {
	margin: 0;
}

h3 {
	color: #7A4C7D;
	margin-bottom: 0;
}
h3+p {
	margin-top: 0;
}
.print {
	display: none !important;
}

#mid-wrapper {
	background: #FDFCFB;
	width: 910px;
	margin: 50px auto 0;
	padding-bottom: 80px;
	position: relative;
	min-height: 685px;
	height: auto !important;
	height: 685px; /* for IE */
}
#centre-wrapper {
	width: 990px;
	background: url(../images/page-bg-middle.png);
}
#top-wrapper {
	width: 990px;
	margin: auto;
	background: transparent url(../images/page-bg-top.png) no-repeat top center;
	padding-top: 30px;
	margin-top: 15px;
	position: relative;
}
#bot-wrapper {
	background: transparent url(../images/page-bg-bottom.png) no-repeat center bottom;
	padding-bottom: 45px;
	position: relative;
	width: 990px;
	margin-bottom: 20px;
}

#header {
	position: relative;
}
h1#logo {
	background: url(../images/logo.png);
	width: 272px;
	height: 93px;
	text-indent: -5000px;
	margin: 0;
}

#colophon {
	color: #FFF;
	margin: auto;
	text-align: center;
	font-size: 13px;
	margin-bottom: 30px;
}
#colophon p {
	margin: 0;
}
#colophon a {
	color: #FFF;
}

#who-talk-to {
	position: absolute;
	left: 298px;
	top: 17px;
}

/*********** nav hell starts *************/
#nav {
	background: #000 url(../images/nav-blogicon.png) no-repeat right center;
	margin: 10px 0 16px;
	padding: 0;
	height: 31px;
	list-style: none;
}
#nav a {
	color: #FFF;
	text-decoration: none;
	display: block;
	text-align: left;
	padding-right: 14px;
	border-right: 1px solid #FFF;
	text-transform: uppercase;
	line-height: 14px;
	letter-spacing: 1px;
}
#nav li.first {
	margin-left: 10px;
}
#nav li.last a {
	border-right: 0;
}
#nav li {
	float: left;
	position: relative;
	font-size: 14px;
	padding: 9px 0;
	padding-left: 14px;
}
#nav li:hover, #nav li.active {
	background: url(../images/nav-active.png) no-repeat center bottom;
	color: #FF9900;
}
#nav li:hover a, #nav li.active a {
	color: #FF9900;
}

/*** Footer ***/
#footer {
	margin-left: 22px;
	margin-top: 15px;
	position: absolute;
	bottom: 0;
	left: 0;
}
.social-link {
	margin-right: 25px;
}

/************ Sub navigation **********/
#subnav {
	margin: 24px 0 20px 7px;
	padding: 0;
	list-style: none;
}

#subnav a {
	display: block;
	width: 232px;
	height: 39px;
	padding-left: 31px;
	padding-top: 20px;
	font-size: 16px;
	line-height: 16px;
	font-weight: bold;
	background-repeat: no-repeat;
}
#subnav a:hover {
	text-decoration: none;
}
.sn-1 {
	background: url(../images/subnav/1.jpg);
}
.sn-1:hover, .active .sn-1 {
	background: url(../images/subnav/1-on.jpg);
}
.sn-2 {
	background: url(../images/subnav/2.jpg);
}
.sn-2:hover, .active .sn-2 {
	background: url(../images/subnav/2-on.jpg);
}
.sn-3 {
	background: url(../images/subnav/3.jpg);
}
.sn-3:hover, .active .sn-3 {
	background: url(../images/subnav/3-on.jpg);
}
.sn-4 {
	background: url(../images/subnav/4.jpg);
}
.sn-4:hover, .active .sn-4 {
	background: url(../images/subnav/4-on.jpg);
}
.sn-5 {
	background: url(../images/subnav/5.jpg);
}
.sn-5:hover, .active .sn-5 {
	background: url(../images/subnav/5-on.jpg);
}

/********** M&M advert link **********/
#mm-ad {
	display: block;
	width: 341px;
	height: 122px;
	background: url(../images/mm-link.png);
	text-indent: -10000px;
	position: absolute;
	top: -1px;
	left: 657px;
	z-index: 100;
}
#mm-ad:hover {
	background-position: -350px 0;
}
body#media-and-marketing #mm-ad {
	background-position: -700px;
}


/********** columns **********/
.one-col {
	width: 279px;
	margin-left: 18px;
	float: left;
	position: relative;
	display: inline;
}
.two-col {
	width: 590px;
	margin-left: 18px;
	float: left;
	position: relative;
	display: inline;
}

/********* Channels **********/
#channels {
	list-style: none;
	position: absolute;
	bottom: 0;
	left: 297px;
	margin: 0;
	padding: 0;
}
#channels li {
	float: left;
}
#channels a {
	display: block;
	text-indent: -5000px;
	height: 53px;
}
#channel-consumers {
	background: url(../images/channels/consumers.png);
	width: 215px;
}
#channel-businesses {
	background: url(../images/channels/businesses.png);
	width: 215px;
}
#channel-everyone {
	background: url(../images/channels/everyone.png);
	width: 182px;
}
#channel-consumers:hover, #channel-businesses:hover {
	background-position: -215px;
}
#channel-everyone:hover {
	background-position: -182px;
}
li.active #channel-consumers, li.active #channel-businesses {
	background-position: -430px;
}
li.active #channel-everyone {
	background-position: -364px;
}

/********* Talk to us link ***************/
#talk-to-us {
	display: block;
	text-indent: -5000px;
	background: url(../images/talk-to-us.png);
	width: 28px;
	height: 141px;
	position: absolute;
	left: 0;
	top: 140px;
	position: fixed;
}


/* footer */
#copyright {
	position: absolute;
	left: 60px;
	bottom: 24px;
	color: #666;
}
#credit {
	position: absolute;
	right: 60px;
	bottom: 24px;
}

/* section styles */

/* Form styles */
body#contact #left-col {
	margin-left: 50px;
	width: 300px;
}
body#contact form p {
	padding-bottom: 10px;
	margin: 0;
}
form label {
display:block;
float:left;
width:190px;
/*font-size: 90%;*/
}
form .label-required {
	font-weight: bold;
}

form .invalid, form .required {
background-color:#FF6600;
}
div.errors {
padding-bottom:16px;
color: #000;
}
form .shorter {
width:80px;
}
form span.requiredmsg {
font-size:10px;
padding-left:110px;
}
.text-input {
	width: 260px;
	border: 1px solid #66c;
	padding: 3px;
}


/************* Interior stuff ***********/
#sidebar {
	width: 315px;
	float: left;
}

#content {
	margin: 48px 18px 0 340px;
}

#content-smaller {
	margin: 42px 80px 0 340px;
}

.testimonial-wrapper {
	background: url(../images/testimonial/middle.jpg) repeat-y center center;
	width: 265px;
	margin: 0 0 0 16px;
	/* Anything above the testimonial needs 20px bottom margin */
}
.testimonial-bottom {
	background: url(../images/testimonial/bottom.jpg) no-repeat center bottom;
	padding-bottom: 60px;
}
.testimonial-top {
	background: url(../images/testimonial/top.jpg) no-repeat center top;
	padding: 40px 22px 0 19px;
	width: 224px;
}
.testimonial {
	font-size: 17px;
	font-style: italic;
	color: #999;
	padding-left: 20px;
	padding-top: 16px;
	line-height: 20px;
}
.testimonial p {
	margin: 0;
}
.testimonial p.attribute {
	margin-top: 20px;
	font-size: 15px;
	color: #000;
}
.testimonial-qt {
	float: left;
}
.testimonial-qb {
	float: right;
}

.hr {
	background: url(../images/hr.png) repeat-x;
	height: 1px;
	margin: 15px 0;
}

#get-in-touch {
	float: right;
	margin-top: 20px;
}
#drop-a-line {
	float: right;
	margin-top: 20px;
}

#content ul, #content-smaller ul, .one-col ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#content ul li, #content-smaller ul li, .one-col ul li {
	background: url(../images/bullet.png) no-repeat 0 5px;
	padding:  0 0 6px 15px;
	font-weight: bold;
}

.black {
	color: #000;
}

.upper {
	text-transform: uppercase;
}

#press-postit {
	width: 265px;
	height: 237px;
	background: url(../images/press-postit.png);
	display: block;
	text-indent: -3000px;
	margin-top: 24px;
}
#press-postit:hover {
	background-position: -265px;
}

/*********** Press *********/
.strapline {
	color: #AE7B9A;
}
.press h3 {
	margin-bottom: 8px;
}
body.press h3.black {
	font-size: 14px;
	line-height: 18px;
}
body.press p.byline {
	margin: 0 0 10px;
}

/********** Award page *************/
.award {
	/*margin-bottom: 8px;*/
	width: 100%;
	overflow: auto;
}
.award h3 {
	color: #663366;
	margin: 5px 0 0;
}
.award p {
	margin: 0 0 6px 0;
	font-size: 13px;
}
.award p.byline {
	font-size: 14px;
	font-weight: bold;
}
.small-frame {
	background: url(../images/frame-sml.jpg) no-repeat;
	width: 169px;
	height: 129px;
	position: relative;
	float: right;
	margin-left: 20px;
	padding-bottom: 20px;
}
.small-frame img {
	margin: 26px 0 0 26px;
}
/*
.small-frame {
	background: url(../images/frame-sml.jpg) no-repeat;
	float: right;
	height: 77px;
	margin-left: 20px;
	padding: 26px 26px 40px;
	position: relative;
	text-align: center;
	width: 117px;
}*/

/******** Case Studies overview page *********/
.cs-h3 {
	color: #000;
	font-size: 20px;
}
#cs-header {
	margin-top: -8px;
	margin-bottom: 30px;
	width: 910px;
	height: 296px;
}
.cs-col {
	margin-bottom: 22px;
}
.cs-col h3 {
	margin-bottom: 10px;
}

body.case-studies #sidebar {
	width: 297px;
}

body.case-studies #content-smaller {
	margin-left: 340px;
	font-size: 13px;
	line-height: 20px;
}
body#case-studies #cs-header {
	margin-bottom: 12px;
}


/******** Individual case study page **********/
#features {
	float: right;
	width: 210px;
	margin-left: 20px;
}
#features p {
	margin-bottom: 30px;
}
#features img {
	margin-bottom: 10px;
}
.overview {
	font-size: 14px;
	line-height: 22px;
}
.overview p {
	margin: 0;
}
#cs-title {
	font-size: 17px;
	margin: 52px 0 0;
	text-transform: uppercase;
	color: #7A4C7D;
}
#cs-strapline {
	font-size: 15px;
	line-height: 15px;
	margin: 0 0 20px;
	color: #B07A9A;
}
.related-links {
	margin: 15px 20px;
}
.related-links .hr {
	margin: 8px 0 14px;
}
.related-links a {
	font-weight: bold;
}

/********* Case study listing page *********/
body.case-studies .award h3 {
	text-transform: uppercase;
}

#cs-header-onecol {
	float: left;
	width: 335px;
	height: 296px;
}
#cs-header-twocol {
	float: left;
	width: 410px;
	background: url(../images/casestudies/casestudies_header-C2.jpg) no-repeat;
	height: 260px;
	padding: 36px 115px 0 50px;
}

#cs-header h2 {
	color: #FF9900;
	font-size: 24px;
	margin: 0;
	padding-bottom: 17px;
}
#cs-header p {
	font-size: 17px;
	color: #FFF;
	line-height: 25px;
	margin: 0;
	padding-bottom: 17px;
}

#cs-header-b1 {
	float: left;
	width: 216px;
	background: url(../images/casestudies/casestudies_header-B1.jpg);
	height: 260px;
	padding: 36px 40px 0 40px;
	font-size: 16px;
}
#cs-header-b2 {
	float: left;
	width: 283px;
	background: url(../images/casestudies/casestudies_header-B2.jpg);
	height: 296px;
}
#cs-header-b3 {
	float: left;
	width: 250px;
	background: url(../images/casestudies/casestudies_header-B3.jpg);
	height: 260px;
	padding: 36px 40px 0 40px;
}


/********* Jobs **********/
#joblist dt {
	font-size: 15px;
	font-weight: bold;
}
#joblist dd {
	margin-bottom: 30px;
}
#joblist dt {
	outline: none;
}
p.salary {
	margin-top: 0;
	font-weight: bold;
}
.ui-state-active a {
	color: #B07A9A;
}

/*********** Our Team *************/
/* .team-frame {
	width: 548px;
	height: 373px;
	background: url(../images/frame-team.jpg);
	position: relative;
}
.team-frame #media, .team-frame #media2 {
	position: absolute;
	width: 383px;
	height: 220px;
	left: 83px;
	top: 70px;
} */
.team-frame {
	position: relative;
	float: left;
}
.team-frame p a {
	font-weight: bold;
}

/********* Get in touch ********/
#map-frame {
	width: 552px;
	height: 481px;
	position: relative;
	background: url(../images/google_frame.jpg);
	margin-top: 10px;
}
#map {
	width: 450px;
	height: 377px;
	position: absolute;
	top: 47px;
	left: 46px;
}
#map h3 {
	margin: 0;
	font-size: 13px;
}
#map p {
	font-size: 11px;
	line-height: 13px;
}
#location {
	background: url(../images/contact-lh-bg.jpg) no-repeat;
	width: 228px;
	height: 231px;
	margin-left: 10px;
	padding: 23px 0 5px 40px;
	font-size: 13px;
	line-height: 17px;
}
#location h3 {
	margin-bottom: 10px;
}
#company-reg, .yellow-sticky {
	background: url(../images/contact-lh-bg.jpg) no-repeat 0 -259px;
	width: 219px;
	height: 70px;
	margin-left: 10px;
	padding: 32px 0 0 40px;
	font-size: 13px;
	line-height: 17px;
	margin-bottom: 10px;
}

#twitter {
	background: url(../images/twitter-icon.png) no-repeat left center;
	padding-left: 22px;
}

#contact-eulogy-india {
	display: block;
	width: 217px;
	height: 39px;
	background: url(../images/forward-bg.jpg);
	font-size: 16px;
	font-weight: bold;
	line-height: 20px;
	margin-left: 20px;
	margin-top: 20px;
	padding-left: 31px;
	padding-top: 12px;
}
#contact-eulogy-india:hover {
	background-position: -248px 0;
}

#back-to-london {
	display: block;
	width: 217px;
	height: 39px;
	background: url(../images/back-bg.jpg);
	font-size: 16px;
	font-weight: bold;
	line-height: 20px;
	margin-left: 20px;
	margin-top: 20px;
	padding-left: 31px;
	padding-top: 12px;
}
#back-to-london:hover {
	background-position: -248px 0;
}

/********** Two min creds *****************/
.tmc-frame {
	width: 552px;
	height: 373px;
	background: url(../images/frame-team.jpg);
	position: relative;
}
.tmc-frame #media, .tmc-frame #media2 {
	position: absolute;
	width: 383px;
	height: 220px;
	left: 83px;
	top: 70px;
}