html {
	-webkit-text-size-adjust:none;
	overflow-y: scroll;
}

body {
	background-position: center;
	background-image: url(../images/site_boxed.png);
	background-repeat: repeat-y;
	margin:0;
	color: #666;
	
}
img a {
	border:none;
}

#topbg{
	height:234px; background-color: #f5f5f5; width:100%;
	/*background-position: center;
	background-image: url(../images/site_boxed_top.png);
	background-repeat: repeat-y;*/
}

#pseudo_body{position:absolute; top:0; width:100%;}
#footer{background-color: #d5d5d5; padding-bottom:50px;
	/*border-top: 1px dotted #ccc;*/
}

a, a:active, a:visited {
	-moz-outline-style: none;
	outline: none;
	text-decoration: none;
	color: #000;/*#e2e2e2; #B2B2B2;*/
	/*border-color: #818181;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-right-width: 0px;
	border-top-width: 0px;
	border-style: dotted;*/
}
a:focus {
	-moz-outline-style: none;
}
a:hover {
	color: #000;
	text-decoration: underline;
	background-color: transparent;
	outline:none;
	/*border-color: #fff;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-right-width: 0px;
	border-top-width: 0px;
	border-style: dotted;*/
}

h1 {
	font: 26px "Helvetica-Neue", Helvetica, Arial, sans-serif; font-weight: 300; line-height: 26px; color: #444; margin-bottom: 0px; letter-spacing: -0.2px;
}

h2 {
	font: 22px "museo-sans-rounded-1","museo-sans-rounded-2"/*"adelle-1","adelle-2"*/,"Helvetica-Neue", Helvetica, Arial; font-style:normal; font-weight: 300; line-height: 27px; color: #333;
	margin-bottom: 14px; letter-spacing: -0.9px;
	visibility: hidden;
}

h3 {
	font: 17px "Georgia", serif; font-style:italic; font-weight: 100; line-height: 22px; color: #444;margin-bottom: 6px;visibility: hidden; max-width: 250px;
}

h4 {
	font: 17px "museo-sans-rounded-1","museo-sans-rounded-2"/*"adelle-1","adelle-2"*/, Helvetica, Arial; font-style:normal; font-weight: 300; line-height: 23px; color: #494949; margin-bottom: 11px; letter-spacing: -0.1px;visibility: hidden;
}

h5 {
	font: 13px Helvetica, Arial, sans-serif; color: #000; font-weight: normal; margin:0px; margin-bottom: 4px;
}

.wf-active h2,.wf-active h3,.wf-active h4 {
	visibility:visible;
}

.wf-inactive h2,.wf-active h3,.wf-active h4 {
	visibility:visible;
}



.intro {
	height:504px;
}


h1 a,a.sitename {
	color: #333;
	text-decoration: none;
}

h2 a, h2 a:active, h2 a:visited,h3 a, h3 a:active, h3 a:visited,h4 a, h4 a:active, h4 a:visited {
	color: #444;
	text-decoration: none;
}

#caption h3 {
	margin-bottom: 3px;
}

#caption h3 a,#caption h3 a:active,#caption h3 a:visited {
	color: #e5e5e5;
	text-decoration: none;
}


.h2quiet {
	/* USED FOR CATEGORY NAME IN H2 */
	color: #878787;
}

p {
	color: #444;
	/*font-size: 1.0em;*/
	font-size: 12px;
	margin-bottom: 10px;
	letter-spacing: 0px;
}

p a {
	text-decoration: underline;
}

.emphasis {
	color: #000;
}
.anchorLink {
	/*font-size: 1.4em;*/
}
.quiet {
	color: #797979;
	font-size: 0.9em;
}


img.absmiddle {
	vertical-align: middle;
	margin-bottom: .25em;
}

.social {
	margin-bottom: 5px;
}
.social img {
	border: none;
}

.social a {
	text-decoration: none;
}

.sharing {
	margin-top: 12px;
	margin-right: 8px;
	position: relative;
	float: left;
}
.atleast {
	min-height: 550px;	
}

.header {
	height: 198px;
	/*background: #494844 url(../images/logotype.png) no-repeat right bottom;*/
}

.logomark {
	position: relative;
	margin-top: 58px;
	float:left;
	height: 140px;
	/*background: url(../images/logomark.jpg) no-repeat left 49px;*/
}
.logomark a, .logomark a:hover {
	border: none;
}
.navmain {
	position: relative;
	float:right;
	margin-top:58px;
	text-align: right;
}

.subnavmain {
	height:  24px;
	background-color: #494844;
}

ul {
	margin-left: 15px;
}

ul li {
	color: #444;
}

#nav ul {
	position:relative; float:right; 
	margin: 0;
	margin-top: 116px;
	margin-left: -6px;
}
#nav ul li {
	position:relative; float:left; 
	list-style-type: none;
	margin-left: 6px;
	font-size: 1.2em;
}
#nav ul li a.selected {
	color: #FFF;
	text-decoration: none;
	background-color: #ec4530;
	background-color: #08D1FF;
	-moz-border-radius: 2px; border-radius: 2px;
}

#nav ul li a.selected:hover {
	color: #fff;
	text-decoration: none;
	background-color: #ec4530;
	background-color: #08D1FF;
	-moz-border-radius: 2px; border-radius: 2px;
}

#nav ul li a {
	text-decoration: none;
	color: #333;
	border: none;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 2px;
	padding-bottom: 1px;
}
#nav ul li a:hover {
	color: #333;
	text-decoration: none;
	background-color: #fff;
}

.navslash {
	margin-right: 6px;
	color: #d5d5d5;
}

.footer {
	background-color: #d5d5d5; /*#f9f9f9;*/
	color:#666;
	font-size: 0.95em;
	line-height: 1.58em;
}

.footer a {
	color:#666;
	text-decoration: underline;
}

.footer ul {
	margin: 0;
}
.footer ul li {
	list-style-type: none;
}
.footer ul li.title {
	color: #3e4041; /*#333;*/
	font: 15px "museo-sans-rounded-1","museo-sans-rounded-2"/*"adelle-1","adelle-2"*/; font-style:regular, Helvetica, Arial, sans-serif; font-weight: 300;
	/*font-size: 1.2em;*/
	list-style-type: none;
	margin-bottom: 6px;
}
.footer ul li a {
	text-decoration: none;
	color: #444651;
	/*background-color: #eee;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 1px;
	padding-bottom: 1px;*/
	line-height: 19px;
}

.footer ul li a.under {
	text-decoration: underline;
	color: #888;
	/*background-color: #eee;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 1px;
	padding-bottom: 1px;*/
	line-height: 19px;
} 

.footer ul li a:hover {
	color: #999;
	/*text-decoration: none;
	background-color: #fff;*/
	text-decoration: underline;
}
.footpanel {
	min-height: 140px;
	width: 127px;
	padding-left: 16px;
	border-color: #acacac; /*#c2c2c2;*/
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-right-width: 0px;
	border-top-width: 0px;
	border-style: dotted;
}

.footpanel-wide {
	min-height: 140px;
	width: 287px;
	padding-left: 16px;
	border-color: #acacac; /*#c2c2c2;*/
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-right-width: 0px;
	border-top-width: 0px;
	border-style: dotted;
}

.copyright {
	color: #a6a6a6;
	font-size: 0.95em;
	line-height:1.5em;
}

#imgcontrols {
	position:relative;
	float: right;
	z-index: 999;
	padding-right: 10px;
	padding-top:10px;
}
#imgprev, #imgnext, #imgnav, #imgcount {
	position:relative; 
	float:left;
}

#imgcount {
	line-height: 22px;
	color: #ccc;
}

#imgnext a, #imgprev a {
	text-decoration: none;
}

#imgnext { margin-left:14px; }
/*#imgnav { margin-left:18px; }
#imgnav li { float: left; margin-left: 5px; list-style: none; }
#imgnav a { text-decoration: none; margin: 0 2px; padding: 3px 3px;  }
#imgnav a.activeSlide { color: #fff; background-color: #ec4530; }
#imgnav a.activeSlide:hover { color: #fff; background-color: #ec4530; }
#imgnav a:hover {  background-color: #fff; }
#imgnav a:focus { outline: none; }*/

#imgnav{ margin-left: 10px;}
#imgnav a{ background-image: url(../images/slide_notselected.png); width:20px; height:20px; border: none; margin-left:1px; float:left; text-indent:-9999px; margin-top: 1px;}
#imgnav a:hover{ background-image: url(../images/slide_notselected.png); border:none; }
#imgnav a.activeSlide{ background-image: url(../images/slide_selected.png); border: none; }
#imgnav a{outline:none; border: none;}

/*#
 {
	position: relative;
	float: left;
	width: 315px;
	height:  396px;
}

#s2 {
	position: relative;
	float: left;
	width: 315px;
	height:  396px;
}

#s3 {
	position: relative;
	float: left;
	width: 314px;
	height:  396px;
}

.slidecaption {
	background-color: #232221;
}*/

#s1 {
	height:  412px;
	overflow: hidden;
	margin-bottom: 14px;
	background-color: #222;
}
#s2 {
	/*height:  309px;*/
	height:  412px;
	overflow: hidden;
	/*margin-bottom: 14px;*/
}

.captionpushdown {
	/*height: 80px;*/
}

#caption {
	padding-left: 18px;
	padding-top:14px;
	color:#999;
}

#slideinfo {
	height:90px;
	-moz-border-radius-bottomleft:8px;
	-moz-border-radius-bottomright:8px;
	border-bottom-right-radius:8px;
	border-bottom-left-radius:8px;
	background-color: #333; /*#494949;*/
}

.map {
	height: 340px;
}

.vspaced-12px { height: 12px; }
.vspaced-0-5 { height: 0.75em; }
.vspaced-1 { height: 1.5em;}
.vspaced-1-5 { height: 2.25em;}
.vspaced-2 { height: 3.0em;}
.vspaced-3 { height: 4.5em;}
.vspaced-4 { height: 6.0em;}
.vspaced-5 { height: 7.5em;}
.vspaced-6 { height: 9.0em;}
.vspaced-7 { height: 10.5em;}
.vspaced-10 { height: 15.0em;}

/*.panel a,.panelfilled a {
	color: #3D3C39;
	font-size: 1.1em;
	background-color: #3EA3D7;
	text-decoration: none;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.panel a:hover,.panelfilled a:hover {
	color: #30302c;
	border:none;
}*/

.panel,.panelfilled {
	position:relative;
	float: left;
	height: 240px;
	display:block;
}
.panel {
	border-color: #494844;
	border-bottom-width: 1px;
	border-style: solid;
}
.panelfilled {
	background-color: #494844;
}

.panelfilledsml {
	position:relative;
	float: left;
	height: 186px;
	display:block;
	background-color: #62605b;
}
.workthumb {
	/*background-color: #232221;*/
	position:relative;
	float: left;
	/*height: 216px;*/
	display:block;
}
.dotted {
	border-bottom: 1px dotted #ccc;
}
.workthumbview {
	/*font-size: 1.05em;
	color: #FFF;*/
	position:relative;
	float: left;
	padding-left: 0px;
	padding-top: 13px;
	height: 1.2em;
	line-height: 1.2em;
}
.workthumbimg {
	position:relative;
	float: left;
	background-color: #f5f5f5;/*#08d1ff;*/
	height: 200px;
	display:block;
}

.relatedwork {
	background-color: #333;/*#08d1ff;*/
	height: 94px;
	display:block;
}

.workthumbimg a, a:hover {
	border: none;
}

/*.workthumbtitleholder {
	position:relative;
	float: left;
	background-color: #232221;
	height: 3.0em;
}
.workthumbtitle {
	position:relative;
	float: left;
	padding-left: 1.0em;
	padding-top: 8px;
}*/
.workthumbdesc {
	position:relative;
	float: left;
	margin-top: 13px;
	line-height: 1.55em;
	max-width: 254px;
}

.workthumbdesc p {
	/*font-size: 0.98em;*/
	line-height: 1.55em;
	color: #333;
	margin-bottom: 3px;
}

.project-chooser {
	float:right;
	position: relative;
}

.tagcategories,.breadcrumbs,.imagecaptions {
	position:relative;
	float: left;
	/*font-size: 11px;*/
	font-size: 12px;
	color: #868686;
}

.imagecaptions{
	color: #a5a5a5;
}

.brief,.solution,.results,.creditslinks {
	margin-bottom: 24px;
}
.longdesc {
	margin-bottom: 36px;
}
.creditslinks a,.relatedwork a,.relatedwork a:visited {
	color: #919191;
	text-decoration: none;
}
.creditslinks a:hover,.relatedwork a:hover {
	color: #777;
	text-decoration: underline;
}

.projectimg {
	margin: 0px;
	padding: 0px;
	margin-bottom:36px;
	display: block;
}

.tagcategories a,.breadcrumbs a {
	/*font-size: 11px;*/
	font-size: 12px;
	/*background-image: url(../images/tagend.png);
	background-repeat: no-repeat;
	background-position: top left;
	padding-left: 12px;
	padding-right: 6px;
	padding-top: 4px;
	padding-bottom: 3px;*/
	color: #bababa;
	text-decoration: none;
}

.tagcategories a:hover,.breadcrumbs a:hover {
	text-decoration: underline;
}


.panelitem {
	padding-left: 1.4em;
	padding-top: 1.4em;
	padding-right: 3.6em;
}
.panellink a,.panellink a:visited,.panellink a:active {
	color: #fff;
	text-decoration: none;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
	border: none;
	font-size: 1.1em;
}

.withincopylink a {
	color: #fff;
	text-decoration: none;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
	border: none;
}

/*.panellink a:hover, .withincopylink a:hover {
	color: #f9f9f9;
	border:none;
}*/


/* COLOUR SCHEME 2 */
a.clrlinkone { background-color: #08d1ff; -moz-border-radius: 2px; border-radius: 2px; }
a.clrlinkone:hover { background-color: #333; color:#fff; -moz-border-radius: 2px; border-radius: 2px; }

a.clrlinktwo { background-color: #3ED3DB; -moz-border-radius: 2px; border-radius: 2px; }
a.clrlinktwo:hover { background-color: #333; color:#fff; -moz-border-radius: 2px; border-radius: 2px; }

a.clrlinkthree { background-color: #0BB594; -moz-border-radius: 2px; border-radius: 2px; }

a.clrlinkfour { background-color: #0BB594; -moz-border-radius: 2px; border-radius: 2px; }


a.clrlinkseven { background-color: #5e5e5e; -moz-border-radius: 2px; border-radius: 2px; }
a.clrlinkseven:hover { background-color: #333; color: #fff; -moz-border-radius: 2px; border-radius: 2px; }


div.multicolumn {
	-moz-column-count: 2;
	-moz-column-gap: 26px;
	-webkit-column-count: 2;
	-webkit-column-gap: 26px;
	column-count: 2;
	column-gap: 26px;
	vertical-align: top;
}






/* FORMS */
.formtextfield {
	font-family: Helvetica, Arial, Sans-Serif;
    font-size:  1.1em;
	padding: 5px 4px 3px;
	border:  none;
	color: #808080;
}
.newsletterinput {
	width: 170px;
}
.pushdown {
	margin-top: 6px;
}
.hrule {
	/*height: 1px;
	background-color: #dbdbdb;*/
	background-position: left top;
	background-image: url(../images/dots.png);
	background-repeat: repeat-x;
	height: 1px;
}
.hrulequiet {
	background-position: left top;
	background-image: url(../images/dots.png);
	background-repeat: repeat-x;
	height: 1px;
}

.projectdetails {
	/*position: relative;
	margin-top:20px;
	
	position: absolute;
	top: 155px;
	width: 50px;*/
	position: relative;
	margin-top: 20px;
}

.bespoke-images {
	position: relative;
}

.client {
	background-color: #484644;
	height: 64px;
	opacity:0.25;
}

.aboutpanel,.projectpanel {
	position:relative;
	float: left;
}

.aboutdetails {
	position: absolute;
	top: 155px;
}

.aboutclients {
	position: relative;
	top: 36px;
}

.abouttext {
	width: 400px;
}

.span4text {
	width: 250px;
}

.tighten {
	margin-right:45px;
}

.span4head {
	width: 260px;
}

.span4texttighter {
	width: 280px;
}

.span6text {
	width: 400px;
}

table,tr,td {
	margin: 0px;
	padding: 0px;
}

td{
	vertical-align: top;
}

.tdheading {
	width: 65px;
	padding-right: 22px;
	padding-bottom: 2px;
}

.tdheading p {
	color: #aeaeae;
	margin: 0px;
	padding: 0px;
}

.tddetails p {
	/*text-align: left;*/
	margin: 0px;
	padding: 0px;
	color: #727272;
}
.heroimage {
	/*min-height: 450px;*/
	/*height:550px;*/
}

/*.imgrollover a {
	filter: alpha(opacity=10, style=0); -moz-opacity: 10%;
}

.imgrollover a:hover {
	filter: alpha(opacity=100, style=0); -moz-opacity: 100%;
}*/

.newsinput {
	width:200px;
}




/* TWITTER */
.tweet {
    /*color: #085258; */
    word-wrap: break-word;
}

.tweet .tweet_list {
    -webkit-border-radius: .5em;
    list-style-type: none;
    margin: 0;
    padding: 0;
    /*background-color: #8ADEE2; */
}

.tweet .tweet_list li {
    overflow: auto;
    /*padding: .5em;*/
    list-style: none;
    margin-bottom: 19px;
}

.tweet .tweet_list li a {
    /*color: #0C717A; */
}

.tweet .tweet_list .tweet_even {
	/*background-color: #91E5E7; */
}

.tweet .tweet_list .tweet_avatar {
	padding-right: 12px;
	float: left; 
}

.tweet .tweet_list .tweet_avatar img {
	vertical-align: middle; 
}


/* FLICKR */
#flickr_badge_icon { 
	margin:0;
}
#flickr_icon_td {
	padding:0;
}
.flickr_badge_image { 
	position:relative; float:left; 
}
.flickr_badge_image img { 
	margin:0;
	margin-bottom: -5px;
	margin-right:0px;
}
#flickr_badge_wrapper {
	margin:0;
	width: 320px;
}
#flickr_badge_source {
	padding:0;
	margin: 0;
}
















/* MASONRY */

#loader {
	z-index:9999;
	position: absolute;
	top:310px;
}

#photos-heading {
	z-index:9998;
	position: absolute;
	top:270px;
}

.textmiddle {
	vertical-align:middle;
}

#primary {
	opacity: .0;
	filter: alpha(opacity=0);
	margin-top: 0px;
	min-height: 900px;
}

.wrap {
	width:960px;
	overflow: hidden;
}

.wrap:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.wrap2 {
	width:640px;
	overflow: hidden;
}

.wrap2:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.box-masonry {
    padding: 0px;
    margin:0px;
    margin-bottom:26px;
    font-size: 11px;
    float: left;
    /*height:20px;
    background-color: #333;*/
}

/*.box-masonry a img:hover {
	border-color: white;
	border-width: 8px;
	border-style: solid;
	-moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.25);
    -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.25);
    box-shadow: 0px 0px 8px rgba(0,0,0,0.25);
    z-index: 999;
    width: 288px;
}*/

.span-1-masonry { width: 144px; }
.span-2-masonry { width: 304px; }
.span-4-masonry { width: 624px; }

.blogpromo {
	margin-top:6px;
	margin-right:16px;
	margin-bottom:25px;
}

.debug {
	background-color: #ccc;
}








/* NEXT/PREV */
.next_arrow {
	position: fixed;
	background: transparent url('../images/worknav/bigarrow_right.png') 0px 50px;
	height: 50px;
	width: 38px;
	top: 50%;
	right: 0px;
	z-index: 999;
}

.next_arrow:hover {
	background: transparent url('../images/worknav/bigarrow_right.png') 0px 0px;
	text-decoration: none;
}

.prev_arrow {
	position: fixed;
	background: transparent url('../images/worknav/bigarrow_left.png') 0px 50px;
	height: 50px;
	width: 38px;
	top: 50%;
	left: 0px;
	z-index: 999;
}

.prev_arrow:hover {
	background: transparent url('../images/worknav/bigarrow_left.png') 0px 0px;
	text-decoration: none;
}

.gotop {
	text-align: right;
}

.gotop a {
	font-size: 12px;
	color:#a5a5a5;
}

.right {
	position: relative;
	float:right;
}

.left {
	position: relative;
	float:left;
}

/*.workthumb a img:hover {
	border-color: white;
	border-width: 8px;
	border-style: solid;
	-moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.25);
    -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.25);
    box-shadow: 0px 0px 8px rgba(0,0,0,0.25);
    z-index: 999;
    width: 288px;
    height: 184px;
}*/


::-moz-selection{ background: #08d1ff; color:#fff; text-shadow: none; }
::selection { background:#08d1ff; color:#fff; text-shadow: none; }