@charset "utf-8";
/* browser 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%;
	font-family: inherit;
	vertical-align: baseline;
}

strong {font-weight:bold;}

html, body {
	height: 100%;
}

body {
	line-height: 1.3;
	background:#181818 url('../images/twentysix_header.gif') repeat-x;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.7em;
	color:#FFFFFF;
}

/* general styles  */

li {list-style:none;}
a {color:#bababa; font-weight:normal;}
span.skipTo {display:none;}
hr {display:none;}
div.clear {clear:both;}
span.back {clear:both; display:block; float:right;}

div.pageination {border-top:1px solid #303030; border-bottom:1px solid #303030; padding:10px 0px 10px 0px; float:left; width:220px;}

a.backToWork {
	background:url('../images/back_to_work_btn.gif') no-repeat;
	display:block;
	width:142px;
	height:33px;
	text-indent:-99999em;
	overflow:hidden;
	float:left;
	}
	
a.prev {
	background:url('../images/prev_btn.gif') no-repeat;
	display:block;
	width:64px;
	height:30px;
	text-indent:-99999em;
	overflow:hidden;
	float:left;
	margin:0px 10px 0px 35px;
	display:inline;
	
}

a.next {
	background:url('../images/next_btn.gif') no-repeat;
	display:block;
	width:64px;
	height:30px;
	text-indent:-99999em;
	overflow:hidden;
}

div.project {
	background:url('../images/projects/project_bg.gif') no-repeat;
	width:260px;
	height:130px;
	position:relative;
	margin:0px 0px 10px 0px;
	float:left;
}

div.project:hover {
	background:url('../images/projects/project_bg.gif') no-repeat;
	background-position:0% 100%;
}

div.project span.projectImage {
	padding:8px;
	display:block;
}

div.project h4.content {
	position:absolute;
	bottom:10px;
	left:10px;
}

div.box_top {
	background:#313131 url('../images/projects/box_top.gif') no-repeat 100% 0%;
	width:inherit;
	height:19px;
}

div.box_centre {
	background-color:#313131;
	padding:0px 8px 8px 8px;
}

div.projectInfo div.box_centre {
	background-color:#313131;
	padding:0px 8px 8px 8px;
	height:200px;
}

div.box_centre span.projectImage {
	display:block;
	position:relative;
	top:-10px;
	left:0px;
}

div.box_centre span.content {
	width:inherit;
	display:block;
	color:#adadad;
	padding:5px 0px 20px 0px;
}

div.box_bottom {
	background:#313131 url('../images/projects/box_bottom.gif') no-repeat 0% 0%;
	width:inherit;
	height:19px;
}

div.box_pink_top {
	background:#181818 url('../images/projects/box_pink_top.gif') no-repeat 100% 0%;
	width:inherit;
	height:14px;
}

div.box_pink_centre {
	background-color:#be024b;
	padding:0px 8px 8px 8px;
}

div.box_pink_bottom {
	background:#181818 url('../images/projects/box_pink_bottom.gif') no-repeat 0% 0%;
	width:inherit;
	height:19px;
	margin:0px 0px 10px 0px;
}

/* Header/Navigation Content */

div#header {
	height:44px;
	margin:0px 0px 27px 0px;
	width:960px;
}
div#header #headerlogo {
	position:relative;
	left:-12px;
	float:left;
	background:url('../images/twentysix_logo.gif') no-repeat;
	width:176px;
	height:44px;
	overflow:hidden;
}
div#header #headerlogo span {
	text-indent:-100em;
	overflow:hidden;
}
div#header #headerlogo span a {
	display:block;
	width:175px;
	height:44px;
}
div#header ul#navigation {
	margin:10px 0px 0px 0px;
	display:inline;
	float:left;
}
div#header ul#navigation li {
	float:left;
	list-style:none;
	margin:0px 20px 0px 0px;
}
div#header ul#navigation li.work span {
	text-indent:-1000em;
	overflow:hidden;
}
div#header ul#navigation li.work span a {
	display:block;
	overflow:hidden;
	background:url('../images/nav/nav_work.gif') no-repeat;
	width:42px;
	height:14px;
}
div#header ul#navigation li.work span a:hover {
	background-position:0 -14px;
	width:42px;
	height:14px;
}
div#header ul#navigation li.active_work span a {
	background:url('../images/nav/nav_work.gif') no-repeat;
	background-position:0 -14px;
	width:42px;
	height:14px;
}
div#header ul#navigation li.services span {
	text-indent:-100em;
	overflow:hidden;
}
div#header ul#navigation li.services span a {
	display:block;
	overflow:hidden;
	background:url('../images/nav/nav_services.gif') no-repeat;
	width:70px;
	height:14px;
}
div#header ul#navigation li.services span a:hover {
	background-position:0 -14px;
	width:70px;
	height:14px;
}
div#header ul#navigation li.active_services span a {
	background:url('../images/nav/nav_services.gif') no-repeat;
	background-position:0 -14px;
	width:70px;
	height:14px;
}


div#header ul#navigation li.blog span {
	text-indent:-100em;
	overflow:hidden;
}
div#header ul#navigation li.blog span a {
	display:block;
	overflow:hidden;
	background:url('../images/nav/nav_blog.gif') no-repeat;
	width:38px;
	height:17px;
}
div#header ul#navigation li.blog span a:hover {
	background-position:0 -17px;
	width:38px;
	height:18px;
}


div#header ul#navigation li.contact span {
	text-indent:-100em;
	overflow:hidden;
}
div#header ul#navigation li.contact span a {
	display:block;
	overflow:hidden;
	background:url('../images/nav/nav_contact.gif') no-repeat;
	width:62px;
	height:14px;
}
div#header ul#navigation li.active_contact span a {
	background:url('../images/nav/nav_contact.gif') no-repeat;
	background-position:0 -14px;
	width:62px;
	height:14px;
}
div#header ul#navigation li.contact span a:hover {
	background-position:0 -14px;
	width:62px;
	height:14px;
}
/* outer container */

div#mainContainer {
	width:960px;
	margin:0 auto -3em;
	position:relative;
	min-height: 100%;
	height: auto !important;
	height: 100%;
}

/* left container */

div#leftColumn {
	width:150px;
	float:left;
	margin:0px 10px 0px 0px;
}
div#leftColumn span.mainQuote {
	width:150px;
	display:block;
	font-size:1.1em;
	color:#181818;
	color:#fff;
}
div#leftColumn span.quoteName {
	font-style:italic;
	color:#737373;
	clear:both;
	width:150px;
	display:block;
	text-align:right;
	margin:10px 0px 0px -10px;
}
div#leftColumn div.top_quote {
	height:36px;
	width:150px;
	display:block;
	background:url('../images/quote_top.gif') no-repeat;
	margin:0px 0px 10px 0px;
}
div#leftColumn div.bottom_quote {
	height:23px;
	width:38px;
	display:block;
	background:url('../images/quote_bottom.gif') no-repeat;
	margin:10px 0px 0px 90px;
}

/* centre container */

div#centreColumn {
	width:530px;
	float:left;
	margin:0px 10px 0px 0px;
}
/* right container */

div#rightColumn {
	width:260px;
	float:right;
}

div#rightColumn h3.recentWork {
	background:url('../images/header_recentwork.gif') no-repeat;
	width:100px;
	height:11px;
	margin:0px 0px 10px 0px;
}
div#rightColumn h3.recentWork span {
	text-indent:-100em;
	overflow:hidden;
	display:block;
}
/* full 960 container */

div#contentFull {
	float:right;
	width:800px;
	margin:0px 0px 10px 0px;
}
div#contentFull h1#statement {
	background:url('../images/statement.gif') no-repeat center left;
	height:80px;
	border-top:1px solid #313131;
	border-bottom:1px solid #313131;
	margin:10px 0px 10px 0px;
	width:800px;
	clear:both;
}

div#contentFull h1#servicestitle {
	color:#181818;
	font-size:1.8em;
}

div#contentFull h1#statement span {
	text-indent:-100em;
	overflow:hidden;
	display:block;
}
div#contentFull div#contentCopy {
	float:left;
	width:520px;
	clear:both;
	height:500px;
}
div#contentFull div#contentCopy p {
	margin:0px 0px 10px 0px;
}
div#contentFull div.enquiry {
    padding-top:10px;
	float:left;
	width:246px;
	margin:0px 10px 0px 0px;
}
div#contentFull div.enquiry h3 {
	color:#be034c;
	font-size:1.4em;
	font-weight:normal;
	margin:10px 0px 10px 0px;
}
div#contentFull div.enquiry address {
	margin:10px 0px 10px 0px;
	font-style:italic;
}
div#contentFull div.enquiry a {
	margin:10px 0px 10px 0px;
}
div#contentFull div.london h2 {
	margin:0px 0px 10px 0px;
	display:block;
	float:left;
	background:url('../images/header_london.gif');
	text-indent:-100em;
	overflow:hidden;
	width:77px;
	height:14px;
}
div#contentFull div.leeds h2 {
	margin:0px 0px 10px 0px;
	display:block;
	float:left;
	background:url('../images/header_leeds.gif');
	text-indent:-100em;
	overflow:hidden;
	width:56px;
	height:14px;
}
div#contentFull div.edinburgh h2 {
	margin:0px 0px 10px 0px;
	display:block;
	float:left;
	background:url('../images/header_edinburgh.gif');
	text-indent:-100em;
	overflow:hidden;
	width:105px;
	height:14px;
}

div#contentFull div.ny h2 {
	margin:0px 0px 10px 0px;
	display:block;
	float:left;
	background:url('../images/header_newyork.gif') no-repeat;
	text-indent:-100em;
	overflow:hidden;
	width:105px;
	height:14px;
}

/* search list - home page*/

div#contentFull div#searchArea {
	float:right;
	width:260px;
	position:relative;
}
div#contentFull div#socialArea {
	float:right;
	width:260px;
	position:relative;
	margin-top:20px;
}div#contentFull div#mobileArea {
	float:right;
	width:260px;
	position:relative;
	margin-top:20px;
}

div.readMore {
	clear:both;
	display:block;
	padding:10px 0px 10px 0px;
}
div#contentFull h3.twentySixSearch {
	background:url('../images/header_twentysixsearch.gif') no-repeat;
	width:139px;
	height:11px;
	margin:0px 0px 10px 0px;
}
div#contentFull h3.twentySixSocial {
	background:url('../images/header_twentysix_socialmedia.gif') no-repeat;
	width:189px;
	height:11px;
	margin:0px 0px 10px 0px;
}
div#contentFull h3.twentysixMobile {
	background:url('../images/header_twentysix_mobile.gif') no-repeat;
	width:117px;
	height:13px;
	margin:0px 0px 10px 0px;
}
div#contentFull h3.twentySixSearch span {
	text-indent:-100em;
	overflow:hidden;
	display:block;
}div#contentFull h3.twentysixMobile span {
	text-indent:-100em;
	overflow:hidden;
	display:block;
}
div#contentFull h3.twentySixSocial span {
	text-indent:-100em;
	overflow:hidden;
	display:block;
}
div#contentFull div#searchArea span.launch a {
	float:right;
	position:absolute;
	bottom:10px;
	right:10px;
	background:url('../images/launch_site_btn_a.gif') no-repeat;
	display:block;
	width:89px;
	height:26px;
	text-indent:-99999em;
	overflow:hidden;
}
div#contentFull div#socialArea span.launch a {
	float:right;
	position:absolute;
	bottom:10px;
	right:10px;
	background:url('../images/launch_site_btn_a.gif') no-repeat;
	display:block;
	width:89px;
	height:26px;
	text-indent:-99999em;
	overflow:hidden;
}
div#contentFull div#mobileArea span.launch a {
	float:right;
	position:absolute;
	bottom:10px;
	right:10px;
	background:url('../images/launch_site_btn_a.gif') no-repeat;
	display:block;
	width:89px;
	height:26px;
	text-indent:-99999em;
	overflow:hidden;
}

div#contentFull div#searchArea span.launch a:hover ,div#contentFull div#socialArea span.launch a:hover ,div#contentFull div#mobileArea span.launch a:hover {
	background-position:bottom left;
}
div#contentFull div#projectRow {
	clear:both;
	padding-top:5px;
}
div#contentFull div#projectRow div.project {
	background:url('../images/projects/project_bg.gif') no-repeat;
	width:260px;
	height:130px;
	position:relative;
	margin:0px 10px 10px 0px;
	float:left;
}
div#contentFull div#projectRow div.active {
	background:url('../images/projects/project_bg.gif') no-repeat;
	background-position:0% 100%;
}
div#contentFull div#projectRow div.project:hover {
	background-position:0% 100%;
}
div#contentFull div#projectRow div.project:hover a {
	color:#ffffff;
}
div#contentFull div#projectRow div.project span.projectImage {
	padding:8px;
	display:block;
}
div#contentFull div#projectRow div.project h4.content {
	position:absolute;
	bottom:10px;
	left:10px;
}
div#contentFull div#projectRow div.last {
	margin:0px;
}
/* filter list - work page*/

div#contentFull div.pageNo {
	float:right;
}
div#contentFull div.pageNo span {
	float:left;
	margin:0px 10px 0px 0px;
}
div#contentFull ul.pagination {
	float:left;
	margin:0px 0px 10px 0px;
}
div#contentFull ul.pagination li {
	float:left;
	list-style:none;
	margin:0px 10px 0px 0px;
}
div#contentFull ul.pagination li.last {
	margin-right:0px;
}
div#contentFull ul.pagination li a {
	float:left;
	list-style:none;
	width:auto;
	height:auto;
	background-color:#242424;
	border:1px solid #656565;
	display:block;
	padding:4px;
	min-width:35px;
	text-align:center;
}
div#contentFull ul.pagination li a:hover {
	background-color:#747474;
	color:#171717;
}
div#contentFull div.filterArea {
    padding-top:10px;
	clear:both;
}
div#contentFull span.filter {
	float:left;
	margin:0px 10px 0px 0px;
	display:inline;
}
div#contentFull ul.filterList {
	float:left;
	margin:0px 0px 10px 0px;
}
div#contentFull ul.filterList li {
	float:left;
	list-style:none;
	margin:0px 10px 0px 0px;
}
div#contentFull ul.filterList li a {
	float:left;
	list-style:none;
	width:auto;
	height:auto;
	background-color:#242424;
	border:1px solid #656565;
	display:block;
	padding:4px;
	min-width:35px;
	text-align:center;
}
div#contentFull ul.filterList li a:hover {
	background-color:#747474;
	color:#171717;
}
/* project list - work page*/

div#contentFull div#projectArea {
	clear:both;
	width:800px;
	float:left;
}
div#contentFull div#projectArea div.projectImage {
	float:left;
	height:215px;
	margin:0px 5px 0px 0px;
}
div#contentFull div#projectArea div.projectInfo {
	float:left;
	width:425px;
	position:relative;
	clear:right;
	margin:0px 0px 10px 0px;

}
div#contentFull div#projectArea div.projectInfo span.launch a {
	display:block;
	float:right;
	position:absolute;
	bottom:10px;
	left:10px;
	background:url('../images/launch_site_btn_a.gif') no-repeat;
	display:block;
	width:89px;
	height:26px;
	text-indent:-99999em;
	overflow:hidden;
}
div#contentFull div#projectArea div.projectInfo span.launch a:hover {
	background-position:bottom left;
}
div#contentFull div#projectArea div.projectInfo h2 {
	margin:0px 0px 10px 0px;
	display:inline;
	padding:0px 0px 10px 0px;
	border-bottom:1px solid #505050;
	float:left;
	width:395px;
	font-weight:normal;
	font-size:1.2em;
}
div#contentFull div#projectArea div.projectInfo span.projectContent {
	width:inherit;
	display:block;
	color:#adadad;
	padding:5px 0px 5px 0px;
	margin:5px 0px 20px 0px;
	border-top:1px solid #505050;
}
/* services page */

div#contentFull div.projectInfo_services {
	width:260px;
	margin-right:10px;
	display:inline;
	float:left;
}
div#contentFull div.projectInfo_services h2 {
	font-size:1.3em;
	padding:0px 0px 10px 0px;
	font-weight:normal;
}
div#contentFull div.projectInfo_services span.projectContent {
	width:inherit;
	display:block;
	color:#adadad;
	padding:10px 0px 5px 0px;
	margin:5px 0px 20px 0px;
}
div#contentFull h2#statement_services {
	background:url('../images/header_services_statement.gif') no-repeat center left;
	height:65px;
	border-top:1px solid #313131;
	border-bottom:1px solid #313131;
	margin:10px 0px 30px 0px;
	width:800px;
	clear:both;
	padding:10px 0px 10px 0px;
}
div#contentFull h2#statement_services span {
	text-indent:-100em;
	overflow:hidden;
	display:block;
}
div#contentFull div.last {
	margin-right:0px;
}
div#contentFull div.projectInfo_services ul.service_list {
	display:block;
}
div#contentFull div.projectInfo_services ul.service_list li {
	border-bottom:1px solid #3e3e3e;
	padding:8px 0px 8px 20px;
	background:url('../images/list_icon.gif') no-repeat 0px 9px;
}
div#contentFull div.projectInfo_services h2.reachingConsumers {
	background:url('../images/header_reaching_consumers.gif') no-repeat;
	width:210px;
	height:14px;
	overflow:hidden;
	text-indent:-100em;
}
div#contentFull div.projectInfo_services h2.engagingConsumers {
	background:url('../images/header_engaging_consumers.gif') no-repeat;
	width:213px;
	height:14px;
	overflow:hidden;
	text-indent:-100em;
}
div#contentFull div.projectInfo_services h2.retainingConsumers {
	background:url('../images/header_retaining_consumers.gif') no-repeat;
	width:178px;
	height:13px;
	overflow:hidden;
	text-indent:-100em;
}
/* footer */

#footer, .push {
	height: 3em;
}
div#footer {
	width:100%;
	background-color:#1f1f1f;
	clear:both;
	position:relative;
	z-index:9999;
}
div#footer span.copy {
	display:block;
	float:right;
	width:800px;
	list-style:none;
	padding:10px 0px 0px 0px;
}
div#contentFull div#leftCasestudy {
	width:540px;
	margin:0px 10px 0px 0px;
	float:left;
}

div#contentFull div#leftCasestudy div.imageSlideShow  {
	width:515px;
	padding:10px;
	background-color:#313131;
	height:308px;
}

div#contentFull div#leftCasestudy div.imageSlideShow div#image img {
	width:515px;
	height:308px;
}

	
div#contentFull div#leftCasestudy ul#slideShowLinks {
	clear:both;
	display:block;
}

.first {
	visibility:visible;
}
div#contentFull div#leftCasestudy ul#slideShowLinks li a.selected {
	background-position:bottom left;
}
div#contentFull div#leftCasestudy ul#slideShowLinks li {
	margin:10px 10px 0px 0px;
	float:left;
}
div#contentFull div#leftCasestudy ul#slideShowLinks li a {
	color:#181818;
	width:39px;
	height:21px;
	text-decoration:none;
	display:block;
	background:url('../images/projects/project_slideshow_btn.gif') no-repeat left top;
	text-align:center;
	padding:5px 0px 0px 0px;
}
div#contentFull div#leftCasestudy h2 {
	font-size:1.8em;
	color:#fff;
	border-bottom:1px solid #313131;
	padding:0px 0px 0px 0px;
	margin:0px 0px 10px 0px;
}
div#contentFull div#leftCasestudy h2.process {
	background:url('../images/projects/header_our_process.gif') no-repeat;
	width:570px;
	height:14px;
	text-indent:-10000em;
	overflow:hidden;
}
div#contentFull div#leftCasestudy h2.result {
	background:url('../images/projects/header_end_result.gif') no-repeat;
	width:570px;
	height:14px;
	text-indent:-10000em;
	overflow:hidden;
}

div#contentFull div#leftCasestudy p {
	margin:0px 0px 20px 0px;
}

div#contentFull div#rightCasestudy div.logo {margin:0px 0px 10px 0px;}
div#contentFull div#rightCasestudy div.logo img {margin:0 auto; display:block;}

div#contentFull span.launch a {
	background:url('../images/launch_site_btn.gif') no-repeat;
	display:block;
	width:89px;
	height:30px;
	text-indent:-99999em;
	overflow:hidden;
	float:right;
}
div#contentFull div#rightCasestudy span.launch a:hover {
	background-position:bottom left;
}
div#contentFull div#rightCasestudy {
	width:220px;
	float:right;
}
div#contentFull div#rightCasestudy div.info {
	border-bottom:1px solid #313131;
	padding:0px 0px 10px 0px;
	margin:0px 0px 10px 0px;
	color:#5d5d5d;
}
div#contentFull h3 {
	font-size:2em;
	padding:0px 0px 10px 0px;
	margin:0px 0px 10px 0px;
}
div#contentFull div#rightCasestudy h3 {
	font-size:1.2em;
	border:0px;
	display:block;
	padding:0px 0px 10px 0px;
	margin:0px;
	color:#fff;
}
h2.spotlightheader{
color:#fff;
}

.inputRow {
width:500px;
padding-bottom:20px;
}

.inputRowText {
padding-right:20px;
}

.inputRow input {
width:300px;
}

.inputRow textarea {
width:300px;
height:80px;
font-family:Arial;
}

p.contentIntro 
{
    font-size:1.2em;
    font-weight:bold;
    color:#d00051;
}
p.contentIntro img
{
padding-top:7px;
}

div.holder {border:1px solid red;}