@import url("https://fonts.googleapis.com/css?family=Droid+Serif");
/*//////////////////////////////////////////////////////////
	Global Stuff
//////////////////////////////////////////////////////////*/

	.clearfix:after {
	   content: ".";
	   display: block;
	   height: 0;
	   clear: both;
	   visibility: hidden;
	}
	.clearfix {display: inline-block;}
	/* Hide from IE Mac \*/
	.clearfix {display: block;}
	/* End hide from IE Mac */
	
	.hC,
	#clients ul.listing {
		height: 0; width: 0;
		text-indent: -9999em;
		font: 1px/1px sans-serif;
		background-repeat: no-repeat;
		text-decoration: none;
		color: #fff;
	}
	
	* {
		padding: 0;
		margin: 0;
	}	
		
	br.clear {
		height: 0em;
		font: 1px/1px sans-serif; /* stop IE from revealing unnecessary bg */
		text-decoration: none;
		margin: 0;
		padding: 0;
		clear: both;
	}
	
	#commentform input.submit,
	button {
		text-indent: -9999px;
		font: 1px/1px sans-serif;
		background-color: transparent;
		cursor: pointer;
		border: 0; 
		display: block;
	}
	button:hover,
	button:focus,
	button:active {
		background-position: left bottom !important;
	}	
	
	.line {
		height: 1px;
		background: #eee none center top no-repeat;
		margin: 0 0 34px 0;
		clear: both;
		z-index: 0;
	}
	
	.work .line,
	.who .line {
		background-color: #1b1b1b;
	}
	
		
	
/*/////////////////////////////////////////////////////////////////////
	Fontage
/////////////////////////////////////////////////////////////////////*/

	
	@font-face {
		font-family: "hlight";
		src: url("../../fonts/hlight.eot");
		src: local("Helvetica Neue LT Std 25 Ultra Light"), local("HelveticaNeueLTStd25UltraLight"),
		url("../../fonts/hlight.woff") format("woff"),
		url("../../fonts/hlight.otf") format("opentype"),
		url("type/filename.svg#filename") format("svg");
 	}

	body, a, ul, li, p, h1, h2, h3, h4, input, select, textarea {
		font-family: Arial, Helvetica, sans-serif;
		text-decoration: none;
	}
	
	input, textarea, select {
		font-size: 1.2em;
		color: #1e1d1e;
		outline: 0 !important;
		resize: none;
	}
	
	h2, h3, h4, blockquote {
	font-weight: bold;
	color: #464646;
	line-height: 1.2em;
	}
	
	p, p a {
		color: #848484;
	}
	p {
	line-height: 1.4em;
	font-size: 1.5em;
	}
	
	blockquote.bgSm, blockquote.bgSm p {
		font-family: Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
		font-size: 2.2em;
		color: #464646;
	}
	blockquote.bgSm p {
		font-size: 100%;
		letter-spacing: -0.5px;
	}
	blockquote.bgSm span {
		float: left;
		display: block;
		margin: 0 13px 0 0;
		z-index: 1;
		position: relative;
	}
	
	a {
		color: #5e5e5e;
		cursor: pointer;
	}
	a.more {
		font-size: 1.2em;
		border-bottom: 1px solid #00bff3;
	}
	a.more span {
		border-bottom: 1px solid #00bff3;
	}
	a.more:hover span,
	a.more:focus span,
	a.more:active span {
		border-bottom-color: #c1d72e;
	}
	
	a.text {
		border-bottom: 1px solid #00bff3;
	}
	a.text:hover,
	a.text:focus,
	a.text:active {
		border-bottom-color: #c1d72e;
	}
	
	a.subscribe {
		display: block;
		padding: 3px 0 3px 24px;
		background: url(../../images/layout/shared/rss.gif) no-repeat 0 50%;
		text-decoration: underline;
	}
	a.subscribe:hover,
	a.subscribe:focus,
	a.subscribe:active {
		text-decoration: none;
	}

	#work-subscribe {
		width: 35em;
	}
	#blog-subscribe {
		clear: both;
		padding: 0 0 25px;
	}
	body.blogarticle #blog-subscribe {
		margin-top: 10px; padding-bottom: 0; padding-top: 25px;
		border-top: 1px solid #D5D5D5;
	}
			
	ul {
		list-style: none;
	}
	
	li,
	li a {
	color: #333333;
	}
	
	#content ul li {
	zoom: 1;
	background: url(../../images/layout/shared/bullet.gif) 0 4px no-repeat;
	line-height: 1.3em;
	font-size: 1.4em;
	margin: 0 0 6px 0;
	padding: 0 0 0 16px;
	}
	#content li {
		zoom: 1;
		line-height: 1.3em;
		font-size: 1.2em;
		margin:0 0 12px 20px;
	}
	label {
		display: block;
	}
	label abbr.required {
		text-decoration: none;
		border: 0;
	}
	
	img { border: 0; }
		
	.btn {
		display: block;
	}
	.btn:hover,
	.btn:focus,
	.btn:active {
		background-position: left bottom;
	}

/*/////////////////////////////////////////////////////////////////////
	Shell
/////////////////////////////////////////////////////////////////////*/
	
	body {
		font-size: 62.5%;
		text-align: center;
		background: #fff;
		margin: 0; padding: 0;
	}
	.section {
		width: 998px;
		text-align: left;
		margin: 0 auto 0 auto; padding: 0;
		
	}
	#container {
		min-width: 998px;
	}
	
	#content .section,
	#footer .section {
		width: 958px;
	}
	
	#content .termsSection {
		padding-right:250px;
		width: 708px;
		margin-bottom:80px;
	}
	
	.line,
	#topNav li a,
	#header h1,
	#btnHome,
	blockquote.bgSm span,
	#content div.arrows ul li a,
	.headFolioList,
	.folioList h3,
	.mwork #content .folioBrowse h2,
	#blogCols #blogCol1 h1, #blogCols #blogCol1 h1 a,
	#footer #twitter, #footer #iwebMobile,
	#footer #awordz-qualified, #footer #analytics-qualified, #footer #sagepay-approved {
		text-indent:-9999px; line-height: 0.001em; font-size: 0.001em;
		outline: 0;
	}
	
	/*
	
	head
	
	*/
	
	/* top nav */
	
	#header {
		position: relative;
		z-index: 600;
		height: 105px;
		background: #000 url(../../images/layout/shared/head-bg.gif) 50% 0 no-repeat;
	}
		#header h1, #btnHome {
			width: 174px; height: 105px;
			float: left;
		}
		#btnHome a,
		#header h1 a {
			display: block;
			width: 115px; height: 48px;
			margin-top: 36px;
		}
		#header .section {
			position: relative;
		}
		body #header #phone {
	position: absolute;
	top: 12px;
	right: 0;
	overflow: hidden;
	width: 215px;
	height: 49px;
	padding: 0;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: 0 0;
		}
	
		body #header #phone-london {
			position: absolute; top: 24px; right: 0; overflow: hidden;
			width: 207px; height: 49px;
			padding: 0;
			font-size: 0; line-height: 0; text-indent: -9999px;
			background: url(../../images/layout/shared/london_phonenumber.jpg) no-repeat 0 0;
		}
		body #header #phone-dynamic {
			position: absolute; 
			top: 24px; 
			right: 0; 
			overflow: hidden;
			width: 207px; height: 49px;
			padding: 0;
			font-size: 30px; 
			line-height: 32px; 
			color:#DCD9D9;
		}		
	
	/* top nav */
	#topNav {
		/* position: relative; */ /* was breaking h1 logo a tag link */
		float: right;
		padding: 70px 0 0 27px;
	}
		#topNav li,
		#topNav li a {
			position: relative;
			float: left;
			height: 35px;
		}
		#topNav li {
			margin: 0 10px 0 0;
			background: none;
		}
			#topNav li a {
	background-image: url(../../images/layout/shared/topnav.png);
	background-repeat: no-repeat;
	background-position: 0 0;
			}
			#topNav li:hover ul,
			#topNav li.hover ul {
				display: block;
			}
	
			/* off state */
			#topNav li#tn1,
			#topNav li#tn1 a {
				width: 56px;
				background-position: 0 0;
			}
			#topNav li#tn2,
			#topNav li#tn2 a {
				width: 101px;
				background-position: -120px 0;
			}
			#topNav li#tn3,
			#topNav li#tn3 a {
				width: 101px;
				background-position: -240px 0;
			}
			#topNav li#tn4,
			#topNav li#tn4 a {
	width: 90px;
	background-position: -360px 0;
			}
			#topNav li#tn5,
			#topNav li#tn5 a {
	width: 78px;
	background-position: -480px 0;
			}
			#topNav li#tn6,
			#topNav li#tn6 a {
				width: 73px;
				background-position: -600px 0;
			}
			#topNav li#tn7,
			#topNav li#tn7 a {
				width: 46px;
				background-position: -720px 0;
			}
			
					
			/* over state */
			#topNav li#tn1:hover a,
			#topNav li#tn1.hover a,
			#topNav li#tn1 a:hover,
			#topNav li#tn1 a:focus,
			#topNav li#tn1 a:active,
			body.home #topNav li#tn1:hover a,
			body.home #topNav li#tn1.hover a,
			body.home #topNav li#tn1 a:hover,
			body.home #topNav li#tn1 a:focus,
			body.home #topNav li#tn1 a:active {
				background-position: 0 -50px;
			}
			body.home #topNav li#tn1 a {
				background-position: 0 -100px;
			}

			#topNav li#tn2:hover a,
			#topNav li#tn2.hover a,
			#topNav li#tn2 a:hover,
			#topNav li#tn2 a:focus,
			#topNav li#tn2 a:active,
			body.who-we-are #topNav li#tn2:hover a,
			body.who-we-are #topNav li#tn2.hover a,
			body.who-we-are #topNav li#tn2 a:hover,
			body.who-we-are #topNav li#tn2 a:focus,
			body.who-we-are #topNav li#tn2 a:active {
				background-position: -120px -50px;
			}
			body.who-we-are #topNav li#tn2 a {
				background-position: -120px -100px;
			}

			#topNav li#tn3:hover a,
			#topNav li#tn3.hover a,
			#topNav li#tn3 a:hover,
			#topNav li#tn3 a:focus,
			#topNav li#tn3 a:active,
			body.what-we-do #topNav li#tn3:hover a,
			body.what-we-do #topNav li#tn3.hover a,
			body.what-we-do #topNav li#tn3 a:hover,
			body.what-we-do #topNav li#tn3 a:focus,
			body.what-we-do #topNav li#tn3 a:active {
				background-position: -240px -50px;
			}
			body.what-we-do #topNav li#tn3 a {
				background-position: -240px -100px;
			}

			#topNav li#tn4:hover a,
			#topNav li#tn4.hover a,
			#topNav li#tn4 a:hover,
			#topNav li#tn4 a:focus,
			#topNav li#tn4 a:active,
			body.work #topNav li#tn4:hover a,
			body.work #topNav li#tn4.hover a,
			body.work #topNav li#tn4 a:hover,
			body.work #topNav li#tn4 a:focus,
			body.work #topNav li#tn4 a:active {
				background-position: -360px -50px;
			}
			body.work #topNav li#tn4 a {
				background-position: -360px -100px;
			}

			#topNav li#tn5:hover a,
			#topNav li#tn5.hover a,
			#topNav li#tn5 a:hover,
			#topNav li#tn5 a:focus,
			#topNav li#tn5 a:active,
			body.clients #topNav li#tn5:hover a,
			body.clients #topNav li#tn5.hover a,
			body.clients #topNav li#tn5 a:hover,
			body.clients #topNav li#tn5 a:focus,
			body.clients #topNav li#tn5 a:active {
				background-position: -480px -50px;
			}
			body.clients #topNav li#tn5 a {
				background-position: -480px -100px;
			}

			#topNav li#tn6:hover a,
			#topNav li#tn6.hover a,
			#topNav li#tn6 a:hover,
			#topNav li#tn6 a:focus,
			#topNav li#tn6 a:active,
			body.contact #topNav li#tn6:hover a,
			body.contact #topNav li#tn6.hover a,
			body.contact #topNav li#tn6 a:hover,
			body.contact #topNav li#tn6 a:focus,
			body.contact #topNav li#tn6 a:active {
				background-position: -600px -50px;
			}
			body.contact #topNav li#tn6 a {
				background-position: -600px -100px;
			}

			#topNav li#tn7 {
				margin-right: 0;
				margin-left: 10px;
			}
			#topNav li#tn7:hover a,
			#topNav li#tn7.hover a,
			#topNav li#tn7 a:hover,
			#topNav li#tn7 a:focus,
			#topNav li#tn7 a:active,
			body.blog #topNav li#tn7:hover a,
			body.blog #topNav li#tn7.hover a,
			body.blog #topNav li#tn7 a:hover,
			body.blog #topNav li#tn7 a:focus,
			body.blog #topNav li#tn7 a:active {
				background-position: -720px -50px;
			}
			body.blog #topNav li#tn7 a {
				background-position: -720px -100px;
			}

			#topNav li ul {
				display: none;
				position: absolute;
				clear: both;
				top: 16px; left: 10px;
				width: 245px; width: 175px;
				z-index: 600;
			}
			#topNav li#tn2 ul {
				left: -15px;
			}
			#topNav li#tn3 ul {
				left: -10px;
			}
			#topNav li#tn4 ul {
				left: -30px;
			}
			#topNav li#tn5 ul {
				left: -25px;
			}
			#topNav li#tn6 ul {
				left: -22px;
				width:150px;
			}

			#topNav li ul li {
				display: block; overflow: hidden;
				float: left; clear: both;
				height: 23px; width: 182px;
				padding: 0 0 2px 0; 
				margin: 0;
				background: url(../../images/nav/rgba-363636-94.png) repeat 0 0;
				background: rgba(36, 36, 36, 0.94);
			}
			#topNav  li#tn6 ul li {
				width: 150px;
			}
			
			#topNav li ul {
				padding-top: 20px;
			}
			#topNav li ul li.f {
				padding-top: 10px;
			}

			#topNav li ul li.l {
				padding-bottom: 25px;
			}
				#topNav li ul li.bf {
					padding-top: 20px;
					background: url(../../images/nav/top-nav-divider.png) repeat-x 0 0;
				}

			#topNav li#tn2 ul li a, 
			#topNav li#tn3 ul li a, 
			#topNav li#tn4 ul li a, 
			#topNav li#tn5 ul li a {
				display: block;
				height: 23px; width: 166px !important;
				line-height: 23px;
				padding: 0 20px;
				color: #acacac; font-size: 14px; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; text-indent: 0;
				background: none;
			}
			#topNav li#tn6 ul li a {
				display: block;
				height: 24px; width: 150px !important;
				line-height: 24px;
				padding: 0 20px;
				color: #acacac; font-size: 14px; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; text-indent: 0;
				background: none;
			}

			#topNav li#tn2 ul li a:hover, #topNav li#tn2 ul li a:focus, #topNav li#tn2 ul li a:active,
			#topNav li#tn3 ul li a:hover, #topNav li#tn3 ul li a:focus, #topNav li#tn3 ul li a:active,
			#topNav li#tn4 ul li a:hover, #topNav li#tn4 ul li a:focus, #topNav li#tn4 ul li a:active,
			#topNav li#tn5 ul li a:hover, #topNav li#tn4 ul li a:focus, #topNav li#tn4 ul li a:active,
			#topNav li#tn6 ul li a:hover, #topNav li#tn5 ul li a:focus, #topNav li#tn5 ul li a:active {
				color: #fff;
				background-color: #393939;
			}
	
			#topNav li#tn6 {
				margin-right: 0px;
			}
	/* top gallery images */
	
	#clientGallery {
		height: 515px;
		background: #000 url(../../images/layout/shared/client-grow-gallery.gif) repeat-x;
	}
	
	#clientGalleryMenu {
		float: left; height: 312px; margin: 12px 20px 0 0;
		background: #000 url(../../images/layout/clients/menu-bg.gif) repeat-y 100% 0;
	}
	
	#clientGalleryMenu ul {
		display: inline-block;
		background-image: url(../../images/layout/clients/client-gallery-menu-arrow.gif) !important;
		background-repeat: no-repeat;
		background-position: 100% -999999px;
		padding: 15px 10px 0 18px;
		width: 163px; 
	}
	
	#clientGalleryMenu ul li { text-align: left; }
	
	#clientGalleryMenu ul li a {
		font-size:2em; letter-spacing:-0.7px; color: #585858;
		line-height:1.2em;	
	}
	
	#clientGalleryMenu ul li.on a,
	#clientGalleryMenu ul li a:hover,
	#clientGalleryMenu ul li a:focus,
	#clientGalleryMenu ul li a:active {
		color: #fff;	
	}
	
	#clientGalleryMenu ul.on-0 { background-position: 100% -99999px; }
	#clientGalleryMenu ul.on-1 { background-position: 100% -25px; }
	#clientGalleryMenu ul.on-2L { background-position: 100% -12.5px; }
	#clientGalleryMenu ul.on-2 { background-position: 100% 0; }
	#clientGalleryMenu ul.on-2L { background-position: 100% 12.5px; }
	#clientGalleryMenu ul.on-3 { background-position: 100% 25px; }
	#clientGalleryMenu ul.on-3L { background-position: 100% 37.5px; }
	#clientGalleryMenu ul.on-4 { background-position: 100% 50px; }
	#clientGalleryMenu ul.on-5L { background-position: 100% 62.5px; }
	#clientGalleryMenu ul.on-5 { background-position: 100% 75px; }
	#clientGalleryMenu ul.on-5L { background-position: 100% 87.5px; }
	#clientGalleryMenu ul.on-6 { background-position: 100% 100px; }
	#clientGalleryMenu ul.on-6L { background-position: 100% 112.5px; }
	#clientGalleryMenu ul.on-7 { background-position: 100% 125px; }
	#clientGalleryMenu ul.on-7L { background-position: 100% 137.5px; }
	#clientGalleryMenu ul.on-8 { background-position: 100% 150px; }
	#clientGalleryMenu ul.on-8L { background-position: 100% 162.5px; }
	#clientGalleryMenu ul.on-9 { background-position: 100% 175px; }
	#clientGalleryMenu ul.on-9L { background-position: 100% 187.5px; }
	#clientGalleryMenu ul.on-10 { background-position: 100% 200px; }
	#clientGalleryMenu ul.on-10L { background-position: 100% 112.5px; }
	#clientGalleryMenu ul.on-11 { background-position: 100% 225px; }
	#clientGalleryMenu ul.on-11L { background-position: 100% 237.5px; }
	
	#headLargeGallery,
	#headGallery {
		position: relative;
		height: 401px;
		background: #000 url(../../images/layout/shared/grow-gallery.gif) repeat-x;
		overflow: hidden;
	}
	#headLargeGallery {
		height: 463px;
		background: #000 url(../../images/layout/shared/grow-large-gallery.gif) repeat-x;
		position: relative;
		z-index: 0;
	}
	.awordz #headLargeGallery {
		height: 462px;
	}
	#container .clientGallery {
		float: left;
		width: 764px; height: 364px !important;
		background: none;
	}
		#headLargeGallery ul#topPics ,
		#headGallery ul#topPics {
			height: 385px;
			overflow: hidden;
			padding: 11px 0 0 0;
		}
		#headLargeGallery ul#topPics {
			height: 447px;
		}
		#container .clientGallery ul#topPics {
			height: 310px !important;
		}
		#headLargeGallery ul#topPics li,
		#headGallery ul#topPics li {
			float: left;
			padding: 0 8px 0 0;
		}

		#headLargeGallery div.shadow,
		#headGallery div.shadow,
		div.shadow-inner		{
			position: absolute !important; left: 0; top: 10px !important; z-index: 5 !important;
			width: 100%; height: 387px;
			display: block;
			background: url(../../images/layout/shared/head-gallery-shadow.png) no-repeat 50% 0;
		}
		div.banner-phone-wrap {
			position: absolute;
			left: 50%; top: 10px;
			width: 700px; height: 387px;
			margin-left: -350px;
			display: block;
			z-index: 10;
		}
		.large-gallery #headLargeGallery div.shadow,
		.large-gallery #headGallery div.shadow {
			background-image: none!important;
			z-index: 1!important;
			top: 115px;
		}
		#headLargeGallery div.shadow,
		div.shadow-inner {
			height: 449px;
			background: url(../../images/layout/shared/head-large-gallery-shadow.png) no-repeat 50% 0;
		}
		div.shadow-inner {
			display: block;
			z-index: 5!important;
			width: 5000px;
			left: 50%;
			margin-left: -2500px;
		}
		
		#headLargeGallery div.shadow a,
		#headGallery div.shadow a {
			position: relative; z-index: 1 !important;
			display: block;
			width: 998px; height: 387px;
			margin: 0 auto;
		}
		#headGallery div.shadow a,
		#headGallery div.shadow a:active,
		#headGallery div.shadow a:focus {
			border: 0!important;
			outline: 0!important;
		}

		#headLargeGallery div.shadow a {
			height: 449px;
			display: block;
			position: absolute;
			margin-left: -499px;
			left: 50%;
		}

html.js #headLargeGallery div.ui-wrapper,				
html.js #headGallery div.ui-wrapper {
	position: relative; z-index: 5;
	height: 385px;
}
html.js #headLargeGallery div.ui-wrapper {
	height: 447px;
}
html.js #container .clientGallery div.ui-wrapper,
html.js #container .clientGallery div.shadow,
html.js #container .clientGallery div.shadow a {
	height: 310px !important;
}
html.js #headLargeGallery div.ui-wrapper ul#topPics,
html.js #headGallery div.ui-wrapper ul#topPics {
	position: absolute; top: 0; left: 0; z-index: 6;
}
html.js #headLargeGallery ul.ui-pagination ,
html.js #headGallery ul.ui-pagination {
	overflow: hidden;
	position: relative; top: -33px; z-index: 10;
	width: 970px;
	padding: 0; margin: 0 auto;
	background-color: transparent;
	list-style: none;
}
html.js #headLargeGallery ul.ui-pagination li,
html.js #headGallery ul.ui-pagination li {
	float: left;
	height: 44px; width: 32px;
	margin: 0;
}
html.js #headLargeGallery ul.ui-pagination li a,
html.js #headGallery ul.ui-pagination li a {
	display: block;
	padding: 19px 15px 10px;
	color: #666; font-size: 12px; font-weight: bold;
	outline: 0;
}
html.js #headLargeGallery ul.ui-pagination li a:hover,
html.js #headLargeGallery ul.ui-pagination li a:focus,
html.js #headLargeGallery ul.ui-pagination li a:active,
html.js #headGallery ul.ui-pagination li a:hover,
html.js #headGallery ul.ui-pagination li a:focus,
html.js #headGallery ul.ui-pagination li a:active {
	color: #c1d72e;
}
html.js #headLargeGallery ul.ui-pagination li.active-icon,
html.js #headLargeGallery ul.ui-pagination li.active a,
html.js #headGallery ul.ui-pagination li.active-icon,
html.js #headGallery ul.ui-pagination li.active a {
	color: #c1d72e;
	background: url(../../images/layout/shared/head-gallery-pagination-mouseover.png) no-repeat 0 0;
}
html.js #headLargeGallery ul.ui-pagination.animating li a ,
html.js #headGallery ul.ui-pagination.animating li a {
	color: #222;
}
html.js #headLargeGallery ul.ui-pagination li.active-icon,
html.js #headGallery ul.ui-pagination li.active-icon {
	position: absolute; top: 0; left: 0; z-index: -1;
	display: none;
}


	
	/* 
	
	Footer 
	
	*/
		
	
	#footer {
		background: #000 url(../../images/layout/shared/grow-foot.gif) repeat-x;
		padding: 60px 0 75px 0;
		border-top: 1px solid #efefef;
	}

	#footer #facebook {
		float: left;
		display: block;
		width: 143px; height: 34px;
		margin: 5px 0 20px;
		background-image: url(../../images/buttons/facebook.gif);
	}

	#footer #social{
		margin-top:25px;
	}
		
	#footer #twitter:hover,
	#footer #twitter:focus,
	#footer #twitter:active,
	#footer #iwebMobile:hover,
	#footer #iwebMobile:focus{
		opacity: 0.7; filter: alpha(opacity=70);
	}

	#footer #iwebMobile {
		float: left;
		width: 121px; height: 39px;
		margin-left: 30px; 
		margin-bottom: 5px;
		background: url(../../images/layout/footer/iweb-mobile.jpg);
	}

	#footer #analytics-qualified, #footer #awordz-qualified, #footer #sagepay-approved {
		float: left; display: block;
		width: 73px; height: 74px;
		/*margin: 37px 0 0 30px;*/
		margin: 21px 0 0 30px;
		background: url(../../images/layout/footer/analytics-qualified.jpg);
		cursor: default;
	}

	#footer #awordz-qualified {
		width: 72px; height: 74px;
		background: url(../../images/layout/footer/adwords-qualified.jpg);
	}
	
	#footer #sagepay-approved {
		width: 200px; height: 50px;
		background: url(../../images/layout/footer/sagepay-approved.jpg);
	}
	
		#footer h3,
		#footer h3 a,
		#footer h3 a:hover,
		#footer h3 a:focus,
		#footer h3 a:active {
			font-size: 2.4em;
			letter-spacing: -0.75px;
			color: #afafaf;
			margin: 0 0 11px 0;
		}
		#footer h3 a,
		#footer h3 a:hover,
		#footer h3 a:focus,
		#footer h3 a:active {
			font-size: 1.0em;
		}
		#footer,
		#footer p,
		#footer a {
			color: #5e5d5d;
		}
		#footer p {
			line-height: 1.8em;
			margin: 0;
		}
		#footer p a,
		#footer ul li a,
		#container #footer .section .vcard a:hover,
		#container #footer .section .vcard a:focus,
		#container #footer .section .vcard a:active {
			text-decoration: underline;
		}
		#container #footer .section a:hover,
		#container #footer .section a:focus,
		#container #footer .section a:active {
			color: #403d3d;
			text-decoration: none;
		}

			#footer p#footVat {
				display: block; float: left;
				width: 150px;
				line-height: 1.6em;
			}
		#footer ul,
		#footer ul li {
			overflow: hidden;
			margin: 0; padding: 0;
			list-style: none;
			background: none;
		}
		#footer ul {
			margin: 5px 0 37px;
		}
		#footer ul li {
			float: left;
			margin-right: 5px; padding-right: 5px;
			font-size: 1.2em; line-height: 1.3; color: #5E5D5D;
			border-right: 1px solid #5E5D5D;
		}
		#footer ul li.l {
			border-right: 0;
		}
		
		#footer .office {
	width: 280px;
	float: left;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 54px;
	padding-left: 0;
		}
		
		.adr .geo {
			display: none;
		}

			#footer .office,
			#footer .office p,
			#footer .office p a {
				color: #5e5d5d;
			}
			#footer .office p a {
				text-decoration: none;
			}
			#footer .office address {
				font-size: 1.3em;
				line-height: 1.4em;
				font-style: normal;
				margin: 0 0 36px 0;
			}
				#footer .office address strong {
					font-size: 1.15em; font-weight: normal;
					color: #757374;
					display: block;
					margin: 0 0 4px 0;
				}
			#footer .office p {
				height: 18px;
				line-height: 1.2em;
				margin: 0;
			}
				#footer .office p abbr,
				body.address #content .contactBox div.vcard p abbr,
				#services .office p abbr {
					width: 6px;
				}
				#footer .office p abbr,
				#footer .office p span,
				body.address #content .contactBox div.vcard p abbr,
				body.address #content .contactBox div.vcard p span,
				#services .office p abbr,
				#services .office p span {
					color: #c1d72e;
					float: left;
					margin: 0 9px 0 0;
				}
				#footer .office p abbr span,
				body.address #content .contactBox div.vcard p abbr span,
				#services .office p abbr span {
					margin: 0; padding: 0;
				}
				#footer .office p abbr,
				body.address #content .contactBox div.vcard p abbr,
				#services .office p abbr {
					border: 0; text-decoration: none;
				}
				#footer .office p em.value,
				body.address #content .contactBox div.vcard p em.value,
				#services .office p em.value {
					font-style: normal;
				}
				
		#footer #footAbout {
			width: 380px;
			padding: 0 0 0 80px;
			float: left;
		}
			#footer #footAbout h3 {
				margin-bottom: 16px;
			}
			#footer #footAbout h1 {
				color:#AFAFAF;
				font-size:2.4em;
				letter-spacing:-0.75px;
				margin-bottom: 16px;
				font-weight:100;
				line-height:1.2em;
			}
			#footer #footAbout p {
				color: #5e5d5d;
				line-height: 1.4em;
				margin-bottom: 14px;
			}
			
	
	
	
	
	
/*/////////////////////////////////////////////////////////////////////
	Home
/////////////////////////////////////////////////////////////////////*/

	#content {
		background: url(../../images/layout/shared/body-head-shadow.jpg) center top no-repeat;
	}
	
	#ourServices {
		padding: 42px 0 33px 0;
		overflow: auto; zoom: 1;
	}
	
	/* 
	
	services 
	
	*/
	
	.svcCol {
		overflow: hidden;
		width: 223px; height: 312px;
		float: left;
		margin: 0 22px 0 0;
	}

		.svcCol a {
			position: relative; overflow: hidden;
			display: block;
			width: 223px;
			outline: 0;
		}
		.svcCol a:hover h3,
		.svcCol a:focus h3,
		.svcCol a:active h3 {
			text-decoration: underline;
		}
		.svcCol a:hover,
		.svcCol a:focus,
		.svcCol a:active {
			background-color: #fff;
		}
		.svcCol .img,
		.svcCol .img .imgHover {
			height: 153px; width: 223px;
			background: url(../../images/layout/shared/serviceboxes.gif) no-repeat;
		}
		.svcCol .img {
			margin: 0 0 9px 0;
		}
			.svcCol .img .imgHover {
				display: none;
			}
		.svcCol a:hover .img .imgHover,
		.svcCol a:focus .img .imgHover,
		.svcCol a:active .img .imgHover {
			display: block;
		}
			
		.svcCol h2,
		body.home #recentWork h2 {
			font-size: 2.3em;
			letter-spacing: -1px;
			padding: 0 0 8px 0; margin: 0;
		}
		.svcCol h3 {
			font-size: 1.6em;
			line-height: 1em;
			padding: 0 0 15px 2px; margin: 0;
		}
		.svcCol ul {
			margin: 0 0 0 2px;
		}
			.svcCol ul li {
				line-height: 1.2em !important;
				font-size: 1.3em !important;
			}

	/* services cols - double column */
	#sv1.twoCol .img,
	#sv1.twoCol .img .imgHover {
		height: 153px; width: 468px;
		background: url(../../images/layout/shared/serviceboxmagento.gif) no-repeat;
	}
	#sv1.twoCol {
		width: 468px; 
	}
		#sv1.twoCol a {
			width: 468px;
		}
	.twoCol .col1,	
	.twoCol .col2{
		float:left;
		display:block;
	}	
	.twoCol .col1{
		margin-right:30px;
	}
		
	/* services cols */
	
	#sv1.twoCol .img,
	#sv1 .img {
		background-position: 0 0;
	}
	#sv2 .img {
		background-position: -223px 0;
	}
	#sv3 .img {
		/*background-position: -446px 0;*/
		background-position: 0 0;
	}
	#sv4 .img {
		/*background-position: -669px 0;*/
		background-position: -446px 0;
	}
	
	#sv1.twoCol .img .imgHover,
	#sv1 .img .imgHover {
		background-position: 0 -153px;
	}
	#sv2 .img .imgHover {
		background-position: -223px -153px;
	}
	#sv3 .img .imgHover {
		/*background-position: -446px -153px;*/
		background-position: 0 -153px;
	}
	#sv4 .img .imgHover {
		/*background-position: -669px -153px;*/
		background-position: -446px -153px;
	}

	#sv4 {
		margin: 0;
	}
	
	
	/* 
	
	3 cols for lower content 
	
	*/
	
	
	.hCol1 {
		width: 465px;
		float: left;
		margin: 0 22px 0 0;
	}
	.hCol2 {
		width: 223px;
		float: left;
		margin: 0 22px 0 0;
	}
	.hCol3 {
		width: 223px;
		float: left;
	}

	/* 
	
	about us 
	
	*/

	#aboutHead,
	#recentWorkHead {
		background-image: url(../../images/layout/home/aboutbg.gif);
	}
	
	#aboutUs {
		height: 320px;
		background: url(../../images/layout/home/aboutbg.gif) left bottom no-repeat;
		margin-bottom: -1px; 
		position: relative;
		z-index: 1;
	}
	#content #aboutUs {
		width: 960px;
	}
		#aboutUs a {
			outline: 0;
		}
		#aboutUs a:hover span.more,
		#aboutUs a:focus span.more,
		#aboutUs a:active span.more {
			border-bottom-color: #c1d72e;
		}
		#aboutUs a:hover h2,
		#aboutUs a:focus h2,
		#aboutUs a:active h2 {
			text-decoration: underline;
		}
		#aboutUs blockquote {
			margin: 0 0 20px 0;
		}
		#aboutUs blockquote span {
			width: 102px; height: 61px;
			background: url(../../images/layout/home/quote-we.gif) no-repeat;
			margin-top: -12px;
		}
		#aboutUs img {
			margin: 0 0 7px 0;
			display: block;
		}
		#aboutUs h2 {
			font-size: 1.6em;
			margin: 0 0 9px 0;
		}
		
		#aboutUs span.more {
			font-size: 1.2em;
			border-bottom: 1px solid #00bff3;
			color: #5e5e5e;
			position: absolute;
			top: 280px;
		}
		#aboutUs .hCol1 p {
			margin-bottom: 14px;
		}
	
	/* 
	
	latest blog bits 
	
	*/
	

	#content #ourBlog {
		overflow: auto;
		width: 963px;
		padding: 0 0 80px 0;
	}
		#ourBlog a {
			outline: 0;
		}
		#ourBlog a:hover h3,
		#ourBlog a:focus h3,
		#ourBlog a:active h3 {
			text-decoration: underline;
		}
		#ourBlog h2 {
			font-size: 2.4em;
			color: #474747;
			letter-spacing: -0.5px;
			margin: 0 0 5px 0;
		}
		#ourBlog h3 {
			font-size: 1.6em;
			margin: 0 0 4px 0;
		}
		#ourBlog img {
			margin: 0 0 12px 0;
			border:1px solid #F2F2F2;
			display: block;
		}
		#ourBlog p {
			font-size: 1.1em;
		}
		#ourBlog p * {
			color: #868686;
		}
		#ourBlog p a:hover,
		#ourBlog p a:focus,
		#ourBlog p a:active {
			border-bottom: 1px solid #c1d72e;
		}
		
	#aboutUs a:hover img,
	#aboutUs a:focus img,
	#aboutUs a:active img,
	#ourBlog a:hover img,
	#ourBlog a:focus img,
	#ourBlog a:active img,
	.service #content #partners ul li a:hover,
	.service #content #partners ul li a:focus,
	.service #content #partners ul li a:active,
	.workShot a:hover img,
	.workShot a:focus img,
	.workShot a:active img,
	#blogCols .article a:hover img,
	#blogCols .article a:focus img,
	#blogCols .article a:active img,
	.mwork #content .folioBrowse .folioList ul li div.latest a:hover img,
	.mwork #content .folioBrowse .folioList ul li div.latest a:focus img,
	.mwork #content .folioBrowse .folioList ul li div.latest a:active img,
	body.home #recentWork a:hover img,
	body.home #recentWork a:focus img,
	body.home #recentWork a:active img {
		opacity: 0.85;
		filter:alpha(opacity=85);
	}
	
	#comments{
		padding-bottom:10px;
	}
		#comments .commentbox {
			padding-bottom:10px;
		}
		#comments .commentbox .info {
			padding-bottom:8px;
		}
	
	#blogCol1 .notice{
		padding:10px 0;
	}
		#blogCol1 .notice p{
			font-size: 1em;
		}
			#blogCol1 .notice p a{
				text-decoration: none;
			}
	
			#blogCol1 .notice p a:hover,
			#blogCol1 .notice p a:focus,
			#blogCol1 .notice p a:active {
				text-decoration: underline;
			}
	
	#blogWrapper .excerpt p strong{
		/*font-size: 1.3em;*/
	}
	
/*//////////////////////////////////////////////////////////////////////
BLOG SOCIAL
//////////////////////////////////////////////////////////////////////*/


.twitter-share-button{
	padding: 15px 0 0 0;
	float:left;
}

/*GOOGLE +1 ID BELOW*/

#google-click{
	padding:20px 0 0px 0;
	float:left;
}

#facebook{
	padding:15px 0 15px 0;
	float:left;
	clear:left;
}


/*//////////////////////////////////////////////////////////////////////
BLOG SOCIAL END
//////////////////////////////////////////////////////////////////////*/
	
/**
 * Blog article rating box
 */ 
.rating-box {
	background: #F1F1F1;
	margin: 30px 0 10px;
	padding: 20px 20px 10px;
}
.rating-box .entry-title {
	font-style: italic;
}
	
/*/////////////////////////////////////////////////////////////////////
	Default texty page
/////////////////////////////////////////////////////////////////////*/

	#default .col2 blockquote {
		margin: 0; padding: 12px 0 0 0;
	}
	#default .col2 blockquote.bgSm span {
		width: 156px; height: 61px;
		background: url(../../images/layout/shared/quote-your.gif) no-repeat;
		margin-top: -12px;
		margin-left: -8px
	}
	
	#default blockquote.bgSm span.if,
	#default blockquote.bgSm p.if span {
		width: 73px; height: 84px;
		background: url(../../images/layout/shared/quote-if.gif) no-repeat;
		margin-top: -12px;
		margin-left: -8px
	}
	
	#default blockquote.bgSm span.we {
		width: 102px; height: 61px;
		background: url(../../images/layout/home/quote-we.gif) no-repeat;
		margin-top: -12px;
		margin-left: -8px
	}

	#default blockquote.bgSm p.iWeb span,
	#services blockquote.bgSm p.iWeb span {
		width: 168px; height: 67px;
		background: url(../../images/layout/shared/quote-iweb.gif) no-repeat;
		margin: -20px 13px 5px 0;
	}

	#default blockquote.bgSm p.iWebs span {
		width: 208px; height: 67px;
		background: url(../../images/layout/shared/quote-iwebs.gif) no-repeat;
		margin: -20px 13px 5px 0;
	}

	#default blockquote.bgSm p.since span {
		width: 188px; height: 67px;
		background: url(../../images/layout/shared/quote-since.gif) no-repeat;
		margin: -20px 13px 5px 0;
	}

	#services blockquote.bgSm p span.ideas {
		width: 180px; height: 70px;
		background: url(../../images/layout/shared/ideas.png) no-repeat;
		margin: -20px 13px 5px 0;
	}

	#services blockquote.bgSm p span.look {
		width: 180px; height: 70px;
		background: url(../../images/layout/shared/look.png) no-repeat;
		margin: -20px 13px 5px 0;
	}

	#services blockquote.bgSm p span.talk {
		width: 137px; height: 70px;
		background: url(../../images/layout/shared/talk.png) no-repeat;
		margin: -20px 13px 5px 0;
	}

	#services blockquote.bgSm p span.corporate {
		width: 343px; height: 80px;
		background: url(../../images/layout/shared/corporate.png) no-repeat;
		margin: -20px 13px 5px 0;
	}

	#services blockquote.bgSm p span.ecommerce {
		width: 412px; height: 80px;
		background: url(../../images/layout/shared/ecommerce.png) no-repeat;
		margin: -20px 13px 5px 0;
	}

	#services blockquote.bgSm p.whether span {
		width: 306px; height: 67px;
		background: url(../../images/layout/shared/quote-whether.gif) no-repeat;
		margin: -20px 13px 5px 0;
	}

	#services blockquote.bgSm p.cdroms span {
		width: 319px; height: 67px;
		background: url(../../images/layout/shared/quote-cdroms.gif) no-repeat;
		margin: -20px 13px 5px -5px;
	}

	#default blockquote.bgSm p.sometimes span {
		width: 353px; height: 67px;
		background: url(../../images/layout/shared/quote-sometimes.gif) no-repeat;
		margin: -20px 13px 5px -5px;
	}

	#services blockquote.bgSm p.the span,
	#default blockquote.bgSm p.the span {
		width: 120px; height: 67px;
		background: url(../../images/layout/shared/quote-the.gif) no-repeat;
		margin: -20px 13px 5px 0;
	}

	#services blockquote.bgSm p.flash span {
		width: 181px; height: 67px;
		background: url(../../images/layout/shared/quote-flash.gif) no-repeat;
		margin: -20px 13px 5px -5px;
	}

	#default blockquote.bgSm p.over span {
		width: 162px; height: 67px;
		background: url(../../images/layout/shared/quote-over.gif) no-repeat;
		margin: -20px 13px 5px 0;
	}

	#services blockquote.bgSm p span.our,
	#default blockquote.bgSm p.our span {
		width: 130px; height: 67px;
		background: url(../../images/layout/shared/quote-our.gif) no-repeat;
		margin: -20px 13px 5px 0;
	}

	#default blockquote.bgSm p.all span {
		width: 99px; height: 67px;
		background: url(../../images/layout/shared/quote-all.gif) no-repeat;
		margin: -20px 13px 5px -5px;
	}

	#default blockquote.bgSm p.wireframes span {
		width: 369px; height: 67px;
		background: url(../../images/layout/shared/quote-wireframes.gif) no-repeat;
		margin: -20px 13px 5px -5px;
	}

	#default blockquote.bgSm p.it span {
		width: 62px; height: 67px;
		background: url(../../images/layout/shared/quote-it.gif) no-repeat;
		margin: -20px 13px 5px 0;
	}

	#default blockquote.bgSm p.online span {
		width: 216px; height: 67px;
		background: url(../../images/layout/shared/quote-online.gif) no-repeat;
		margin: -20px 13px 5px 0;
	}

	#default blockquote.bgSm p.establish span {
		width: 299px; height: 67px;
		background: url(../../images/layout/shared/quote-establish.gif) no-repeat;
		margin: -20px 13px 5px 0;
	}

	#default .col2 blockquote.bgSm span.get {
		width: 118px; height: 64px;
		background: url(../../images/layout/shared/quote-get.gif) no-repeat;
	}

	#default .col2 blockquote.bgSm span.need {
		width: 176px; height: 68px;
		background: url(../../images/layout/shared/quote-need.gif) no-repeat;
	}

	#default .col2 blockquote.bgSm span.quick {
		width: 196px; 
		/*height: 110px;*/
		height: 85px;
		margin-top: 0;
		background: url(../../images/layout/shared/quote-quick.gif) no-repeat;
	}

	
	#default .col1 {
		width: 173px;
		float: left;
		margin: 0 19px 0 0;
	}
	#default .doubleMenu {
		width: 174px;
		float: left;
		margin: 0 37px 0 -20px;	
	}
	#default .col2 {
		width: 535px;
		float: left;
		margin: 0 40px 0 0;
	}
	#default .col3 {
		width: 180px;
		float: left;
	}
	
		#default .col2 .img {
			padding: 10px 0;
		}
			#default .col2 .img img {
				margin: 0 0 10px 0; padding: 15px;
				border: 1px solid #e4e4e4;
				display: block;
			}
			#default .col2 .img p {
				font-style: italic;
			}

		#default .col2 ul {
			padding: 0 0 22px 0;
		}
		#default .col2 ul li a {
			border-bottom: 1px solid #00bff3;
		}
		#default .col2 ul li a:hover,
		#default .col2 ul li a:focus,
		#default .col2 ul li a:active {
			border-bottom-color: #c1d72e;
		}
	
	#content ul.ourAds li {
		background: none;
		margin: 0 0 10px 0; padding: 0;
	}

	#content .advert{
		margin-bottom: 20px;
	}	
	
/*/////////////////////////////////////////////////////////////////////
	Abouts hlight
/////////////////////////////////////////////////////////////////////*/
	
	#content h1.section {
		width: 968px;
	}

	.projPic {}
		.projPic img {
			display: block;
			border: 1px solid #e2e2e2;
		}
		.projPic ul {
			background: url(../../images/layout/service/grow-grey-folio.gif) 0 3px repeat-x;
			height: 50px;
			padding: 3px 0 0 0;
		}
			.projPic ul li {
				height: 30px;
				line-height: 30px !important;
				background: none !important;
				margin: 0 !important; padding: 0 !important; 
				float: left;
				border-right: 1px solid #fff;
			}
				.projPic ul li a {
					padding: 0 20px; 
					display: block;
				}
				.projPic ul li a span {
					border-bottom: 1px solid #00bff3;
				}
				.projPic ul li span.nolink {
					padding: 0 20px; 
					display: block;
				}
				.projPic ul li a:hover,
				.projPic ul li a:focus,
				.projPic ul li a:active {
					background: #efefef;
				}
				.projPic ul li a:hover span,
				.projPic ul li a:focus span,
				.projPic ul li a:active span {
					border-bottom-color: #c1d72e;
				}
				.projPic ul li.noLine {
					border: none;
				}
				
	/* headings */
	
	.mwork #content h1,
	.who #content h1,
	#content #default h1,
	.service #content h1,
	#clientGallery h1,
	#header #phone,
	.error #error h1 {
		font-family:"hlight", Helvetica, Arial, sans-serif;
		font-weight: 100;
		letter-spacing: -5px;
		color: #373737;
		font-size: 9.668em;
		position: relative;
		padding: 34px 0 0 0;
	}
	#clientGallery h1 {
		color: #e6e6e6;
	}
	.service #content h1 {
		margin-bottom: 14px;
		line-height: 0.95em;
	}
	/*.mwork #content h1 span,
	.who #content h1 span,
	.service #content h1 span {
		width: 958px; height: 69px;
		background: url(../../images/layout/shared/heading-grad2.png) repeat-x;
		display: block;
		position: absolute; top: 45px; left: 0;
	}*/
	.service #content h2,
	#content #default h2 {
		font-size: 2.5em;
		letter-spacing: -1px;
		margin: 0 0 16px 0;
		clear: both;
	}
	.service #content h2.margin,
	#content #default h2.margin {
		margin-top: 30px;
	}
	.service #content h3,
	#content #default h3 {
		font-size: 1.6em;
		margin: 0 0 4px 0;
		clear: both;
	}
	.service #content h3.first,
	#content #default h3.first {
		margin-top:0px;
	}
	.service #content p,
	#content #default p {
		margin: 0 0 12px 0;
	}
	#content .project-process {
		width: 500px;
	}

	.service #content blockquote p.iWeb {
		margin: 10px 0 12px 0;
	}
	
	/* column setup */
		
	.service .col1 {
		width: 173px;
		float: left;
		margin: 0 19px 0 0;
	}
	.service .col2 {
		width: 284px;
		float: left;
		margin: 0 40px 0 0;
	}
	.service .col3 {
		width: 441px;
		float: left;
	}

	/* SPAM / LOCATION PAGES */

	.location .col2 {
		width: 766px;
		margin: 0;
	}

	.location .col2 .col {
		width: 215px;
		float: left;
		margin: 0 40px 0 0;
	}
	.location .col2 .col.last {
		margin: 0;
	}

	.locationDetail .col2 {
		width: 465px;
	}
	.locationDetail .col3 {
		width: 245px;
	}
	
	.locationDetail span.phone { color: #5e5e5e; }

	.locationDetail .col2 a, .locationDetail #contact-details a {
		padding-bottom: 2px;
		color: #5e5e5e;
		font-size: 1.2em;
		border-bottom: 1px solid #00bff3;
	}
	.locationDetail .col2 a:hover,
	.locationDetail .col2 a:focus,
	.locationDetail .col2 a:active,
	.locationDetail #contact-details a:hover,
	.locationDetail #contact-details a:focus,
	.locationDetail #contact-details a:active {
		border-bottom-color: #c1d72e;
	}
	.locationDetail .col2 blockquote {
		margin-bottom: 22px;
	}
	.locationDetail .col2 blockquote p {
		line-height: 1.2em;
	}
	.locationDetail .col2 h2, .locationDetail #contact-details h2 {
		margin-bottom: 18px;
	}
	.locationDetail .col2 p, .locationDetail #contact-details p {
		line-height: 1.525em;
		margin-bottom: 16px !important;
	}

	.locationDetail #map {
		width: 770px;
	}

	.locationDetail #map iframe {
		margin-bottom: 20px;
	}

	.locationDetail .projPic img {
		padding: 0 5px;
	}

	.locationDetail #contact-details a {
		font-size: 1em;
	}
	.locationDetail #contact-details p {
		font-size: 1.2em;
	}


	/* 2 column layout setup */
	.column2 #default .col2,
	.column2 #services .col2 {
		width: 725px;
		float: left;
		margin: 0 40px 0 0;
	}


	/* custom */
	
	#clients {
		padding: 0 0 180px;
	}
	#clients img {
		display: block;
		margin: 0 auto;
	}

	#clients .col2 {
		width: 470px;
	}
	#clients .col2 blockquote {
		padding-top: 2px; margin-bottom: 20px;
	}

	
	#services, body.what-we-do #default {
		background: url(../../images/layout/service/greypix.gif) 172px 0 repeat-y;
		margin-bottom: 60px;
	}
	body.what-we-do #services #work {
		width: 764px;
		margin: 0;
	}
	#content .recent-work .col2 {
		width: 284px;
	}
	#content .contactForm,
	#services #services-contact {
		width: 535px;
	}
	#commentform input.submit,
	div.contactForm form button.submit {
		height: 45px; width: 82px;
		background: url(../../images/buttons/btn-submit-send.gif) no-repeat 0 0;
	}
	#services .col2 img {
		width: 100%; height: auto;
	}
	#contact-quick blockquote.bgSm {
		padding-right: 100px;
	}

	#default hr {
		margin: 20px 0; height: 1px;
		background-color: #D5D5D5; border: 0;
	}
	/*.service*/ #content .col1 ul {
		display: inline-block;
		background-image: url(../../images/layout/service/sectionarrowline.gif);
		background-repeat: no-repeat;
		background-position: 0 -9999999px;
		padding: 15px 0 0 0;
		width: 173px;
	}
	.dark #content .col1 ul {
		background-image: url(../../images/layout/service/dark-sectionarrowline.gif);	
	}
	#content .doubleMenu ul {
		display: inline-block;
		background-image: url(../../images/layout/service/altsectionarrowline.gif) !important;
		background-repeat: no-repeat;
		padding: 15px 0 0 0;
		width: 173px;
	}
	
	/* 1st menu */
	#content .col1 ul.on-0 { background-position: 0 -99999px; }
	#content .col1 ul.on-1 { background-position: 100% -50px; }
	#content .col1 ul.on-1L { background-position: 100% -37.5px; }
	#content .col1 ul.on-2 { background-position: 100% -25px; }
	#content .col1 ul.on-2L { background-position: 100% -12.5px; }
	#content .col1 ul.on-3 { background-position: 100% 0; }
	#content .col1 ul.on-3L { background-position: 100% 12.5px; }
	#content .col1 ul.on-4 { background-position: 100% 25px; }
	#content .col1 ul.on-4L { background-position: 100% 37.5px; }
	#content .col1 ul.on-5 { background-position: 100% 50px; }
	#content .col1 ul.on-5L { background-position: 100% 62.5px; }
	#content .col1 ul.on-6 { background-position: 100% 75px; }
	#content .col1 ul.on-6L { background-position: 100% 87.5px; }
	#content .col1 ul.on-7 { background-position: 100% 100px; }
	#content .col1 ul.on-7L { background-position: 100% 112.5px; }
	#content .col1 ul.on-8 { background-position: 100% 125px; }
	#content .col1 ul.on-8L { background-position: 100% 137.5px; }
	#content .col1 ul.on-9 { background-position: 100% 150px; }
	#content .col1 ul.on-9L { background-position: 100% 162.5px; }
	#content .col1 ul.on-10 { background-position: 100% 175px; }
	#content .col1 ul.on-10L { background-position: 100% 187.5px; }
	#content .col1 ul.on-11 { background-position: 100% 200px; }
	#content .col1 ul.on-11L { background-position: 100% 112.5px; }
	#content .col1 ul.on-12 { background-position: 100% 225px; }
	#content .col1 ul.on-12L { background-position: 100% 237.5px; }
	/* 2nd menu */
	#content .doubleMenu ul.on-0 { background-position: 0 -99999px; }
	#content .doubleMenu ul.on-1 { background-position: 0 -50px; }
	#content .doubleMenu ul.on-1L { background-position: 0 -37.5px; }
	#content .doubleMenu ul.on-2 { background-position: 0 -25px; }
	#content .doubleMenu ul.on-2L { background-position: 0 -12.5px; }
	#content .doubleMenu ul.on-3 { background-position: 0 0; }
	#content .doubleMenu ul.on-3L { background-position: 0 12.5px; }
	#content .doubleMenu ul.on-4 { background-position: 0 25px; }
	#content .doubleMenu ul.on-4L { background-position: 0 37.5px; }
	#content .doubleMenu ul.on-5 { background-position: 0 50px; }
	#content .doubleMenu ul.on-5L { background-position: 0 62.5px; }
	#content .doubleMenu ul.on-6 { background-position: 0 75px; }
	#content .doubleMenu ul.on-6L { background-position: 0 87.5px; }
	#content .doubleMenu ul.on-7 { background-position: 0 100px; }
	#content .doubleMenu ul.on-7L { background-position: 0 112.5px; }
	#content .doubleMenu ul.on-8 { background-position: 0 125px; }
	#content .doubleMenu ul.on-8L { background-position: 0 137.5px; }
	#content .doubleMenu ul.on-9 { background-position: 0 150px; }
	#content .doubleMenu ul.on-9L { background-position: 0 162.5px; }
	#content .doubleMenu ul.on-10 { background-position: 0 175px; }
	#content .doubleMenu ul.on-10L { background-position: 0 187.5px; }
	#content .doubleMenu ul.on-11 { background-position: 0 200px; }
	#content .doubleMenu ul.on-11L { background-position: 0 112.5px; }
	#content .doubleMenu ul.on-12 { background-position: 0 225px; }
	#content .doubleMenu ul.on-12L { background-position: 0 237.5px; }
	
	
	
	div.doubleMenuPage {
		background: url(../../images/layout/service/double-menu-greypix.gif) repeat-y scroll 172px 0 transparent !important;
	}
	#content .col1 ul li {
		font-size: 2em;
		line-height: 1em;
		background: none;
		margin: 0 0 5px 0; padding: 0 15px 0 18px;
		letter-spacing: -0.7px;
	}
	#content .col1 ul li a {
		color: #b7b7b7;
	}
	#content .col1 ul li a:hover,
	#content .col1 ul li a:focus,
	#content .col1 ul li a:active {
		color: #c1d72e;
	}
	#content .col1 ul li.on {
		background: url(../../images/layout/service/sectionarrow.gif) 100% 50% no-repeat;
	}
	
	.dark #content .col1 ul li.on  {
		background-image: url(../../images/layout/service/dark-sectionarrow.gif) !important;	
	}
	#content .doubleMenu ul li.on {
		background: url(../../images/layout/service/altsectionarrow.gif) 0 50% no-repeat !important;
	}
	#content .col1 ul li.on a {
		color: #363636;
		cursor: default;
	}
	.dark #content .col1 ul li a {
		color: #595959;	
	}
	.dark #content .col1 ul li.on a,
	.dark #content .col1 ul li a:hover, 
	.dark #content .col1 ul li a:focus, 
	.dark #content .col1 ul li a:active {
		color: #fff;
	}

	.col2 a.more,
	#serviceType a.more
	{
		float: left;
		display: block;
		margin: 0 0 30px 0;
	}

	.col2 a.more:hover,
	.col2 a.more:focus,
	.col2 a.more:active,
	#serviceType a.more:hover,
	#serviceType a.more:focus,
	#serviceType a.more:active {
		border-bottom-color: #c1d72e;
	}

	.col2 a.heading {
		margin-bottom: 10px !important;
	}

	.service #content .col2 p.last {
		margin-bottom: 30px;
	}

	#sector ul li {
		width: 126px; height: 30px;
		float: left;
		margin-bottom: 0 !important;
	}
	
	#recentWork {
		margin-bottom: 30px;
	}
	body.home #recentWork {
		overflow: hidden;
	}
	body.home #recentWork div.projPic {
		width: 468px;
	}
	body.home #recentWork div.projPic.hCol2 {
		margin-right: 0;
	}
	body.home #recentWork img {
		display: block;
		padding: 1px;
		background: #fff;
		border: 13px solid #f2f2f2;
	}
	
	#keyFeatures {
		margin-bottom: 44px;
	}
	#keyFeatures ul {
		width: 195px;
		float: left;
	}
	#keyFeatures ul li {
		font-size: 1.2em;
		margin-bottom: 15px;
	}
	#keyFeatures .ky1 {
		margin-right: 35px;
	}
	#keyFeatures li.link {
		font-size: 100%;
		background: none;
	}
	
	#serviceType .stCol1 {
		width: 210px;
		float: left;
		margin: 0 21px 0 0;
	}
	#serviceType .stCol2 {
		width: 210px;
		float: left;
	}

	/* Services Table */
	
	#services .awards table {
		width: 100%; border: 0;
	}

	#services .awards table col.col1 {
		width: 120px;
	}

	#services .awards table td {
		padding: 5px;
	}

	#services table {
		font-size: 12px;
	}

	#services table td {
		color: #848484;
	}

	#services table td h5 {
		font-weight: bold; font-size: 13px; color: #464646;
	}

	#services table td.icon {
		padding-left: 22px; height: 21px; line-height: 20px;
		font-weight: bold;
		background-repeat: no-repeat;
		background-position: 0 50%;
	}

	#services table td.ie {
		background-image: url(../../images/misc/ie.gif);
	}

	#services table td.firefox {
		background-image: url(../../images/misc/firefox.gif);
	}

	#services table td.safari {
		background-image: url(../../images/misc/safari.gif);
	}

	#services table td.netscape {
		background-image: url(../../images/misc/netscape.gif);
	}

	#services table td.opera {
		background-image: url(../../images/misc/opera.gif);
	}

	#services table td.chrome {
		background-image: url(../../images/misc/chrome.gif);
	}



	#services .office {
		margin: 10px 0 25px;
	}
	body.service #services #office-head {
		margin-top: 0;
	}

	#services .office h3 {
		clear:both;
		color:#464646;
		padding-left:20px;
		/*color:#AFAFAF;*/
		font-size:2.4em;
		letter-spacing:-0.75px;
		margin:0 0 11px;
	}

	#services .office address {
		font-size: 1.3em;
		line-height: 1.4em;
		font-style: normal;
	}

	#services .office a {
		color:#5E5E5E;
		border-bottom: 1px solid #00bff3;
	}

	#services .office a:hover,
	#services .office a:focus,
	#services .office a:active {
		border-bottom-color: #c1d72e;
	}

	#services .office p,
	#services .office address {
		/*margin:0 0 12px;*/
		margin-bottom: 0;
		color:#5E5E5E;
		padding-left:20px;
		font-size:1.2em;
		line-height:1.3em;
	}
	#services .office address strong {
		display: block;
		margin: 0 0 4px;
		font-size: 1.15em; color: #757374; font-weight: normal;
	}

	body.contact-online-form #default .col3,
	body.what-service-contact #services .col3 {
		width: 190px;
	}

	body.contact-online-form #content #default h3 {
		font-size:2.4em;
	}

	body.contact-online-form #content #default p {
		margin: 0;
	}

	#services .col3 .office h3,
	#services .col3 .office p,
	#services .col3 .office address {
		padding-left:0;
	}

	#services .office address {
		margin-bottom: 12px;
	}

	#services .office p {
		line-height: 1.5em !important;
	}

	#services .office p span {
		color:#C1D72E;
		padding-right:10px;
	}
		
	.service #content #partners {
		margin-top: 50px;
		
	}
	.service #content #partners #partWrap {
		width: 441px;
		overflow: hidden;
	}
		.service #content #partners #partWrap ul {
			width: 459px;
			background: url(../../images/layout/service/partnerbg.gif) 3px 0 repeat-y;
			margin: 0 0 0 -8px;
		}
		.service #content #partners #partWrap ul li {
			width: 152px; height: 80px;
			line-height: 80px;
			background: none;
			float: left;
			margin: 0 1px 1px 0; padding: 0; 
		}
		.service #content #partners #partWrap ul li a {
			height: 80px;
			outline: 0;
			overflow: hidden;
			border: 0;
		}
	.service #content #partners div.link {
		border-top: 21px solid #fff;
		margin-top: -9px;
	}
	.service #content #partners div.link a {
		line-height: 1.4em;
	}
		
	/* Quotes */
	
	/*
	
	If we have body classes of ecom, other, webdesign the .service could be changed if required...
	
	*/
	
	.service blockquote {
		margin-bottom: 40px; padding: 12px 0 0;
	}
	.service blockquote.bgSm span {
		width: 102px; height: 61px;
		background: url(../../images/layout/home/quote-we.gif) no-repeat;
		margin-top: -12px;
		margin-left: -8px
	}
	.home #content #aboutUs blockquote.bgSm,
	.what-we-do #services .col2 blockquote.bgSm {
		margin-bottom: 16px; padding: 0;
	}
	.home #content #aboutUs blockquote.bgSm p,
	.what-we-do #services .col2 blockquote.bgSm p {
		margin: 0;
		font-size: 30px; line-height: 34px; letter-spacing: -0.03em;
	}
	.home #content #aboutUs blockquote.bgSm + p,
	.what-we-do #services .col2 blockquote.bgSm + p {
	margin: 0 0 22px;
	color: #333333;
	line-height: 17px;
	}
	body.what-service-contact #services .col2 blockquote.bgSm p {
		font-size: 100%; letter-spacing: -0.5px; line-height: 1.3em;
	}
	
	.dark blockquote.bgSm p {
		color: #acacac;	
	}
	
	.dark blockquote.bgSm span {
		background: url(../../images/layout/shared/dark-quote-we.gif) no-repeat !important;
	}

	.dark blockquote.bgSm p.designing span {
		width: 342px; height: 84px;
		background: url(../../images/layout/shared/dark-quote-designing.gif) no-repeat !important;
	}

/*/////////////////////////////////////////////////////////////////////
	Contact Form
/////////////////////////////////////////////////////////////////////*/

	form {
		width: 425px;
		padding: 20px 20px; margin-bottom: 20px;
		background: #f8f8f8; border: 1px solid #eee;
	}
	
	.contactForm form {
		padding: 0; 
		/*margin-top: 50px;*/
		margin-top: 30px;
		background: none; border: 0;	
	}
	
	.contactForm label span {
		font-size: 11px;	
	}
	
	label {
		display: block;
		margin-bottom: 3px;
		color: #848484; font-size: 1.2em;
	}

	label span {
		padding-left: 5px;
		color: #bdbcbc;
	}

	label.checkbox {
		float: left;
		display: inline-block;
		position: relative;
		top: -2px;
		margin: 0 0 0 3px;addr
	}

	input, select, textarea {
		display: block;
		height: 20px; width: 310px;
		padding: 0 2px; margin: 0 0 15px;
		border: 1px solid #bbbbbb;
	}
	input, select, textarea,
	input:-webkit-autofill,
	select:-webkit-autofill,
	textarea:-webkit-autofill,
	input -webkit-autocomplete {
		color: #000 !important;
		background-color: #fff !important;
		border: 1px solid #bbbbbb;
	}
	
	div.attachment input {
		border:none;
	}

	select#budget {
		width: 200px;
	}

	textarea {
		height: 117px;
		padding: 2px 2px;
	}

	select {
		padding: 0;
	}

	input.radio,
	input.checkbox {
		float: left;
		display: inline;
		width: 15px; height: 13px;
		margin-right: 5px;
		border: 0;
	}
	
	img#security-code {
		width: auto !important; height: auto !important;
		margin-bottom: 5px;
		border: 1px solid #bbbbbb;
	}

	input#send {
		text-indent: -9999em;
		width: 109px; height: 54px;
		margin: 0 0 0 -5px;
		background: url(../../images/buttons/send-it.jpg); border: 0;
		cursor: pointer;
	}
	
	button.submit {
		width: 50px; height: 13px;
		background-image: url(../../images/buttons/btn-submit.jpg);
	}

	body.contact-address .col2 {
		width: 500px;
	}

	body.contact-address .office {
		float: left;
		padding:0 0 54px;
		width:245px;
	}

	#services div.verify2,
	#services div.verify {
		position: relative;
		height: 90px;
	}

	#services div.verify2 span,
	#services div.verify span {
		font-size: 12px;
		position: absolute;
		top: 70px; left: 0;
	}
	
	#services div.verify2 span a,
	#services div.verify span a {
		border-bottom: 1px solid #00bff3;
	}

	#services div.verify2 span a:hover,
	#services div.verify2 span a:focus,
	#services div.verify2 span a:active,
	#services div.verify span a:hover,
	#services div.verify span a:focus,
	#services div.verify span a:active {
		border-bottom-color: #c1d72e;
	}
	
	fieldset {
		border: none;
		margin-bottom: 25px;
	}
	fieldset legend {
		color: #464646;
		font-size: 1.6em;
		font-weight: bold;
		margin-bottom: 15px;
	}
	
	input.fileupload {
		height: auto;
	}
	
	#content .contactForm ul.errors {
		padding: 22px 0 0;
	}
	
	#content .contactForm form ul.errors {
		padding: 0;
	}
	
	/*	Inline validation	*/
	form legend {
		display: none;
	}
	form div.text,
	form div.textarea,
	form div.select {
		position: relative; overflow: hidden;
		clear: left;
		width: 545px;
	}
	form div.text input,
	form div.textarea textarea,
	form div.select select {
		float: left;
	}
	form div.text.error input,
	form div.textarea.error textarea,
	form div.select.error select {
		border-color: #e40022;
	}
	form div.text label.error,
	form div.textarea label.error,
	form div.select label.error {
		display: block;
		background: url(../../images/misc/cross.gif) no-repeat -2px -2px;
		height: 22px; width: 187px;
		padding: 0 0 0 36px; margin: 0 0 0 316px;
		line-height: 22px; font-size: 12px; color: #e40022;
		background-color: #fff;
	}
	form div.text label.error.valid,
	form div.textarea label.error.valid,
	form div.select label.error.valid {
		background: none;
	}
	form div.select label.error {
		padding-left: 0; margin-left: 210px;
		background: none;
	}

	#onlineform,
	#contact-brief form {
		width: 550px;
	}
	
	#content  form .errors li {
		margin-bottom: 10px;
	}
	
/*/////////////////////////////////////////////////////////////////////
	Service Work
/////////////////////////////////////////////////////////////////////*/

	
	.dark {
		background-color: #000;
	}
	.dark #content {
		background: none;
	}
	
	.dark #content h1 {
		color: #d7d7d7;
	}
	/*.dark #content h1 span {
		background: url(../../images/layout/shared/heading-grad-dark.png) left bottom repeat-x;
		top: 72px;
	}*/
	
	.work #services, .dark #services {
		background-image: url(../../images/layout/service/greypix-dark.gif);
	}

	.work #content .col1 ul {
		background-image: url(../../images/layout/service/dark-sectionarrowline.gif);
	}
	
	.work #content .col1 ul li a {
		color: #595959;
	}
	.work #content .col1 ul li.on a {
		color: #fff;
	}
	
	.project-process #content .col2, 
	.team #content .col2, 
	.work #content .col2, 
	.service #content .wide,
	.team #content .col2 #teamList,
	.team #content .col2 #teamList ul {
		position: relative;
		width: 764px !important;
		margin: 0;
	}
	
	.dark #footer {
		border-top-color: #000;
	}
	
	#services #project-process {
		position: relative;
		width: auto;
		margin: 50px 0 0 -19px;
	}




	/* brief */
	.brief .contactForm form {
		margin-top: 25px;
	}
	/*#contact-brief form button.submit {
		/*height: 45px; width: 165px;
		background: url(../../images/buttons/btn-submit-brief.gif) no-repeat 0 0;*/
	/*	height: 44px; width: 164px;
		background: url(../../images/buttons/btn-submit-brief.png) no-repeat 0 0;
	}*/
	.brief #contact-brief {}
	.brief #contact-brief .brief {
		padding: 40px 0 0;
	}
	html.js .brief #contact-brief .brief,
	html.js .brief #contact-brief .brief h2.title {
		display: none;
		padding-top: 0;
	}
	html.js .brief #contact-brief .brief.active {
		display: block;
	}
	html.js .brief #content .tab-list,
	html.js .brief #content .tab-list li {
		overflow: hidden;
		padding: 0; margin: 0;
		list-style: none;
		background: none;
	}
	html.js .brief #content .tab-list li {
		float: left;
		/*margin: 20px 0;*/
		padding: 20px 0;
		font-size: 2.5em; letter-spacing: -1px;
	}
	html.js .brief #content .tab-list li a {
		display: block;
		margin: 0 40px 0 0;
	}
	html.js .brief #content .tab-list li.active a {
		color: #464646;
		border-color: #C1D72E;
	}



	
	/* 
	
	default and work gallery thumbs 
	
	*/
	
	
	#workWrapper {
		overflow: hidden;
	}
	#content .workShot {
		margin: 0 20px 33px 0;
		float: left;
	}
	
	#content .workShot a {
		display: block; overflow: hidden; position: relative;
		width: 306px;
		font-size: 100%;
	}
		#content .workShot a img {
			display: block;
			padding: 0 0 7px 0;
		}
		#content .workShot a h2 {
			font-size: 1.8em;
			letter-spacing: 0; line-height: 1.05em;
			color: #c6c6c6;
			margin: 0;
		}
		#content .workShot .updated,
		#content .workShot .published,
		#content .workShot .include,
		#content .workShot .author {
			display: none;
		}
		#content .workShot a h3 {
			font-size: 1.4em;
			letter-spacing: 0;
			color: #828282;
			margin: 0;
		}

		body.blog #content .workShot a h2 {
			font-size: 1.5em;
		}
		body.blog #content .workShot a h3 {
			font-size: 1.2em;
		}

		#content .workShot p {
			margin: 0 !important;
		}
		#content .workShot p,
		#content .workShot p a {
			color: #525252;
		}
		#content .workShot p a {
			display: inline;
		}
		#content .workShot p a:hover,
		#content .workShot p a:focus,
		#content .workShot p a:active {
			color: #656565;
			border-bottom: 1px solid #c1d72e;
		}
	#content .workShot a:hover h2,
	#content .workShot a:focus h2,
	#content .workShot a:active h2 {
		color: #fff;
	}
	
	.work #content .col2 #workWrapper,
	.what-we-do #content .col2 #workWrapper {
		width: 764px;
	}
	.work #content .col2 #workCon,
	.what-we-do #content .col2 #workCon {
		width: 784px;
	}
	.work #content .col2 .workShot,
	.what-we-do #content .col2 .workShot {
		width: 372px;
		margin: 0 20px 13px 0;
	}
	.mwork #content .workShot,
	.work #content .col2 .workShot,
	.what-we-do #content .col2 .workShot,
	body.error #content .workShot {
		height: 290px;
	}
	.mwork #content .workShot img,
	.work #content .col2 .workShot img,
	.what-we-do #content .col2 .workShot img,
	body.error #content .workShot img {
		height: auto !important; width: auto !important;
	}

	.mwork #content .workShot img.screenshot,
	.work #content .col2 .workShot img.screenshot,
	.what-we-do #content .col2 .workShot img.screenshot,
	body.error #content .workShot img.screenshot,
	#blogWrapper .workShot img.screenshot {
		position: absolute; top: 0; left: -5px;
		display: none;
	}

	.mwork #content .workShot a.screenshot:hover img,
	.mwork #content .workShot a.screenshot:focus img,
	.mwork #content .workShot a.screenshot:active img,
	.work #content .col2 .workShot a.screenshot:hover img,
	.work #content .col2 .workShot a.screenshot:focus img,
	.work #content .col2 .workShot a.screenshot:active img,
	.what-we-do #content .col2 .workShot a.screenshot:hover img,
	.what-we-do #content .col2 .workShot a.screenshot:focus img,
	.what-we-do #content .col2 .workShot a.screenshot:active img,
	body.error #content .workShot a.screenshot:hover img,
	body.error #content .workShot a.screenshot:focus img,
	body.error #content .workShot a.screenshot:active img,
	#blogWrapper .workShot a.screenshot:hover img,
	#blogWrapper .workShot a.screenshot:focus img,
	#blogWrapper .workShot a.screenshot:active img {
		visibility: hidden;
	}
	.mwork #content .workShot a:hover img.screenshot,
	.mwork #content .workShot a:focus img.screenshot,
	.mwork #content .workShot a:active img.screenshot,
	.work #content .col2 .workShot a:hover img.screenshot,
	.work #content .col2 .workShot a:focus img.screenshot,
	.work #content .col2 .workShot a:active img.screenshot,
	.what-we-do #content .col2 .workShot a:hover img.screenshot,
	.what-we-do #content .col2 .workShot a:focus img.screenshot,
	.what-we-do #content .col2 .workShot a:active img.screenshot,
	body.error #content .workShot a:hover img.screenshot,
	body.error #content .workShot a:focus img.screenshot,
	body.error #content .workShot a:active img.screenshot,
	#blogWrapper .workShot a:hover img.screenshot,
	#blogWrapper .workShot a:focus img.screenshot,
	#blogWrapper .workShot a:active img.screenshot {
		display: block; visibility: visible;
		opacity: 1; filter: alpha(opacity=100);
	}

/*	.what-we-do #content .col2 .workShot img.screenshot{
		width: 314px;
		height: 172px;
	}*/	

	/* @see http://www.heyvian.com/html5-css3/ */

/*	body.mobile #container #content .flip {
		overflow: hidden; position: relative;
		width: 306px; height: 179px;
		-webkit-transition-property: -webkit-transform, background;
		-webkit-transition-duration: 1s, 0;
		-webkit-transition-delay: 0, 0.3s;
	}
	body.mobile #container #content .flip > div.images {
		overflow: hidden;
		position: absolute; left: 0; top: 0;
		width: 624px; height: 172px;
		-webkit-transition-property: left;
		-webkit-transition-duration: 0;
		-webkit-transition-delay: 0.3s;
	}
	body.mobile #container #content .flip > div.images img {
		position: relative; top: 0; left: 0; visibility: visible !important;
		float: left;
		display: block !important;
		width: 306px; height: 172px;
		-webkit-transition-property: -webkit-transform;
		-webkit-transition-duration: 0;
		-webkit-transition-delay: 0.3s;
	}
	body.mobile #container #content .flip > div.images span {
		display: none ;
	}
	body.mobile #container #content a:hover .flip > div.images span,
	body.mobile #container #content a:focus .flip > div.images span,
	body.mobile #container #content a:active .flip > div.images span {
		display: block ;
	}

	body.mobile #container #content a:hover .flip,
	body.mobile #container #content a:focus .flip,
	body.mobile #container #content a:active .flip {
		-webkit-transform: rotateY(180deg);
	}
	body.mobile #container #content a:hover .flip > div.images,
	body.mobile #container #content a:focus .flip > div.images,
	body.mobile #container #content a:active .flip > div.images {
		left: -306px;
	}
	body.mobile #container #content a:hover .flip > div.images img,
	body.mobile #container #content a:focus .flip > div.images img,
	body.mobile #container #content a:active .flip > div.images img {
		-webkit-transform: rotateY(180deg);
	}
*/
	body.blog #container #content .flip {
		height: 115px; width: 192px;
	}
	body.blog #container #content .flip > div.images img {
		height: 110px; width: 192px;
	}
	body.blog #container #content .flip > div.images {
		height: 110px; width: 390px;
	}
	body.blog #container #content a:hover .flip > div.images,
	body.blog #container #content a:focus .flip > div.images,
	body.blog #container #content a:active .flip > div.images {
		left: -192px;
	}



	.mwork #content #workWrapper,
	body.error #content #workWrapper {
		border-top: 1px solid #1b1b1b;
		border-bottom: 1px solid #1b1b1b;
		margin-bottom: 20px; padding: 21px 0 0 0;
	}
	.mwork #content #workCon,
	body.error #content #workCon {
		width: 978px;
	}
	.mwork #content .workShot,
	.what-we-do #content #workCon .workShot,
	body.error #content #workCon .workShot {
		position: relative;
		width: 306px;
		height: 240px;
	}
		
		
		
/*/////////////////////////////////////////////////////////////////////
	Work Work More Info
/////////////////////////////////////////////////////////////////////*/

	/*
	
	breadcrumbs
	
	*/
		
	.dark #content .crumb {
		height: 25px;
		background: url(../../images/layout/service/greypix-dark.gif) 0 38px repeat-x;
		padding: 26px 0 0 0; margin: 0 0 42px 0; 
	}
	.dark #content .crumb {
		margin: 0;
	}
	.dark #content .crumb ul {
		height: 24px;
	}	
	.dark #content .crumb ul li {
		height: 24px;
		line-height: 24px;
		color: #9f9f9f;
		font-style: italic;
		float: left;
		background: none;
		margin: 0 7px 0 0; padding: 0;
	}	
	.dark #content .crumb ul li a {
		height: 24px;
		color: #666;
		display: block;
		float: left;
		outline: 0;
	}	
	.dark #content .crumb ul li a:hover,
	.dark #content .crumb ul li a:focus,
	.dark #content .crumb ul li a:active {
		color: #9f9f9f;
	}
	
	.dark #content .crumb ul li a:hover span.l,
	.dark #content .crumb ul li a:focus span.l,
	.dark #content .crumb ul li a:active span.l {
		background-position: 0 -24px;
	}
	.dark #content .crumb ul li a:hover span.r,
	.dark #content .crumb ul li a:focus span.r,
	.dark #content .crumb ul li a:active span.r {
		background-position: 100% -24px;
	}
	
	.dark #content .crumb ul li span {
		background: url(../../images/layout/work/crumb2.gif) no-repeat;
		display: block;
	}
	.dark #content .crumb ul li.first span {
		background: url(../../images/layout/work/crumb1.gif) no-repeat;
	}
	.dark #content .crumb ul li.last span {
		background: url(../../images/layout/work/crumb3.gif) no-repeat;
	}	
	.dark #content .crumb ul li.last span.l {

	}
	.dark #content .crumb ul li.last span.r {
		margin: 0 0 0 20px;
		padding: 0 11px 0 0;
	}	
	.dark #content .crumb ul li.home span.r {
		margin: 0 0 0 11px;
		padding: 0 22px 0 0;
	}	
	.dark #content .crumb ul li span.l {
		background-position: 0 0;
	}
	.dark #content .crumb ul li span.r {
		background-position: 100% 0;
		margin: 0 0 0 13px;
		padding: 0 23px 0 0;
	}
	
	
	/* 
	
	top heading
	
	*/
	
	.work #content #headWork h1 {
		font-size: 6.2em;
		line-height: 1em;
		letter-spacing: -1.5px;
		margin: 0 0 10px 0; /*padding: 0;*/
	}
	.work #content #headWork h1 em {
		font-style: normal;
	}
	.work #content #headWork h1 span {
		display: block;
		color: #828282; font-size: 38px; line-height: 1;
	}
	.work #content #headWork p.tags {
		font-size: 2.2em;
		font-weight: 100;
		font-style: italic;
		margin: 0;
	}
	.work #content #headWork p.tags,
	.work #content #headWork p.tags a {
		font-family: "hlight", Helvetica, Arial, sans-serif;
		color: #555;
	}
	.work #content #headWork p.tags .domain {
		color: #c1d72e;
	}
	.work #content #headWork p.tags a:hover,
	.work #content #headWork p.tags a:focus,
	.work #content #headWork p.tags a:active {
		color: #696868;
		border-bottom: 1px solid #c1d72e;
	}
	
	.work #content #headWork blockquote.projDesc {
		margin: 0 0 34px 0; padding: 4px 0 0 0;
	}
	.work #content #headWork blockquote.projDesc * {
		font-family: Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
	}
	.work #content #headWork blockquote.projDesc p {
		color: #ababab;
		font-size: 1.8em;
		margin: 0;
	}
	.work #content #headWork blockquote.projDesc p a {
		font-size: 0.77em;
		font-style: italic;
		color: #c2c2c2;
	}
	.work #content #headWork blockquote.projDesc p a.more:hover,
	.work #content #headWork blockquote.projDesc p a.more:focus,
	.work #content #headWork blockquote.projDesc p a.more:active {
		color: #fff;
	}
	
	/*
	
	Work sectors - client types
	
	*/
	.work #content .heading-type{
		/*height: 112px;*/
		margin-bottom:15px;
	}
	.work #content .sectorDesc{
		margin-bottom: 45px;
		/*margin-top: 14px;*/
	}
	.work #content .sectorDesc p{
		color: #ababab;
		font-size: 1.6em;
		margin: 0 0 12px;
	}
	.work #content .sectorDesc p a {
		font-style: italic;
	}
	.work #content .sectorDesc p a.more:hover,
	.work #content .sectorDesc p a.more:focus,
	.work #content .sectorDesc p a.more:active {
		color: #fff;
	}
	
	.work #content .sectorDesc ul {
		margin: 20px 0 30px;
	}

	.work #content .sectorDesc ul li {
		text-align: left; font-size: 15px; color: #CCC;
		background: url(../../images/layout/awordz/adwords-bullet.gif) no-repeat 0 8px;
	}
	
	.work #content #workWrapper .folioBrowse{
		top:auto;
		margin-top:-56px;
	}
	
	/*
	
	Screen shots and arrows
	
	*/
	
	
	.work #content #grabs {
		padding: 0 0 20px 0;
	}
	.work #content #grabs img {
		background: #151515;
		padding: 15px;
		border: 1px solid #1a1a1a;
	}
	.work #content div.arrows {
		background: url(../../images/layout/service/greypix-dark.gif) 0 20px repeat-x;
	}
	
	#content div.arrows ul {
		height: 19px;
		overflow: hidden;
		padding: 12px 0 12px 0;
	}
	#content div.arrows ul li {
		width: 19px;
		background: none;
		float: right;
		margin: 0 0 0 9px; padding: 0;
	}
	#content div.arrows ul li a {
		height: 19px;
		background: url(../../images/layout/work/arrows.gif) no-repeat;
		display: block;
	}
	
	.work #content div.arrows ul li.a1 a {
		background-position: 0 0;
	}
	.work #content div.arrows ul li.a2 a {
		background-position: -19px 0;
	}
	.work #content div.arrows ul li.a1 a:hover,
	.work #content div.arrows ul li.a1 a:focus,
	.work #content div.arrows ul li.a1 a:active {
		background-position: 0 -19px;
	}
	.work #content div.arrows ul li.a2 a:hover,
	.work #content div.arrows ul li.a2 a:focus,
	.work #content div.arrows ul li.a2 a:active {
		background-position: -19px -19px;
	}
	
	/*
	
	texty bit
	
	*/	
	
	.work #content #workDetails {
		background: #ebebeb url(../../images/layout/work/aboutshadow.gif) center top no-repeat;
		padding: 45px 0 66px 0;
		border-top: 1px solid #e3e3e3;
		border-bottom: 1px solid #e3e3e3;
	}
	
	.work #content #workDetails .intro {
		padding: 0 0 20px 0;
	}
	.work #content #workDetails .intro p {
		font-size: 1.4em;
		line-height: 1.4em;
	}
	.work #content #workDetails h3 {
		font-size: 2.2em;
		color: #464646;
		margin-bottom: 19px;
	}
	.work #content #workDetails #wd1 h4 {
		font-size: 1.6em;
		color: #464646;
		margin-bottom: 16px;
	}
	.work #content #workDetails #wd2 h4 {
		font-size: 1.2em;
		color: #848484;
		margin-bottom: 17px; padding: 8px 0 0 0;
	}
	.work #content #workDetails #wd2 ul {
		margin-bottom: 12px;
	}
	.work #content #workDetails #wd2 li {
		margin-bottom: 5px;
	}
	
	.work #content #workDetails #wd1 h2,
	.work #content #workDetails #wd1 h3,
	.work #content #workDetails #wd1 h4,
	.work #content #workDetails #wd1 .intro {
		margin-left: 14px;
	}
	
	.work #content #workDetails #wd1 blockquote.bubble {
		width: 483px;
		background: url(../../images/layout/work/bubble.gif) left bottom no-repeat;
		padding: 0 0 5px 0; margin: 0 0 0 10px;
	}
	.work #content #workDetails #wd1 blockquote.bubble * {
		color: #fff;
	}
	.work #content #workDetails #wd1 blockquote.bubble p {
		font-size: 1.3em;
		line-height: 1.4em;
		font-style: italic;
		margin: 0 0 17px 0; padding: 0 25px 0 20px;
	}
	.work #content #workDetails #wd1 blockquote.bubble p.first {
		background: url(../../images/layout/work/bubble.gif) left top no-repeat;
		padding-top: 46px;
	}
	
	
	.work #content #workDetails #wd1 {
	width: 750px;
	float: left;
	margin-top: 0;
	margin-right: 40px;
	margin-bottom: 0;
	margin-left: 0;
	}
	.work #content #workDetails #wd2 {
		width: 408px;
		float: left;
	}
	
	/*
	
	Thumb nav at bottom
	
	*/

	.work #content #miniGallery {
		background: url(../../images/layout/work/mini-gallery-bg.gif) no-repeat 0 46px;
		padding: 39px 0 0 0;
	}
	.work #content #miniGallery h2 {
		color: #AFAFAF;
	}
	.work #content #miniGalleryWrapper {
		position: relative; 
		width: 958px;
		overflow: hidden;
		padding-bottom: 38px;
	}
	.work #content #miniGallery ul {
		position: relative; overflow: hidden;
		width: 1000px;
		margin: 0 0 0 5px;
	}
	html.js body .work #content #miniGallery ul {
		height: 78px;
	}
	.work #content #miniGallery ul li {
		width: 119px; height: 78px;
		background: none;
		text-align: center;
		float: left;
		margin: 0 8px 0 0; padding: 0;
		position: relative; z-index: 10;
		overflow: visible !important;
	}
	.work #content #miniGallery ul li.on {}
	.work #content #miniGallery ul li.back span,
	.work #content #miniGallery ul li a {
		width: 119px; height: 78px;
		opacity: 0.2; filter: alpha(opacity=20);
		margin: 0 auto; padding: 0;
		display: block;
	}
	.work #content #miniGallery ul li a:hover,
	.work #content #miniGallery ul li a:focus,
	.work #content #miniGallery ul li a:active,
	.work #content #miniGallery ul li.on a,
	.work #content #miniGallery ul li.back span {
		opacity: 1 !important; filter: alpha(opacity=100) !important;
	}	
	.work #content #miniGallery ul li a img {
		padding: 11px 0 0 0;
	}
	.work #content #miniGallery ul li.back span,
	.work #content #miniGallery ul li.on a {
		background: url(../../images/layout/work/gallery-over.png) no-repeat 0 0;
	}
	.work #content #miniGallery ul li.back {
		position: absolute; z-index: 8;
	}
	body.has-lavalamp #content #miniGallery ul li.on a {
		background: none;
	}
	
	.work #content #miniGallery p {
		font-size: 1.4em;
	}
	.work #content #miniGallery p,
	.work #content #miniGallery p a {
		color: #acacac;
		font-family: Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
		font-style: italic;
	}
	.work #content #miniGallery a.more {
		font-size: 100%;
	}
	
	
		
/*/////////////////////////////////////////////////////////////////////
	Work Work Thumb Gallery
/////////////////////////////////////////////////////////////////////*/
	
	/* 
	
	defaults for top and bottom nav
	
	*/
	
	.mwork #headWorkNav,
	.mwork #FootWorkNav {
		position: relative;
		z-index: 3;
	}
	.mwork #headWorkNav h1 {
		line-height: 1em;
	}
	.mwork #content .folioBrowse {
		position: absolute; top: 110px; left: 774px; z-index: 501;
		width: 190px;
	}
	.mwork #FootWorkNav {
		height: 65px;
	}
	.mwork #FootWorkNav .folioBrowse {
		top: 0;
	}
	
	.folioCon {
		width: 175px;
		display: none;
	}
	.mwork #content .folioBrowse.hover .folioCon {
		display: block;
	}
	
	.mwork #content .folioBrowse .folioCon {
		position: absolute; top: 21px; right: 0; z-index: 509;
		margin: 0;
	}
	.mwork #content #FootWorkNav .folioBrowse .folioCon {
		top: -14px;
	}
	.mwork #content .folioBrowse .folioList ul li,
	.mwork #content .folioBrowse .headFolioList,
	.mwork #content .folioBrowse .top,
	.mwork #content .folioBrowse .bottom {
		background: url(../../images/layout/work/browsebg.png) no-repeat -10px 50%;
	}
	.mwork #content .folioBrowse .top,
	.mwork #content .folioBrowse .bottom {
		height: 8px;
		background-position: -10px 100%;
	}
	.mwork #content .folioBrowse .top {
		display: none;
		height: 1px;
	}
	.mwork #content #FootWorkNav .folioBrowse .top {
		display: block;
	}
	.mwork #content div.folio-overlay {
		position: absolute; top: 0; left: 0;
		background: url(../../images/layout/shared/empty.gif) repeat 0 0;
		background: rgba(0, 0, 0, 0.8);
	}
	
	.mwork #content #FootWorkNav .folioBrowse .folioList ul li,
	.mwork #content #FootWorkNav .folioBrowse .headFolioList {
		background-image: url(../../images/layout/work/browsebg-bottom.png);
	}
	.mwork #content .folioBrowse .headFolioList {
		background-position: 0 0;
	}
	.mwork #content #FootWorkNav .folioBrowse .headFolioList {
		background-position: 0 100%;
	}
	
	.mwork #content .folioBrowse h2 {
		margin: 0;
		z-index: 10;
	}
	.mwork #content .folioBrowse h2 a {
		display: block;
		height: 30px; width: 195px; 
		background: url(../../images/layout/work/browselink.gif) no-repeat 0 0;
	}
	.mwork #content .folioBrowse h2 a:hover,
	.mwork #content .folioBrowse h2 a:focus,
	.mwork #content .folioBrowse h2 a:active,
	.mwork #content .folioBrowse:hover h2 a,
	.mwork #content .folioBrowse.hover h2 a {
		background-position: 0 -30px;
	}
	.mwork #content #FootWorkNav .folioBrowse h2 a {
		background-position: 0 -60px;
	}
	.mwork #content #FootWorkNav .folioBrowse h2 a:hover,
	.mwork #content #FootWorkNav .folioBrowse h2 a:focus,
	.mwork #content #FootWorkNav .folioBrowse h2 a:active,
	.mwork #content #FootWorkNav .folioBrowse:hover h2 a,
	.mwork #content #FootWorkNav .folioBrowse.hover h2 a {
		background-position: 0 -90px;
	}

	.mwork #content .folioBrowse .folioList {
		position: absolute; left: 0;
		padding: 10px;
	}
	.mwork #content #headWorkNav .folioBrowse .folioList {
		top: 5px;
	}
	.mwork #content #FootWorkNav .folioBrowse .folioList {
		top: auto; bottom: 5px;
	}
	.mwork #content .folioBrowse .headFolioList {
		height: 15px;
	}

	.mwork #content .folioBrowse .folioList ul li a,
	.mwork #content .folioBrowse .folioList h3 {
		padding: 0 20px;
	}
	
	.mwork #content .folioBrowse .folioList h3 {
		float: left; clear: left;
		height: 25px; width: 125px;
		background: url(../../images/layout/work/browse-divider.png) no-repeat -10px -1px;
	}
	.mwork #content .folioBrowse .folioList ul {
		float: left;
		padding: 0;
	}
	.mwork #content .folioBrowse .folioList ul li,
	.mwork #content .folioBrowse .folioList ul li a {
		position: relative; zoom: 1;
		display: block;
		width: 165px; height: 30px;
		margin: 0; padding: 0;
		line-height: 24px; color: #ACACAC;
	}
	.mwork #content .folioBrowse .folioList ul li {
		float: left; clear: left;
	}
	.mwork #content .folioBrowse .folioList ul li a {
		width: 125px;
		margin: 0; padding: 0 20px;
	}
	.mwork #content .folioBrowse .folioList ul li a:hover,
	.mwork #content .folioBrowse .folioList ul li a:focus,
	.mwork #content .folioBrowse .folioList ul li a:active,
	.mwork #content .folioBrowse .folioList ul li:hover a {
		color: #fff;
		background-color: #393939;
		background-position: 100% 0;
	}
	.mwork #content .folioBrowse .folioList ul li:hover div.latest,
	.mwork #content .folioBrowse .folioList ul li.hover div.latest {
		display: block;
	}
	
	/* hover project box */
	
		.mwork #content .folioBrowse .folioList ul li div.latest {
			width: 243px; 
			/*height: 172px;*/
			height: 192px;
			background: url(../../images/layout/work/browse-thumb-bg.gif) no-repeat 0 0;
			position: absolute; top: -13px; left: -235px; z-index: 510;
			display: none;
		}
			.mwork #content .folioBrowse .folioList ul li div.latest a {
				background: none !important;
				line-height: 14px;
				padding: 0 8px 13px 0;
				outline: 0;
				width: 235px; height: auto;
			}
			.mwork #content .folioBrowse .folioList ul li div.latest a,
			.mwork #content .folioBrowse .folioList ul li div.latest a:hover,
			.mwork #content .folioBrowse .folioList ul li div.latest a:focus,
			.mwork #content .folioBrowse .folioList ul li div.latest a:active {
				background: none !important;
			}
			.mwork #content .folioBrowse .folioList ul li div.latest .pics {
				width: 227px; height: 128px;
				margin: 4px 0 7px 4px;
				background: transparent;
			}
			
			.mwork #content .folioBrowse .folioList ul li div.latest h4 {
				font-size: 1.16em;
				color: #5e5e5e;
				margin: 0 14px 0px 14px;
				height:14px;
			}
			.mwork #content .folioBrowse .folioList ul li div.latest p {
				font-size: 100%;
				color: #9e9e9e;
				margin: 0 14px 0 14px;
			}
	
/*/////////////////////////////////////////////////////////////////////
	Blog
/////////////////////////////////////////////////////////////////////*/

	/* page colour / bg */

	.blog #content {
		min-width: 958px;
		background: url(../../images/layout/blog/grow-cols.gif) center top repeat-y;
	}
	#blogWrapper {
		background: url(../../images/layout/blog/body-head-shadow.gif) center top no-repeat;
	}
	.blog #footer {
		border-top-color: #000;
	}

	/* headings */

	#blogCols h2 {
		color: #464646;
		font-size: 2.2em;
		margin: 0 0 3px 0;
	}
	#blogCols h2 a {
		color: #464646;
		font-size: 100%;
		border-bottom: 1px solid #D5D5D5;
	}
	#blogCols h2 a:hover,
	#blogCols h2 a:focus,
	#blogCols h2 a:active {
		/*color: #464646;*/
		border-color: #c1d72e;
	}
	#blogCols h3 {
		font-size: 1.8em;
		margin: 0 0 11px 0;
	}
	#blogCols h3,
	#blogCols h3 a {
		color: #464646;
	}
	#blogCols h3 a:hover,
	#blogCols h3 a:focus,
	#blogCols h3 a:active {
	}
	#blogCols .excerpt h3 {
		margin-top:12px;
	}
	#blogCol1 code{
		font-size: 1.3em;
	}
	
	#blogCol1 ol  {
		/*list-style: none outside none;*/
	}
	#blogCol1 ol li{
		/*background: none;
		list-style: decimal outside none;*/
	}
	
	/*

	Column 1: Posts

	*/

	#blogCols #blogCol1 {
		width: 560px; overflow: hidden;
		float: left;
		margin: 0 44px 0 0;
	}
		#blogCols #blogCol1 h1,
		#blogCols #blogCol1 h1 a {
			position: relative; z-index: 1;
			display: block;
			/*height: 156px; */
			height: 128px;
			width: 200px;
			margin: 0;
			/*background: url(../../images/layout/blog/hdr.gif) 0 54px no-repeat;*/
			background: url(../../images/layout/blog/hdr.png) 0 34px no-repeat;
		}
		#blogCols #blogCol1 h1 {
			margin: 0;
		}

		/* post */

		#blogCols .article {
			padding: 24px 0 0 0;
		}

			#blogCols .article p.info {
				font-size: 1.1em;
				margin: 0 0 12px 0;
			}
			#blogCols .article p.info,
			#blogCols .article p.info a {
				color: #848484;
			}
			#blogCols .article p.info a {
				font-size: 100%;
			}
			#blogCols .article p.info a:hover {
				border-bottom: 1px solid #c1d72e;
			}
			#blogCols .article p.info a span {
				visibility:hidden !important;
				float:left;
				width:0px;
				margin:0;
			}

			#blogCols .article ul {
				padding-left: 30px;
				padding-bottom: 5px;
			}
			#blogCols .article img {
				padding: 0 0 11px 0;
				display: block;
			}
			#blogCols .article .excerpt {
				padding: 0 20px 1px 0;
			}
			#blogCols .article .excerpt p {
				line-height: 1.5em;
				margin: 0 0 10px 0;
			}
			#blogCols .article .excerpt a {
				border-bottom: 1px solid #00BFF3;
			}
			#blogCols .article .excerpt a:hover,
			#blogCols .article .excerpt a:focus,
			#blogCols .article .excerpt a:active {
				border-bottom-color: #c1d72e;
			}
			
			#blogCols .article .cat{
				margin: 3px 0 0; 
				padding: 0;
			}
			#blogCols .article .tags {
				margin: 0; padding: 0;
			}
			#blogCols .article .cat a:hover,
			#blogCols .article .cat a:focus,
			#blogCols .article .cat a:active,
			#blogCols .article .tags a:hover,
			#blogCols .article .tags a:focus,
			#blogCols .article .tags a:active {
				border-bottom: 1px solid #c1d72e;
			}

		/* arrow up down overides */

		.blog #content div.arrows {
			background: url(../../images/layout/service/greypix.gif) 0 20px repeat-x;
		}
			.blog #content div.arrows ul li.a2 a {
				background-position: -38px 0;
			}
			.blog #content div.arrows ul li.a1 a {
				background-position: -57px 0;
			}
			.blog #content div.arrows ul li.a2 a:hover,
			.blog #content div.arrows ul li.a2 a:focus,
			.blog #content div.arrows ul li.a2 a:active {
				background-position: -38px -19px;
			}
			.blog #content div.arrows ul li.a1 a:hover,
			.blog #content div.arrows ul li.a1 a:focus,
			.blog #content div.arrows ul li.a1 a:active {
				background-position: -57px -19px;
			}

		/* Pagination */
		.navigation {
			clear:both;
		}
			.navigation div {
				float:left;
				width:50%;
				margin:0 0 34px 0;
			}
			.navigation div.alignright {
				text-align:right;
			}
			.navigation a {
				font-size:1.2em;
				line-height:1.5em;
				color:#848484;
				text-decoration:none;
				border-bottom: 1px solid #00bff3;
			}
				.navigation a:hover {
					border-bottom: 1px solid #00bff3;
					border-bottom-color: #c1d72e;
				}

	/*

	Column 2: Tag Nav

	*/

	#blogCols #blogCol2 {
		width: 125px;
		float: left;
		margin: 0 43px 0 0; padding: 94px 0 0 0;
	}

	#blogCols #blogCol2 ul.tags,
	#blogCol2 ul {
		padding: 0 0 20px 0;
	}
		#blogCols #blogCol2 ul.tags li,
		#blogCol2 ul li {
			line-height: 1.25em;
			background: none;
			padding: 0; margin: 0 0 6px 0;
		}
		#blogCols #blogCol2 ul.tags li.blog-home {
			margin: 0 0 6px 0; padding: 0 0 6px 0;
			border-bottom: 1px solid #ddd;
		}
		#blogCols #blogCol2 ul.tags li.tag-current,
		#blogCols #blogCol2 ul.tags li.tag-current a,
		#blogCols #blogCol2 ul.tags li.tag-current a:hover,
		#blogCols #blogCol2 ul.tags li.tag-current a:focus,
		#blogCols #blogCol2 ul.tags li.tag-current a:active,
		#blogCol2 ul li a:hover,
		#blogCol2 ul li a:focus,
		#blogCol2 ul li a:active {
			color: #000;
			border-bottom: 0;
		}
		#blogCols #blogCol2 ul.tags li a:hover,
		#blogCols #blogCol2 ul.tags li a:focus,
		#blogCols #blogCol2 ul.tags li a:active,
		#blogCol2 ul li a:hover,
		#blogCol2 ul li a:focus,
		#blogCol2 ul li a:active {
			border-bottom: 1px solid #c1d72e;
		}

	/*

	Column 3: Featured work

	*/

	#blogCol3 {
		width: 186px;
		float: left;
		padding: 94px 0 0 0;
	}
		#blogCol3 h3 {
			color: #fff;
		}

		/* overide workshot */

		#blogCol3 .workShot,
		#blogCol3 .workShot a {
			width: 186px;
			margin-right: 0;
		}
		#blogCol3 .workShot a h4 {
			color:#C6C6C6;
			font-size:1.6em;
			letter-spacing:0;
			margin:0;
		}
		#blogCol3 .workShot p {
			font-size: 1.1em;
		}

		
	#cat-title-frame{
		border:1px solid #E0E0E0; 
		margin-top: 17px;
		margin-bottom: 7px;
	}	
		#cat-title-frame div{
			border:1px solid #FFFFFF;
			background-color:#f8f8f8; 
			padding:15px;
		}	
		#cat-title-frame div h2{
			color:#464646;
			font-family: arial;
			font-size: 18px;
			font-weight: bold;
		}	
		#cat-title-frame div p{
			color:#6A6A6A;
			font-family: arial;
			font-size: 12px;
			text-align: justify;
		}	

/**
* =pagination
* @subsection pagination
* --------------------------------------------------------------------------------------------------
*/
div.wp-pagenavi {
	position: relative; overflow: hidden; zoom: 1;
	clear: both;
	width: 560px;
	margin: 0 auto 25px; padding: 0 0 25px;
	border-bottom: 1px solid #D5D5D5;
}
div.wp-pagenavi a,
div.wp-pagenavi span.current,
div.wp-pagenavi span.extend {
	display: block;
	float: left;
	padding: 1px 6px; margin: 5px 5px 0 0;
	color: #464646; font-size: 11px; text-decoration: none; line-height: 18px;
	text-align: center;
	border-bottom: 1px solid #fff;
}
div.wp-pagenavi a:hover,
div.wp-pagenavi a:focus,
div.wp-pagenavi a:active {
	border-bottom: 1px solid #C1D72E;
}
div.wp-pagenavi a.page,
div.wp-pagenavi span.current {
	line-height: 16px;
	border: 1px solid #E5E5E5;
	-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;
	background-color: #E5E5E5;
}
div.wp-pagenavi a.page:hover,
div.wp-pagenavi a.page:focus,
div.wp-pagenavi a.page:active {
	color: #111;
	background-color: #C1D72F;
	border: 1px solid #E5E5E5;
}
div.wp-pagenavi span.current {
	background-color: #f4f4f4;
	border-color: #f4f4f4;
}

#comments,
div.commentbox {
	margin-top: 25px; padding-top: 25px;
	border-top: 1px solid #ddd;
	clear:both;f
}
#comments div.commentbox {
	border: 0; margin-top: 0;
}
div.commentbox #respond {
	margin-bottom: 15px;
}
div.commentbox #commentform {
	padding: 0; margin: 0 0 50px;
	background: none;
	border: 0;
}


		
/*/////////////////////////////////////////////////////////////////////
	Who
/////////////////////////////////////////////////////////////////////*/

	/* 
	
	Team 
	
	*/
	
	.team #content #teamList {
	overflow: visible;
	}
	.team #content .section #teamList ul {
		padding: 0 0 65px 0;
	}
	.team #content .section #teamList ul li {
	width: 306px;
	height: 650px;
	list-style: none;
	background: none;
	padding: 0;
	float: left;
	margin-top: 0;
	margin-right: 20px;
	margin-bottom: 0;
	margin-left: 0;
	}
		.team #content .section #teamList ul li div {
		}
		.team #content .section #teamList ul li embed,
		.team #content .section #teamList ul li object {
			vertical-align: inherit !important;			
		}
		.team #content .section #teamList ul li h2 {
			margin: 3px 0 0;
			font-size: 1.6em;
			color: #c6c6c6;
		}
		.team #content .section #teamList ul li p {
			font-size: 1.2em;
			color: #525252;
		}
	
	/* 
	
	Awards 
	
	*/
	
	.awards #services .col2 {
		width: 725px;
	}
	.awards #awards-list,
	.awards #awards-list li {
		margin: 0; padding: 0;
		background: none;
		list-style: none;
	}
	.awards #awards-list li {
		float: left;
		width: 305px; height: 275px;
		margin: 0 20px 25px 0;
	}
	.awards #awards-list li.event {
		margin-right: 0;
	}
	.awards #awards-list li.odd {
		clear: left;
	}
	.awards #awards-list li img {
		display: block;
		width: 303px; height: 170px;
		margin: 0 0 8px;
		border: 1px solid #e5e5e5;
	}
	.awards #awards-list li h3 {
		margin: 0;
		font-size: 16px;
	}
	.awards #awards-list li p {
		margin: 3px 0;
		font-size: 12px;
	}
	.awards #awards-list li p.org {
		font-weight: bold;
	}

	/*
		Addresses
	*/
	body.address #content blockquote.bgSm {
		width: 650px; margin-bottom: 20px;
	}

	body.address #content #default .contactBox {
		position: relative; z-index: 50; zoom: 1;
		clear: both;
		margin: 0; padding: 0;
	}
	body.address #content #default .contactBox.active {
		z-index: 500;
	}
	body.address #content #default #office-london {
		padding-top: 30px;
	}
	body.address #content #default .contactBox div.map {
		position: relative; zoom: 1;
		float: left;
		width: 470px;
		padding: 10px;
		border: 1px solid #E3E3E2;
	}
	body.address #content #default .contactBox div.map {
	}
	body.address #content #default .contactBox img {
		height: 239px; width: 470px;
	}
	body.address #content #default .contactBox div.map div.directions img {
		height: auto; width: auto;
	}
	body.address #content #default .contactBox div.vcard {
		position: relative;
		float: left;
		width: 205px;
		padding-left: 20px;
		background-color: #fff;
	}
	body.address #content #default .contactBox div.vcard a {
		border-bottom: 1px solid #00BFF3;
	}
	body.address #content #default .contactBox div.vcard a:hover,
	body.address #content #default .contactBox div.vcard a:focus,
	body.address #content #default .contactBox div.vcard a:active {
		border-color: #C1D72E;
	}
	body.address #content #default .contactBox div.vcard p,
	body.address #content #default .contactBox div.vcard address {
		margin: 0;
		color: #5E5E5E; line-height: 1.5em; font-size: 1.3em; font-style: normal;
	}
	body.address #content #default .contactBox div.vcard address {
		margin: 0 0 20px;
	}
	body.address #content #default .contactBox div.vcard strong {
		display: block;
		margin: 0 0 10px;
		color: #464646; font-size: 16px;
	}

	body.address #content #default .contactBox div.get-directions {
		position: absolute; top: 180px; left: 20px; z-index: 50;
		height: 222px; width: 202px;
		margin: 20px -15px 0; padding: 15px;
		background: url(../../images/layout/contact/directions.png) no-repeat -2000px -2000px;
	}
	body.address #content #default .contactBox div.get-directions.active {
		background-position: 0 0;
	}
	body.address #content #default .contactBox div.get-directions form input.submit {
		overflow: hidden;
		display: block;
		width: 225px; height: 40px;
		margin: 0; padding: 0;
		text-decoration: none; text-indent: -9999px; font-size: 0; line-height: 0;
		border: 0;
	}

	body.address #content #default .contactBox div.get-directions h3 {
		position: relative; zoom: 1;
		margin: 0 0 20px; padding: 0;
	}
	body.address #content #default .contactBox div.get-directions h3 a {
		display: block;
		font-size: 20px; 
		border: 0;
		outline: 0;
		background: url(../../images/layout/contact/arrow.gif) no-repeat 6.8em 9px;
	}
	body.address #content #default .contactBox div.get-directions h3 a,
	body.address #content #default .contactBox div.get-directions.active h3 a,
	body.address #content #default .contactBox div.get-directions.active h3 a:hover,
	body.address #content #default .contactBox div.get-directions.active h3 a:focus,
	body.address #content #default .contactBox div.get-directions.active h3 a:active {
		color: #5E5E5E;
	}
	body.address #content #default .contactBox div.get-directions h3 a:hover,
	body.address #content #default .contactBox div.get-directions h3 a:focus,
	body.address #content #default .contactBox div.get-directions h3 a:active {
		color: #333;
	}
	body.address #content #default .contactBox div.get-directions.active h3 a {
		background-position: -2000px -2000px;
	}
	body.address #content #default .contactBox div.get-directions h3 a span {
		position: absolute; top: 2px; right: 0;
		display: none;
		font-size: 12px; color: #888;
	}
	body.address #content #default .contactBox div.get-directions h3 a:hover span,
	body.address #content #default .contactBox div.get-directions h3 a:focus span,
	body.address #content #default .contactBox div.get-directions h3 a:active span {
		color: #464646;
	}
	body.address #content #default .contactBox div.get-directions.active h3 a span {
		display: inline;
	}
	body.address #content #default .contactBox div.get-directions form {
		width: 200px;
		padding: 0;
		background-color: transparent;
	}
	body.address #content #default .contactBox div.get-directions form fieldset {
		margin: 0; padding: 0;
		border: 0;
	}
	body.address #content #default .contactBox div.get-directions form p.destination,
	body.address #content #default .contactBox div.get-directions form input {
		width: 190px; height: 20px;
		padding: 0 2px; margin-bottom: 15px;
		background-color: #fff !important;
		border: 1px solid #bbb;
	}
	body.address #content #default .contactBox div.get-directions form input.error {
		border-color: #e40022;
	}
	body.address #content #default .contactBox div.get-directions form input.submit {
		width: 118px; height: 45px;
		margin-top: 25px;
		background: url(../../images/layout/contact/calculate.gif) no-repeat 0 0;
		cursor: pointer;
	}

	body.address #content div.directions table {
		width: 100%;
	}
	body.address #content div.directions div.adp-summary {
		color: #848484; text-align: right; font-size: 12px; font-weight: bold;
	}

	/*
		Expanding Content
	*/

	div.expand {
		height: auto;
		overflow: hidden;
	}

	div.expand div {
		display: none;
		height: auto;
	}
	

div.pagestats {
	background-color: #fff;
}

div.fixed,
div.fixed a {
	width: 42px;
}
div.fixed {
	position: fixed; right: 0; z-index: 500;
	overflow: hidden;
}
div.fixed a {
	overflow: hidden; position: relative;
	display: block;
	font-size: 0; line-height: 0; text-indent: -9999px;
	background: no-repeat 0 0;
}
div.fixed a:hover,
div.fixed a:focus,
div.fixed a:active {
	background-position: -70px 0;
}
body.awordz #brief {
	display: none;
}
#brief {
	bottom: 20px;
}
#brief a {
	height: 190px;
	background-image: url(../../images/layout/brief.png);
}
#live-chat {
	display: none;
	bottom: 215px;
}
#live-chat a {
	height: 107px;
	background-image: url(../../images/layout/live-chat.png);
}

#demoStore {
	overflow: hidden; position: relative;
	display: block;
	height: 41px; width: 200px;
	font-size: 0; line-height: 0; text-indent: -9999px;
	background: url(../../images/buttons/demostore.png) no-repeat 0 0;
}

.error #error {
	padding-bottom: 50px;
}
.error #error .msg {
	 margin-bottom: 30px;
}
.error #error .msg h1 {
	text-transform: uppercase;
}
.error #error .msg h1 span {
	color: #C7C12D;
}
.error #error .msg h2 {
	margin: 0 0 5px;
	font-size: 30px; color: #fff; letter-spacing: -0.03em; line-height: 34px;
	font-family: Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
}
.error #error .msg p {
	font-size: 18px; color: #ABABAB;
}
.error #error .msg p a {
	text-decoration: none; color: #ABABAB;
	border-bottom: 1px solid #C1D72E;
}
.error #error .msg p a:hover,
.error #error .msg p a:focus,
.error #error .msg p a:active {
	text-decoration: none;
	border-bottom-color: #00BFF3;
}

	
	
#content span.heading {
	background:url(../../images/headings/Main-headings-white.gif) no-repeat scroll left top transparent;
	/*height:100px;*/
	height:98px;
	/*margin-bottom:20px;*/
	margin-top:10px;
	display:block;
	text-indent:-9999px;
	left:auto;
	position:relative;
	top:auto;
}
	
.dark #content span.heading {
	background:url("../../images/headings/Main-headings-black.gif") no-repeat scroll 0 0 transparent;
	height:98px;
	margin-top:0px;
}
	
#clientGallery span.heading {
	background:url("../../images/headings/Main-headings-black.gif") no-repeat scroll 0 0 transparent;
	height:98px;
	margin-top:0px;
	display:block;
	text-indent:-9999px;
	left:auto;
	position:relative;
	top:auto;
}

#content ul.adverts,
#content ul.adverts li {
	position: relative;
	overflow: hidden;
	padding: 0; margin: 0;
	background: none;
	list-style: none;
}
#content ul.adverts li {
	margin: 0 0 15px;
}
#content ul.adverts li a,
#content ul.adverts li img {
	display: block;
}

body.blog #content .advert, 
body.blog #content ul.adverts {
	clear: both;
}
html.js body.blog #content .advert,
html.js body.blog #content ul.adverts {
	clear: both;
	height: 641px;
}
html.js body.blog #content ul.adverts li {
	margin-bottom: 0;
}

body.blog #content .advert{
	margin-bottom: 33px;
}

#content span#who-we-are { background-position:0 0; }
#content span#jobs { background-position:0 -100px; }
#content span#awards { background-position:0 -200px; }
#content span#web-design { background-position:0 -300px; }
#content span#e-commerce, #content span#ecommerce { background-position:0 -400px; }
#content span#web-development { background-position:0 -498px; }
#content span#content-management { background-position:0 -498px; }
#content span#web-services { background-position:0 -598px; }
#content span#corporate { background-position:0 -698px; }
#content span#music-industry { background-position:0 -798px; }
#content span#government { background-position:0 -898px; }
#content span#retail { background-position:0 -998px; }
#content span#education { background-position:0 -1098px; }
#content span#media { background-position:0 -1198px; }
#content span#contact { background-position:0 -1298px; }
#content span#thank-you { background-position:0 -1398px; }
#content span#cms { background-position:0 -1510px; }
#content span#marketplace { background-position:0 -1611px; height:86px;}
#content span#social { background-position:0 -1697px;}
#content span#seo { background-position:0 -1798px;}
#content span#searching { background-position:0 -1897px;}
#content span#mobile { background-position:0 -2011px; height:86px;}
#content span#conversion { background-position:0 -2098px;}
#content span#website-analytics { background-position:0 -2198px;}
#content span#gateways { background-position:0 -2298px;}
#content span#crm { background-position:0 -2397px;}
#content span#ppc { background-position:0 -2510px;}
#content span#music { background-position:0 -2611px; height:86px;}
#content span#terms { background-position:0 -2698px;}
#content span#other-stuff { background-position:0 -2898px;}
#content span#public-sector { background-position:0 -3000px; }
#content span#copywriting { background-position:0 -3299px; }
#content span#bespoke-web-design { background-position:0 -3400px;}


#content span#featured-work { background-position:0 0; }
#content span#corporate-work { background-position:0 -98px; }
#content span#music-industry-work { background-position:0 -199px; }
.service #content span#music-industry-work { background-position:0 -199px; width:510px;}
#content span#government-work { background-position:0 -298px; }
#content span#retail-work { background-position:0 -400px; }
#content span#education-work { background-position:0 -500px; }
#content span#media-work { background-position:0 -600px; }
#content span#web-design-work { background-position:0 -700px; }
#content span#e-commerce-work, #content span#ecommerce-work { background-position:0 -800px; }
#content span#web-development-work { background-position:0 -900px; }
#content span#content-management-work { background-position:0 -900px; }
#content span#other-work { background-position:0 -998px; }
#content span#bespoke-web-design-work { background-position:0 -2410px; }
.dark #content span#bespoke-web-design { background-position:0 -2410px; }
#clientGallery span#clients-heading,
#content span#clients-heading { background-position:0 -3092px ;/*0 -1098px;*/ }
#content span#team-heading { background-position:0 -1200px; }
#content span#evolving-web  { background-position:0 -3193px; }
.dark #content span#web-design{ background-position:0 -1299px; }
.dark #content span#e-commerce, .dark #content span#ecommerce { background-position:0 -1400px; }
.dark #content span#web-services{ background-position:0 -1500px; }
#content span#web-services-work{ background-position:0 -1600px; }
.dark #content span#web-development{ background-position:0 -1700px; }
.dark #content span#content-management{ background-position:0 -900px; }
.dark #content span#other-stuff{ background-position:0 -1898px; }
#content span#public-sector-work { background-position:0 -2002px; height: 95px;}
.error-404 #content span#notfound { background-position:0 -2088px; }
#content span#art-work { background-position:0 -2199px; }
#content span#our-work { background-position:0 -2298px; }


/*//////////////////////////////////////////////////////////
	Ad Words landing pages
//////////////////////////////////////////////////////////*/

.awordz #content h1.section span.heading {
    display: block;
    height: 98px;
	position: static;
    margin-top: 10px;
	text-indent: 0;
	background: none repeat scroll 0 0 transparent;
}

.awordz #content h1.section {
	margin-bottom:0;
	line-height:0;
	padding:24px 0 0;
	color: #000;
}

.dark #content .awordz-col-right blockquote.bgSm p {
	font-size: 26px; color: #FFF;
}

.dark blockquote.bgSm span.why {
	width: 165px; height: 87px;
	margin-top: -18px;
	background: url(../../images/layout/shared/span-why.png) !important;
}

#content .awordz-col-left {
	float: left;
	width: 450px;
}

#content .awordz-col-left img {
    background:#7e7e7e;
    border: 12px solid #323232;
    padding: 1px;
	margin:0 0 15px 0;
}

#content .awordz-col-right {
	float: right;
	width: 478px;
}

#content .awordz-col-right p {
	font-size: 13px; color: #CCC; text-align: left;
}

#content .awordz-col-right ul {
	margin: 20px 0 30px;
}

#content .awordz-col-right ul li {
	text-align: left; font-size: 15px; color: #CCC;
	background: url(../../images/layout/awordz/adwords-bullet.gif) no-repeat 0 8px;
}

#content .awordz-col-right a#get-in-touch,
body.spam .col3 #get-in-touch {
	display: block;
	width: 208px; height: 46px;
	margin-bottom: 30px;
	text-indent: -9999em; overflow: hidden;
	background: url(../../images/buttons/get-in-touch.png);
}

body.spam .col3 #get-in-touch {
	width: 178px; height: 41px;
	background: url(../../images/buttons/get-in-touch2.png) !important;
}

#content .awordz-col-right a#get-in-touch,
#content .awordz-col-right .alt-font,
body.spam .col3 .alt-font {
	float: left;
	margin-right: 5px;
}

#content .awordz-col-right .alt-font, body.spam .col3 .alt-font {
	margin-top: 10px;
    font-family: 'Times New Roman',Times,serif; font-style: italic; color: #FFF; font-size: 17px;
}

#content .awordz-col-right a.alt-font, body.spam .col3 a.alt-font {
	text-decoration: underline;
}

#content #awordz-quote {
	width: 421px;
	padding: 30px; margin-bottom: 0px;
	background: url(../../images/layout/awordz/quote-black-bg.png);
	width: 479px; min-height: 150px; position: relative; left: -10px;
	padding: 71px 0 0;
	/*margin-bottom: 15px;*/
	background: url(../../images/layout/awordz/bubble-top.jpg) no-repeat;
}


#content #awordz-quote p {
	margin: 21px 0 0 !important; position: relative; top: -30px; 
	color: #FFF; font-size: 16px; font-family: Georgia,'Times New Roman',times,serif; text-align: left;
}

/*//////////////////////////////////////////////////////////
	Evolving Web
//////////////////////////////////////////////////////////*/
#default .col2 blockquote.evolve-the {
	margin:0 0 20px 0;
}
body.evolving-web #content .introtext {
	padding:0 0 20px 0;
}
#content #awordz-quote div.inner-text {
	padding: 0 30px 50px ;
	background: url(../../images/layout/awordz/bubble-bottom.jpg) no-repeat 0 100%;
}

#content #awordz-quote-person {
	width: 420px;
	padding: 0 30px 15px 0; margin-bottom: 20px;
}

#content #awordz-quote-person p {
	color: #FFF; font-size: 20px; font-family: Georgia,'Times New Roman',times,serif; text-align: left;
	padding:8px 0 0;
	font-size: 18px;
	margin-left:22px;
}
	#default .col2 blockquote.evolve-the span {
		background:url(../../images/layout/shared/evolve-the.gif) no-repeat 0 0;
		height:67px;
		width:127px;
	}


#content .jumpmenu {
	background:url(../../images/layout/whatwedo/jumpmenu.gif) no-repeat bottom center;
	overflow:hidden;
	margin:0 0 10px 0;
}
#content .awordz-col-right p {
	font-size: 15px;
}
	#content .jumpmenu h2 {
		background:url(../../images/layout/whatwedo/jumpmenu.gif) no-repeat top center;
		margin:0 !important;
		font-size:26px;
		line-height:26px;
		color:#464646;
		font-weight:normal;
		font-family:Georgia,Palatino,"Palatino Linotype",Times,"Times New Roman",serif;
		padding:22px 25px 15px 25px;
	}
	#content .jumpmenu ul {
		background:url(../../images/layout/whatwedo/jumpmenu.gif) no-repeat center center;
		margin:0 0 25px 0;
		overflow:hidden;
		padding:0 25px 22px 25px;
	}
		#content .jumpmenu ul li {
			list-style:none;
			padding:0;
			background:none;
			font-size:20px;
			line-height:20px;
			width:50%;
			float:left;
			color:#acacac;
		}
			#content .jumpmenu ul li a {
				color:#acacac;
				text-decoration:none;
				border-bottom:0;
				display:block;
				background:url(../../images/layout/shared/bullet-chevron.gif) no-repeat left center;
				padding:0 0 1px 16px;
			}
				#content .jumpmenu ul li a:hover,
				#content .jumpmenu ul li a:active {
					color:#b9ce30;
				}

#content .jumpbox {
	position:relative;
	padding-left:247px;
	overflow:hidden;
	min-height:200px;
}
.service .awordz-col-right blockquote {
	margin-bottom: 20px;
}

.dark blockquote.bgSm span.first-word {
	background:none !important;
	font-size: 3.5em;
    line-height: 1em;
    outline: 0 none;
    text-indent: 0px;
	width: auto;
	margin-bottom: 18px;
}

	#content .jumpbox .img {
		width:227px;
		position:absolute;
		top:0;
		left:0;
	}
	#content #default .jumpbox h2 {
		padding-top:20px;
		font-size:20px;
		margin-bottom:8px;
	}
	#content #default .jumpbox p {
		clear:none;
		margin-bottom:15px;
	}
	#content #default .jumpbox ul li {
		color:#848484;
		margin:0 0 15px 0;
	}
	#content #default .jumpbox ul li ul {
		padding-top:14px;
		margin-bottom:0;
		padding-bottom:0;
		font-size:80%;
	}





/*//////////////////////////////////////////////////////////
	Landing footer links
//////////////////////////////////////////////////////////*/
#footer ul{
	margin-bottom:5px;
}
#footer p#footVat {
	/*margin-top:37px;*/
	margin-top:21px;
}

/*//////////////////////////////////////////////////////////
	Web Design - Spam pages (CMS, CRM, SEO etc.)
//////////////////////////////////////////////////////////*/

	body.spam .col2 { width: 520px; }
	body.spam .col3 {
		float: left;
		width: 200px;
	}

	body.spam #content .col2 h2 {
		margin: 0 0 8px;
		font-size: 48px; color:#464646; line-height: 48px; font-family: Georgia,'Times New Roman',times,serif;
	}

	body.spam blockquote {
		margin-bottom: 15px;
	}

	body.spam img {
		display: block;
		width: auto !important; margin: 10px 0 20px;
		border: 1px solid #e3e3e3; padding: 15px;
	}

	body.spam .col3 h4 {
		margin-bottom: 20px;
		color: #464646; font-size: 2.2em;
		font-family: Georgia,Palatino,"Palatino Linotype",Times,"Times New Roman",serif;
	}

	body.spam .col3 #head-office,
	body.spam .col3 #london-office {
		display: block; text-indent: -9999em;
		width: 159px; height: 44px;
		margin-bottom: 20px;
		background-image: url(../../images/content/head-office.png);
	}

	body.spam .col3 #london-office {
		background-image: url(../../images/content/london-office.png);
	}

	body.spam .col3 .alt-font {
		color: #555;
	}

	body.spam .col3 #get-in-touch {
		margin-bottom: 2px;
	}
	
	body.spam #headLargeGallery,	
	body.spam #headGallery {
		height: 280px;
		background: none;
	}

	body.spam #headLargeGallery ul#topPics,
	body.spam #headLargeGallery div.ui-wrapper,
	body.spam #headGallery ul#topPics,
	body.spam #headGallery div.ui-wrapper {
		height: 260px;
	}

	body.spam #headLargeGallery ul#topPics li, 
	body.spam #headGallery ul#topPics li {
		background: 0;
	}

	body.spam #headLargeGallery ul#topPics li img,
	body.spam #headGallery ul#topPics li img {
		padding: 0; border: 0;
	}

	body.spam #headLargeGallery ul.ui-pagination,
	body.spam #headGallery ul.ui-pagination {
		margin: 0 auto;
		width: 110px;
	}

	body.spam #headLargeGallery ul.ui-pagination li, 
	body.spam #headGallery ul.ui-pagination li {
		background: url(../../images/layout/shared/slider-circle.png) -11px 0;
		width: 10px; height: 10px; padding: 0; margin: 5px;
	}

	body.spam #headLargeGallery ul.ui-pagination li:hover,
	body.spam #headLargeGallery ul.ui-pagination li.active,
	body.spam #headGallery ul.ui-pagination li:hover,
	body.spam #headGallery ul.ui-pagination li.active {
		background: url(../../images/layout/shared/slider-circle.png) 0 0;
	}

	body.spam #headLargeGallery ul.ui-pagination li a,
	body.spam #headGallery ul.ui-pagination li a {
		padding: 0; text-indent: -9999em; background: none !important;
	}

	body.spam #headLargeGallery ul.ui-pagination li.active-icon,
	body.spam #headGallery ul.ui-pagination li.active-icon {
		background: none;
	}

/*//////////////////////////////////////////////////////////
	Service Pages Font Colour Change
///////////////////////////////////////////////////////////*/

	body.service h2 { color: #111; }
	body.service h3 {
	color: #000;
}
	body.service p { color: #333; }
	body.service blockquote.bgSm + p { color: #333 !important; }
	body.service #keyFeatures ul li,
	body.service #keyFeatures ul li a { color: #333; }
	body.work #workDetails ul li { color: #333; }

/*//////////////////////////////////////////////////////////
	Links from mobile plugin
//////////////////////////////////////////////////////////*/
#content p.switcher{
	display:none;
	line-height:0px;
}

/*//////////////////////////////////////////////////////////
	Ad Words white landing pages
//////////////////////////////////////////////////////////*/

body.awordz-white{
	color:#333333;
}
body.awordz-white p{
	color:#333333;
}
body.awordz-white #content .awordz-col-right p{
	color:#333333;
}
body.awordz-white #content .awordz-col-right ul li {
	color:#333333;
}
body.awordz-white #content .awordz-col-right .alt-font{
	color:#333333;
}
body.awordz-white #content #awordz-quote-person p{
	color:#333333;
}
body.awordz-white #content .awordz-col-left img {
	border: 1px solid #E2E2E2;
}

/* Facebook comments */
.fb_iframe_widget {
	border-top:1px solid #ccc;
	padding-top:20px;
	width:560px;
}
.fb_iframe_widget iframe {
	width:565px;
}


/*/////////////////////////////////////////////////////
BLOG SIDE SOCIAL ICONS
/////////////////////////////////////////////////////*/

.social-icons-sidebar{
	float:left;
	width:120px;
	height:16px;
	list-style:none;
}

.social-icons-sidebar #drib, .social-icons-sidebar #face, .social-icons-sidebar #twit, .social-icons-sidebar #rss{
	width:16px;
	height:16px;
	float:left;
	padding:0 10px 0 0;
}

.social-icons-sidebar #drib a, .social-icons-sidebar #face a, .social-icons-sidebar #twit a, .social-icons-sidebar #rss a{
	float:left;
	width:16px;
	height:16px;
	list-style:none;
	border:none;
	text-indent:-9999px;
	outline:none;
	padding:0;
}

.social-icons-sidebar #drib a{
	background:url(../../blog/wp-content/themes/iweb/images/layout/blog/dribbble_16.jpg) no-repeat center center;
}

.social-icons-sidebar #face a{
	background:url(../../blog/wp-content/themes/iweb/images/layout/blog/facebook_16.jpg) no-repeat center center;
}

.social-icons-sidebar #twit a{
	background:url(../../blog/wp-content/themes/iweb/images/layout/blog/twitter_16.jpg) no-repeat center center;
}

.social-icons-sidebar #rss a{
	background:url(../../blog/wp-content/themes/iweb/images/layout/blog/rss_16.jpg) no-repeat center center;
}


/*//////////////////////////////////////////////////////////
	head Large Gallery - bxSlider
//////////////////////////////////////////////////////////*/

.bx-window {
	overflow: visible !important;
}

.bx-wrapper {
	margin: 0 auto;
	z-index: 6;
}
#headLargeGallery .bx-window ul#topPics li{
	height:447px;
	position:relative;
}
#headLargeGallery .bx-window ul#topPics li img{
    bottom: auto;
    /*left: 10px;*/
    left: 0px;
    position: absolute;
    right: auto;
    top: 0px;
}
.bx-prev,
.bx-next {
	display: block;
	position: absolute;
	top: 180px;
	background: transparent;
	z-index: 999;
	text-indent: -99999px;
	outline:none;
	border:0;
	height: 60px;
	width: 77px;
}
.bx-prev {
	left: -39px;
	background: url(../../images/layout/shared/left.png) no-repeat 0 0;
}
.bx-next {
	right: -35px;
	background: url(../../images/layout/shared/right.png) no-repeat 0 0;
}


html.js #headLargeGallery .bx-pager {
    background-color: transparent;
    list-style: none outside none;
    margin: 0 auto;
    overflow: hidden;
    padding: 0;
    position: relative;
    top: -44px;
    /*width: 970px;*/
    width: 240px;
    z-index: 10;
	height: 44px;
}

html.js #headLargeGallery .bx-pager a{
    color: #666666;
    display: block;
    font-size: 12px;
    font-weight: bold;
    outline: 0 none;
    padding: 19px 15px 10px;
	float: left;
	height: 44px;
}
html.js #headLargeGallery .bx-pager a.pager-active{
    color: #C1D72E;
	background: url(../../images/layout/shared/head-gallery-pagination-mouseover.png) no-repeat 0 0;
}


#headLargeGallery .shadow .banner-phone,
#headLargeGallery .banner-phone-wrap .banner-phone {
	color: #C3E700;
	display: none;
	font-family: "Droid Serif", Georgia,"Times New Roman",Times,serif;
	font-size: 78px;
	padding-top: 235px;
	letter-spacing:-1px;
	position:relative;
	z-index:1;
}

#headLargeGallery .shadow a{
	border:0;
	outline:0;
	position:absolute !important;
	top:0;
}

html.js #footer .office p em.phone-dynamic span{
	color: #5E5D5D;
}
/*
html.js body #header #phone-dynamic span{
	color:#000;
}

html.js #footer .office p em.phone-dynamic span {
	color:#000;
}*/
body.address #content .contactBox div.vcard p em.phone-dynamic span,
#services .office p em.phone-dynamic span {
	color:#5E5E5E;
	float: none;
}
/*
html.js #services .office p em.phone-dynamic span {
	color:#FFF;
}
*/

/**
 * Ecommerce banner
 */
#ecommerce-banner {
	background:#000 url(../../images/ecommerce-lander/back.gif) repeat-x bottom;
	border-bottom:6px solid #000;
}

	#ecommerce-banner .container {
		width:958px;
		margin:0 auto;
	}
	
	#ecommerce-banner #welcome .award-winnning {
		display:none;
	}

	#ecommerce-banner #welcome {
		background:url(../../images/ecommerce-lander/wood.jpg) no-repeat top center;
		height:484px;
		border-bottom:6px solid #000;
		text-align:left;
	}
		#ecommerce-banner #welcome .enjoy-demo {
			padding-left:586px;
		}
		#ecommerce-banner #welcome h2 {
			font-size:22px;
			color:#fff;
			line-height:30px;
			font-weight:bold;
			margin:0 0 7px 0;
			padding:46px 0 0 36px;
		}
		#ecommerce-banner #welcome ul {
			margin:0;
			padding:0 0 15px 0;
		}
			#ecommerce-banner #welcome ul li {
				list-style:none;
				margin:0;
				padding:0 0 0 36px;
				background:url(../../images/ecommerce-lander/tick.gif) no-repeat left center;
				color:#e1e1e1;
				line-height:30px;
				font-size:18px;
			}
		#ecommerce-banner #welcome a {
			display:block;
			font-size:1px;
			line-height:1px;
			overflow:hidden;
			text-indent:-9999px;
			height:49px;
			width:310px;
			background:url(../../images/ecommerce-lander/get-started-now.jpg) no-repeat 0 0;
			margin-left:36px;
		}
			#ecommerce-banner #welcome a:hover {
				opacity:0.9;
			}
			
	#ecommerce-banner #more-info {
		border-top:1px solid #252525;
	}
		#ecommerce-banner .frame {
			border:1px solid #252525;
			border-top:0;
		}
		#ecommerce-banner .box {
			float:left;
			width:300px;
			height:234px;
			padding:9px;
			border:1px solid #252525;
			border-left:0;
			border-top:0;
			text-align:center;
		}
			#ecommerce-banner .box a {
				display:block;
				width:300px;
				height:234px;
				overflow:hidden;
				background-position:0 0;
				background-repeat:no-repeat;
				text-decoration:none;
			}
				#ecommerce-banner .box a:hover {
					opacity:0.8;
				}
			#ecommerce-banner .box a h3 {
				color:#fff;
				font-size:14px;
				line-height:18px;
				margin:158px 10px 5px 10px;
				text-decoration:none;
			}
			#ecommerce-banner .box a p {
				color:#bbb;
				margin:0 10px;
				padding:0;
			}	
		#ecommerce-banner .feature-rich,
		#ecommerce-banner .feature-rich a {
			height:542px;
			width:619px;
		}
			#ecommerce-banner .feature-rich a h3 {
				margin-top:460px;
			}
		#ecommerce-banner .multisite,
		#ecommerce-banner .conversion,
		#ecommerce-banner .multisite a,
		#ecommerce-banner .conversion a {
			height:261px;
		}
			#ecommerce-banner .multisite a h3,
			#ecommerce-banner .conversion a h3 {
				margin-top:180px;
			}
		#ecommerce-banner .floatunit {
			width:300px;
			float:left;
		}
		#ecommerce-banner .made-uk,
		#ecommerce-banner .multisite,
		#ecommerce-banner .conversion {
			border-right:0;
		}
		#ecommerce-banner .conversion,
		#ecommerce-banner .feature-rich {
			border-bottom:0;
		}
		#ecommerce-banner .turnaround a {
			background-image:url(../../images/ecommerce-lander/turnaround.jpg);
		}
		#ecommerce-banner .mobile-commerce a {
			background-image:url(../../images/ecommerce-lander/mobile-commerce.jpg);
		}
		#ecommerce-banner .made-uk a {
			background-image:url(../../images/ecommerce-lander/made-uk.jpg);
		}
		#ecommerce-banner .multisite a {
			background-image:url(../../images/ecommerce-lander/multisite.jpg);
		}
		#ecommerce-banner .conversion a {
			background-image:url(../../images/ecommerce-lander/conversion.jpg);
		}
		#ecommerce-banner .feature-rich a {
			background-image:url(../../images/ecommerce-lander/feature-rich.jpg);
		}
	
	#ecommerce-banner #some-work {
		text-align:center;
	}
		#ecommerce-banner #some-work h2 {
			font-size:19px;
			font-family:Georgia, serif;
			line-height:24px;
			color:#e1e1e1;
			padding:25px 0 5px 0;
			font-weight:normal;
		}
		#ecommerce-banner #some-work p {
			color:#949494;
			margin:0 0 20px 0;
		}
		#ecommerce-banner #some-work ul {
			margin:0;
			padding:0 0 44px 44px;
			height:156px;
		}
		#ecommerce-banner #some-work ul li {
			list-style:none;
			float:left;
			margin:0 18px 0 0;
		}
			#ecommerce-banner #some-work ul li a:hover {
				opacity:0.8;
			}
	
	#ecommerce-banner #enjoy-demo {
		padding:28px 0 34px 0;
	}
		#ecommerce-banner #enjoy-demo p {
			width:550px;
			margin:0 auto;
			color:#fff;
			font-size:20px;
			line-height:49px;
			overflow:hidden;
		}
		#ecommerce-banner #enjoy-demo span {
			float:left;
			display:block;
		}
		#ecommerce-banner #enjoy-demo a {
			display:inline-block;
			float:right;
			font-size:1px;
			line-height:1px;
			overflow:hidden;
			text-indent:-9999px;
			height:49px;
			width:310px;
			background:url(../../images/ecommerce-lander/get-started-now.jpg) no-repeat 0 0;
			margin-left:16px;
		}
			#ecommerce-banner #enjoy-demo a:hover {
				opacity:0.9;
			}
	
/**
 * Terms page
 */	
.termsSection table{
	margin: 0 0 20px;
	border-collapse: collapse;
	width: 100%;
	font-size: 12px
}
.termsSection table td, 
.termsSection table th{
	border: 1px solid #000;
	padding: 4px 7px;
}
.termsSection table th{
    padding-bottom: 4px;
    padding-top: 5px;
    text-align: left;
}
.termsSection table td{
}

.termsSection table .cookie-name{
	width:100px;
}
.termsSection table .cookie-expire{
	width:110px;
}


/**
 * LinkedIn profile author tag
 */
 #blogCols .article .post-author {
	padding: 0;
	margin: 6px 0 0 -7px;
	list-style: none;
	height: 30px;
	clear: both;
}
#blogCols .article .post-author li {
	display: inline-block;
	background: none;
	padding: 0 10px 0 7px;
	border-right: solid 1px #848484;
	font-size: 1.1em;
}
#blogCols .article .post-author .linkedin,
#blogCols .article .post-author .last {
	border: none;
}
#blogCols .article .post-author li img {
	display: inline;
	padding: 0;
	margin-bottom: -3px;
}




/**
 * WordPress Lander
 **/
#wordpress-lander {
	height:945px;
	background:url(../../images/layout/wordpress-lander.jpg) no-repeat top center;
}
	#wordpress-lander a {
		display:block;
		height:947px;
	}
		#wordpress-lander a .section.intro,
		#wordpress-lander a .section.info {
			display:none;
		}

#wordpress-features {
	width:980px;
	margin:0 auto;
	padding:45px 0 30px 0;
}
	#wordpress-features h2 {
		display:none;
	}
	#wordpress-features .wordpress-feature {
		float:left;
	}
	#wordpress-features .wordpress-feature a:hover {
		opacity:0.5;
	}
	
/* iPad [portrait + landscape] */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
	.bx-next{
		right:9px;
	}
	.bx-prev {
		left: -5px;
	}
	
	.mwork #content .workShot a.screenshot:hover img,
	.mwork #content .workShot a.screenshot:focus img,
	.mwork #content .workShot a.screenshot:active img,
	.work #content .col2 .workShot a.screenshot:hover img,
	.work #content .col2 .workShot a.screenshot:focus img,
	.work #content .col2 .workShot a.screenshot:active img,
	.what-we-do #content .col2 .workShot a.screenshot:hover img,
	.what-we-do #content .col2 .workShot a.screenshot:focus img,
	.what-we-do #content .col2 .workShot a.screenshot:active img,
	body.error #content .workShot a.screenshot:hover img,
	body.error #content .workShot a.screenshot:focus img,
	body.error #content .workShot a.screenshot:active img,
	#blogWrapper .workShot a.screenshot:hover img,
	#blogWrapper .workShot a.screenshot:focus img,
	#blogWrapper .workShot a.screenshot:active img {
		visibility: visible !important;
	}
	
		.mwork #content .workShot a:hover img.screenshot,
	.mwork #content .workShot a:focus img.screenshot,
	.mwork #content .workShot a:active img.screenshot,
	.work #content .col2 .workShot a:hover img.screenshot,
	.work #content .col2 .workShot a:focus img.screenshot,
	.work #content .col2 .workShot a:active img.screenshot,
	.what-we-do #content .col2 .workShot a:hover img.screenshot,
	.what-we-do #content .col2 .workShot a:focus img.screenshot,
	.what-we-do #content .col2 .workShot a:active img.screenshot,
	body.error #content .workShot a:hover img.screenshot,
	body.error #content .workShot a:focus img.screenshot,
	body.error #content .workShot a:active img.screenshot,
	#blogWrapper .workShot a:hover img.screenshot,
	#blogWrapper .workShot a:focus img.screenshot,
	#blogWrapper .workShot a:active img.screenshot {
		display: none; visibility: hidden;
	}
	
}