/*   
Theme Name: DA Theme
Theme URI: XXX
Description: WordPress Theme template -- WordPress v3.5.1
Author: meshlondon
Author URI: http://meshlondon.com
Version: 1
*/

/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    font-size: 12px;
    line-height: 14px;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

img {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}


/* ==========================================================================
   Author's custom styles
   
   font-family:'HelveticaNeueW01-45Ligh';
font-family:'HelveticaNeueW01-Thin';
font-family:'HelveticaNeueW01-55Roma';
font-family:'HelveticaNeueW01-75Bold';
   
   
   ========================================================================== */
   
html {
       overflow-y: scroll;
}
   
   
body {color: #FFF; padding-bottom: 30px;}


.container {position: relative; width: 1030px; margin: 0 auto; padding-top: 60px;}


.main {width: 980px; background: #FFF; margin: 0 auto; z-index: 1; margin-bottom: 10px;  
-webkit-box-shadow: -6px 6px 10px rgba(50, 50, 50, 0.25);
-moz-box-shadow:    -6px 6px 10px rgba(50, 50, 50, 0.25);
box-shadow:         -6px 6px 10px rgba(50, 50, 50, 0.25); }

.main-white {width: 980px; margin: 0 auto;}

.white-page {width: 980px; margin: 0 auto; }


a.marker {display: block; position: fixed; top:11px; z-index: 0; width: 1030px; left: 50%; margin-left: -515px;}


a.reg {display: block; height: 35px; position: fixed; top: 80px; width: 1010px; left: 50%; margin-left: -490px;}


.da {position: absolute; right: 0px; top:70px;}

h1 {font-family:'HelveticaNeueW01-75Bold'; font-weight: normal;}


.no-page {width: 980px; margin: 0 auto;}

/* ==========================================================================
   HEAD AREA
   ========================================================================== */



.head-menu {
width: 980px;
height: 60px;
position: fixed;
top: 0;
left: 50%;
margin-left: -490px;
background: #FFF;
z-index: 10000;

}

.white-band {width: 100%;
height: 60px;
position: fixed; z-index: 10000; background: #FFF;}






ul.top-nav  {margin: 0 0 0 15px; padding: 23px 0 0 0;}

ul.top-nav li {float: left; border-right: 1px solid #939598;  }

ul.top-nav li a {color:#939598; text-decoration: none; padding-right: 30px; padding-left: 10px;  }

ul.top-nav li a:hover { color: #231F20;}

ul.top-nav li a.selected {font-weight: bold; color: #231F20;}


ul.search {margin: 0 0 0 0; padding: 0 0 0 0; list-style: none; position: absolute; right:0; top:23px;}

ul.search li {float: left; margin-left: 10px;}

ul.search li a {display: block; list-style: none;}


ul.search li a.head-fb {width: 20px;height: 20px; line-height: 20px; background: url(img/FB.gif) 0 0; background-repeat: no-repeat;}
ul.search li a.head-twit {width: 20px;height: 20px; line-height: 20px; background: url(img/twitter_head.gif) 0 0; background-repeat: no-repeat;}


ul.search li a:hover.head-twit {background-position: -20px 0;}

ul.search li a:hover.head-fb {background-position: -20px 0;}

/* ==========================================================================
   SLIDES: 
   ========================================================================== */
   
   
#slides {position: relative;}
.listing-inner ul li a:active{}

.slide {position: relative; width: 980px; height: 500px;}

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

.slides_container {
	width: 980px; height: 500px; overflow:hidden; position:relative; display:none;
}

a.next {
	position: absolute;
	display: block;
	width: 134px;
	height: 500px;
	background: url(img/next_arrow.png) 0 center;
	background-repeat: no-repeat;
	right: 0;
	top: 0;
	z-index: 9998;
}

a.prev {
	position: absolute;
	display: block;
	width: 134px;
	height: 500px;
	background: url(img/prev_arrow.png) 0 center;
	background-repeat: no-repeat;
	left: 0;
	top: 0;
	z-index: 9998;
}

.slide-pagination {
visibility: hidden;
position: absolute;
}

.pagination-holder {
	position: absolute;
	left: 25px;
	bottom: -80px;
	width: 930px;
	height: 80px;
}


/* The Magic Float Center Code */
.float_center {
  float: right;

  position: relative;
  left: -50%; /* or right 50% */
  text-align: left;
}
.float_center > .child {
  position: relative;
  visibility: visible;
  left: 50%;
}


.child {
	list-style: none;
	margin: 32px 0 0 0;
	padding: 0;
}

.child li {
	float: left;
	padding: 0;
	margin: 0 2px;
}

.child li a {
	display: block;
	width: 16px;
	height: 16px;
	background: #DCDDDE;
	text-indent: -9999em;
}

.child li.current a {
	background: #000;
}

/* ==========================================================================
   HEAD HERO IMAGE AREA
   ========================================================================== */
   
.hero-images {position: relative; width: 980px; height: 580px;}   


.recent-work-callout {position: absolute; top:0px; left: 0; width: 310px; height: 80px;}

.recent-work-callout-holder {position: absolute; bottom:0px; left: 0; width: 310px; height: 80px; z-index: 9999;}

.recent-work-callout-holder h2 {font-size: 12px; line-height: 14px; margin:0; padding: 15px 25px 0 25px; color: #000;}

.recent-work-callout-drop {position: absolute; bottom:0px; left: 0; width: 310px; height: 54px; background: #231F20; overflow: hidden;}
   
.recent-work-callout-inner {padding: 15px 0px 15px 25px;}   

.recent-work-callout-inner h2 {font-size: 12px; line-height: 14px; margin: 0 0 14px 0; padding: 0; color: #000;}

.recent-work-callout-inner h1 {font-size: 21px; line-height: 23px; margin: 0; padding: 0; color: #000;}


a.view-work {float: left; display: block; line-height: 25px; background: url(img/arrow.gif) right 0; background-repeat: no-repeat; padding-right: 35px; margin-left: 25px; margin-top: 14px; color:#939598; text-decoration: none; }

p.work-title {margin: 0; padding: 0; position: absolute; left: 25px; bottom: 20px; color: #FFF;}

p.work-title span {font-weight: bold;}



/* ==========================================================================
   CONTENT
   ========================================================================== */ 
   
.content {width: 950px; margin-left: 30px; padding-top: 15px; padding-bottom: 50px; position: relative;} 

.full-content {position: relative; width: 980px; padding-top: 15px;} 

.column {float: left; width: 212px; margin-right: 24px;}



.column h1 {font-size: 12px; line-height: 14px; padding: 8px 0 60px 0; margin: 0; color: #FFF; border-bottom: 3px solid #FFF; }

.post-item {position: relative; width: 212px; height: 315px; border-bottom: 1px solid #FFF; cursor: pointer;}

.post-item-img-holder {position: relative; width: 212px; height: 212px; margin-top: 15px; margin-bottom: 15px; overflow: hidden;}

.post-item h2 {font-size: 16px; line-height: 18px; color: #FFF; margin: 0; padding: 0;}


.pop-up {position: absolute; left: 0; bottom: -65px; width: 212px; height: 65px; background: #231F20; border-bottom: 1px solid #939598; display: none;}

a.view-project {display: block; position: absolute; left: 15px; bottom: 20px; line-height: 25px; background: url(img/arrow.gif) right 0; background-repeat: no-repeat; padding-right: 35px; color:#939598; text-decoration: none; }


a.view-more {display: block; color:#939598; padding-top: 15px; border-top: 2px solid #FFF;}






.work-details {position: absolute; top:18px; left: 0; width: 280px; height: 200px; z-index: 9000; overflow: hidden;}

.work-height {height: 800px;}


.work-top {position: absolute; top:0; left: 0; width: 280px; height: 59px; background: #231F20; z-index: 9000;}


.work-details-inner {padding: 17px 25px 0 25px; background: #231F20; position: relative; } 

.work-details-inner-drop {padding: 15px 25px 25px 25px; background: #231F20;} 



.drop-holder {position: absolute; left: 0; top:-450px; width: 280px; z-index: 8000; background: #231F20;}

.work-details-inner h2 {font-size: 12px; line-height: 14px; margin: 0 0 14px 0; padding: 0; color: #FFF;}

.work-details-inner-drop h1 {font-size: 21px; line-height: 23px; margin: 0; padding: 0 0 0 0; color: #FFF;}


p.work-name {margin: 0; padding: 0 0 0 0; font-family:'HelveticaNeueW01-45Ligh'; font-weight: normal; position: absolute; left: 25px; top:15px; line-height: 15px; }

p.work-name span {font-family:'HelveticaNeueW01-75Bold'; font-weight: normal;}

.work-drop {list-style: none; margin: 0; padding: 0; border-top: 1px solid #FFF; margin-top: 80px;}

ul.work-drop li {border-bottom: 1px solid #FFF; padding: 5px 0;}

ul.work-drop li a {color: #FFF; text-decoration: none;}

ul.work-drop li ul {margin: 0; padding: 0; border: none; list-style: none; font-family:'HelveticaNeueW01-45Ligh'; font-weight: normal; }

ul.work-drop li ul li {border: none;}

a.detail-head {font-family:'HelveticaNeueW01-75Bold'; font-weight: normal;}


a.info-work {position: absolute; right: 25px; top:17px; display: block; height: 25px; width: 80px; background: url(img/info_arrow.gif) right 0; background-repeat: no-repeat; padding-right: 35px; color:#939598; text-decoration: none; z-index: 9001; }


a.info-work span {position: absolute; bottom: -2px; right: 35px;  display: block;}


a.hide-work {position: relative; float: right; display: block; height: 25px; width: 80px; background: url(img/hide_arrow.gif) right 0; background-repeat: no-repeat; padding-right: 35px;  margin-top: 25px; color:#939598; text-decoration: none; display: none; }


a.hide-work span {position: absolute; bottom: -2px; right: 35px;  display: block;}


.hider {height: 55px;}

.var-height {height: auto;}

.play-details {border-bottom: 1px solid #FFF; border-top: 2px solid #FFF; padding: 10px 0 30px 0; margin-top: 80px;}

.play-details p {font-family:'HelveticaNeueW01-45Ligh'; font-weight: normal; color: #FFF; margin: 0; padding: 0;}



a.pdf-download {display: block; line-height: 24px; background: url(img/download_icon.gif) left 0; background-repeat: no-repeat; padding-left: 35px; color:#939598; text-decoration: none; margin-top: 20px; }

a:hover.pdf-download {color: #FFF;}


/* ==========================================================================
   POST :LISTING
   ========================================================================== */

.listing-head {position: relative; width: 980px; height: 220px;}

.news-head {position: relative; width: 610px; height: 220px;}

.listing-inner {padding: 20px 25px;}

.news-inner {}

.news-inner  h1 {
	font-size: 28px;
	line-height: 28px;
	font-family:'HelveticaNeueW01-75Bold';
	font-weight: normal;
	color: #939598;
	margin: 0 0 0 0;
	padding: 0;
	letter-spacing: -0.75px;
}


.listing-inner h1 {font-size: 100px; line-height: 102px; color: #FFF; margin: 0; padding: 0;}
   

.post-item-listing {float: left; position: relative; width: 212px; height: 315px; margin-right: 24px; cursor: pointer;}

.post-item-img-holder-listing {position: relative; width: 212px; height: 212px; padding-top: 15px; margin-bottom: 8px; overflow: hidden; border-top:1px solid #000; }

.post-item-listing h2 {font-size: 12px; line-height: 13px; color: #000; margin: 0; padding: 0;}
.post-item-listing p {font-size: 12px; line-height: 13px; color: #000; margin: 0; padding: 0;}

.post-item-listing.white h2 {color: #FFF;}
.post-item-listing.white p {color: #FFF;}

.full-image {position: relative; width: 980px; }

.full-image img {}

.full-image-caption {position: relative; width: 980px; height: 60px;}

.full-image-caption p {padding: 15px 0 0 30px; margin: 0; color:#939598; }







/* ==========================================================================
  SORT MENU
   ========================================================================== */


.sort-by {list-style: none; margin: 0; padding: 0 0 0 10px; position: absolute; left: 25px; bottom: 20px; font-family:'HelveticaNeueW01-45Ligh'; font-weight: normal;  }

.sort-by li {float: left; display: inline; color: #939598; border-right: 1px solid #939598; width: 100px; font-size: 12px; line-height: 12px; position: relative; padding-bottom: 2px;  }

.sort-by li a {color: #000; text-decoration: none; display: block; width: 100px; padding-left: 10px; padding-bottom: 2px;}

.sort-by li a:hover {color: #000;}

.sort-by li a.selected {font-family:'HelveticaNeueW01-75Bold'; font-weight: normal; color: #000;}

.sort-by li a.make-bold {font-weight: normal; color: #000;}

.sort-by li.sort a {padding-left: 0; width: 212px;}

.arrow-nav {background: url(img/menu_arrow.png) 80px 0; background-repeat: no-repeat;}

a:hover.arrow-nav {font-weight: normal; color: #FFF;}



.client-sub {background: #FFF; position:absolute; padding: 10px 0 10px 5px;  z-index: 99999; display: none;}

.client-sub_about{background: #FFF; position:absolute; padding: 10px 0 10px 5px;  z-index: 99999; display: block;}

li.sort {width: 212px;}




.sort-by ul {	
	float: left;
	margin: 0;	
	width: 120px;		
	background-color:#FFF;
	padding: 0;
	
}



ul.sort-by ul li{
	border-right:none;	
	padding: 0 0 0 0px;
	margin: 0 0 0 5px;
	width: 110px;
	
	}
	
.sort-by ul li a{
	display:block;
	border-top: 1px solid #939598;
	color:#999;
	font-size: 12px;
	font-weight: normal;
	line-height: 14px;
	width: 110px;
	margin: 0;
	padding: 2px 0;
	
}

 .empty {
	display:block!important;
	border-top: 1px solid #939598;
	color:#ccc !important;
	font-size: 12px!important;
	font-weight: normal;
	line-height: 14px!important;
	width: 110px !important;
	margin: 0;
	padding: 2px 0 !important;
	font-style:italic !important;
	
}

.contact-list-col .empty{
	display:block!important;
	border:none!important;
color:#C7C8CA !important;	
	font-size: 12px!important;
	font-weight: normal;
	line-height: 14px!important;
	width: 110px !important;
	margin: 0;
	padding: 0 0 0 8px !important;
	font-style:normal !important;
	
}
.not_empty{
	color:#999 !important;}

.not_empty:hover{color:#000 !important;  }

.contact-list-col .not_empty{color:#939598!important;}

.contact-list-col .not_empty:hover{color:#000000 !important; font-weight:normal !important; }

.sort-by li:hover > .client-sub {
	display: block;
	
}






.sort-by ul li:hover a{
	
	}
	
	
.sort-by .current-menu-item > a,
.sort-by .current-menu-ancestor > a,
.sort-by .current_page_item > a,
.sort-by .current_page_ancestor > a {
	font-weight: bold;
}



/* ==========================================================================
  RELATED WORK
   ========================================================================== */

.related-work {}


.related-work h1 {font-size: 12px; line-height: 40px; padding: 0; margin: 0; color: #000; border-top: 3px solid #000;  width: 920px;}


/* ==========================================================================
   POST :NEWS
   ========================================================================== */

.news-col {float: left; width: 610px;}

.float-right {float: right;}

.auto-height {height: auto;}

.news-item {width: 610px; border-top: 1px solid #000; padding-bottom: 50px; }

.news-item p {color: #939598; padding: 0 0 13px 0; margin: 0;}


.news-item h1 {font-size: 15px; line-height: 17px; margin: 0; padding: 10px 0;}

p.news-date {padding: 10px 0; color: #000; margin: 0; }


.news-item a {color: #000;}

.news-item a:hover {color: #000;}

a.news-link {padding-top: 30px; display: block;}


.social-list-news {list-style: none; width: 196px; margin: 0; padding: 0 0 0 0; border-top:2px solid #FFF;}

.social-list-news-inner {padding: 8px;}

.social-list-news li {border-bottom: 1px solid #FFF; line-height: 20px;}

.social-list-news li.signup {font-family:'HelveticaNeueW01-75Bold'; font-weight: normal; color: #FFF; padding: 8px 0 10px 0;}

.social-list-news li a {color: #FFF; text-decoration: none; font-family:'HelveticaNeueW01-45Ligh'; font-weight: normal; }



.arch-list-holder {min-height: 191px;}

.news-archive {position: absolute; top:235px;}

.news-archive h1.news-title {font-size: 12px; line-height: 14px; padding: 8px 0 10px 0; margin: 0; color: #000; border-top: 1px solid #000; }

.news-archive-list {margin: 0 0 20px 0; padding:0; list-style: none; font-family:'HelveticaNeueW01-45Ligh'; font-weight: normal; border-bottom: 1px solid #000; }

.news-archive-list li {cursor: pointer; color: #939598;}

.news-archive-list li {border-top: 1px solid #000; padding: 3px 0;}

.news-archive-list li ul {display: none;}

.news-archive-list li ul {margin: 0; padding: 10px 0; list-style: none;}

.news-archive-list li ul li {border-top:none; padding: 0 0 0 10px;}

.news-archive-list li a {color: #939598; text-decoration: none;}

.news-archive-list li a:hover {color: #000;}

li.open {border-top:2px solid #000;}

li.open a {color: #000;}

li.open ul li a {color: #939598;}

/* ==========================================================================
   POST :NEWS
   ========================================================================== */





/* ==========================================================================
   ABOUT
   ========================================================================== */
   
.content-about {width: 970px; margin-left: 10px; } 

.about-head {position: relative; width: 980px; padding-bottom: 70px;}

.about-inner {padding: 21px 0px 0px 26px;}

.about-inner img {}


.about-images {width: 960px; height: 320px; position: relative;}


.contact-left-col {float: left; width: 470px; color: #000;}

.contact-left-col h2 {font-size: 21px; line-height: 22px; margin: 0; padding: 0 70px 22px 0; font-family:'HelveticaNeueW01-75Bold'; font-weight: normal;}

.contact-left-col p {font-size: 21px; line-height: 22px; margin: 0; padding: 0 70px 0 0; font-family:'HelveticaNeueW01-45Ligh'; font-weight: normal;}

.contact-left-col a {color: #000;}

.contact-left-col p strong {font-family:'HelveticaNeueW01-75Bold'; font-weight: normal;}

.about-intro h1 {font-size: 21px; line-height: 22px; margin: 0; padding: 12px 70px 0 0; font-family:'HelveticaNeueW01-75Bold'; font-weight: normal;}


.about-intro h2 {font-family:'HelveticaNeueW01-45Ligh'; font-weight: normal; font-size: 21px; line-height: 22px; margin: 0; padding: 22px 70px 0 0;}

.about-intro h2 strong {font-size: 21px; line-height: 22px; margin: 0; padding: 22px 70px 0 0; font-family:'HelveticaNeueW01-75Bold'; font-weight: normal;}


.contact-list-col {float: left; width: 160px; color: #000;}

.contact-list-col ul {margin: 0 0 12px 0; padding: 0; list-style: none; font-family:'HelveticaNeueW01-45Ligh'; font-weight: normal;}

.contact-list-col ul li {padding-left: 8px; background: url(img/grey_dash.jpg) 0 6px; background-repeat: no-repeat;}


.contact-list-col ul li a {color: #939598; text-decoration: none;}

.contact-list-col h1 {
font-size: 12px;
line-height: 14px;
padding: 22px 0 12px 0;
margin: 0;
}

.contact-list-col p {margin: 0; padding:0; font-family:'HelveticaNeueW01-45Ligh'; font-weight: normal;}

.awards ul li {color: #939598; font-style: italic;}



.contact-left {position: relative; float: left; width: 470px; height: 700px; border-top: 3px solid #000; border-bottom: 3px solid #000;}
.contact-right {position: relative; float: left; width: 470px; height: 700px; border-top: 3px solid #000; border-bottom: 3px solid #000; margin-left: 20px;}


.contact-left h1 {font-size: 18px; line-height: 20px; margin: 0; padding: 12px 0px 12px 0; color: #000;}
.contact-left h2 {font-size: 21px; line-height: 22px; margin: 0; padding: 0; font-family:'HelveticaNeueW01-75Bold'; font-weight: normal; color: #000;}

.contact-right h1 {font-size: 18px; line-height: 20px; margin: 0; padding: 12px 0px 12px 0; color: #000;}
.contact-right h2 {font-size: 21px; line-height: 22px; margin: 0; padding: 0; font-family:'HelveticaNeueW01-75Bold'; font-weight: normal; color: #000;}


.form {position: absolute; left: 0; bottom: 0; border-top: 3px solid #000; width: 470px; height: 478px;}

.form p {margin: 0; padding:0; font-family:'HelveticaNeueW01-45Ligh'; font-weight: normal; color: #000;}

.form p strong {font-family:'HelveticaNeueW01-75Bold'; font-weight: normal;}


.map {position: absolute; left: 0; bottom: 0; width: 470px; height: 480px;}

.map-holder {width: 470px; height: 222px; margin-top: 12px;}

#map-marker {width:36px; height: 68px; background: url(img/finger.png) 0 0; background-repeat: no-repeat; background: #000;}


/* ==========================================================================
   SOCIAL BOX
   ========================================================================== */ 
   
.social-box {position: relative; width: 212px; height: 413px; background: #333132;}

.stuck {position: fixed; top:90px;}

#stucknews.stuck {position: fixed; top:76px;}

.social-box-inner {padding: 0 8px 8px 8px;}  

.tweet_list {list-style: none; margin: 0; padding: 0;} 
   
.tweets {padding-top: 15px; font-family:'HelveticaNeueW01-45Ligh'; font-weight: normal;}

.tweet_text a {color: #FFF;}

.tweet_time a {color: #939598; }

.social-list {position: absolute; left:8px; bottom: 15px; list-style: none; width: 196px; margin: 0; padding: 10px 0 0 0; border-top:3px solid #FFF;}

.social-list li {border-bottom: 1px solid #FFF; line-height: 20px;}

.social-list li.signup {font-family:'HelveticaNeueW01-75Bold'; font-weight: normal;}

.social-list li a {color: #939598; text-decoration: none; font-family:'HelveticaNeueW01-45Ligh'; font-weight: normal; }

.social-list li a:hover {color: #FFF;}



.social-list li ul {list-style: none; margin: 0; padding: 0; }

.social-list li ul li {border-bottom: none;}


.email-form {position: absolute; top:400px; left: 0; width: 212px; height: 280px; background:#333132; display: none;}

#mc_embed_signup {font-family:'HelveticaNeueW01-45Ligh'; font-weight: normal; font-size: 12px; color: #FFF;}

.mc_input {width: 184px; border: 1px solid #FFF; background: none; padding: 5px; outline: none; color: #FFF; font-family:'HelveticaNeueW01-45Ligh'; font-weight: normal; margin-top: 5px; margin-bottom: 10px; }

.mc-field-group label {}

.top-field {margin-top: 20px;}

.indicates-required {padding: 10px 0;}


.button-holder {border-bottom: 1px solid #FFF; width: 196px; height: 25px; position: absolute; bottom:10px; left: 8px;}


.button {position: absolute; bottom:15px; right: 5px; height: 25px; width: 25px; background: url(img/email_arrow.png) right 0; background-repeat: no-repeat; border: none; }

span.subscribe {line-height: 25px; height: 25px; display: block; color: #939598; position: absolute; right: 40px; bottom: 15px;}

a.newsletter {border-bottom: 1px solid #FFF; line-height: 20px; padding-bottom: 0; width: 196px; display: block;}

.social-list li a.vis {border-bottom: 1px solid #333132; color: #FFF; font-family:'HelveticaNeueW01-75Bold'; font-weight: normal;}

/* ==========================================================================
   FOOTER
   ========================================================================== */


.da-footer {width: 980px; padding: 20px 0 20px 0;  color:#939598;}


.da-footer span {font-size: 11px; line-height: 13px; padding-left: 30px;}

.white-footer span {padding-left: 10px;}


.space {width:980px; background:#FFF; height:30px;}


.sd-content ul {list-style: none; margin: 0 0 0 30px; padding: 0; height: 40px;}

.news-item .sd-content ul {list-style: none; margin: 0 0 0 0px; padding: 0; height: 40px;}

.sd-content ul li {float: left; margin-right: 10px;}

.sd-content ul li a {display: block; width:20px; height: 20px;}

.sd-content ul li.share-email a {background: url(img/mail.gif) 0 0; }

.sd-content ul li.share-facebook a {background: url(img/share_fb.gif) 0 0; }
.sd-content ul li.share-facebook a:hover {background-position: -20px 0;}

.sd-content ul li.share-twitter a {background: url(img/share_twit.gif) 0 0; }
.sd-content ul li.share-twitter a:hover {background-position: -20px 0; }

.sd-content ul li.share-google-plus-1 a {background: url(img/share_google.gif) 0 0; }
.sd-content ul li.share-google-plus-1 a:hover {background-position: -20px 0; }

.sd-content ul li.share-tumblr a {background: url(img/share_tumb.gif) 0 0; }
.sd-content ul li.share-tumblr a:hover {background-position: -20px 0; }

.sd-content ul li.share-pinterest a {background: url(img/share_pin.gif) 0 0; }
.sd-content ul li.share-pinterest a:hover {background-position: -20px 0; }

.sd-content ul li.share-reddit a {background: url(img/share_red.gif) 0 0; }
.sd-content ul li.share-reddit a:hover {background-position: -20px 0; }

/* ==========================================================================
   FORM
   ========================================================================== */

.form-col {float: left; width: 228px;}

.left-col {width: 242px; }

.right{ }


.left input[type="text"]{
	width:215px;
	border: 1px solid #000;
	padding: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	}

.right input[type="text"]{
	width:215px;
	border: 1px solid #000;
	padding: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	}
	
	
	.wpcf7-email{
	width:215px !important;	
	border: 1px solid #000;
	padding: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	}
	
	
	.wpcf7-textarea {width: 458px; border: 1px solid #000;
	padding: 5px;
	margin-top: 5px;
	resize: none;
	height: 128px; }
	
	
	.wpcf7-quiz {
	width:100px !important;	
	border: 1px solid #000;
	padding: 5px;
	margin-top: 5px;
	}
	
	.quiz {border-top: 1px solid #000; padding: 8px 0 0 0;}
	


.clear{clear:both;}



.form p.checkbox{
	padding-left:20px !important; margin: 0 0; line-height: 32px;}
	
	
	.wpcf7-checkbox .wpcf7-list-item{ margin-left: 20px;}


.wpcf7-list-item-label{display:none;}



.wpcf7-submit {
width: 27px;
background-image:url(img/send.gif); background-repeat:no-repeat;
background-color:#FFF;
border:none;
border: 1px solid #C9CACB;
}

.wpcf7-submit:hover {background-image:url(img/send_over.gif); background-repeat:no-repeat; border: 1px solid #262626;}



span.grey-text {color: #939598;}



.sendbox {border-top: 1px solid #000; position: absolute; bottom: 0; left: 0; height: 50px; width: 100%; }

.tickbox { height: 32px; width: 100%; background:url(img/envelope.gif) 0 center; background-repeat:no-repeat;  }


.form p.sendit {position: absolute; right: 0px; bottom: 8px; line-height: 27px; font-size: 18px; color: #939598; }

img#wpstats {
display: none;
}


.div.wpcf7-validation-errors {border: none;}


.search-input {background: #F1F1F2; border: none; font-size: 12px; line-height: 20px; padding: 0 5px; color: #939598; outline: none;}




.work-details-container {
	padding: 25px 30px;
}

.work-content p {
	font-family:'HelveticaNeueW01-45Ligh'; 
	font-weight: normal;
	font-size: 18px;
	line-height: 22px;
	color: #FFF;
	margin: 0 0 20px 0;
}

.work-content h1 {
	font-family:'HelveticaNeueW01-75Bold'; 
	font-weight: normal;
	font-size: 18px;
	line-height: 22px;
	color: #FFF;
	margin: 0;
	padding: 0;
}

.work-content h1 span {
	font-family:'HelveticaNeueW01-45Ligh'; 
	font-weight: normal;
}

.content-holder {
	padding-bottom: 10px;
}

.delivered {
	padding-top: 40px;
	padding-bottom: 20px;
}


h1.work-heading {
	font-size: 28px;
	line-height: 30px;
	font-family:'HelveticaNeueW01-75Bold'; 
	font-weight: normal;
	color: #000;
	margin: 0;
	padding: 20px 0;
}

h1.play-title {
	padding-bottom: 60px;
}

p.work-name-top {
	font-family:'HelveticaNeueW01-45Ligh'; 
	font-weight: normal;
	font-size: 13px;
	line-height: 15px;
	color: #000;
	margin: 0;
	padding: 0 0;
}

p.work-name-top span {
	font-family:'HelveticaNeueW01-75Bold'; 
	font-weight: normal;
}

a.pdf-download-work {
	display: block; 
	line-height: 24px; 
	color:#939598; 
	text-decoration: underline;
}


/* ==========================================================================
   NEW STUFF
   ========================================================================== */
   
.da {position: absolute; left: 51px; top:72px;}
   
body {
	background: #EFEFED;
	color: #000;
}


.work-content p {
	color: #000;
}

.work-content h1 {
	color: #000;
}

.white-band, .head-menu {
	background: #EFEFED;
}

.content-white {
width: 955px;
margin-left: 25px;
padding-bottom: 50px;
position: relative;
}


.column-wide {
float: left;
width: 292px;
margin-right: 27px;

}




/* ==========================================================================
  home page
  
     font-family:'HelveticaNeueW01-45Ligh';
font-family:'HelveticaNeueW01-Thin';
font-family:'HelveticaNeueW01-55Roma';
font-family:'HelveticaNeueW01-75Bold';
   ========================================================================== */

.home-intro {
	border-top: 1px solid #000;
	width: 930px;
	padding: 20px 0 70px 0;
}

.home-intro h1 {
	font-size: 45px;
	line-height: 47px;
	font-family:'HelveticaNeueW01-75Bold';
	font-weight: normal;
	margin: 0 0 45px 0;
	padding: 0;
	color: #000;
	letter-spacing: -2px;
}

.home-intro h2 {
	font-size: 22px;
	line-height: 24px;
	font-family:'HelveticaNeueW01-75Bold';
	font-weight: normal;
	color: #939598;
	margin: 0 0 22px 0;
	padding: 0;
}

a.find-out {
	display: block;
	font-size: 22px;
	line-height: 25px;
	height: 25px;
	width: 200px;
	font-family:'HelveticaNeueW01-75Bold';
	font-weight: normal;
	color: #939598;
	text-decoration: none;
	background: url(img/find_arrow.gif) 0 0;
	background-repeat: no-repeat;
	padding-left: 22px;
}

a:hover.find-out {
	color: #000;
}

/* ==========================================================================
   WE do lists
   ========================================================================== */

.we-do h1 {
	font-size: 22px;
	line-height: 24px;
	font-family:'HelveticaNeueW01-75Bold';
	font-weight: normal;
	color: #000;
	margin: 0;
	padding: 0 0 15px 0;
	border-bottom: 1px solid #000;
}

.we-do ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.we-do ul li {
	font-size: 18px;
	line-height: 45px;
	font-family:'HelveticaNeueW01-45Ligh';
	font-weight: normal;
	border-bottom: 1px solid #939598;
	padding-left: 15px;
	background: url(img/list_line.gif) 0 center;
	background-repeat: no-repeat;
}

.we-do ul li a {
	color: #000;
	text-decoration: none;
	display: block;
}


/* ==========================================================================
   clients bubbles
   ========================================================================== */

.clients-say-intro {
	border-top: 3px solid #000;
	margin-top: 50px;
}

#client-bubbles {
	padding: 0px 0 0px 0;
	width: 980px;
	margin-left: -25px;
}

.bubble-col {

position: relative;
padding-top: 190px;
width: 303px;
height: 350px;
margin-left: 10px;
}

.bubble {
	position: absolute;
	width: 303px;
	height: 221px;
	background: url(img/bubble.png) 0 0;
	background-repeat: no-repeat;
	top:0;
	left: -10px;
}

.bubble-content {
	padding: 15px 15px 0 30px;
}

.bubble-content h2 {
	font-size: 22px;
	line-height: 24px;
	font-family:'HelveticaNeueW01-75Bold';
	font-weight: normal;
	color: #939598;
	margin: 0;
	padding: 0;
}

.client-details {
	width: 250px;
	margin: 0 auto;
}

p.name {
	font-size: 18px;
	line-height: 22px;
	font-family:'HelveticaNeueW01-75Bold';
	font-weight: normal;
	color: #000;
	margin: 18px 0 0 0;
	padding: 0;
}

p.position, p.company {
	font-size: 18px;
	line-height: 22px;
	font-family:'HelveticaNeueW01-45Ligh';
	font-weight: normal;
	color: #000;
	margin: 0;
	padding: 0;
}




/* ==========================================================================
   Discover more
   ========================================================================== */

#discover {
	width: 957px;
	margin-left: -2px;
}


.discover-more {
		border-top: 3px solid #000;
		padding-bottom: 30px;
}

.discover-more h1 {
	margin-bottom: 30px;
}

.discover-col {
float: left;
position: relative;
width: 292px;
height: 300px;
margin-right: 27px;
}

.about-col {
float: left;
position: relative;
width: 292px;
height: 420px;
margin-right: 27px;
}

.shadow-box {
	position: absolute;
	right:0;
	top:0;
	width: 306px;
	height: 305px;
	background: url(img/shadow_two.png) 0 0;
}

.shadow-boxer {
	cursor: pointer;
}

.brand-title {
	position: absolute;
	border-top: 1px solid #939598;
	padding-top: 15px;
	top:315px;
	width: 290px;
}

.brand-title h1 {
	font-size: 18px;
	line-height: 22px;
	font-family:'HelveticaNeueW01-75Bold';
	font-weight: normal;
	color: #000;
	margin: 0;
	padding: 0;
}
.shadow-over {
	background-position: -319px 0;
}

.shadow-content {
	width: 282px;
	height: 282px;
	background: #FFF;
	float: right;
	position: relative;
	text-align: center;
}

.shadow-content-brand {
	width: 282px;
	height: 282px;
	background: #FFF;
	position: absolute;
	top:4px;
	right: 4px;
}


.shadow-content-logo {
	width: 290px;
	height: 290px;
	background: #FFF;
	float: right;
	position: relative;
	text-align: center;
}

.brand-over {
	background-position: -290px 0;
}



.follow {
	background: url(img/sheep.png) center center;
	background-repeat: no-repeat;
}

h2.discover-title {
	position: absolute;
	width: 100%;
	bottom: 30px;
	font-size: 22px;
	line-height: 24px;
	font-family:'HelveticaNeueW01-75Bold';
	font-weight: normal;
	color: #000;
	margin: 0 auto;
	padding: 0;
		text-align: center;
}



/* ==========================================================================
   work
   ========================================================================== */

.listing-head {
	height: 260px;
}

.page-intro {
	border-bottom:3px solid #000;
	height: 185px;
}

.page-intro h1 {
	font-size: 28px;
	line-height: 28px;
	font-family:'HelveticaNeueW01-75Bold';
	font-weight: normal;
	color: #939598;
	margin: 0 0 0 0;
	padding: 0;
	letter-spacing: -0.75px;
}


.listing-inner {
	padding-bottom: 0;
}


/* ==========================================================================
   play
   ========================================================================== */



.play-head {height: 320px;}

.play-head h1 {
	font-size: 28px;
	line-height: 28px;
	font-family:'HelveticaNeueW01-75Bold';
	font-weight: normal;
	color: #939598;
	margin: 0 0 40px 0;
	padding: 0;
	letter-spacing: -0.75px;
}

.play-head h1 a {color: #939598; text-decoration: none;}

.play-head h1 a:hover {color: #000; text-decoration: none;}

.play-holder {float: left; width: 212px; height: 70px; margin-right: 24px; border-bottom: 1px solid #000; border-top: 3px solid #000;  }

.play-video {background: url(img/da_web_play_vimeo_icon.png) right 4px; background-repeat: no-repeat;}

.shop {background: url(img/da_web_play_shop_icon.png) right 8px; background-repeat: no-repeat;}

.play-holder a {font-family:'HelveticaNeueW01-75Bold'; font-weight: normal; font-size: 13px; line-height: 15px; color: #000; margin: 0; padding-top: 5px; text-decoration: none; display: block; height: 70px;}

.box-link {cursor: pointer;}

.box-linker {cursor: pointer;}

/* ==========================================================================
   about
   ========================================================================== */

.about-content {
width: 930px;
margin-left: 25px;
padding-bottom: 50px;
position: relative;

}

.about-intro {
margin-bottom: 40px;
}



.about-intro h1 {
	font-size: 70px;
	line-height: 70px;
	font-family:'HelveticaNeueW01-75Bold';
	font-weight: normal;
	color: #000;
	margin: 0 0 40px 0;
	padding: 0;
	letter-spacing: -2px;
	}
	

#approach {
	padding-bottom: 70px;
}

#approach h1 {
	font-size: 46px;
	line-height: 46px;
	font-family:'HelveticaNeueW01-75Bold';
	font-weight: normal;
	color: #000;
	margin: 0 0 30px 0;
	padding: 0;
	letter-spacing: -2px;
}

#approach h2 {
	font-size: 32px;
	line-height: 34px;
	font-family:'HelveticaNeueW01-75Bold';
	font-weight: normal;
	color: #939598;
	margin: 0;
	padding: 0;
	letter-spacing: -1px;
}

#approach h3 {
	font-size: 32px;
	line-height: 38px;
	font-family:'HelveticaNeueW01-75Bold';
	font-weight: normal;
	color: #000;
	margin: 32px 0 0 0;
	padding: 0;
	letter-spacing: -1px;
}

#approach p {
	font-size: 22px;
	line-height: 24px;
	font-family:'HelveticaNeueW01-45Ligh';
	font-weight: normal;
	color: #939598;
	margin: 0;
	padding: 0;
	letter-spacing: -0.5px;
}

#people-behind {
	border-top:2px solid #000;
	padding-top: 20px;
	padding-bottom: 70px;
}

#people-behind h1 {
	font-size: 46px;
	line-height: 46px;
	font-family:'HelveticaNeueW01-75Bold';
	font-weight: normal;
	color: #000;
	margin: 0 0 30px 0;
	padding: 0;
	letter-spacing: -2px;
}

#people-behind h2 {
	font-size: 22px;
	line-height: 24px;
	font-family:'HelveticaNeueW01-75Bold';
	font-weight: normal;
	color: #939598;
	margin: 0;
	padding: 0;
	letter-spacing: -1px;
}


#brands {
	border-top:2px solid #000;
	padding-top: 20px;
	padding-bottom: 70px;
}

#brands h1 {
	font-size: 46px;
	line-height: 46px;
	font-family:'HelveticaNeueW01-75Bold';
	font-weight: normal;
	color: #000;
	margin: 0 0 30px 0;
	padding: 0;
	letter-spacing: -2px;
}

#brands h2 {
	font-size: 22px;
	line-height: 24px;
	font-family:'HelveticaNeueW01-75Bold';
	font-weight: normal;
	color: #939598;
	margin: 0;
	padding: 0;
	letter-spacing: -1px;
}


#the-people {
	width: 970px;
	margin-left: -10px;
}

.da-people {
	height: 300px;
}

.people-col {
	float: left;
	width: 485px;
	padding-bottom: 70px;
}

.people-col h1 {
	font-size: 26px;
	line-height: 28px;
	font-family:'HelveticaNeueW01-75Bold';
	font-weight: normal;
	color: #000;
	margin: 10px 0 0 10px;
	padding: 0;
	letter-spacing: -1px;
}

.people-col  p {
	font-size: 18px;
	line-height: 22px;
	font-family:'HelveticaNeueW01-45Ligh';
	font-weight: normal;
	color: #939598;
	padding: 0 20px 0 0;
	margin: 5px 0 0px 10px;
	letter-spacing: -0.5px;
}

a.linkedin {
	display: block;
	height: 58px;
	line-height: 58px;
	font-size: 26px;
	font-family:'HelveticaNeueW01-45Ligh';
	font-weight: normal;
	text-decoration: none;
	color: #000;
	background: url(img/linkedin.gif) 0 0;
	background-repeat: no-repeat;
	padding-left: 70px;
	margin-left: 10px;
}

#advice {
	border-top:2px solid #000;
	padding-top: 20px;
	padding-bottom: 70px;
}

#advice h1 {
	font-size: 46px;
	line-height: 46px;
	font-family:'HelveticaNeueW01-75Bold';
	font-weight: normal;
	color: #000;
	margin: 0 0 30px 0;
	padding: 0;
	letter-spacing: -2px;
}

#advice h2 {
	font-size: 22px;
	line-height: 24px;
	font-family:'HelveticaNeueW01-75Bold';
	font-weight: normal;
	color: #939598;
	margin: 0 0 12px 0;
	padding: 0;
	letter-spacing: -1px;
}

.contact-intro h1 {
margin-left: 25px;
padding-bottom: 20px;
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.no-marg {
	margin-right: 0;
}


.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

.sub_menu_left li:hover .arrow-nav { color:#F00; }