/*
 * Globals
 */

/* Links */
a,
a:focus,
a:hover {
  color: #999;
     outline: 0;
}
body.contact h1{
    color: #666;
}
.facebookIcon img{width: 50px;}
.facebookIcon {
    position: fixed;
    bottom: 96px;
    left: 80px;
}
.navbar-inverse {
    background-color: #fff;
    border-color: #080808;
}
.navbar-inverse .navbar-brand {
    color: #000 !important;
}
.navbar-inverse .navbar-toggle {
    border: none;
}
.navbar-inverse .navbar-toggle {
    border: none !important;
	    background: none !important;

}
body.home .navbar-inverse .navbar-toggle, .navbar-inverse .navbar-toggle  {
    float: left;
    margin-left: 70px;
    margin-top: 90px;
}
body .container {
    width: 100%;
	    background-color: #000;
    padding: 0;

}
body.home .container {
    background-color: #000;
}
body.home .site-wrapper{
background-image:url(../images/desktop-logo.jpg);
background-repeat:no-repeat;
background-size:contain;
background-position-x: right;
width:100%;
}
body.home .mastfoot {
    text-align: right;
    margin: 0px auto;
    width: auto;
    position: absolute;
    height: 155px;
    right: 267px;
    bottom: 10px;
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > li > a, .navbar a{
    color: #EE303C;
    background-color: #fff!important;
}
body.home .homeCopy p {
    font-size: 16px;

}
.navbar a:focus, .navbar a:hover {
	    color: #000!important;

}
body.home .homeCopy {
    width: 707px;
    margin: 0px auto;
}
body.home .navbar-inverse, .navbar-inverse{
	width: 200px;
	background:#000;
}
body.home{background-color:#000;}
body .navbar .container{margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px;}
.navbar-toggle {
    display: block!important;
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border-color: #101010;
}

.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
    max-height: 340px;
}
.navbar-collapse {
    overflow-x: visible;
    padding-right: 15px;
    padding-left: 15px;
    border-top: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    -webkit-overflow-scrolling: touch;
}

.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #fff;
    width: 50px;
    height: 3px;
    margin-bottom: 11px;
}
.navbar-brand {
    float: left;
    padding: 15px 15px;
    font-size: 18px;
    line-height: 20px;
    height: 50px;
}
body{ 
font-family: 'texgyreherosregular', Arial, sans-serif; 
}
strong {
font-family: 'texgyreherosbold', Arial, sans-serif; 
}

body.about-us #pageContent li a, body.about-us #pageContent li a:visited {
    font-weight: normal;
    color: #333;
}
body.commercial .landing, body.commercial .tv, body.commercial .digital {
    width: 600px;
}
body.narrative .landing, body.narrative #pageContent, body.features #pageContent{width:600px;}


.homeCopy {display:none;}
body.home .homeCopy {display:block;} 
	.mastfoot li{list-style:none;text-align: left;}
.mastfoot {background-color:#000;}

.homeCopy p, .homeCopy, .p-commercial, .p-narrative {	
color:#fff;
}	
body.about-us #pageContent li a{
    color: #000;
}
#pageContent{
	margin:0px auto;
	text-align:left;
	position:relative;
}
body.about-us #pageContent img{width:30%;}
 body.narrative #pageContent img {
    width: 56%;
}

 body.narrative .features img {
    width: 100%!important;
}

body.commercial #pageContent #the-work img{
	width:52%;}
body.commercial #pageContent img{
	width:100%;}
	
body.home #pageContent img{width:100%;}
body.commercial .strategy h3{
	text-align:center;
}
.mastfoot a.logo img {
width: 57px;
}
.css-panes p{color:#333;}
p.bio, h2.name, h3.role {color:#666;} 
span.name{color:#999;}
body.about-us #pageContent li a, body.about-us #pageContent li a:visited {
    background-color: #fff;

}
#navigation li img  {
	width:100%;}
	
#pageContent li{
	list-style:none;
	display:block;
	float:left;
width: 110px;
}
h1, .h1 {
    font-size: 20px;
}
h2, .h2{
	font-size:21px;
}
body.bios-narrative .css-panes {
    height: 432px;
}
body.bios-narrative #pageContent {
    height: 730px;
}
body.narrative .detective {
    color: #000;
    margin-bottom: 40px;
}
#thumbs {
    bottom: 0px;
    height: 124px;
    left: 86px;
    overflow: hidden;
    position: absolute;
    width: 528px;
}


body.bios-narrative #pageContent .css-panes p, body.bios-commercial #pageContent .css-panes p {
    color: #f5f5f5;
    width: 611px;
    margin: 0px auto;
}

body.bios-commercial li.amara, body.bios-narrative li.alex {
} 
body.bios-narrative #pageContent ul.css-tabs li, body.bios-commercial #pageContent ul.css-tabs li {
    list-style: outside none none;
    display: block;
    float: left;
    width: 110px;
    margin-left: 8px;
	margin-right: 7px;

}
 body.bios-narrative #pageContent ul.css-tabs li.last {

margin-right: 0px !important;
margin-left: 0px !important;

 }
 body.bios-commercial #pageContent ul.css-tabs li.last{
	 margin-right: 0px !important;
margin-left: 8px !important;
 } 
body.bios-narrative #pageContent ul.css-tabs li a, body.bios-narrative #pageContent ul.css-tabs li a:visited, body.bios-commercial #pageContent ul.css-tabs li a, body.bios-commercial #pageContent ul.css-tabs li a:visited {
    padding: 5px 10px;
    text-align: center;
    font-weight: bold;
    color: #EE303C;
    display: block;
    margin-right: 0px;
    line-height: 19px;
	font-size:13px;
} 

body.home #pageContent{
}
/* Custom default button */
.btn-default,
.btn-default:hover,
.btn-default:focus {
  color: #333;
  text-shadow: none; /* Prevent inheritence from `body` */
  background-color: #ccc;
  border: 1px solid #fff;
}
.css-panes .profile-pic, ul.css-tabs li a img {
	border: 1px solid;
	border-color: #e5e5e5 #dbdbdb #d2d2d2;
-webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
-moz-box-shadow: rgba(0,0,0,0.3) 0 1px 3px;
box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
}

body.home #main {
    height: 578px;
    margin-top: 51px;
    width: 100%;
}
.tools a span, #tools a:hover{text-decoration:none!important;}
body.commercial h2, body.narrative h2,  body.bios-narrative h1, body.bios-commercial h1, body.bios-commercial h2, body.testimonial h1, body.contact-us h1, body.features h2{color:#EE303C;    margin-top: 20px;
    margin-bottom: 10px;
text-align:center;
}

body.features h2 {

    margin-bottom: 50px;
}

body.narrative iframe{margin-top:13px;}
.shortFilm .slider-thumbs-container {
  bottom: -10px;
}
body.contact-us #submit:hover{background-color:#000;}
body.contact-us .col-md-offset-3 {
  margin-left: 0;
  margin-top: 90px;
  width: 470px;
  margin: 0px auto;
  margin-top: 90px;
  float: none;
}
body.contact-us h1 {margin-bottom:20px;}
body.contact-us #pageContent {
    margin: 0px auto;
    height: 390px;
}
body.narrative .landing h2 {
margin-bottom: 40px;
}

body.commercial #main {
    height: 378px;
    margin-bottom: 100px;
    margin-top: 40px;
}
/*
 * Base structure
 */
#pageContent .container{
padding:0;	
}
html,
body {
  height: 100%;
  background-color: #000;
}
body {
    color: #fff;
    text-align: center;
    max-height: 1080px;
}
.bs-docs-nav .navbar-toggle .icon-bar {
background-color: #563d7c;
}
.bs-docs-nav {
margin-bottom: 0;
background-color: #888;
border-bottom: 0;
}
.navbar-brand {
     
    color: #555;
}
/* Extra markup and styles for table-esque vertical and horizontal centering 
.site-wrapper {
  display: table;
  width: 980px;
  height: 100%; /* For at least Firefox 
  min-height: 100%;
  	margin: 0 auto -155px; /* the bottom margin is the negative value of the footer's height 
overflow: hidden!important;
padding-bottom: 155px;
}*/
body.testimonial #pageContentTest ul {
    color: #000;
    padding: 0px;
    font-size: 14px;
    margin: 0px 80px 40px;
}
body.testimonial #pageContentTest ul li span{color:#000;}
body.contact-us .col-sm-offset-2 {
  margin-left: 61px;
  text-align: center;
}body.testimonial #pageContentTest ul li {
    text-align: left;
    list-style: outside none none;
    color: #EE303C;
    margin-bottom: 17px;
}
.site-wrapper {
    display: table;
    width: 980px;
    height: 100%;
    min-height: 100%;
    margin: 0px auto;
    overflow: hidden !important;
    padding-bottom: 0px;
}
.site-wrapper-inner {
  display: table-cell;
  vertical-align: top;
}
.cover-container {
  margin-right: auto;
  margin-left: auto;
  position:relative; 
}

/* Padding for spacing */
.inner {
padding:0;
}

/*
 * Header
 */
.masthead-brand {
  margin-top: 10px;
  margin-bottom: 10px;
}

.masthead-nav > li {
  display: inline-block;
}
.masthead-nav > li + li {
  margin-left: 20px;
}
.masthead-nav > li > a {
  padding-right: 0;
  padding-left: 0;
  font-size: 16px;
  font-weight: bold;
  color: #fff; /* IE8 proofing */
  color: rgba(255,255,255,.75);
  border-bottom: 2px solid transparent;
}
.masthead-nav > li > a:hover,
.masthead-nav > li > a:focus {
  background-color: transparent;
  border-bottom-color: #a9a9a9;
  border-bottom-color: rgba(255,255,255,.25);
}
.masthead-nav > .active > a,
.masthead-nav > .active > a:hover,
.masthead-nav > .active > a:focus {
  color: #fff;
  border-bottom-color: #fff;
}
a.current{background:#666;}
/*@media (min-width: 768px) {*/
	body.home .site-wrapper-inner {
    vertical-align: top;
}

.mastfoot a.logo {
    position: absolute;
    right: 3px;
    display: block;
    bottom: 0px;
    padding: 20px;
}
  .masthead-brand {
    float: left;
  }
  .masthead-nav {
    float: right;
  }
  
  #pageContent .container {
    position: relative;
    width: 400px;
    margin: 0px auto;
}
body.narrative .cover-container ul {
    width: 440px;
    margin: 0px auto;
	padding-left:0;
} 
.bioDean{
text-align: center;	
}
body.commercial .cover-container ul{
	    width: 200px;
    margin: 0px auto;
	padding-left:0;
}
body.about-us ul {
    width: 330px;
    margin: 0px auto;
} 

ul.css-tabs li a img {
    border: 0px none;
    width: 100%;
} 
/*}
*/

/*
 * Cover
 */

.cover {
  padding: 0 20px;
}
.cover .btn-lg {
  padding: 10px 20px;
  font-weight: bold;
}


/*
 * Footer
 */

.mastfoot {
  color: #999; /* IE8 proofing */
  color: rgba(255,255,255,.5);
}


/*
 * Affix and center
 */
a.narrative-menu {
    display: block;
    cursor: pointer;
    position: absolute;
    top: 200px;
    left: 10px;
    font-size: 18px;
    color: #EE303C;
    font-weight: bold;
}
a.commercial-menu {
    display: block;
    cursor: pointer;
    position: absolute;
    top: 200px;
    left: 296px;
    font-size: 18px;
    color: #EE303C;
    font-weight: bold;
}
textarea {
  outline: none;
  resize:none;
}
body.about-us ul li a{display:block;}
.mastfoot, .mastfoot .inner, .inner p{z-index:1;}
.homeCopy p, .p-commercial, .p-narrative {
z-index: 1;
font-size: 18px;
font-weight: normal;
padding-top: 10px;
}
.homeCopy, body.about-us ul li a, .p-commercial {z-index:9999;}
/*body.bios-narrative ul li a, body.bios-commercial ul li a {
    z-index: 9999;
    float: left;
    width: 130px;
}*/
body.bios-narrative .css-panes .profile-pic, body.bios-commercial .css-panes .profile-pic {
    display: block;
    width: 21%;
    margin: 0px auto;
}
body.bios-narrative .site-wrapper-inner, body.bios-commercial .site-wrapper-inner {
    vertical-align: top;
}
.mastfoot, .homecopy {
	overflow:visible;
	}
.mastfoot a {
    color: #fff;
    font-weight: normal;
	text-decoration:underline;
}
.containerFeatures {
    position: absolute;
    width: 100%;
    clear: both;
    top: 400px;
}
body.narrative .containerFeatures img {
    width: 150px !important;
}

a.narrative-link span.nl{

    position: relative;
    top: -1px;
}
a.commercial-link span.cl{

    position: relative;
    top: -1px;
}
body.bios-narrative h2{
color: #EE303C;
margin-top: 8px;
margin-bottom: 8px;
text-align: center;
}

body.commercial .strategy ul.css-tabs {
    margin-left: 251px;
}
body.bios-commercial .css-panes {
    height: 377px;
}
body.commercial p span{color:#ed1e3b;}
body.commercial ul.strategy-list{width:100%;padding:0;}
#pageContent ul.strategy-list li {
width: 100%;
color: #000;
margin: 0px 0px 0px 0px;
padding: 0px;
float: left;
text-align: right;
line-height: 57px;

}
body.commercial .site-wrapper .strategy {
width: 830px;
}
body.commercial ul.strategy-list span{font-size:24px;display:block;float:left;}
body.commercial ul.strategy-list span::first-letter {
  font-weight: bold;
  color: red;
  font-size:35px;
}
.narrative ul.css-tabs, .features ul.css-tabs {
    margin-left: 135px;
    width: 330px;
    margin-top: 0px;
} 
ul.css-tabs {
    padding: 0px;
    width: 220px;
    float: left;
    /* margin-left: 80px; */
    margin-top: 20px;
}
body.commercial .landing ul.css-tabs {
    margin-left: 47px;
}
.commercial ul.css-tabs {
    margin-top: 0px;
    margin-left: 135px;
}
body.commercial .landing ul.css-tabs {
    margin-left: 245px;
    width: 110px;
}
 body.commercial .landing .css-panes {
    margin-bottom: 110px;
}
body.commercial a.narrative-link {
    color: #666;
    text-decoration: none;
    position: absolute;
    left: -192px;
    top: 50%;
    z-index: 9999;
}

body.commercial .strategy a.narrative-link {
    left: -74px;
}

.css-panes {height:392px;}
body.commercial .strategy .css-panes {
    height: 517px;
}
/*
.digital ul.css-tabs, .tv ul.css-tabs, .shortFilm ul.css-tabs, .webSeries ul.css-tabs {
    padding: 0px;
    width: 440px;
    float: left;
    margin-left: 77px;
    margin-top: 0;
}
*/
.css-tabs-bio {
    float: left;
    margin-left: 325px;
    margin-top: 0;
    padding: 0;
}
body.bios-narrative .css-tabs-bio {
    float: left;
    margin-left: 322px;
    margin-top: 0;
    padding: 0;
}
body.bios-narrative ul.css-tabs, body.bios-commercial ul.css-tabs {
    padding: 0px;
    width: 750px;
    float: left;
    margin-left: 110px;
    margin-top: 0px;
    height: 253px;
}
body.bios-commercial ul.css-tabs {
    margin-top: 20px;
}
body.bios-commercial #pageContent {

    margin-bottom: 20px;
}
.slider-thumbs-container .t a{
    margin-top: 0;
}

.digital .css-panes, .tv .css-panes, .shortFilm .css-panes, .webSeries .css-panes, .features .css-panes {
height: 513px;
}

.narrative .css-panes {
    height: 547px;
}
body.testimonial div{
	text-align:center;
}
body.testimonial img {
width: 820px;
}
 /*
.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse{width:100%;}
@media (min-width: 768px) {*/
.mastfoot ul {
    margin: 0px;
    padding: 0px;
    position: absolute;
    left: 0px;
	padding: 40px;
}
	body.home h1, body.commercial h1{margin-top:0; font-size:27px;}

	a.narrative-link {
    color: #666;
    text-decoration: none;
    position: absolute;
    left: 0;
    top: 50%;
	z-index:9999;
}
a.commercial-link {
    color: #666;
    text-decoration: none;
    position: absolute;
    right: 0px;
    top: 50%;
}
body.features #right {
    height: 436px;
  
}
body.narrative a.commercial-link, body.features a.commercial-link {

  right: -192px;
}
.form-horizontal .control-label{
color:#000;	
}
	iframe{width:100%;}
#pageContent {
    margin: 0px auto;
    height: 580px;
}
body.narrative #pageContent {
    margin: 0px auto;
    height: 600px;
}
  /* Pull out the header and footer */
  .masthead {
    position: fixed;
    top: 0;
  }
  .mastfoot {
    text-align: center;
    margin: 0px auto;
    width: 100%;
    position: relative;
	height:155px;

  }
  /* Start the vertical centering */
  .site-wrapper-inner {
    /*vertical-align: middle;*/
	position:relative;
  }
  /* Handle the widths */
  .masthead,
  .cover-container {
    width: 100%; /* Must be percentage or pixels for horizontal alignment */
  }
  #top{display:none;}

.homeCopy, .p-commercial, .p-narrative {
    width: 570px;
    margin: 0px auto;
}
.p-commercial, .p-narrative{display:none;}
body.commercial .p-commercial{display:block;}
body.narrative .p-narrative{display:block;}

/******contact form******/
.col-md-offset-3 {
    margin-left: 209px;
}
.btn-primary {
    color: #EE303C;
    background-color: #000;
	
}
body.contact-us .btn-primary{border:none;}
/*
}
*/
@media (min-width: 992px) {
  .masthead,
  .cover-container {
    width: 100%;
  }
}

@media (min-width: 481px) {
}
/*
@media (max-width: 767px) {
	.narrative-link, .commercial-link{display:none;}
	body.about-us #pageContent li a {
    color: #000;
    width: 40%;
    margin: 0px auto;
}
	.mastfoot{display:none;}
	#pageContent li {
 margin-top:10px;
    width: 100%;
}
	body.narrative ul, body.commercial ul, body.about-us ul {
    width: 100%;
    margin: 0px auto;
	padding:0px;

}
 
#top{display:block;width:100%;}
.cover{padding:0px;}
#pageContent{width:100%;}
iframe{width:100%;}
.mastfoot{position:absolute; bottom:10px; width:100%; }
.mastfoot .inner p {text-align:center;}
body.home .roofMobile {
    display: block !important;
    width: 250px;
    margin: 0px auto;
}
body.home .roofMobile img {width:100%;}
body.home .one-narrative, body.home .one-commercial, a.narrative-menu, a.commercial-menu, a.about-us-menu{
display:none;	 }
#pageContent .container {
    width: 100%;
  
}
.homeCopy{position:relative;margin:0px auto; width:79%;}
}


 @media (max-width: 479px) {
a.commercial-menu, a.narrative-menu, a.about-us-menu{
display:none; 	
}
.mastfoot{display:none;}
.one-narrative img, .one-commercial img  {width:100%;}
iframe{width:100%;} 
 }
 
body.commercial .tv, body.commercial .digital, body.narrative .shortFilm, body.narrative .webSeries{
    width: 600px;
}

*/
 


/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
/* Styles */
}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
/* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
/* Styles */
}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
/* Styles */
}
/**********
iPad 3
**********/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}
/* Desktops and laptops ----------- */
@media only screen  and (min-width : 1224px) {
/* Styles */
}

/* Large screens ----------- */
@media only screen  and (min-width : 1824px) {
/* Styles */
}

/* iPhone 4 ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}

/* iPhone 5 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/* iPhone 6 ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/* iPhone 6+ ----------- */
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/* Samsung Galaxy S3 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/* Samsung Galaxy S4 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

/* Samsung Galaxy S5 ----------- */
@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}


.page-template-slider-experience-php #tools a img,.page-template-slider-clients-php #tools a img {
    height: 401px;
    width: 707px;
}
.slider-thumbs-container-mobile a#rightArrow {
    right: 4px;
}
.page-template-nyu-php #about{width:707px;height:401px;}
.slider-thumbs-container-mobile a#rightArrow, .slider-thumbs-container-mobile a#leftArrow {
    bottom: 11px;
}
#tools_index #content {
	background-image:none;
	float:none;
	margin-top:25px;
	padding:0;
	width:100%;		
}

.page-template-slider-classics-php .navi,.page-template-slider-classics-ipad-php .navi{display:block;}
img {
	border:0;		
}
.page-template-slider-classics-php #thumbs,.page-template-slider-classics-ipad-php #thumbs {
    bottom: 0;
    height: 100px;
    left: 32px;
    overflow: hidden;
    position: absolute;
    width: 637px;
}
.page-template-slider-classics-php  .t a:hover,.page-template-slider-classics-ipad-php  .t a:hover{text-decoration:none;}
.page-template-slider-classics-php  .t a,.page-template-slider-classics-ipad-php  .t a {
    color: #FFFFFF;
    height: 73px;
    margin-top: 17px;
    text-align: center;
    text-decoration: none;
    width: 96px;
}
.page-template-slider-classics-php .navi a img, .page-template-slider-classics-ipad-php .navi a img{
 height: 56px;
    width: 94px;}
#right {
    height: 506px;
    overflow: hidden;
    position: absolute;
    width: 600px;
}

body.commercial #right {
    height: 436px;
    overflow: hidden;
    position: absolute;
    width: 600px;
}
#tools a{width:600px!important;float:left;}
#main {
    height: 401px;
    margin-top: 82px;
    position: relative;
    width: 600px;
}
#tools {
    height: 400px;
    position: absolute;
    width: 9999em;
}

.tool {
    float: left;
    height: 401px;
    text-align: center;
    width: 707px;
}
.page-template-template-client-access-php .tool{overflow:auto;}
.print-reset{float:left;height:1px; width:1px;} 
.page-template-slider-current-work-php .t a, .page-template-slider-current-work-mobile-php .t a {
    color: #000;
    cursor: pointer;
    float: left;
    font-size: 11px;
    height: 54px;
    margin-left: 9px;
    overflow: visible !important;
    text-align: center;
    text-decoration: none;
    width: 97px !important;
    line-height: 15px !important;
}
.navi {
    margin: 0px auto;
}

.details {
	font-size:18px;
	color:#555;
	margin-top:-20px;
	background-color:transparent;
	padding:5px 148px;
}
#thumbs {
    bottom: 0;
    height: 124px;
    left: 37px;
    overflow: hidden;
    position: absolute;
    width: 518px;
}
.slider-thumbs-container,.slider-thumbs-container-mobile {
	bottom: 0px;
	height: 96px;
	position: absolute;
	width: 600px;
 z-index: 9999;

}

body.features .slider-thumbs-container, body.features .slider-thumbs-container-mobile {
    bottom: -5px;
    height: 96px;
    position: absolute;
    width: 600px;
    z-index: 9999;
}

body.commercial #pageContent #nav_print a img, body.narrative #pageContent #nav_print a img, body.features #pageContent #nav_print a img  {
    height: 53px;
    position: relative;
    width: 97px;
}
.slider-thumbs-container-mobile,.page-template-slider-classics-ipad-php #the-work {
	 z-index: 1;

}
.page-template-category-expertise-ipad-php #right,.page-template-category-expertise-ipad-php .tool,.page-template-category-expertise-ipad-php .tool img,
.page-template-slider-classics-ipad-php #right,.page-template-slider-classics-ipad-php .tool,.page-template-slider-classics-ipad-php .tool img
{z-index:9999;}
.page-template-category-expertise-ipad-php #current-work-wrapper{
overflow:visible;}
.page-template-slider-current-work-mobile-php #right, .page-template-slider-celebrities-mobile-php #right {
 overflow: hidden;
 }
.page-template-slider-current-work-mobile-php #current-work-wrapper, .page-template-slider-celebrities-mobile-php #current-work-wrapper{   overflow: visible;} 
.page-template-slider-current-work-mobile-php .slider-thumbs-container-mobile, .page-template-slider-celebrities-mobile-php .slider-thumbs-container-mobile {
    height: 84px;
    z-index: 1;
}
.page-template-slider-current-work-mobile-php #thumbs, .page-template-slider-celebrities-mobile-php #thumbs{z-index:1;}
.page-id-27 #thumbs img{
margin: 13px 0 0 283px;

}


.slider-thumbs-container .t a,.slider-thumbs-container-mobile .t a {
    margin-top: 21px;
}
.t {
	padding:0 !important;
	border:0 !important;
}
/*.t .navi img{width:140px; height:79px;}*/

.t a {
    cursor: pointer;
    display: block;
    float: left;
    height: 64px;
    margin-left: 11px;
    width: 94px;
	overflow:hidden;
}
.t .print .navi img{
    height: 100%;
    width: 100%;
}
.page-template-slider-current-work-php .navi a#t0,.page-template-slider-current-work-mobile-php .navi a#t0, .page-template-slider-celebrities-work-php .navi a#t0, .page-template-slider-celebrities-mobile-work-php .navi a#t0  {
display:block;}
 
a#rightArrow,a#leftArrow {
    position: absolute;
    z-index: 9999;
	bottom:26px;
	
}
a#leftArrow {
    left: -6px;
}
.navi a{
    outline: 0px none;
    opacity: 1;
    height: 54px!important;
    overflow: hidden !important;
}
a#rightArrow{right:-4px;}
a.right {
    display: block;
    height: 35px;
    position: absolute;
    right: -4px;
    top: 177px;
    width: 21px;
}
a.left {
	display:block;
	height:35px;
	width: 21px;
    position: absolute;
    left: 0;
	    top: 177px;

}


.page-template-slider-category-expertise-php .navi a#t0 {
    display: none;
}
.page-template-slider-current-work-php #current-work-wrapper {
    height: 506px;
} 

body.features .page-template-slider-current-work-php #current-work-wrapper {
    height: 436px;
}

body.commercial .page-template-slider-current-work-php #current-work-wrapper {
    height: 436px;
}
body.commercial #right {
    height: 436px;
 
}
body.narrative #right {
    height: 514px;
} 
body.narrative .page-template-slider-current-work-php #thumbs, body.features .page-template-slider-current-work-php #thumbs {
  height: 106px;
}
iframe{
    width: 100%;
    height: 340px;
}
.webSeries .slider-thumbs-container .t a, .webSeries .slider-thumbs-container-mobile .t a, .features .slider-thumbs-container .t a, .features .slider-thumbs-container-mobile .t a {
  margin-top: 16px;
}

.page-template-slider-current-work-php .navi a,.page-template-slider-current-work-mobile-php .navi a, .page-template-slider-celebrities-php .navi a, .page-template-slider-celebrities-mobile-php .navi a {
    display: block;
	width:96px;
	height:68px;
	overflow:hidden;
}
.nextie{display:block;position:absolute;} 
.page-template-slider-leadership-php .tool{position:relative;background-color:#b1b3ca;}

.page-template-slider-current-work-php #thumbs{
    height: 96px;
	left:37px;
	
}
body.commercial .page-template-slider-current-work-php #thumbs {left: 34px;

width: 530px;}
body.commercial .page-template-slider-current-work-php .t a,
body.commercial .page-template-slider-current-work-mobile-php .t a{margin-left:11px!important;}
.webSeries #thumbs, .features #thumbs {height:108px;}
 #current-work-wrapper,#classics-wrapper{
    overflow: hidden;
    position: relative;
    width: 600px;
	height: 451px; 
 }
.page-template-slider-current-work-mobile-php #thumbs, .page-template-slider-celebrities-mobile-php #thumbs {
    height: 93px;
}
.page-template-slider-leadership-php #thumbs{height:90px;}
.slider-thumbs-container,.slider-thumbs-container-mobile{
	background-repeat: repeat;
}

.slider-thumbs-container-mobile .minimize{
    bottom: -36px;
    display: block;
    height: 36px;
    position: absolute;
    right: 44px;
    width: 34px;
    z-index: 9999;
}
a:active {
  outline:none;
}

:focus {
  -moz-outline-style:none;
}


ul.tabs {
    height: 33px;
    list-style: none outside none;
    margin: 0 !important;
    padding: 0;
    position: absolute;
    top: -34px;
}

/* single tab */
ul.tabs li {
	float:left;
	text-indent:0;
	padding:0;
	list-style-image:none !important;
	margin-right: 10px;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
}

/* link inside the tab. uses a background image */
ul.tabs a { 
	display:block;
	height: 33px;  
	line-height:33px;
	width: 134px;
	text-align:center;	
	text-decoration:none;
	color:#333;
	padding:0px;
	margin:0px;	
	position:relative;
	top:1px;
	background-image: url(http://avrettfreeginsberg.com/wp-content/themes/afg_new_website/images/print-background.png);
	color:#fff;
	
}

ul.tabs a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
	background-position: -420px -31px;	
	color:#fff;	
}

/* active tab uses a class name "current". its highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	background-position: -420px -62px;		
}

/* Different widths for tabs: use a class name: s, l, xl */


/* width 1 */
ul.tabs a.s 			{ background-position: -553px 0; width:81px; }
ul.tabs a.s:hover 	{ background-position: -553px -31px; }
ul.tabs a.s.current  { background-position: -553px -62px; }

/* width 2 */
ul.tabs a.l 			{ background-position: -247px -0px; width:174px; }
ul.tabs a.l:hover 	{ background-position: -247px -31px; }
ul.tabs a.l.current  { background-position: -247px -62px; }


/* width 3 */
ul.tabs a.xl 			{ background-position: 0 -0px; width:248px; }
ul.tabs a.xl:hover 	{ background-position: 0 -31px; }
ul.tabs a.xl.current { background-position: 0 -62px; }


/* initially all panes are hidden */ 
.navi {
	display:none;	 	
}
.page-template-slider-category-expertise-php .navi{display:block!important;}
.navi {
    height: 96px;
   /* left: 40px; */
    position: absolute;
    width: 9999em;
}

ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
    background-position: -420px -62px;
}
.page-id-27 ul.tabs a {
    left: 12px!important;
    width: 89px!important;
}
.page-template-slider-current-work-mobile-php ul.tabs, .page-template-slider-celebrities-mobile-php ul.tabs {
    left: 150px;
    top: 83px;
}
.page-template-slider-current-work-php ul.tabs{left:55px;} 
p.main-footer {
position: relative;
bottom: -15px;

text-align: center;
width: 707px;
/*color: 
#B2B4C9;*/
color: #9a9ab8;
float: right;
}
.page-template-slider-celebrities-php ul.tabs{left:37px;}
.page-template-slider-current-work-php .navi, .page-template-slider-celebrities-php .navi
{
left: 0;
} 
.webSeries .navi{
    left: 92px;
}
.features .navi {
    left: 210px;
}
.page-template-contact-php p.main-footer{display:none;}


#nav_tv{
padding: 0px;
}
#nav_digital {
    padding: 0;
}
#tool8 img.leadership-title {
    height: 401px;
  /*  width: 707px;*/ 
}

.page-template-slider-celebrities-php #thumbs .video-wrapper, .page-template-slider-celebrities-mobile-php #thumbs .video-wrapper {
display:none!important;	
}
.eat{cursor:pointer;color:#EE303C;}
.shed {
  margin-bottom: 10px;
  float: left;
  text-align: center;
  width: 100%;
  margin-top: 10px;
}
.ieya{margin-top:-10px;}
.stratHidden .p-commercial{display:none;}
body.features #main {
    width: 600px;
    margin: 0px auto;
}