@import "undohtml.css";
@import "ie6win.css";
@import "ie7win.css";

/***** Standard XHTML Tag Classes *****/
body
{
	padding : 0px 0px 0px 0px;
	margin : 0px 0px 0px 0px;
	font-family : Tahoma, Arial, Verdana, Sans-Serif;
	background-color : #E6E8E9;
	background-image : url(../../Images/Generic/background.gif);
	text-align : center;
}

img 
{	
	border : none;
	display : block;
}

/* Set the generic font size, padding and margin for most elements */
h1, h2, h3, h4, h5, h6, li, label, p, td, th
{
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 0px 0px;
	font-size : 70%; /* All font sizes shall be based on this so be wary of changing this */
	font-family : Tahoma, Arial, Verdana, Sans-Serif;
	position: relative;
}

li p, p label,
#genericColumnOne li p /*	RM added 20/12/07 - higher specificity required. Was being overridden by styling for #genericColumnOne p (ca line 280) */
{
	font-size : 100%;
}

#genericColumnOne li p /*	RM added 20/12/07 - higher specificity required. Was being overridden by styling for #genericColumnOne p (ca line 280) */
{
	font-weight: normal;
	margin: 3px 0 0 0;
}

p
{
	margin-bottom: 10px;
}

h3
{
	font-size: 78%;
	margin-bottom: 0.2em;
}

acronym{cursor:help;background:transparent url(../../Images/Generic/bg_acronym.gif) 0 100% repeat-x;border:none;}

table td
{
	border-collapse : collapse;
	border : none;
}

form
{
	display : inline;
}

fieldset
{
	border : none;
	padding : 0px 0px 0px 0px;
	margin : 0px 0px 0px 0px; 
}

legend
{
	display : none;
}

div /* Fixes most of the peek a boo bugs */
{
	/*line-height: 0.9em;*/
	font-family: Tahoma;
}

#skipLinks,
.hide
{
	position:absolute;
	top: -9999em;
}

/***** Generic Font / Header Bars / Link Classes (except main navigatrion) *****/
/* Primary Font Styles For Page / Section Headings and Generic Font Styles */
.fontWeightNormal
{
	font-weight : normal;
}

.fontWeightBold
{
	font-weight : bold;
}

/* Grey Colour */
.primaryFontColour
{
	color : #000000;
}

a:link, a:active, a:visited
{
	color : #FF2B72;
	text-decoration : underline;
}

a:hover, .secondaryFontColourNormal
{
	color : #FF2B72;
	text-decoration : none;
}

/* Black */
.primaryFontColour,
a.primaryFontColour:link, a.primaryFontColour:active, a.primaryFontColour:visited,
a.primaryFontColour:hover
{
	color : #000000;
	text-decoration : none;
	font-weight : bold;
}

a.primaryFontColour:hover
{
	text-decoration : underline;
}

/* Red Colour */
.secondaryFontColour,
a.secondaryFontLink:link, a.secondaryFontLink:active, a.secondaryFontLink:visited,
a.secondaryFontLink:hover
{
	color : #FF2B72;
	text-decoration : none;
	font-weight : bold;
}

a.secondaryFontLink:hover
{
	text-decoration : underline;
}

/* Grey Colour */
.tertiaryFontColour,
a.tertiaryFontColour:link, a.tertiaryFontColour:active, a.tertiaryFontColour:visited,
a.tertiaryFontColour:hover
{
	color : #6E6E6E;
	text-decoration : none;
	font-weight : bold;
}

a.tertiaryFontColour:hover
{
	text-decoration : underline;
}

a.quaternaryLink:link, a.quaternaryLink:active, a.quaternaryLink:visited,
a.quaternaryLink:hover
{
	color : #000000;
	text-decoration : underline;
}

a.quaternaryLink:hover
{
	color : #FF2B72;
	text-decoration : underline;
}

.fontSize
{
	font-size : 125%;
}

/* End of font classes */

/***** Container Classes *****/
.primaryContainer
{
	/* margin-top:17px; */
	margin-left:auto;
	margin-right:auto;
	width:726px;
	background-color:#FFFFFF;
	text-align : left;
	/*background-color: yellow;*/
}

.secondaryContainer
{
	width:697px;
	margin-left:15px;
	background-image: url(../../Images/Generic/secondaryContainerBG.gif);
	background-repeat:repeat-x;
	padding-bottom: 10px;
}

#flashcontent
{
	margin-bottom: 6px;
}

body#pageDefault .secondaryContainer
{
	background-image: url(../../Images/Generic/secondaryContainerDefault.gif);
}

.secondaryContainer *
{
	margin-left:12px;
	margin-right: 12px;
}

.secondaryContainer * *
{
	margin-left:0;
	margin-right: 0;
}

.primaryNavContainer
{
	background-image: url(../../Images/Generic/primary_nav_background.gif);
	background-repeat: repeat;
	background-position: top left;
	height: 26px;
	width:697px;
	margin-left : 14px;
}

.primaryNav
{
	margin : 0px 0px 0px 0px;
    padding : 0px 0px 0px 10px;
}

/* Nav UL List Item */
.primaryNav li
{
	float: left;	
    display: block;
    list-style: none;
	padding: 6px 23px 0px 0px;
	margin : 0px 0px 0px 0px;
	font-family: Arial;
	font-size: 80%;
	font-weight: bold;
	color: #000000;	
}

.primaryNav li a:link, .primaryNav li a:active, .primaryNav li a:visited
{
	text-decoration:none;
	color: #000000;
}

.primaryNav li a:hover
{
	text-decoration:underline;
}

#panelContainer
{
	padding: 0px 0px 0px 0px;
}

#panelContainer h2
{
	margin-bottom: 13px;
}

#panelContainer div
{
	float : left;
	padding: 0px 0px 0px 0px;
}


#genericColumnOne
{
	width: 175px;
	margin: 0px 18px 0px 0px;
}

#genericColumnOne p
{
	font-size: 70%; /*	RM 20/12/07 Reduced from 75% - design request */
	font-family: Arial, Tahoma, Sans-Serif;
	font-weight: bold; /*	RM 20/12/07. Design request. */
}

#genericColumnTwoAndThree 
{
	width: 473px;
	margin: 0px 0px 0px 0px;
}

#genericColumnTwo
{
	width: 312px;
	margin: 0px 24px 0px 0px;
	
}

#genericColumnThree
{
	width: 141px;
	margin: 0px 0px 0px 0px;
	float: left;
}

#genericColumnFour, #genericColumnGallery
{
	width:473px;
	margin: 0px 0px 0px 0px;
	/*background-color: Green;*/
}

.genericTwoColumns
{
	width:230px;
	margin: 0px 10px 0px 0px;
	/*background-color: Green;*/
}

.aboutUsVisualLeft
{
	margin-left: 193px;
}

#genericColumnFour div
{
	float : none;
}



/***** Footer Styles *****/
#footerTop, #footerBottom
{
	height : 11px;
	background-image : url(../../Images/Generic/background.gif);
	overflow : hidden;
}

#footerBottom
{
	height : 9px;
	background-image : url(../../Images/Generic/background.gif);
}

#footerNavContainer
{

	margin : 0px 0px 0px 0px;
	overflow: visible;
}

/* Footer Nav UL */
#footerNav
{
	padding: 0px 0px 0px 0px;
	margin : 0px 0px 0px 0px;
}

#footerNav li
{
	float: left;	
    display: block;
    list-style: none;
	padding: 10px 10px 10px 10px;
	margin : 0px 0px 0px 0px;
	font-weight: bold;
	color: #6E6E6E;
	background-image: url(../../Images/Generic/footerNavDivider.gif);
	background-position : 0px 12px;
	background-repeat : no-repeat;
}

#footerNav .logo
{
	background-image: url(../../Images/Generic/small_graphico_logo.gif);
	background-position : 0px 2px;
	background-repeat : no-repeat;
	padding: 10px 10px 10px 35px;
}

#footerNav li a
{
	text-decoration:none;
	color: #FF2B72;
}

#footerNav li a:hover
{
	text-decoration:underline;
}

#footerCopyContainer
{
	float : right;
	padding: 10px 10px 0px 10px;
}

/***** Generic Divider Rules all inherit from the one class then override the bg *****/
.divider1
{
	height: 1px;
	background-color: #C7D1DD;
	width: 100%;
	clear: both;
	margin: 8px 0px 8px 0px;
	padding: 0px 0px 0px 0px;
	overflow : hidden;
}

.divider2
{
	height: 1px;
	background-color: #C7D1DD;
	background-image : url(../../Images/Headings/blankNoWhiteSpaceTile.gif);
	background-repeat : repeat-x;
	width: 100%;
	clear: both;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	overflow : hidden;
}

/***** Generic List Styles *****/
#panelContainer .primaryList
{
	clear : left;

	list-style-type: none;
}

#panelContainer .primaryList li
{
	/*list-style-image : url(../../Images/Generic/primaryBullet.gif);*/
	margin: 0;
	padding: 0;
	line-height: 1em;
	margin-bottom: 5px;

}

/* Basically for everything bar IE */
#panelContainer .primaryList li a, #panelContainer .primaryList span
{

	margin: 0;
	padding: 0;
}


#panelContainer .secondaryList
{
	margin : 0px 0px 10px 20px;
	padding : 0px 0px 0px 0px;
	list-style-position:outside;
}

/* Secondary list item, set image etc */
#panelContainer .secondaryList li
{
	list-style-image : url(../../Images/Generic/secondaryBullet.gif);
	padding : 0px 0px 3px 0px;
}

/* Hack for IE so the bullets align properly */
* html body .secondaryList li a
{
	position : relative;
	top : -2px;
}

#panelContainer .tertieryList
{
	margin : 0px 0px 0px 20px;
	padding : 0px 0px 0px 0px;
	list-style-position:outside;
}

/* Tertiery list item, set image etc */
.tertieryList li
{
	list-style-image : url(../../Images/Generic/tertieryBullet.gif);
	padding : 2px 0px 3px 0px;
}

/* Hack for IE so the bullets align properly */
/** html body .tertieryList li, *:first-child+html .tertieryList li
{
	line-height: 1.5em;
}
*/
* html body .tertieryList li a, *:first-child+html .tertieryList li a
{
	position : relative;
	top : -2px;
}


/***** Generic Form Styles *****/
/* Standard input for left panels */
.panelInput
{
	border : solid 1px #A5ACB2;
	width : 178px;
}

.standardInput, .standardTextarea
{
	border : solid 1px #A5ACB2;
	width : 300px;
	float:left;
	margin-bottom: 5px;
}

.standardTextarea
{
	height : 250px;
	font-family : Tahoma, Arial, Verdana, Sans-Serif;
	width: 300px;
}

.column4FormContainer, .column4LargeFormContainer
{
	width : 321px;
	margin-left : 80px;
	display : inline;
}

.column4LargeFormContainer
{
	margin-left : 0px;
	width : 497px;
}


/* Label container */
/*
.column4FormContainer .labelContainer, 
.column4LargeFormContainer .labelContainer 
{
	float : left;
	width : 85px;
	text-align : right; 
	margin-top : 8px;
	margin-right : 10px;
}


.column4LargeFormContainer .labelContainer 
{
	width : 240px;
}
*/

.genericForm label
{
	width: 100px;
	float:left;
	/* text-align: right; RM 20/12/07. Design change */
	margin: 3px 10px 0 0;
	font-weight: bold;
}

.genericForm br
{
	clear: both;
	margin: 5px 0 5px 0;
	display:block;
}

#checkboxContainer
{
	margin-left: 110px;
}

#checkboxContainer label
{
	float:none;
}

#checkboxContainer input
{
	float:none;
}

.genericButton
{
	margin: 10px 0 10px 355px;
}

/* Move the labels bacl up to align with the text field */
.column4FormContainer .labelContainer label,
.column4FormFullContainer .labelContainer label
{
	position : relative;
	top : -5px;
}

/***** Generic Cheat / Helper Classes *****/

/* Breaks the content out so that the backgrounds appear properly
used directly under floated elements */
.theBreaker
{
	height: 1px;
	clear: both;
	overflow: hidden;
}

.spacerHeight20
{
	/* This is not being used on a way which promotes typographical consistency - Stuart Johnston 14/01/08
	height: 20px;
	clear: both;
*/
}

.clearLeft
{
	clear : left;
}

.clearRight
{
	clear : right;
}

.clearBoth
{
	clear : both;
}

.invisible
{
	display : none;
}

.noBackgroundImage
{
	background-image : none;
}

.displayInline
{
	display : inline;
}

.overflowHidden
{
	overflow : hidden;
}

/* No BR Class */
.nobr /* Simulates the perfectly good "<nobr>" tag */
{
	white-space : nowrap;
}

.posRelative
{
	position : relative;
}

.textAlignCenter
{
	text-align : center;
}

.textAlignRight
{
	text-align : right;
}

/* Generic width classes */
.width85
{
	width : 85px;
}


/***** Generic Position / Margin / Padding / Display Classes *****/
/* News Style Snippet Container Image */
.newsStyleSnippet img
{
	float : left;
	position : relative;
	margin : 0px 10px 0px 0px;
	clear : both;
	border:1px solid #D8D8D8;
}

.newsStyleSnippet2 img
{
	float : left;
	position : relative;
	margin : 0px 10px 8px 0px;
	clear : both;
	width:141px;
	height:77px;
	border:1px solid #D8D8D8;
}

.newsStyleSnippet2 
{
	width:141px;
	min-height:190px;
	margin:0 19px 10px 0;
}

.newsStyleSnippet2.last
{
	margin-bottom: 0px;
}

.floatNone9
{
	float : none;
}

.floatLeft
{
	float : left;
}

.floatRight
{
	float : right;
}

.topMargin2
{
	margin-top : 2px;
}

.topMargin5
{
	margin-top : 5px;
}

/* this has been disabled - please do not reinstate - Stuart Johnston 08/01/08
.topMargin8
{
	margin-top : 8px;
}
*/

.topMargin10
{
	margin-top : 10px;
}

.topMargin15
{
	margin-top : 15px;
}
.topMargin20
{
	margin-top : 20px;
}

.rightMargin10
{
	margin-right : 10px;
}

.rightMargin76
{
	margin-left : 76px;
}

.bottomMargin5
{
	margin-bottom : 5px;
}

.bottomMargin10
{
	margin-bottom : 10px;
}

.bottomMargin20
{
	margin-bottom : 20px;
}

.bottomMargin8
{
	margin-bottom : 8px;
}

.bottomMargin15
{
	margin-bottom : 15px;
}

.leftMargin5
{
	margin-left : 5px;
}

.leftMargin105
{
	margin-left : 105px;
}

.leftMargin210
{
	margin-left : 210px;
}

.topPadding5
{
	padding-top : 5px;
}

.bottomPadding5
{
	padding-bottom : 5px;
}

/***** Heading Image Classes *****/
/* Class to be assigned to the h tag itself */
.replaceTextImage 
{
	position:relative;
	padding:0px;
	/* hide overflow:hidden from IE5/Mac */
	/* \*/
	overflow: hidden;
	/* */
}
.replaceTextImage span
{
	display:block;
	position:absolute;
	top:0px;
	left:0px;
	z-index:1;
}

/* Straplines */

#digitalCreativity, #digitalCreativity span, 
#letUsExplain, #letUsExplain span,
#gotASecond, #gotASecond span, 
#makingHeadlines, #makingHeadlines span,
#ourWork, #ourWork span,
#allShapesAllSizes, #allShapesAllSizes span,
#comeInForCoffee, #comeInForCoffee span
{
	background-repeat: no-repeat;
	background-position: top left;
}

#digitalCreativity, #digitalCreativity span
{
	background-image: url(../../Images/Straplines/digital_creativity.gif);
	width:420px;
	height:50px;
}

#letUsExplain, #letUsExplain span
{
	background-image: url(../../Images/Straplines/let_us_explain.gif);
	width:193px;
	height:50px;
}

#gotASecond, #gotASecond span
{
	background-image: url(../../Images/Straplines/got_a_second.gif);
	width:169px;
	height:50px;
}

#makingHeadlines, #makingHeadlines span
{
	background-image: url(../../Images/Straplines/making_headlines.gif);
	width:218px;
	height:50px;
}

#ourWork, #ourWork span
{
	background-image: url(../../Images/Straplines/our_work.gif);
	width:118px;
	height:50px;
}

#allShapesAllSizes, #allShapesAllSizes span
{
	background-image: url(../../Images/Straplines/all_shapes_all_sizes.gif);
	width:245px;
	height:50px;
}

#comeInForCoffee, #comeInForCoffee span
{
	background-image: url(../../Images/Straplines/come_in_for_a_coffee.gif);
	width:245px;
	height:50px;
}

/* Heading Images */
#latestStuffImage, #latestStuffImage span,
#beforeWeForgetImage, #beforeWeForgetImage span,
#whatWeDoImage, #whatWeDoImage span,
#newsletterImage, #newsletterImage span,
#BlankDotsImage, #BlankDotsImage span,
#aboutUsImage, #aboutUsImage span,
#introductionImage, #introductionImage span,
#locationImage, #locationImage span,
#ContactDetailsImage, #ContactDetailsImage span,
#awardsImage, #awardsImage span,
#newsletterWideImage, #newsletterWideImage span,
#accessibilityImage, #accessibilityImage span,
#privacyImage, #privacyImage span,
#cookiePolicyImage, #cookiePolicyImage span,
#latestNewsImage, #latestNewsImage span,
#siteIndexImage, #siteIndexImage span,
#caseStudiesImage, #caseStudiesImage span,
#caseStudyImage, #caseStudyImage span,
#theBestImage, #theBestImage span,
#ourClientsImage, #ourClientsImage span,
#overviewImage, #overviewImage span,
#contactUsImage, #contactUsImage span,
#jobsImage, #jobsImage span,
#weLoveThemImage, #weLoveThemImage span,
#heresATasterImage, #heresATasterImage span,
#whatIsRssImage, #whatIsRssImage span,
#newsArchiveImage, #newsArchiveImage span,
#keyFactsImage, #keyFactsImage span,
#whatWeDoStep1Image, #whatWeDoStep1Image span,
#howWeLikeToDoItImage, #howWeLikeToDoItImage span,
#whatWeDoStep4Image, #whatWeDoStep4Image span,
#whatWeDoHeading2, #whatWeDoHeading2 span,
#whatWeDoHeading5, #whatWeDoHeading5 span,
#whatWeDoHeading9, #whatWeDoHeading9 span,
#whatWeDoHeading10, #whatWeDoHeading10 span,
#whatWeDoHeading11, #whatWeDoHeading11 span,
#whatWeDoHeading6, #whatWeDoHeading6 span,
#whatWeDoHeading12, #whatWeDoHeading12 span,
#whatWeDoHeading1, #whatWeDoHeading1 span,
#whatWeDoHeading4, #whatWeDoHeading4 span,
#whatWeDoHeading13, #whatWeDoHeading13 span,
#whatWeDoHeading14, #whatWeDoHeading14 span,
#whatWeDoHeading3, #whatWeDoHeading3 span,
#whatWeDoHeading15, #whatWeDoHeading15 span,
#whatWeDoHeading16, #whatWeDoHeading16 span,
#whatWeDoHeading17, #whatWeDoHeading17 span,
#whatWeDoHeading18, #whatWeDoHeading18 span,
#whatWeDoHeading19, #whatWeDoHeading19 span,
#whatWeDoHeading8, #whatWeDoHeading8 span,
#whatWeDoHeading20, #whatWeDoHeading20 span,
#whatWeDoHeading21, #whatWeDoHeading21 span,
#whatWeDoHeading22, #whatWeDoHeading22 span,
#jobsSmallImage, #jobsSmallImage span,
#contactUsSmallImage, #contactUsSmallImage span                         
{
	clear : left;
	height : 27px;
	background-repeat: no-repeat;
	background-position: top left;
}

#latestStuffImage, #latestStuffImage span
{
	width : 92px;
	background-image: url(../../Images/Headings/latest_stuff.gif);
}

#beforeWeForgetImage, #beforeWeForgetImage span
{
	width:138px;
	background-image: url(../../Images/Headings/before_we_forget.gif);
}

#whatWeDoImage, #whatWeDoImage span
{
	width:94px;
	background-image: url(../../Images/Headings/what_we_do.gif);
}

#newsletterImage, #newsletterImage span
{
	width:92px;
	background-image: url(../../Images/Headings/newsletter.gif);
}

/*
#BlankDotsImage, #BlankDotsImage span
{
	width:497px;
	background-image: url(../../Images/Headings/blank.gif);
}
*/

#aboutUsImage, #aboutUsImage span
{
	width:76px;
	background-image: url(../../Images/Headings/about_us.gif);
}

#introductionImage, #introductionImage span
{
	width : 98px;
	background-image: url(../../Images/Headings/introduction.gif);
}

#locationImage, #locationImage span
{
	width : 74px;
	background-image: url(../../Images/Headings/location.gif);
}

#ContactDetailsImage, #ContactDetailsImage span
{
	width : 116px;
	background-image: url(../../Images/Headings/contact_details.gif);
}

#awardsImage, #awardsImage span
{
	width : 68px;
	background-image: url(../../Images/Headings/awards.gif);
}

#newsletterWideImage, #newsletterWideImage span
{
	width : 92px;
	background-image: url(../../Images/Headings/newsletter_wide.gif);
}

#accessibilityImage, #accessibilityImage span
{
	width : 99px;
	background-image: url(../../Images/Headings/accessibility.gif);
}

#privacyImage, #privacyImage span
{
	width : 108px;
	background-image: url(../../Images/Headings/privacy_policy.gif);
}

#cookiePolicyImage, #cookiePolicyImage span
{
	width : 108px;
	background-image: url(../../Images/Headings/cookie_policy.gif);
}

#latestNewsImage, #latestNewsImage span
{
	width : 98px;
	background-image: url(../../Images/Headings/latest_news.gif);
}

#siteIndexImage, #siteIndexImage span
{
	width : 83px;
	background-image: url(../../Images/Headings/site_index.gif);
}

#caseStudiesImage, #caseStudiesImage span
{
	width : 101px;
	background-image: url(../../Images/Headings/case_studies.gif);
}

#jobsImage, #jobsImage span
{
	width : 166px;
	background-image: url(../../Images/Headings/joining_us.gif);
}

#weLoveThemImage, #weLoveThemImage span
{
	width : 106px;
	background-image: url(../../Images/Headings/we_love_them.gif);
}

#heresATasterImage, #heresATasterImage span 
{
	width : 113px;
	background-image: url(../../Images/Headings/heres_a_taster.gif);
}

#whatIsRssImage, #whatIsRssImage span
{
	width : 104px;
	background-image: url(../../Images/Headings/what_is_rss.gif);
}

#newsArchiveImage, #newsArchiveImage span
{
	width : 106px;
	background-image: url(../../Images/Headings/news_archive.gif);
}

/* What we do step heading images are unique for the what we do landing page */
#whatWeDoStep1Image, #whatWeDoStep1Image span
{
	width : 150px;
	height : 50px;
	background-image: url(../../Images/WhatWeDo/think-heading.gif);
}

#whatWeDoStep2Image, #whatWeDoStep2Image span
{
	width : 150px;
	height : 50px;
	background-image: url(../../Images/WhatWeDo/build-heading.gif);
}

#whatWeDoStep3Image, #whatWeDoStep3Image span
{
	width : 150px;
	height : 50px;
	background-image: url(../../Images/WhatWeDo/communicate-heading.gif);
}

#whatWeDoStep4Image, #whatWeDoStep4Image span
{
	width : 473px;
	height : 70px;
	background-image: url(../../Images/WhatWeDo/measure-optimise-refine.gif);
	background-position: 0 -2px;
}  

#howWeLikeToDoItImage, #howWeLikeToDoItImage span
{
	width : 150px;
	background-image: url(../../Images/Headings/how-we-like-to-do-it.gif);
}

#jobsSmallImage, #jobsSmallImage span
{
	width : 94px;
	background-image: url(../../Images/Headings/what-we-do.gif);
}

#contactUsSmallImage, #contactUsSmallImage span
{
	width : 94px;
	background-image: url(../../Images/Headings/what-we-do.gif);
}

/*case study panel*/

.studyPanel
{
	width: 141px;
	margin: 0 19px 10px 0;
	float: left;
	min-height: 110px;
}

.studyPanel img
{
	margin-bottom: 8px;
	border:1px solid #D8D8D8;
}

.lastPanel
{
	margin-right: 0px;
}

/*last client panel*/
.lastClient
{
	margin: 0;
	border:1px solid #D8D8D8;
}

.clearPanels
{
	display: block;
}

/*end case study panel*/

#caseStudyImage, #caseStudyImage span
{
	width : 101px;
	background-image: url(../../Images/Headings/case_studies.gif);
}

#theBestImage, #theBestImage span
{
	width : 74px;
	background-image: url(../../Images/Headings/the_best.gif);
}

#slAllShapesAndSizesImage, #slAllShapesAndSizesImage span
{
	background-image: url(../../Images/Straplines/all_shapes_and_sizes.gif);
}

#overviewImage, #overviewImage span
{
	width : 80px;
	background-image: url(../../Images/Headings/overview.gif);
}

#ourClientsImage, #ourClientsImage span
{
	width : 89px;
	background-image: url(../../Images/Headings/our_clients.gif);
}

#contactUsImage, #contactUsImage span
{
	width : 87px;
	background-image: url(../../Images/Headings/contact_us.gif);
}

#keyFactsImage, #keyFactsImage span
{
	width : 200px;
	background-image: url(../../Images/Headings/key_facts.gif);
}

/* What We Do Item Headings */
/* Strategic Planning */
#whatWeDoHeading2, #whatWeDoHeading2 span 
{
	width : 137px;
	background-image: url(../../Images/Headings/strategic_planning.gif);
}

/* Digital Integration */
#whatWeDoHeading5, #whatWeDoHeading5 span 
{
	width : 135px;
	background-image: url(../../Images/Headings/digital_integration.gif);
}

/* Creative Concepts */
#whatWeDoHeading9, #whatWeDoHeading9 span 
{
	width : 497px;
	background-image: url(../../Images/Headings/creative_concepts.gif);
}

/* Media Planning */
#whatWeDoHeading10, #whatWeDoHeading10 span 
{
	width : 119px;
	background-image: url(../../Images/Headings/media_planning.gif);
}

/* Digital Brand Communication */
#whatWeDoHeading11, #whatWeDoHeading11 span 
{
	width : 205px;
	background-image: url(../../Images/Headings/digital_brand_communication.gif);
}

/* Usability & Accessibility */
#whatWeDoHeading6, #whatWeDoHeading6 span 
{
	width : 193px;
	background-image: url(../../Images/Headings/usability_and_accessibility.gif);
}

/* Market Research */
#whatWeDoHeading12, #whatWeDoHeading12 span 
{
	width : 127px;
	background-image: url(../../Images/Headings/market_research.gif);
}

/* Websites */
#whatWeDoHeading1, #whatWeDoHeading1 span 
{
	width : 78px;
	background-image: url(../../Images/Headings/websites.gif);
}

/* Online Advertising */
#whatWeDoHeading4, #whatWeDoHeading4 span 
{
	width :136px;
	background-image: url(../../Images/Headings/online_advertising.gif);
}

/* Intranets / Extranets */
#whatWeDoHeading13, #whatWeDoHeading13 span 
{
	width : 171px;
	background-image: url(../../Images/Headings/Intranets_and_extranets.gif);
}

/* Ecommerce Sites */
#whatWeDoHeading14, #whatWeDoHeading14 span 
{
	width : 103px;
	background-image: url(../../Images/Headings/ecommerce.gif);
}

/* Mobile */
#whatWeDoHeading3, #whatWeDoHeading3 span 
{
	width : 62px;
	background-image: url(../../Images/Headings/mobile.gif);
}

/* Viral Games and Videos */
#whatWeDoHeading15, #whatWeDoHeading15 span 
{
	width : 168px;
	background-image: url(../../Images/Headings/viral_games_and_videos.gif);
}

/* Content Management Systems */
#whatWeDoHeading16, #whatWeDoHeading16 span 
{
	width : 219px;
	background-image: url(../../Images/Headings/content_management_systems.gif);
}

/* Consumer Databases */
#whatWeDoHeading17, #whatWeDoHeading17 span 
{
	width : 497px;
	background-image: url(../../Images/Headings/consumer_databases.gif);
}

/* Online Advertising and Media Buyings */
#whatWeDoHeading18, #whatWeDoHeading18 span 
{
	width : 497px;
	background-image: url(../../Images/Headings/advertising_media_buying.gif);
}

/* Search */
#whatWeDoHeading19, #whatWeDoHeading19 span 
{
	width : 497px;
	background-image: url(../../Images/Headings/search.gif);
}

/* Email Marketing */
#whatWeDoHeading8, #whatWeDoHeading8 span   
{
	width : 497px;
	background-image: url(../../Images/Headings/email_marketing.gif);
}

/* Mobile Marketing */
#whatWeDoHeading20, #whatWeDoHeading20 span   
{
	width : 497px;
	background-image: url(../../Images/Headings/mobile_marketing.gif);
}

/* Viral Marketing */
#whatWeDoHeading21, #whatWeDoHeading21 span   
{
	width : 497px;
	background-image: url(../../Images/Headings/viral_marketing.gif);
}

/* ECRM & WOMM */
#whatWeDoHeading22, #whatWeDoHeading22 span   
{
	width : 497px;
	background-image: url(../../Images/Headings/ecrm_womm.gif);
}

/* Sub Heading Images */
#shCaseStudyImage, #shCaseStudyImage span,
#shRelatedLinksImage, #shRelatedLinksImage span,
#shGalleryImage, #shGalleryImage span,
#shQuickOverviewImage, #shQuickOverviewImage span
{
	clear : left;
	height : 13px;
	background-repeat: no-repeat;
	background-position: top left;
}

#shCaseStudyImage, #shCaseStudyImage span
{
	width : 66px;
	background-image: url(../../Images/SubHeadings/case_study.gif);
}

#shRelatedLinksImage, #shRelatedLinksImage span
{
	width : 80px;
	height : 10px;
	background-image: url(../../Images/SubHeadings/related_links.gif);
}

#shGalleryImage, #shGalleryImage span
{
	width : 44px;
	background-image: url(../../Images/SubHeadings/gallery.gif);
}

#shQuickOverviewImage, #shQuickOverviewImage span
{
	width : 176px;
	background-image: url(../../Images/SubHeadings/quick_overview.gif);
}

/* End of straplines and heading images */



#panelContainer .mapLaunch
{
	display: block;
	background-color: #E5E5E5;
	padding: 4px;
	margin: 8px 0px 8px 0px;
	display:block;
	float: none;
}

.mapLaunch a
{	
	padding-left: 18px;
}

.mapLaunch ul
{
	list-style-type: none;
	padding: 0;
	margin: 8px;
	display: block;
}

.mapLaunch ul li
{
	line-height: 18px;
	background-image: url(../../Images/AboutUs/magnify_icon.gif);
	background-repeat: no-repeat;
	background-position: left;
	margin-bottom: 5px;
}

#pageAccessibility ul.accessibilityList
{
	margin : 0px 0px 15px 0px;
    padding :  15px 0px 0px 0px;
}

.accessibilityList li
{
    display: inline;
    list-style: none;
	padding: 0px 5px 0px 0px;
	margin : 0px 0px 0px 0px;
}

.accessibilityList li *
{
	display: inline;
}

/* Generic Article Container Styles */
/* Set the margin / padding automatically for any p tags inside the class */
.articleContent p
{
	margin : 0px 0px 8px 0px;
	color : #000000;
}

.articleContent img
{
	margin : 0px 10px 10px 10px;
	float : right;
	border:1px solid #D8D8D8;
}

/* Our Clients Styles */
.ourClientsPanelContainer
{

	padding: 0px 0px 0px 0px;
}

/* Had to be specific to override the inheritance form no float set on "#genericColumnFour div" */
div.ourClientsPanelContainer a 
{
	float : left;
}

.ourClientsPanelContainer img
{
	border: solid 1px #D8D8D8;
	margin: 0px 19px 19px 0px;
}



/* Jobs Specific Styles */
div.jobsContent
{
	float : none;
}

.jobsContent p
{
	
}

/* RSS.aspx Specific Styles */
#newsToRss
{
	width : 480px;
	border : solid 1px #E6E8E9;
	margin : 10px 0px 10px 0px;
	padding : 0px 0px 0px 0px;
	border-collapse: collapse;
}

#newsToRss th
{
	width : 240px;
	padding : 2px 5px 2px 5px;
	margin : 0px 0px 0px 0px;
	border : solid 1px #E6E8E9;
	background-color: #C7D1DD;
}


#newsToRss td
{
	width : 240px;
	padding : 2px 5px 2px 5px;
	margin : 0px 0px 0px 0px;
	border : solid 1px #E6E8E9;
}

/* What we do specific styles */
body#pageWhatWeDo #genericColumnFour div,
.nextStepArrow
{
	float : left;
}

.whatWeDoOuter
{
	width : 150px;
	background-color: Red;
}

.whatWeDoOuter div
{
	float : none;
}

.whatWeDoContainer
{
	background-image : url(../../Images/WhatWeDo/stepTile.gif);
	background-repeat : repeat-y;
	background-color : #FAFAFA;
	width : 150px;
	min-height : 250px;
	vertical-align : top;
}

* html body .whatWeDoContainer
{
	height : 250px;
}

.whatWeDoBottom
{
	background-image : url(../../Images/WhatWeDo/bottomPanel.gif);
	background-repeat : no-repeat;
	width : 150px;
	height : 20px;
}

.nextStepArrow
{
	margin-top : 125px;
	width: 10px;
}

.whatWeDoContainer li
{
	display : inline-block;
}

/*
	additional CSS added Stuart J 05/10/07
	Removed by RM 20/12/07 - design want it back like it used to be but without underline
*/
.iconHeading
{
	/*line-height: 27px;
	font-family: Arial, Sans-Serif;
	font-size: 1em;
	font-weight: bold;
	color: #0089b7;
	padding-left: 19px;
	background-image: url(../../Images/Icons/iconGraphico.gif);
	background-repeat: no-repeat;
	background-position:left;*/
}

h3.iconHeading
{
	padding-left: 0;
	background-image: none;
	font-weight: normal;
	font-size: 0.75em;
	margin-bottom: 0;
	font-weight:bold;
	line-height: 1em;
}

/*
	RM 20/12/07 - Added to replace above code
*/
h2.cmsHeading,
h2.hardcodedHeading
{
	color: #6e6e6e;
	font-size: 125%;
}

/*
	RM 21/12/07 - Make the text width align with the image width on the case studies page
*/
#pageCaseStudy h2.cmsHeading,
#pageCaseStudy h2.hardcodedHeading,
#pageCaseStudy h3.hardcodedHeading,
#pageCaseStudy .articleContent p,
#pageCaseStudy .secondaryList li
{
	width: 459px;
}
/*	New styles end	*/

body#pageCaseStudy .bread,
body#pageClientDetails .bread,
body.pageContent .bread
{
	margin-bottom: 15px;
}

.bread
{
	margin-top: 10px;
}

/*	RM 21/12/07 - Tidy up breadcrumb
.bread a
{
	background: transparent url(../../Images/Generic/breadcrumbDivider.gif) no-repeat right 4px;
	padding-right:10px;
} */

#genericColumnOne .genericList
{
	list-style-type:none;
	margin: 20px 0 10px 0; /*	RM 20/12/07. Top margin increased from 20px - design request */
	padding: 0;
	list-style-position: outside;
}

.genericList li
{
	margin-bottom: 5px;
}

/*added Stuart Johnston 14/11/07*/
.leadParagraph
{
	width: 75%;
	font-size: 0.8em; /*	RM 20/12/07. Down from 0.87em. Design request */
	color: #575757;
	font-weight: bold; /* RM 20/12/07. Design request*/
}

/*	RM 21/12/07 - Change request from Grim. To be re-activated once we have a bit more copy
#pageDefault .leadParagraph
{
	width: 100%;
}*/

body img.caseStudyImage
{
	margin-bottom: 8px;
}

#caseStudySummary p
{
	font-size: 0.87em;
	font-weight:bold;
	margin-bottom: 0;
}

/*	RM 12/12/07 - Christmas card */
#christmas
{
	background: #fff none;
}

#christmasWrapper
{
	background: transparent url(../../Images/Christmas/background.jpg) no-repeat center top;
	width: 960px;
	height: 666px;
	margin: auto;
}

#christmasContentWrapper
{
	width: 714px;
	padding-top: 168px;
	margin-left: 140px;
}

#christmasContent
{
	width: 714px;
	height: 399px;
}

#christmasContent #christmasText
{
	width: 100%;
	height: 100%;
	background: #fff none;
}

#christmasContent p
{
	padding-top: 150px;
	color: #df0078;
	font: 2em/1.4 'Times New Roman, Verdana, sans-serif';
	text-transform: uppercase;
}

#christmasContent p span
{
	display: block;
	font-size: 0.7em;
	text-transform: lowercase;
}

.christmasButton
{
	margin-top: 9px;
	margin-right: -2px;
	float: right;
}

/*	RM 21/12/07 - Sort lists for Jane	*/
.articleContent ol
{
	list-style-position: outside;
	padding-left: 0;
	margin-left: 18px;
}

.articleContent ul
{
	padding-left: 0;
	margin-left: 12px;
	list-style-type: disc;
	margin-bottom: 10px;
}

.tel
{
	font-weight:normal;	
}

/*awards specific*/
#awardVisual
{
	margin: 15px 0 20px 0;
}

/*extra - Stuart 1/01/08*/
#panelContainer ol
{
	list-style-position: outside;
	list-style-type:decimal;
	padding-left: 0;
	margin-left: 18px;
	margin-bottom: 10px;
}

#panelContainer ul
{
	margin-bottom: 10px;
	list-style-type: disc;
	list-style-position: inside;
}

#pageJobs #genericColumnFour hr,
#pagePrivacyPolicy #genericColumnFour hr
{
	border: 0 none;
	margin: 20px 0 20px 0;
	background-color: #fff;
	height: 1px;
	color: #fff;
}

.figure { padding: 0 15px 0 15px; }

.logo2020 { float: right; }

.headerClear { width: 697px; overflow: hidden; padding-bottom: 10px; }