/*************************************************
THEME NAME: We Love Mobile
THEME URI: http://www.welovebomile.co.uk
DESCRIPTION: Wordpress Theme
VERSION: 0.1
AUTHOR: Matt Hobbs
AUTHOR URI: http://www.thisisbd.com
TAGS: microformats, hcard, developer, blank
*************************************************/

/* Page Reset ***********************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100.01%;
	font-family: inherit;
	vertical-align: baseline;
	}
body {
	line-height: 1;
	color: #000;
	background: #000;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	}
ol, ul {list-style: none;}
table {
	border-collapse: separate;
	border-spacing: 0;
	}
caption, th, td {
	text-align: left;
	font-weight: 400;
	}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
/* Page Layout **********************************/
/* Cufon Fix */
.cufon-loading h1, .cufon-loading h2, .cufon-loading h3, .cufon-loading h4, .cufon-loading h5, .cufon-loading h6 {visibility: hidden !important;}
.cufon-loading #mainNav a, .cufon-loading #header li {visibility: hidden !important;} 
#pw {
	background: #568cce;
	overflow: hidden;
	border: solid #333;
	border-width: 0 1px;
	width: 1024px;
	margin: 0 auto;
	}
#wrapper {
	width: 1024px;
	margin: 0 auto;
	overflow: hidden;
	}
#access {
	position: absolute;
	top: 5px;
	left: -999em;
	}
body p a {
	color: #fff;
	font-size: 1em;
	text-align: center;
	text-decoration: underline;
	}
body > p > a {
	display: block;
	margin: 0 0 12px;
	}
/* Page Background Images */
body.home #wrapper {background: url(images/homeBG.jpg) no-repeat bottom center;}
body.page-template-about-template-php #wrapper {background: url(images/aboutBG.jpg) no-repeat bottom center;}
body.page-template-find-template-php #wrapper {background: url(images/contactBG.jpg) no-repeat bottom center;}
body.page-template-approach-template-php #wrapper {background: url(images/approachBG.jpg) no-repeat bottom center;}
body.page-template-insight-template-php #wrapper,
body.s-category-insight #wrapper {background: url(images/insightBG.jpg) no-repeat bottom center !important;}
body.blog #wrapper,
body.wp-single-post #wrapper,
body.archive #wrapper {background: url(images/blogBG.jpg) no-repeat bottom center;}
body.page-template-client-template-php #wrapper,
body.wp-single-brand #wrapper {background: url(images/clientBG.jpg) no-repeat bottom center;}
/* Across Site Elements *************************/
.page h1 {
	color: #ffeb36;
	font-size: 1.13em;
	}
.clear {
	clear: both;
	display: block;
	}
#wrapper p {
	line-height: 1.25;
	font-size: 0.75em;
	color: #fff;
	margin: 0 0 12px;
	}
#wrapper p strong {font-weight: 700;}
#wrapper p a:hover {color: #fee505;}
#wrapper ol {
	margin: 0 0 12px 20px;
	list-style: decimal;
	}
#wrapper ol li {
	font-size: 0.75em;
	line-height: 1.25;
	margin: 0 0 4px;
	}
/* Header ***************************************/
#header {
	padding: 13px 0 10px;
	position: relative;
	height: 135px;
	width: 910px;
	margin: 0 auto;
	}
#header .logo a {
	display: block;
	width: 238px;
	height: 125px;
	background: url(images/wlmLogo.png) no-repeat;
	text-indent: -999em;
	}
#header .logo #bdLink {
	background: none;
	position: absolute;
	top: 100px;
	left: 113px;
	z-index: 10;
	height: 32px;
	width: 125px;
	}
/* Navigation */
#mainNav {
	position: absolute;
	width: 140px;
	top: 13px;
	left: 314px;
	}
#mainNav li {margin: 0 0 3px;}
#mainNav li a {
	color: #fff;
	text-transform: uppercase;
	font-size: 0.88em;
	text-decoration: none;
	display: block;
	line-height: 1;
	}
.hasJS #mainNav li a {
	font-size: 1.13em;
	margin: 0;
	}
#mainNav .current_page_item a,
#mainNav li a:hover {color: #fee505;}
/* Geo */
#header .geo {
	overflow: hidden;
	position: absolute;
	top: 13px;
	right: 0;
	width: 332px;
	}
#header .geo li {
	font-size: 0.5em;
	text-transform: uppercase;
	color: #fff;
	float: left;
	display: inline;
	margin: 0 62px 0 0;
	}
#wrapper #header .last {margin: 0;}
#header .geo li b {
	display: block;
	font-size: 1.75em;
	margin: 14px 0 0;
	}
/* Contact */
#header .tel {
	overflow: hidden;
	width: 370px;
	position: absolute;
	right: 0;
	top: 118px;
	}
#header .plusone {
	overflow: hidden;
	width: 72px;
	position: absolute;
	right: 0;
	top: 72px;
	}
#wrapper #header .type {display: none;}
#header .tel li {
	color: #fff;
	font-size: 0.69em;
	text-transform: uppercase;
	float: left;
	display: inline;
	margin: 0 8px 0 0;
	}
#header .tel li a {
	color: #fff;
	text-decoration: none;
	}
#header .tel .last a {color: #fee505;}
#mobileMap {display: none;}
/* JS Enabled + Cufon changes */
.hasJS #header .geo {width: 240px;}
.hasJS #header .tel li {font-size: 0.88em;}
.hasJS #header .tel {width: 288px;}
/* Homepage Brands ******************************/
.brand-container {
	width: 910px;
	overflow: hidden;
	margin: 22px 0 0;
	}
.brand-container .brand {
	width: 126px;
	float: left;
	display: inline;
	margin: 0 30px 0 0;
	position: relative;
	}
.page-template-client-template-php .brand-container .brand {margin: 0 30px 20px 0;}
.brand-container .brand .logo {
	width: 126px;
	height: 126px;
	display: block;
	margin: 0 0 10px;
	}
.hasJS .brand-container .brandInfo li {display: none;}
.brandInfo .infoShow {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
	width: 106px;
	height: 106px;
	padding: 10px;
	background: url(images/boxBG.png);
	}
.brand-container .brandInfo li {margin: 0 0 8px;}
.brand-container .brandInfo li p {
	margin: 0;
	font-size: 0.63em;
	}
#wrapper .brand-container .last {margin: 0 0 0 3px;}
#homeBrands .p8 {margin: 0 0 0 4px;}
/* Generated Icons */
.hoverIcons {
	overflow: hidden;
	position: absolute;
	top: 109px;
	left: 5px;
	z-index: 10;
	}
.hoverIcons li {
	width: 12px;
	height: 12px;
	float: left;
	display: inline;
	margin: 0 5px 0 0;
	cursor: pointer;
	line-height: 1;
	font-size: 1px;
	}
.hoverIcons .ri1 {background: #ec048c;}
.hoverIcons .ri2 {background: #f0e600;}
.hoverIcons .ri3 {background: #00a6f0;}
/* Static copy */
#homeStatic {
	width: 910px;
	overflow: hidden;
	}
#homeStatic .box {
	padding: 10px;
	width: 262px;
	background: url(images/boxBG.png);
	float: left;
	display: inline;
	margin: 20px 32px 0 0;
	}
#wrapper #homeStatic .last {margin: 20px 0 0;}
#homeStatic b {
	width: 200px;
	height: 105px;
	display: block;
	margin: 0 auto 8px;
	}
#homeStatic .box h2 {
	color: #fff;
	font-size: 1.13em;
	width: 278px;
	height: 29px;
	}
#homeStatic .box h2 a {
	color: #ffe600;
	text-decoration: none;
	}
#hStrat h2,
#app-strategy h3 {
	padding: 10px 0 0 9px;
	margin: -10px 0 30px -10px;
	background: url(images/strategyTitleBG.gif) no-repeat;
	}
#hDesign h2,
#app-design h3 {
	padding: 10px 0 0 9px;
	margin: -10px 0 30px -10px;
	background: url(images/designTitleBG.gif) no-repeat;
	}
#hMarket h2,
#app-marketing h3 {
	padding: 10px 0 0 9px;
	margin: -10px 0 30px -10px;
	background: url(images/marketingTitleBG.gif) no-repeat;
	}
#ourApproach .column h3 {
	padding: 10px 0 11px 9px;
	margin: -13px 0 29px -10px;
	}
.yel {height: 270px;}
#hBlog ul li,
#hInsight ul li,
#hLove ul li {
	font-size: 0.75em;
	color: #fff;
	margin: 0 0 8px;
	line-height: 1.25;
	}
#hBlog ul li a,
#hLove ul li a {color: #fff;}
#hBlog ul li span {color: #f0e600;}
#hBlog p, #hLove p, #hInsight p {margin: 0 0 8px;}
#hInsight ul li a {color: #f0e600;}
#hInsight ul p,
#hBlog ul li p {
	display: inline;
	font-size: 1em;
	}
/* Content **************************************/
#content {
	padding: 0 0 210px;
	width: 910px;
	margin: 0 auto;
	overflow: hidden;
	}
.pageid-6 #content {
	padding: 0 0 0;
	min-height: 800px;
	height: auto !important;
	height: 800px;
	}
#content h1 {
	text-transform: uppercase;
	margin: 0 0 4px;
	}
/* Homepage Carousel ****************************/
.carousel-post {margin: 0 0 12px;}
.hasJS .carousel-post {margin: 0;}
.hasJS #carousel .p1, .hasJS #carousel .p2 {display: none;}
/* About Us *************************************/
#aboutUs {
	margin: 22px 0 0;
	width: 910px;
	}
#aboutUs .pageCopy {
	width: 200px;
	float: left;
	display: inline;
	background: url(images/boxBG.png);
	padding: 22px 12px 22px 10px;
	min-height: 240px;
	height: auto !important;
	height: 240px;
	}
#aboutUs .profile {
	width: 218px;
	padding: 22px 12px 22px 0;
	float: left;
	display: inline;
	position: relative;
	background: url(images/boxBG.png);
	min-height: 230px;
	height: auto !important;
	height: 230px;
	}
#aboutUs .profile img {
	margin: 0 6px 4px 0;
	float: left;
	}
#aboutUs .profile h2 {
	color: #f0e600;
	margin: 0 0 4px;
	}
#aboutUs .last {padding: 22px 10px 22px 0;}
#aboutUs .profile p {
	font-size: 0.56em;
	float: left;
	display: inline;
	width: 84px;
	}
.hasJS #aboutUs .profile p {height: 206px;}
#aboutUs .hidden {
	clear: both;
	margin: 8px 0 0;
	float: left;
	display: inline;
	padding: 22px 0 0 10px;
	}
#aboutUs .profile .hidden p {
	width: 218px;
	float: none;
	display: block;
	line-height: 1.3;
	}
.hasJS #wrapper #aboutUs .hidden p {
	width: 205px;
	height: auto;
	}
#aboutUs .pSwitch {
	width: 9px;
	height: 11px;
	background: url(images/pageIcon.gif) no-repeat;
	cursor: pointer;
	clear: none;
	display: block;
	position: absolute;
	top: 175px;
	left: 0;
	}
/* Our Approach *********************************/
#ourApproach {overflow: hidden;}
#ourApproach .entry-content {
	background: url("images/boxBG.png") repeat;
	padding: 16px;
	width: 878px;
	overflow: hidden;
	margin: 23px 0;
	}
#ourApproach .entry-content h1 {
	color: #000;
	float: left;
	height: 100px;
	width: 160px;
	}
#ourApproach .entry-content .column {
	float: left;
	display: inline;
	}
#ourApproach .entry-content .column h2 {
	margin: 0 0 4px;
	font-size: 1.5em;
	color: #F0E600;
	}
#ourApproach .entry-content .column p {
	color: #fff;
	margin: 0 0 12px;
	}
#ourApproach .column-container .column {
	width: 284px;
	margin: 0 29px 0 0;
	float: left;
	display: inline;
	color: #fff;
	}
#ourApproach .column-container .last {margin: 0;}
#ourApproach .column-container .column div {
	background: url(images/boxBG.png);
	margin: 0 0 20px;
	padding: 13px 10px;
	}
#ourApproach b {
	width: 200px;
	height: 100px;
	display: block;
	margin: 6px auto;
	}
#app-strategy .img {background: url(images/strategyImg.png) no-repeat;}
#app-design .img {background: url(images/designImg.png) no-repeat;}
#app-marketing .img {background: url(images/marketingImg.png) no-repeat;}
/* Clients **************************************/
.single-brand {overflow: hidden;}
.single-brand .logo {
	float: left;
	width: 126px;
	display: inline;
	margin: 22px 30px 0 0;
	}
.single-brand .entry-content {
	background: #fff;
	padding: 16px 14px;
	float: left;
	width: 726px;
	display: inline;
	margin: 22px 0 0;
	}
#wrapper .single-brand .entry-content p {color: #000;}
#otherBrands {
	float: left;
	display: inline;
	}
#clients {overflow: hidden;}
#clients .entry-content {
	background: url("images/boxBG.png") repeat;
	padding: 16px;
	width: 878px;
	overflow: hidden;
	margin: 23px 0;
	}
#clients .entry-content h1 {
	color: #000;
	float: left;
	height: 100px;
	width: 160px;
	}
#clients .entry-content .column {
	float: left;
	display: inline;
	}
#clients .entry-content .column h2 {
	margin: 0 0 4px;
	font-size: 1.5em;
	color: #F0E600;
	text-transform: uppercase;
	}
#clients .entry-content .column p {
	color: #fff;
	margin: 0 0 12px;
	}
#clients .column-container .column {
	width: 284px;
	margin: 0 29px 0 0;
	float: left;
	display: inline;
	color: #fff;
	}
/* Blog *****************************************/
#blogPosts {
	width: 597px;
	float: left;
	display: inline;
	margin: 0 30px 0 0;
	}
#blogPosts .entry-content {
	background: #fff;
	padding: 12px 14px;
	margin: 0 0 44px;
	width: 569px;
	}
#blogPosts .entry-content p a {
	color: #FD0505;
	font-size: 1em;
	text-decoration: none;
	}
#blogPosts .entry-content p img {
	display: block;
	clear: both;
	}
#blogPosts .post-image {
	display: block;
	background: #fff;
	text-align: center;
	}
#blogPosts .post-image img {max-width: 597px;}
#blogPosts .entry-content p {
	color: #000;
	clear: both;
	}
#blogPosts .entry-content h2 {margin-left: -3px;}
#blogPosts .entry-content .readMore {
	color: #fd0505;
	text-transform: uppercase;
	text-decoration: none;
	background: url(images/redPageIcon.gif) no-repeat center right;
	padding: 0 16px 0 0;
	}
#blogPosts .entry-content .readMore:hover {text-decoration: underline;}
#blogPosts .entry-content h2 a {
	color: #222;
	font-size: 1.25em;
	text-decoration: none;
	text-transform: uppercase;
	}
#navBelow {
	overflow: hidden;
	margin: 0 0 12px;
	width: 597px;
	}
#caseStudyPosts #navBelow {width: 910px;}
#navBelow a {
	color: #fff;
	text-decoration: none;
	font-size: 0.88em;
	font-weight: 700;
	line-height: 1.25;
	}
#navBelow a:hover {text-decoration: underline;}
.navPrev {
	float: left;
	display: inline;
	}
.navNext {
	float: right;
	display: inline;
	}
/* Sidebar */
.sidebar {
	float: left;
	display: inline;
	width: 257px;
	padding: 27px 13px;
	background: url(images/boxBG.png);
	color: #fff;
	}
.sidebar .widget {margin: 0 0 24px;}
.sidebar .widget ul {
	margin: 0 0 0 14px;
	list-style: disc;
	}
.sidebar .widget ul li {
	color: #fff;
	font-size: 0.75em;
	margin: 0 0 4px;
	}
.sidebar .widget ul li a {
	color: #fff;
	text-decoration: none;
	font-size: 1em;
	}
.sidebar .widget ul li a:hover {color: #ffe600;}
.sidebar h3 {
	color: #ffe600;
	font-size: 1em;
	margin: 0 0 4px;
	text-transform: uppercase;
	}
.sidebar #searchform label {display: none;}
.widget_tag_cloud a {
	text-decoration: none;
	color: #fff;
	}
.widget_tag_cloud a:hover {color: #ffe600;}
/* Single Post */
.wp-single-post #wrapper .entry-content {margin: 0;}
.wp-single-post #wrapper .entry-content h1 {
	font-size: 1.13em;
	margin: 0 0 8px;
	}
.wp-single-post #blogPosts .entry-content p img {margin-left: -14px;}
.wp-single-post .entry-meta {
	background: #fff;
	padding: 12px 14px;
	font-size: 0.69em;
	line-height: 1.25;
	margin: 12px 0;
	}
.wp-single-post .entry-meta a {
	color: #FD0505;
	text-decoration: none;
	}
.wp-single-post .entry-meta a:hover {text-decoration: underline;}
/* Comment Form */
#comments {
	background: url(images/boxBG.png);
	color: #fff;
	padding: 12px 14px;
	}
#comments h5 {
	color: #FFE600;
	font-size: 1em;
	margin: 0 0 4px;
	}
#comments p a {
	color: #FFE600;
	text-decoration: none;
	}
#comments p a:hover {text-decoration: underline;}
#comments label {
	display: block;
	font-weight: 700;
	margin: 0 0 2px;
	line-height: 1.25;
	font-size: 0.75em;
	}
#comments textarea {
	padding: 3px 5px;
	color: #333;
	font-size: 0.83em;
	width: 555px;
	height: 100px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	}
#comments #submit {
	display: block;
	margin: 4px 0 0;
	}
#commentForm td {
	vertical-align: top;
	padding: 0 8px 4px 0;
	}
#commentForm td textarea {width: 482px;}
#commentForm td label {margin: 4px 0 0;}
#commentForm input,
#s-404,
#s-not-found {
	padding: 3px 5px;
	color: #333;
	font-size: 0.83em;
	}
#commentForm td #submit {margin: 0 0 0 73px;}
/* Archive Content */
#archiveContent .post,
#tagContent .post {
	zoom: 1;
	}
#archiveContent #navBelow,
#tagContent #navBelow {width: 548px;}
/* Insight **************************************/
#insight h1 {display: none;}
.s-category-insight #tag_cloud-3 {display: none;}
/* Case Studies *********************************/
#caseStudyPosts .entry-content {
	background: #fff;
	padding: 14px 0; 
	}
#caseStudyPosts .entry-content h1 {
	font-size: 1.13em;
	margin: 0 0 0 12px;
	}
#caseStudyPosts .entry-content p {
	color: #000;
	margin: 0 12px 12px;
	}
#caseStudyPosts #navBelow {margin: 12px 0 0;}
/* Error 404 Page *******************************/
#wrapper .error404 .entry-content {
	background: #fff;
	padding: 14px 12px;
	}
#wrapper .error404 .entry-content p {color: #000;}
/* Search Results Page **************************/
.post-summary-page {
	background: #fff;
	float: left;
	display: inline;
	width: 573px;
	margin: 0 30px 0 0;
	padding: 14px 12px;
	}
.post-summary-page h1 {
	margin: 0 0 16px;
	font-size: 1.13em;
	}
.post-summary-page h2 {margin: 0 0 4px -3px;}
.post-summary-page h2 a {
	color: #000;
	text-decoration: none;
	font-size: 1em;
	margin: 0 0 4px;
	}
.post-summary-page .entry-meta {
	font-size: 0.69em;
	overflow: hidden;
	}
.post-summary-page .entry-meta li {
	margin: 0 6px 2px 0;
	float: left;
	display: inline;
	}
.post-summary-page .entry-meta .tags,
.post-summary-page .entry-meta .author,
.post-summary-page .entry-meta .cat-links,
.post-summary-page .entry-meta .comments-link {
	display: block;
	clear: both;
	width: 548px;
	}
.post-summary-page .entry-meta a {
	color: #FD0505;
	text-decoration: none;
	line-height: 1.25;
	}
.post-summary-page .entry-meta a:hover {text-decoration: underline;}
#wrapper .post-summary-page p {
	color: #000;
	margin: 0 0 2px;
	}
.post-summary-page .post {margin: 0 0 14px;}
#wrapper .no-results h2 {
	margin: 0 0 4px;
	font-size: 1.13em;
	}
#wrapper .not-found .entry-content p {
	margin: 0 0 12px;
	}
/* Find Us **************************************/
#findUs {overflow: hidden;}
#googleMap {
	width: 440px;
	height: 354px;
	float: left;
	display: inline;
	}
#findUs .entry-content {
	float: right;
	display: inline;
	width: 274px;
	background: url(images/boxBG.png);
	padding: 20px;
	}
#findUs .entry-content ul li {
	color: #fff;
	margin: 0 0 4px;
	font-size: 0.75em;
	}
#directionsContainer {
	color: #fff;
	margin: 24px 0 0;
	}
#directionsContainer table {width: 274px;}
#directionsContainer table td {
	font-size: 0.75em;
	vertical-align: middle;
	}
#directionsContainer #postcode {
	width: 50px;
	margin: 0 5px 0 0;
	}
#directionsContainer #directions {
	font-size: 0.83em;
	padding: 0 !important;
	margin: 12px 0 0;
	}
#directionsContainer #directions a {color: #fee505;}
/* Footer ***************************************/
#footer {
	background: #000;
	width: 1024px;
	padding: 10px 0 15px;
	margin: 0 auto;
	border-top: 1px solid #333;
	}
#footer ul {
	overflow: hidden;
	width: 386px;
	margin: 0 auto;
	}
#footer ul li {
	float: left;
	display: inline;
	}
#footer ul li a {
	padding: 0 6px;
	border-right: 1px dotted red;
	font-size: 0.63em;
	text-transform: uppercase;
	color: #fff;
	text-decoration: none;
	line-height: 1.3;
	}
#footer ul .current_page_item a,
#footer ul li a:hover {
	color: #fee505;
	}
#footer .page-item-6 a {
	border: 0;
	padding: 0 0 0 6px;
	}
p.center{
	text-align:center;
}