/*
	Theme Name: Magic_Theme
	Theme URI:
	Description: custom theme
	Version: 0.1
	Author: Paul Gosnell
	Author URI: http://www.magiconlinesolutions.co.uk
	Tags: custom, magic
*/

/* browser resets
--------------------------------------------------------------*/
body,ul,li,img,p,h1,h2,h3,h4,h5{
	margin:0;
	padding:0;
	list-style:none;
	border:none;}

/* text
--------------------------------------------------------------*/
body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:62.5%;
	color:#6d6d6d;
	line-height:1.6;}
 
a{text-decoration:none; color:#A66D9A;}
 
a:hover{text-decoration:none;}
 
p{font-size:1.2em;}
 
.cols p{margin:4px 0;}
 
#content p{margin:8px 0 16px 0;}

#content .col50 p{
	padding-right:20px;
	padding-top:0;
	margin-top:0!important;
}
 
h1,h2,h3,h4,h5{font-weight:normal;}
 
h1{
	line-height:20px;
	font-size:1.9em;
}

h1 strong{
	font-weight:normal;
	color:#A66D9A;}
	
h1#big{
	color:#a66d9a;
	margin:5px 0 15px 0;
}
		
body.casestudy h1 strong{
	font-weight:normal;
	color:#A66D9A;
	border-left:1px solid #e5e5e5;
	font-size:80%;
	padding-left:6px;
	margin-left:6px;}
	
#content h1{
	padding:0 20px 10px 0;
}
		
h2{
	font-size:1.7em;
	padding:0 0 12px 0;
	color:#A66D9A;}
 
#h2{padding:0 0 4px 0;}

.col50 h2{line-height:1.1;}

h2 a{color:#A66D9A;}
	 
h3{
	color:#A66D9A;
	font-weight:bold;
	font-size:1.4em;
	padding:4px 0 0 0;}
	
h3 a{color:#A66D9A;}

.col25_right h3,
.col50 h3{
	color:#6d6d6d;
	font-size:1.6em;
	font-weight:normal;}
 
h4{
	color:#3c3b3b;
	font-size:1.6em;}
	
h4 a{color:#3c3b3b;}

h5{
	font-size:1.4em;
	text-transform:uppercase;
	color:#988694;}
	
h5 a{color:#988694;}

blockquote{
	font-style:italic;
	margin:0;
	padding:0;
}
blockquote:before, 
blockquote:after{content:"";}

/* image replaced text
--------------------------------------------------------------*/
#hello{
	background:url(images/masthead/txt-hello.gif) no-repeat;
	width:200px;
	height:30px;
	position:absolute;
	top:43px;
	left:16px;
	line-height:0;
	text-indent:-9999px;
	z-index:10;
}
p#award-winners{
	background:url(images/masthead/txt-award-winners.gif) no-repeat;
	width:461px;
	height:30px;
	position:absolute;
	top:77px;
	left:16px;
	line-height:0;
	text-indent:-9999px;
	z-index:10;
}
p#committed{
	width:470px;
	color:#786498;
	position:absolute;
	top:124px;
	left:16px;
	z-index:10;
}
p#magic-background{
	line-height:0;
	text-indent:-9999px;
	background:url(images/text/magic-background.gif) no-repeat;
	width:356px;
	height:134px;
}
p#provenTrack{
	line-height:0;
	text-indent:-9999px;
	background:url(images/text/provenTrack.gif) no-repeat;
	width:430px;
	height:135px;
}
p#atMagic{
	line-height:0;
	text-indent:-9999px;
	background:url(images/text/magic-brands.gif) no-repeat;
	width:312px;
	height:103px;
}
/* body layout
--------------------------------------------------------------*/
body{
	background:#2b2b2b url(images/bodyGlow.jpg) repeat-x 50% 0;
	width:100%;
	height:100%;
}
  
/* siteOuterWrapper
--------------------------------------------------------------*/
#siteOuterWrapper{text-align:center;}
 
/* siteContainer
--------------------------------------------------------------*/
#siteContainer{
	width:992px;
	margin:0 auto;
	text-align:left; /* used to cancel centering needed for ie5.5 layout fix */}
 
#page{
	background:#fff;
	overflow:auto;
	padding:20px;}
 
/* header / 
--------------------------------------------------------------*/
#header{
	height:96px;
	position:relative;
	background:url(images/glow.png) no-repeat 50% 100%;}
 
#header .logo{
	width:146px;
	height:46px;
	display:block;
	float:left;
	background:url(images/logo.png) no-repeat;
	margin:24px 0 0 12px;}

#header .logo span{display:none;}

#telephone{
	float:right;
	color:#fff;
	text-decoration:none;
	font-size:1.2em;
	padding:8px 0 0 0;
	text-transform:uppercase;}

#telephone span{color:#a66d9a;}
 
#masthead{
	height:242px;
background:#fff;}
	
#mastheadNews{
	height:200px;
	margin:0 0 20px 0;}
	
#masthead .leftCol{
	margin:12px 0 12px 12px; 
	width:48%;}

#masthead .rightCol{
	margin:12px 12px 12px 0; 
	width:48%;}

#masthead a.iconLink{
	margin-top:12px;}
	
#masthead p{
	padding-right:40px;}

#mastheadHome{
	background:url(images/masthead/skyBg.jpg) repeat-x 0 0;
	height:246px;
	margin:-20px -20px 0 -20px;
	position:relative;
}
#mastheadHome #grass{
	background:url(images/masthead/grass.png) no-repeat;
	height:71px;
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	z-index:3;
}
#mastheadHome #plugs{
	background:url(images/masthead/plugs.jpg) no-repeat;
	width:992px;
	height:246px;
	position:absolute;
	bottom:0;
	right:0;z-index:2;
}
#mastheadHome #trans{
	background:url(images/masthead/trans.png) no-repeat;
	width:110px;
	height:30px;
	line-height:30px;
	font-size:13px;
	color:#fff;
	position:absolute;
	right:0;
	bottom:0;
	padding:0 0 0 10px;
	z-index:11;
}
#mastheadHome #trans a{
	color:#fff;
	text-decoration:none;
}
#workWith{
	height:90px;
	border-bottom:1px solid #e0e0e0;
	margin:0 0 20px 0;
}
#workWith h2{padding:38px 0 0 0;
}
#logoWrapper{
	float:right;
	position:relative;
	width:770px;
	overflow:hidden;
}
.clientLogo{
	width:110px;
	height:90px;
	float:left;
}
.clientLogo a{
	display:block;
	width:110px;
	height:90px;
}
#euronics{background:url(images/slider/logos/euronics.gif) no-repeat 50% 50%;}
#omg{background:url(images/slider/logos/omg.gif) no-repeat 50% 50%;}
/*#lotus{background:url(images/slider/logos/lotus.gif) no-repeat 50% 50%;}*/
#van-dal{background:url(images/slider/logos/van-dal.gif) no-repeat 50% 50%;}
#feliway{background:url(images/slider/logos/feliway.gif) no-repeat 50% 50%;}
#celotex{background:url(images/slider/logos/celotex.gif) no-repeat 50% 50%;}
#bennetts{background:url(images/slider/logos/bennetts.gif) no-repeat 50% 50%;}
#potters{background:url(images/slider/logos/potters.gif) no-repeat 50% 50%;}

	
/* navigation
--------------------------------------------------------------*/
#nav{
	position:absolute;
	bottom:0;
	right:0;}
 
#nav li{float:left;}

#nav li a{
	color:#d7d7d7;
	font-size:1.2em;
	font-weight:bold;
	text-transform:uppercase;
	display:block;
	_display:inline-block;
	padding:4px 15px;}

#nav li a:hover{
	color:#fff;
	text-decoration:none;
	background:url(images/navGlow.png) no-repeat 50% 100%;}
				
.subNav{
	padding:0 0 15px 0;
	font-size:1.2em;
}
.subNav a{
	color:#646464;
	border-bottom:1px solid #ebebeb;
	padding:3px 0;
	display:block;
	margin-right:30px;
}
.subNav a:hover{
	color:#A66D9A;
	text-decoration:none;
	border-bottom:1px solid #ccc;
}
.subNav li.current_page_item a{color:#A66D9A;
}
#content p#breadcrumb{margin:-12px 0 20px 0;}

#content p#breadcrumb a{
	color:#6d6d6d;
	font-size:1.1em;}
	
#content p#breadcrumb li a:hover{
	color:#A66D9A;
	text-decoration:none;}		
 
/* columns
--------------------------------------------------------------*/
.leftCol{
	float:left;
	width:49%;}
 
.rightCol{
	float:right;
	width:49%;}
	
.col75{
	float:left;
	width:75%;}

.col50{
	float:left;
	width:50%;}
 
.col25{
	float:left;
	width:25%;}
	
.col25.info{
	padding:0 0 0 15px;
	width:20%;
}

.col25.info ul{
	padding:15px 0;
	font-size:1.2em;
}
.col25.info h3{padding:15px 0 0 0;}
	
.casestudy .col25.info{padding:38px 0 0 0;}
	
.casestudy .col25.info h3,
.casestudy .col25.info p,
.casestudy .col25.info ul{
	padding:0 0 0 20px;
	margin:0 0 12px 0;}

.casestudy .col25.info .line{margin:12px 0;}

.casestudy .col25.info li{font-size:1.1em;}
	
.casestudy .col25.info img{margin:20px 0;}
		
.cols{
	clear:both;
	padding:12px;}
	
.hero{
	width:200px;
	float:left;
	margin:0 40px 0 0;
}
.hero h3{padding:4px 0 4px 5px;}

.hero p{
	padding:0 0 0 5px;
	font-size:1.1em;
}
#subCats li#hero1 a,
#subCats li#hero2 a,
#subCats li#hero3 a{border:none;}

#hero1{background:url(images/work/omg.jpg) no-repeat;}
#hero2{background:url(images/work/vandal.jpg) no-repeat;}
#hero3{background:url(images/work/lintbells.jpg) no-repeat;}
	
/* content
--------------------------------------------------------------*/
#content{
	padding:12px 12px 0 12px;
	margin:0 0 12px 0;
	overflow:hidden;}

#casestudyContent{padding:10px 20px 10px 0;}

.col50 a.link{
	background:url(images/icon-read-more.gif) no-repeat 100% 0;
	padding-right:20px;
	height:15px;
	line-height:15px;
	display:inline-block;
	color:#6D6D6D;}

.col50 a.link:hover{background:url(images/icon-read-more.gif) no-repeat 100% 100%;}

.col50 ul{padding:0 0 15px 15px;
}
.col50 li{
	font-size:1.2em;
	list-style:circle;
}
	
/* slider
--------------------------------------------------------------*/	
#slider{
	width:463px;
	position:relative;}
 
#mySlides{
	width:463px;
	height:280px;}
 
.slides{
	position:relative;
	width:463px;
	height:280px;}
 
.mySlidesTxt{
	position:absolute;
	right:0;
	bottom:0;
	height:30px;
	z-index:9;
	width:300px;}
 
#content .mySlidesTxt p{margin:0;}
 
.mySlidesTxt p{
	line-height:30px;
	text-align:right;
	padding:0 5px 0 0;
	font-weight:bold;
	margin:0;}
 
.mySlidesTxt p a{color:#A66D9A;}
 
#myController{
	height:20px;
	bottom:0;
	left:0;
	position:absolute;
	padding:10px 0 0 0;
	z-index:10;}
 
#myController li{
	margin:0 10px 0 0;
	background:url(images/slider/sliderOff.gif) no-repeat;
	height:9px;
	width:9px;
	display:block;
	float:left;
	cursor:pointer;}

#myController li.jFlowSelected{background:url(images/slider/sliderOn.gif) no-repeat;}

#myController li.jFlowControl:hover{background:url(images/slider/sliderOn.gif) no-repeat;}
 
#slide1{background:url(images/slider/totallyhome.jpg) no-repeat 100% 0;}
#slide2{background:url(images/slider/omg.jpg) no-repeat 100% 0;}
#slide3{background:url(images/slider/feliway.jpg) no-repeat 100% 0;}
#slide4{background:url(images/slider/euronics.jpg) no-repeat 100% 0;}
#slide5{background:url(images/slider/potters.jpg) no-repeat 100% 0;}
#slide6{background:url(images/slider/bennetts.jpg) no-repeat 100% 0;}

#cs-totallyhome-slide1{background:url(/images/cs-totallyhome-slide1.jpg) no-repeat;}
 
#jFlowSlide{overflow:hidden;}

/* casestudies panel
--------------------------------------------------------------*/
#casestudies{
	height:253px;
	width:210px;
	display:block;
	overflow:hidden;
}
#casestudies li{
	float:left;
}
#casestudies li a{
	height:253px;
	width:210px;
	display:block;
	float:left;
	text-indent:-9999px;
	line-height:0;
}
#casestudies li a#bennetts{background: url(images/case-studies/panels/bennetts.gif) no-repeat;}
#casestudies li a#euronics{background: url(images/case-studies/panels/euronics.gif) no-repeat;}
#casestudies li a#feliway{background: url(images/case-studies/panels/feliway.gif) no-repeat;}
#casestudies li a#potters{background: url(images/case-studies/panels/potters.gif) no-repeat;}
#casestudies li a#totallyhome{background: url(images/case-studies/panels/totallyhome.gif) no-repeat;}
#casestudies li a#van-dal{background: url(images/case-studies/panels/van-dal.gif) no-repeat;}

/* case study panel on all pages
--------------------------------------------------------------*/
#casestudyPanel{
	background: url(images/casestudyPanel.jpg) no-repeat; 
	height:155px; 
	width:210px; 
	display:block; 
	margin:50px 0;
	text-indent:-9999px;
	line-height:0;
}
/* cuppa panel
--------------------------------------------------------------*/
#cuppaPanel{
	margin:50px 0;
}
/* careers panel
--------------------------------------------------------------*/
#careersPanel{
	margin:50px 0;
	display:block;
	font-size:120%;
}
#currentlyLooking{
	background:url(images/txt-currentlyLooking.gif) no-repeat;
	width:176px;
	height:40px;
	text-indent:-9999px;
	line-height:0;
	display:block;
}
#applyNow{
	background:url(images/applyNow.gif) no-repeat;
	width:174px;
	height:103px;
	text-indent:-9999px;
	line-height:0;
	display:block;
}



/* newsletter panel
--------------------------------------------------------------*/
#newsletterPanel{
	margin:50px 0;
}
#newsletterPanel fieldset{
	border:none;
	padding:0 0 0 5px;
	margin:0;
}
#newsletterPanel label{
	display:block;
	font-size:12px;
	color:#A66D9A;
}
#newsletterPanel input{
	background:url(images/input.gif) no-repeat;
	border:1px solid #eeeeee;
	width:150px;
	height:22px;
	padding-left:6px;
	margin:6px 0;
	color:#6D6D6D;
}
#newsletterPanel input#submit{
	background:#a66d9a;
	padding:4px;
	cursor:pointer;
	color:#fff;
	width:auto;
	height:auto;
	display:block;
}
#newsletterPanel h2{
	padding:0;
}
#newsletterPanel p{
	margin:5px 0;
}
/* service panels on all pages
--------------------------------------------------------------*/
#servicePanels{
	clear:both;
	background:#fff;
	height:125px;
	border-top:1px solid #ebebeb;
}
#servicePanels .widget_text{
	border-right:1px solid #ebebeb;
	float:left;
	width:237px;
}
#servicePanels .widget_text h4{
	padding:15px 0 0 10px;
}
#servicePanels .widget_text img{
	float:right;
	margin:10px;
}
#servicePanels .widget_text p{
	padding:10px 0 0 10px;
	font-size:1.1em;
}
#servicePanels .widget_text p a{
	border-bottom:1px dotted #ccc;
}
#servicePanels .widget_text p a:hover{
	border-bottom:1px dotted #999;
}
#servicePanels li:last-child{
	border-right:none;
}
/* footer panels on all pages
--------------------------------------------------------------*/
#footerShadow .widget_text{
	border:none;
	background:url(images/chalkBrd.gif) no-repeat right;
	padding:10px 0 0 0;
	width:237px;
	float:left;}

#footerShadow .widget_text h5{
	background:#7f6a78;
	display:inline;
	padding:2px;
	color:#fff;
	margin-left:10px;
}
#footerShadow .widget_text h5 a{color:#fff;}

#footerShadow .widget_text h5 a:hover{text-decoration:none;}

#footerShadow .widget_text p{
	padding-top:5px;
	margin-left:10px;
	font-size:1.1em;
}
#footerShadow .widget_text p a{
	color:#eee;
	border-bottom:1px dotted #666;
}
#footerShadow .widget_text p a:hover{
	color:#ddd;
	border-bottom:1px dotted #ddd;
}
#footerShadow .widget_text img{
	float:right;
	margin:15px;
}
#footerShadow #text-16{
	padding-right:20px;
	width:217px;
}
#footerShadow #text-16 h5,
#footerShadow #text-16 p{
	margin-left:0;
}
	
/* right col panel on 'some' pages
--------------------------------------------------------------*/

#colPanels div{
	padding:20px 0;
}
#colPanels div img{
	float:right;
	margin:10px 0 0 15px;
}
#colPanels div h2{
	margin:0;
	padding:0;
}
#colPanels div p{
	margin-bottom:0;
}
#colPanels div ul{
	padding:10px 0;
}
#colPanels div ul li{
	font-size:1.2em;
}
#colPanels div a{
	color:#a66d9a;
}

#carl{
	background:url(images/carl.png) no-repeat;
	width:267px;
	height:172px;
	position:absolute;
	right:-25px;
	top:-27px;
}
#footerCareers{
	background:url(images/footerCareers.png) no-repeat;
	width:271px;
	height:178px;
	position:absolute;
	right:-5px;
	top:-27px;
}
#footerCareers a{
	text-indent:-9999px;
	line-height:0;
	display:block;
	width:273px;
	height:180px;
}
/* tabs on homepage
--------------------------------------------------------------*/
#tabsHere{
	margin:0 !important;
	width:250px;
	top:-30px;
	position:relative;
	float:right;
}

.tabs-nav{height:27px;}
 
.tabs-nav li{
	float:left;
	background:#ebebeb url(images/tabs.gif) no-repeat 90% 50%;}

.tabs-nav li.tabs-selected{background:#dedede url(images/tabs-selected.gif) no-repeat 90% 50%;}

.tabs-nav li a{
	display:block;
	font-size:1.4em;
	color:#ab719d;
	text-indent:6px;
	padding:4px 0;
}

.tabs-nav li a:hover{text-decoration:none;}
 
#news,
#blog{clear:both;}
 
#news a,
#blog a{
	color:#A66D9A;
	font-weight:bold;
	padding:0 0 4px 0;
	display:inline-block;}
 
#news li,
#blog li{
	padding:8px 0 0 5px;}
 
.tabs-hide{display:none;}
 
#newsTab{width:130px;}
 
#blogTab{width:120px;}

.tabs-container{font-size:.9em;}

/* categories
--------------------------------------------------------------*/

#subCats{margin:0 -10px 0 0;}

#subCats li{
	float:left;
	width:210px;
	margin:0 20px 20px 0;}

#subCats li a{
	display:block;
	width:210px;
	height:130px;
	text-indent:-9999px;
	line-height:0;
}
#subCats li p{
	padding-bottom:4px;
	font-size:1.1em;
}
body.page-id-14 #subCats li a{
	border:1px solid #fff;
}

#subCats li h3{
	margin:5px 0;
}
#subCats li h3 a,
#subCats li p a{
	border:none;
	display:inline;
	width:auto;
	height:auto;
	padding:0;
	text-indent:0;
	line-height:normal;
	background:none;
	color:#A66D9A;
}

/* team page categories
--------------------------------------------------------------*/

#teamCats{margin:0 -10px 0 0;}

#teamCats li{
	float:left;
	width:210px;
	height:260px;
	margin:0 16px 20px 0;
}
#teamCats li img{
	display:block;
	width:210px;
	height:130px;
	padding:2px;
}
#teamCats li p{
	padding-bottom:4px;
	font-size:1.1em;
}
#teamCats li h3{
	margin:5px 0;
	font-size:1.5em
}
#teamCats li h4{
	font-size:1.4em;
}

/* News categories
--------------------------------------------------------------*/

#newsCats li{
	float:left;
	width:210px;
	margin:0 22px 22px 0;
	height:310px;}

#newsCats li a img{
	display:block;
	width:210px;
	height:130px;
}

#newsCats li h2{
	margin:10px 0 0 0;
	padding:0;
	line-height:20px;
}
#newsCats li p{
	margin:0;
	padding:5px 0;
	font-size:1.1em;
}

#colPic{
	border:1px solid #ccc;
	padding:2px;
	margin:0 auto 15px auto;
}
 
/* footer
--------------------------------------------------------------*/
#footer{
	clear:both;
	height:88px;
	padding:12px;}
	
#footer a{color:#6D6D6D;}

#footer ul{
	width:992px;
	margin:0 auto;
	height:30px;
	text-align:right;}

#footer li{
	display:inline;
	margin:0 15px 0 0;
	line-height:30px;}

#footer li.logo{float:left;}

#footer li.logo a{
	width:83px;
	height:27px;
	display:block;
	background:url(images/logo-sml.png) no-repeat;}
 
#footer .logo span{display:none;}
 
#footerShadow{
	background:url(images/footerShadow.png) no-repeat 0 0;
	height:131px;
	color:#eee;
	padding:0 20px;
	position:relative;}

/* page specific styles
--------------------------------------------------------------*/

.casestudyLogo{
	float:right;
	margin:10px 0 0 0;
}

/* team page */
.col75 li.mark-littlewood a{background:url(images/team/mark-littlewood.jpg) no-repeat 50% 50%;}
.col75 li.carl-willimott a{background:url(images/team/carl-willimott.jpg) no-repeat 50% 50%;}
.col75 li.paul-gosnell a{background:url(images/team/paul-gosnell.jpg) no-repeat 50% 50%;}

.col75 li.martin-dutton a{background:url(images/team/martin-dutton.jpg) no-repeat 50% 50%;}
.col75 li.darryl-donnelly a{background:url(images/team/darryl-donnelly.jpg) no-repeat 50% 50%;}
.col75 li.ben-graves a{background:url(images/team/ben-graves.jpg) no-repeat 50% 50%;}

.col75 li.sam-thompson a{background:url(images/team/sam-thompson.jpg) no-repeat 50% 50%;}
.col75 li.patrick-dent a{background:url(images/team/patrick-dent.jpg) no-repeat 50% 50%;}
.col75 li.colin-mcdonald a{background:url(images/team/colin-mcdonald.jpg) no-repeat 50% 50%;}

.col75 li.david-cannell a{background:url(images/team/david-cannell.jpg) no-repeat 50% 50%;}
.col75 li.andrew-hood a{background:url(images/team/andrew-hood.jpg) no-repeat 50% 50%;}

/* case study page */
.col75 li.page-item-91 a{background:url(images/case-studies/euronics.jpg) no-repeat 50% 50%;}
.col75 li.page-item-93 a{background:url(images/case-studies/omg.jpg) no-repeat 50% 50%;}
.col75 li.page-item-95 a{background:url(images/case-studies/potters-holidays.jpg) no-repeat 50% 50%;}
.col75 li.page-item-44 a{background:url(images/case-studies/totally-home.jpg) no-repeat 50% 50%;}
.col75 li.page-item-35 a{background:url(images/case-studies/bennetts-online.jpg) no-repeat 50% 50%;}
.col75 li.page-item-49 a{background:url(images/case-studies/Think!-Road-Safety.jpg) no-repeat 50% 50%;}

/* our work */
.col75 li.Feliway a{background:url(images/case-studies/feliway.jpg) no-repeat 50% 50%;}
.col75 li.Celotex a{background:url(images/case-studies/celotex.jpg) no-repeat 50% 50%;}
.col75 li.Everything a{background:url(images/case-studies/Everything-Under-the-Dress.jpg) no-repeat 50% 50%;}
.col75 li.Online a{background:url(images/case-studies/online-theory-tests.jpg) no-repeat 50% 50%;}
.col75 li.UEA a{background:url(images/case-studies/uea.jpg) no-repeat 50% 50%;}
.col75 li.Gardline a{background:url(images/case-studies/gardline.jpg) no-repeat 50% 50%;}
.col75 li.Aldiss a{background:url(images/case-studies/aldiss.jpg) no-repeat 50% 50%;}
/*.col75 li.Brandbank a{background:url(images/case-studies/brandbank.gif) no-repeat 50% 50%;}*/
.col75 li.Van a{background:url(images/case-studies/Van-Dal-Shoes.jpg) no-repeat 50% 50%;}
.col75 li.Ridgeons a{background:url(images/case-studies/ridgeons.jpg) no-repeat 50% 50%;}

/* services page 
.col75 li.page-item-218 a{background:url(images/global/services/affiliate-marketing.gif) no-repeat 0 50%;}
.col75 li.page-item-123 a{background:url(images/services/ecommerce.gif) no-repeat 0 50%;}
.col75 li.page-item-89 a{background:url(images/services/email-marketing.gif) no-repeat 0 50%;}
.col75 li.page-item-220 a{background:url(images/global/services/online-brand-building.gif) no-repeat 0 50%;}
.col75 li.page-item-214 a{background:url(images/services/social-media-optimisation.gif) no-repeat 0 50%;}
.col75 li.page-item-76 a{background:url(images/services/web-design.gif) no-repeat 0 50%;}
.col75 li.page-item-87 a{background:url(images/services/web-development.gif) no-repeat 0 50%;}
.col75 li.page-item-78 a{background:url(images/services/search-marketing.gif) no-repeat 0 50%;}
.col75 li.page-item-80 a{background:url(images/services/content-management-systems.gif) no-repeat 0 50%;}
*/

.col75 #subCats li.page-item-218 a,
.col75 #subCats li.page-item-123 a,
.col75 #subCats li.page-item-89 a,
.col75 #subCats li.page-item-220 a,
.col75 #subCats li.page-item-214 a,
.col75 #subCats li.page-item-76 a,
.col75 #subCats li.page-item-87 a,
.col75 #subCats li.page-item-78 a,
.col75 #subCats li.page-item-80 a{
	border:none;
	margin-bottom:0;
	text-indent:0;
	font-size:2.6em;
	line-height:normal !important;}
	
.col75 #subCats li.page-item-218 h3,
.col75 #subCats li.page-item-123 h3,
.col75 #subCats li.page-item-89 h3,
.col75 #subCats li.page-item-220 h3,
.col75 #subCats li.page-item-214 h3,
.col75 #subCats li.page-item-76 h3,
.col75 #subCats li.page-item-87 h3,
.col75 #subCats li.page-item-78 h3,
.col75 #subCats li.page-item-80 h3{
	display:none;}

/* news page mastheads */
body.postid-68 #mastheadNews{background:url(images/masthead/news/68.jpg) no-repeat 0 0;}
body.postid-197 #mastheadNews{background:url(images/masthead/news/197.jpg) no-repeat 0 0;}
body.postid-204 #mastheadNews{background:url(images/masthead/news/204.jpg) no-repeat 0 0;}
body.postid-207 #mastheadNews{background:url(images/masthead/news/207.jpg) no-repeat 0 0;}
body.postid-209 #mastheadNews{background:url(images/masthead/news/209.jpg) no-repeat 0 0;}
body.postid-211 #mastheadNews{background:url(images/masthead/news/211.jpg) no-repeat 0 0;}
body.postid-320 #mastheadNews{background:url(images/masthead/news/320.jpg) no-repeat 0 0;}
body.postid-366 #mastheadNews{background:url(images/masthead/news/366.jpg) no-repeat 0 0;}
body.postid-383 #mastheadNews{background:url(images/masthead/news/383.jpg) no-repeat 0 0;}
body.postid-492 #mastheadNews{background:url(images/masthead/news/492.jpg) no-repeat 0 0;}
body.postid-532 #mastheadNews{background:url(images/masthead/news/532.jpg) no-repeat 0 0;}
body.postid-607 #mastheadNews{background:url(images/masthead/news/607.jpg) no-repeat 0 0;}
body.postid-607 #mastheadNews{background:url(images/masthead/news/607.jpg) no-repeat 0 0;}
body.postid-1050 #mastheadNews{background:url(images/masthead/news/1050.jpg) no-repeat 0 0;}

/* careers page */
body.page-template-contact_page_sub-php .col75 h3{
	background:#8e7aaa;
	color:#fff;
	padding:1px 4px;
	display:inline-block;
	margin:0 0 10px 0;
}
body.page-template-contact_page_sub-php .col75 h1{
	margin:0 0 10px 0;
}


#map{
	width:680px;
	height:350px;
	border:1px solid #e1e1e1;
	margin:30px 0 30px 0;
	z-index:1;
}
#contactCard{
	background:url(images/contactCards.png) no-repeat;
	width:265px;
	height:354px;
	position:absolute;
	top:90px;
	_top:100px;
	right:-20px;
	z-index:99999;
}
.wpcf7,
#respond{
	background:#efedf3;
	border:1px solid #efedf3;
	width:680px;
	overflow:hidden;
	margin-top:20px;
}
#respond{
	padding:10px;
}
.wpcf7 .formCol1,
#respond .formCol1{
	float:left;
	width:190px;
	padding:0 10px 0 0;
}
.wpcf7 .formCol2,
#respond .formCol2{
	float:left;
	width:215px;
	padding:0 0 0 10px;
}
.wpcf7 form{
	padding:10px;
}
.wpcf7 form p,
#respond label{
	color:#A66D9A;
}
.wpcf7 form input,
#respond input{
	background:url(images/input.gif) no-repeat;
	border:none;
	width:203px;
	height:23px;
	padding-left:6px;
	color:#6D6D6D;
}
.wpcf7 form textarea,
#respond textarea{
	background:url(images/textarea.gif) no-repeat;
	border:none;
	width:203px;
	height:122px;
	padding-left:6px;
	color:#6D6D6D;
}
.wpcf7 form select,
#respond select{
	background:url(images/input.gif) no-repeat;
	border:none;
	width:209px;
	height:23px;
	padding:3px 0 3px 6px;
	color:#6D6D6D;
}
.wpcf7 form input.formSubmit,
#respond input#submit{
	background:#a66d9a;
	padding:4px;
	cursor:pointer;
	color:#fff;
	width:auto;
}
.wpcf7-response-output,
.wpcf7-validation-errors{
	clear:both;
}

/* misc styles
--------------------------------------------------------------*/
.clear{clear:both;}
 
.iconLink{
	background:url(images/icon-read-more.gif) no-repeat bottom left;
	display:inline-block;
	height:15px;
	line-height:15px;
	padding:0 0 0 20px;
	color:#A66D9A;
	margin:8px 0;}
 
.iconLink:hover{
	background-position:top left;
	text-decoration:none;}
 
.line{
	border-bottom:1px solid #e0e0e0;
	height:1px;
	line-height:0;
	font-size:0;
	clear:both;}
 
.relative{position:relative;}

.fr{float:right;}

.space50{height:50px;}

ul.list{
	padding:10px 0;
}
ul.list li{
	font-size:1.2em;
	list-style:circle;
	margin-left:15px;
}