/* -------- main styles -------- */

html, body{background: transparent url(../images/bgrtile.jpg) 0 0 repeat;}

a {
text-decoration: none; 
color: #0a7bc1; 
font-weight: normal;
border-bottom: 1px dotted #0a7bc1;
}

a:hover {
border-bottom: none;
}


h2 {
font-size:36px;
top:5px;

}

h3 {
font-family: "proxima-nova-1","proxima-nova-2","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Arial,Helvetica,sans-serif;
}

h4 {
font-family: "proxima-nova-1","proxima-nova-2","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Arial,Helvetica,sans-serif;	
line-height: 24px;
color: #565552;
}

.block h4 {
font-size:11px;
text-transform: uppercase;
letter-spacing: 1px;
color: #56554F;
margin: 20px 0 0 0;
padding: 0;
}

h6 {
margin-bottom: 20px;
}

p img {
float: left; margin: 0 20px 20px 0;
}


.clear{
	clear: both;
}

/* -------- header -------- */
 
#header{
padding-top:20px;
position:relative;
z-index:300;
}

/* -------- logo -------- */

#logo h1 {
background-color:transparent;
background-repeat:no-repeat;
display:block;
float: left;
margin: 0 0 18px 0px;
text-indent:-9999em;
}

#logo h1 a{
background:transparent url(../images/logo.jpg) no-repeat scroll 0 0;
border-bottom:medium none;
display:block;
overflow:hidden;
width: 230px;
height:40px;
}

#logo h1 a.logo_whitebgr{
background:transparent url(../images/logo_whitebgr.jpg) no-repeat scroll 0 0;
}

/* -------- navigation -------- */

#main-menu ul {
margin: 0 -15px 0 0;
padding: 0;
float: right;
}

#main-menu ul li {
float: left;
list-style: none;
margin: 0 0;
}

#main-menu ul li a {
font-size: 18px;
line-height: 20px;
padding: 10px 15px;
margin-left: 15px;
display: block;
font-weight: normal;
color: #000;
background: rgba(255,255,255,0) ;
border-bottom: none;
-webkit-transition-property: background;
-webkit-transition-duration: 200ms;
-webkit-transition-timing-function: ease-in-out; 
}

#main-menu a:hover, #main-menu a.active{
background: #eae9e4;
}

#main-menu ul li a.nomargin {
margin: 0;
}

#main-menu ul li a:hover, ul.navigation li a.active {
color: #000000;
border: none;
}

/* -------- content -------- */

#content{
padding: 80px 0;
}

p.whatwedo{
  margin-top:20px;
}

/* -------- home wrapper ------ */

#homewrapper {
	background-color: #f9f9f9;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

#home {
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
}

#home_footer_top h3 {
font-size: 32px;
line-height: 48px;
color: #000;
margin-bottom: 18px;
}

#home_footer_top h3 span{
color:#87857c;
}

#home_footer_top p {
font-size: 32px;
line-height: 36px;
color: #575651;
}

#home_footer_top {
	margin-bottom: 0px;
}

#home_footer_top .width2 {
width: 160px;
margin-right: 20px;
}

#homewrapper a {
color: #0086c3;
}

#home_right{
color:#56554F;
}

#home_right p{
font-size: 12px;
color:#4b4b4b;
clear: both;
}

#home_right h2{
font-family:"proxima-nova-1","proxima-nova-2","Helvetica Neue",Arial,Helvetica,sans-serif;
font-size:12px;
color:#56554F;
text-transform:uppercase;
line-height: 20px;
margin-bottom: 0px;
letter-spacing: 2px;
}

#home_right ul {
padding-left: 0;
margin-top: 10px;
}

#home_right ul li{
font-size:18px;
list-style:none;
line-height:27px;
margin-bottom:10px;
}

#home_right ul li.one{
background-image: url(../images/one.gif);
background-repeat: no-repeat;
padding-left:50px;
}

#home_right ul li.two{
background-image: url(../images/two.gif);
background-repeat: no-repeat;
padding-left:50px;
}

#home_right ul li.three{
background-image: url(../images/three.gif);
background-repeat: no-repeat;
padding-left:50px;
}

#home_footer_top ul {
list-style: none;
margin: 0 0 40px 0;
padding: 0;
}

#home_footer_top ul li {
font-family:"proxima-nova-1","proxima-nova-2","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Arial,Helvetica,sans-serif;
font-size:32px;
line-height: 52px;
font-weight: lighter;
}

#home_right #block-views-blog-block_1 .views-row a {
float:left;
font-size:20px;
width:100%;	
}

#home_right #block-views-blog-block_1 h2{
margin-top: 30px;
}


/* -------- footer -------- */

#footerwrapper {
background: transparent url(../images/bgrtile.jpg) 0 0 repeat;
width: 100%;
position:relative;
z-index:2;
}

#footer {
padding: 20px 0;
}

#footer a {
color: #000;
font-weight: normal;
border-bottom: none;
}

#footer h6 {
color: #02bdc3;
text-transform: uppercase;
}

#footer p {
color: #56554f;
}

#subfooter {
border-top: 1px solid #c1c0b8;
padding: 0px 0 40px;
margin-top: 19px;
}

#subfooter p {
color: #56554f;
}

#subfooter a {
margin-right: 10px;
font-weight: bold;
text-transform: uppercase;
color: #000;
}

#subfooter ul.menu li {
display:inline;
margin:0;
}

#subfooter ul {
float:left;
margin:0;
padding:0;
}

#footerwrapper #footer_right h2{
margin-bottom:20px;
color:#56554F;
text-transform:uppercase;
font-family:"proxima-nova-1","proxima-nova-2","Helvetica Neue",Arial,Helvetica,sans-serif;
font-size: 13px;
line-height:20px;
letter-spacing: 2px;
}

/* -------- classes -------- */

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

.uppercase {
color: #56554f;
text-transform: uppercase;
}

.standfirst, .field-summary{
font-size:21px;
line-height:1.3em;
top:-3px;
}  

.read_more {
margin:11px 7px 10px 0;

}

.read_more a{
-moz-border-radius-bottomleft:25px;
-moz-border-radius-bottomright:25px;
-moz-border-radius-topleft:25px;
-moz-border-radius-topright:25px;
-webkit-border-radius: 25px;
color:#FFFFFF;
font-size:13px;
font-weight:bold;
margin:1px 7px 10px 0;
padding:5px 17px;
background: #CBCAC4;
border-bottom: none;
-webkit-transition-property: background;
-webkit-transition-duration: 200ms;
-webkit-transition-timing-function: ease-in-out; 
}

.read_more a:hover{
border: 0px;
background-color:#9A9995;
}

.read_more a:active, .read_more a:focus {
position : relative; 
top : 1px; 
}

.icon-document{
background: transparent url(../images/icon-document.png) 0 12px no-repeat;
padding:20px 30px;
}

.icon-vcard{
background: transparent url(../images/icon-vcard.png) 0 12px no-repeat;
padding:20px 30px;
}

.serif {font-family: "Jubilat","Hoefler Text",Baskerville,Garamond,"Palatino Linotype",Georgia,"Times New Roman",serif; color: #474747; }

.stats {margin-top: 0px;}

.stats dt{float: left; margin-right: 5px;}


/* -------- portfolio -------- */

.portfolio {
margin-left: 0px;
}

.portfolio li{
margin-bottom: 14px;
list-style-type: none;
}

.clientlogos{
margin-left: 0px;
}

/* -------- portfolio contentpage -------- */

p.standfirst{
font-family: "proxima-nova-1","proxima-nova-2","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Arial,Helvetica,sans-serif;
color: #555555;
font-weight: lighter;
}

p.services{
font-size: 12px;
color: #666666;
margin-bottom: 20px;
line-height: 18px; 
font-style: italic;
} 

/* -------- bubble Info -------- */

.bubbleInfo {
position: relative;
margin-bottom:20px;
}
.trigger {
}

/* -------- bubble pop-up -------- */

.popup {
position: absolute;
display: none;
z-index: 50;
border-collapse: collapse;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
color: #fff;
padding: 15px 20px;
background-color: #272c36;
overflow: visible;
width: 155px;
}

.popup div {
background: transparent url(../images/popuparrow.png) 10% 100% no-repeat;
overflow: visible;
margin-bottom: -28px;
padding-bottom: 28px;
}

.popup img{
margin-top: 10px;
}

.popup h4{
margin-bottom: 7px;
}

.popup p{
color: #fff;
line-height: 17px;
}

/* -------- drupal changes -------- */

#admin-menu ul {
font-size:9px;
}

#admin-menu li ul {
top:21px;
}

.checkbox {
float:none;
margin:0;
}

label {
margin:0;
padding:0;
float:none;
}

#block-views-case_study_slider-block_1 {
margin-bottom:-61px;	
}

.case_study_image {
position:absolute;
top:-78px;
left:-150px;
z-index:2;
}

.case_study_text {
float:right;
font-weight:lighter;
line-height:0.9em;
padding:15px;
position:absolute;
right:0;
text-align:right;
width:450px;
z-index:3;
}

.case_study_text h2 {
text-align:left;
}

.case_study_text p {
text-align:left;
font-size:14px;
line-height:1.8em;
}

ul.custom-pager {
margin-bottom:36px;
height:30px;
border-bottom: 1px solid #c8c8c8;
}

ul.custom-pager li {
width:40%;
}

ul.custom-pager li.next {
float:right;
text-align:right;
}

#footer_top h3 {
font-size: 36px;
line-height: 36px;
color: #000;
margin-bottom: 18px;
}

#footer_top p {
font-size: 21px;
line-height: 36px;
color: #575651;
}

#footer_top {
margin-bottom:50px;
}

.custom-pager li.previous{
color: #666666;
background: transparent url(../images/arrow_left.jpg) 0 2px no-repeat;
padding-left: 22px;
}

.custom-pager li.next{
color: #666666;
background: transparent url(../images/arrow_right.jpg) right 2px no-repeat;
padding-right: 22px;
}

/* -------- hover -------- */

.project_thumb {
position: relative;
margin-bottom: 14px;
}

.project_thumb .overlay {
background: #000;
top: 0;
display: block;
position: absolute;
text-align: center;
margin: 0;
padding: 0;
width: 160px;
height: 160px;
left: 0;
font-family: Georgia, serif;
color: #fff;
font-size: 35px;
opacity: 0;
-moz-opacity: 0;
filter:alpha(opacity=0);
border: 10px solid #000;
}

.project_thumb h4, .project_thumb p {
color: #FFFFFF;
font-family: "proxima-nova-1","proxima-nova-2","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Arial,Helvetica,sans-serif;
font-weight: lighter;
padding: 0px 4px 4px 4px;
top: 0px;
}

/* -------- footer twitter -------- */

p.twitter, p.copy {
float:right;
text-align:right;
width:568px;
}

#subfooter p.twitter a {
background: transparent url(../images/twitter.gif) top left no-repeat;
padding-bottom:3px;
padding-left:35px;
margin-right:0px;	
}

#subfooter p.twitter a:hover {
background: transparent url(../images/twitter.gif) bottom left no-repeat;
}
p.twitter img {
margin-right:0;
margin-bottom:0;
float:none;
}

form.webform-client-form input{
padding:10px;
margin-top:5px;
height:auto;
}

form.webform-client-form .form-item, form.webform-client-form .webform-component-file {
margin-top:15px;
}

form.webform-client-form input.form-submit{
-moz-border-radius-bottomleft:25px;
-moz-border-radius-bottomright:25px;
-moz-border-radius-topleft:25px;
-moz-border-radius-topright:25px;
-webkit-border-radius: 25px;
color:#FFFFFF;
font-size:13px;
font-weight:bold;
margin:15px 7px 10px 0;
padding:5px 17px;
background: #CBCAC4;
border: none;
-webkit-transition-property: background;
-webkit-transition-duration: 200ms;
-webkit-transition-timing-function: ease-in-out; 
}

form.webform-client-form input[type="submit"]:hover {
border: 0px;
background-color:#9A9995;
}

#block-block-6 h4 {
margin:0;
}

.icon-document, .icon-vcard {
border:0;
}
.field-summary, .about h2{
font-family: "proxima-nova-1","proxima-nova-2","Helvetica Neue","Arial","Helvetica","sans-serif";
color: #555555;
font-weight: lighter;
font-size:24px;
}

.home-banner{
height: 312px;
}

span.blue{
color:#2ac0ff;
}

.dark #main-menu ul li a, .dark #main-menu ul li a:hover, .dark ul.navigation li a.active { color: #eae9e4; }
.dark #main-menu a:hover, .dark #main-menu a.active { background-color: #000; }
.dark #logo h1 a {	background:transparent url(/sites/all/themes/mbd/images/logo_whitebgr.jpg) no-repeat scroll 0 0;}
.dark .case_study_text, .dark .case_study_text p { color: #eae9e4; }

.left .case_study_text { float: left; text-align: left; right: 500px;}
.left .case_study_text h2 { text-align: left; }
.left .case_study_text p { text-align: left; }

#bigwrapper{
background-color:#FFF;
}

.front 	#bigwrapper{
height:415px;
}

.loader {position:absolute; top:0; left:0; width:100%; height:415px; z-index:5; background: rgba(255, 255, 255, 1);}
.loader .imagestuff {margin: 200px auto; width:48px;}

#images {
padding: 40px 0 40px 0;
margin: 20px 0 0 0;
background: #eee;
}

#images {
text-align: center;
}

#images a.thumb{
border-bottom: none;
padding-left: 10px;
}

#images a.thumb.flickr1{
padding-left: 0px;
}

#images a.thumb.flickr1:hover{
border: none;
}

a.prev {
background: transparent url(../images/prev.png) no-repeat left top;
padding-bottom:6px;
padding-right:18px;
border:none;
}

a.prev:hover {
background: transparent url(../images/prev.png) bottom left no-repeat;
border:none;
}

a.next {
background: transparent url(../images/next.png) no-repeat left top;
padding-bottom:6px;
padding-right:18px;
border:none;
}

a.next:hover {
background: transparent url(../images/next.png) bottom left no-repeat;
border:none;
}
a.next span, a.prev span{
display:none;
}

#map {
position:relative;
}
.tweet {
color:#FFF;
background-color:rgba(0,0,0,0.7);
width:150px;
padding:10px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
position:absolute;
z-index:5;
top:200px;
}

.tweet p {
color: #FFF;
}
.tweet blockquote {
font-size:12px;
padding:0;
}
.tweet blockquote p{
font-size:12px;
padding:0;
quotes: "\201C" "\201D";
}
.tweet blockquote p:before { content: open-quote; font-weight: bold; }
.tweet blockquote p:after { content: close-quote; font-weight: bold; }

#danjukes {
right:400px;
}

#bennpearson {
right:297px;
}

#nickboulton {
right:214px;

}

#emmaboulton {
right:140px;
}

#timmillwood {
right:67px;
}

#markboulton {
right:-8px;
}

img.left{float: left; margin-right: 18px;}
img.right{float: right; margin-left: 18px;}

.topmargin {margin-top: -220px; margin-bottom: 100px; width: 280px;}

.sidebar{
background-color: #eae9e4;
padding: 18px;
margin-left: 72px;
margin-bottom: 20px;
}

/* -------- banner -------- */

.home-banner .case_study_text .text {
padding:20px 20px 0;
}

.home-banner .case_study_text .arrows {
float: right;
padding-top: 15px;
}

.home-banner .case_study_text .spacer {
height: 45px;
width:400px;
float:left;
}

.about2 p {
padding: 0;
margin: 10px 0 30px 0;
}

/* -------- what we do section -------- */

div.item {
clear: left;
margin: 30px 0 5px 0;
padding: 0 0 0 0;		
}

.item h3 {
font-size: 140%;
margin: 30px 0 5px 0;		
}

p.howwework {
width: 40%;
z-index: 2;
margin: -230px 0 50px 0;
}

dl {
margin: 0;
padding: 0;
}

dt {
margin: 5px 0 0 0;
padding: 0;
}

dd  {
margin: 3px 0 10px 0;
font-size: 11px;
line-height: 16px;
color: #807f7b;
}

p.disclaimer {
margin: 10px 0 10px 0;
padding: 10px 0 0 0;
font-size: 11px;
line-height: 16px;
color: #807f7b;
border-top: 1px solid #cdccc5;
}

/* -------- end of what we do section -------- */

.nomarg{
margin-left: 0px;
}

.nopad{
padding-top: 0px;
}

.sidebar a{
font-size: 14px;
padding-top: 20px;
}

.sidebar img.mark{
padding-bottom:10px;
float: right;
}

#home_footer_top .project_thumb p {
font-size:14px;
line-height:25px;
}

#home_footer_top .project_thumb h4 {
margin-top: 0px;
}

.foot_col {
	margin-right: 40px;
	width: 215px;
	border-top: 1px solid #02bdc3;
	display: inline-block;
	vertical-align: top;
	text-align: left;
}

.last{
margin:0;
}

#footer_col {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 15px;
	font-size: 110%;
}

#footer_col h2{
font-family:"proxima-nova-1","proxima-nova-2","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Arial,Helvetica,sans-serif;
line-height:24px;
color:#02bdc3;
text-transform:uppercase;
font-size:13px;
letter-spacing: 1px;
}

#footer_col h3{
margin-top:0;
font-family:"proxima-nova-1","proxima-nova-2","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Arial,Helvetica,sans-serif;
font-size:14px;
}

#footer_col h3.client a {
color:#0086C3;
font-weight:normal;
}

#footer_col h3 a{
color:#000000;
font-weight:bold;
}

#footer_col ul{
padding:0;
margin-left:0;
}

#footer_col ul li{
list-style:none;
}

#footer_col p, #footer_col ul li{
color:#494945;
font-size:14px;
line-height:18px;
margin-bottom:10px;
}

#footer_col a{
color:#0086C3;
font-style: ;
}

#footer_col span.date{
font-size:11px;
}

#footer_col_two .column{
margin-left:0;
}

.front #subfooter{
border:0;
margin-top:0;
}

#block-views-blog-block_3 .views-row{
margin-bottom: 10px;
}

p#strapline {
	font-family: "proxima-nova-1","proxima-nova-2","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Arial,Helvetica,sans-serif;
	font-weight: lighter;
	line-height: 30px;
	color: #02bdc3;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	padding-top: 15px;
	padding-bottom: 45px;
}

/* blog */
.page-blog a.imagecache-teaser {
  border:none;
  float:left;
  margin:5px 5px 5px 0;
}

.page-blog h3 {
  margin: 0 0 15px 0;
}

.page-blog .views-row {
  border-bottom: 1px solid #333333;
  min-height:230px;
  padding:0 0 15px;
}

.views-admin-links {
  display:none;
}

ul.tabs {
  list-style:none;
  margin:0 0 10px 0;
}

ul.tabs li {
  float:left;
  margin:0 10px 0 0;
}

div.colin-images{
text-align:center;
}

div.colin-images img{
margin-top: 20px;
margin-left: 10px;
}

img.avatar{
float: left;
margin-bottom:35px;
margin-right: 10px;
margin-top: 10px;
}

.profile{
float: left;
}

.profile h4 a{
margin-top: 5px;
display:inline-block;
}

.profile a.twitter{
margin-top:5px;
display:inline-block;
}

.siteinfo{
clear: both;
margin-top: 20px;
float: left;
}