
body{min-height: 0;}
.container, .container-fluid {padding:0; font-size: 14px;}
h1 {
	font-family: 'bentonBook';
	font-size: 20px;
	/*font-family: 'mediumCondensed'; 
    letter-spacing: 3px;  REMOVE IF YOU CHANGE FONT FROM "mediumCondensed" */
	color: #494949; 
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-shadow:none;
	text-rendering: optimizeLegibility;
}
h2 {
	font-family: 'lightCondensed'; 
	color: #494949; 
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-shadow:none;
	text-rendering: optimizeLegibility;
}
.row{
	margin-right: 0;
}
.capabilitiesTitle, .experienceTitle, .contactTitle {
	 border: 1px solid #d2d2d2;
	 margin: -40px 0 30px -1px;
	 padding:0;
	 width: 150px;
}
.capabilitiesTitle h2, .experienceTitle h2, .contactTitle h2 {
	padding:10px 0 4px 15px;
	margin: 0;
	color:#d2d2d2;
}




/***** NAV STYLES *****/
.navbar-default {background-color: #ffffff; border-color: #d2d2d2;}
.navbar-default .navbar-nav > li > a {
	font-family: 'condensed'; 
	font-size: 16px; 
	color: #d2d2d2; 
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-shadow:none;
	text-rendering: optimizeLegibility;
}
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus{
	background-color: transparent;
	color: #58A6B6;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #58A6B6;
  background-color: transparent;
}
.container > .navbar-header, 
.container-fluid > .navbar-header, 
.container > .navbar-collapse, 
.container-fluid > .navbar-collapse {
	margin:0;
	/*REMOVE IF NOT FULL BLEED*/
}
.socialIcons {/*margin: -25px 0 0 0;*/margin: 0 -25px 10px auto; padding:0; position: relative; z-index: 55; }
.socialIcons li{list-style: none; display: inline-block; margin: 0 8px;}
.socialIcons a{padding: 20px;}
#emailIcon{width: 21px; height: 15px; background: url('../../images/email.png') no-repeat; }
#emailIcon:hover{background: url('../../images/email_hover.png') no-repeat; cursor: pointer; }
#linkedInIcon{width: 16px; height: 15px; background: url('../../images/linkedIn.png') no-repeat; }
#linkedInIcon:hover{background: url('../../images/linkedIn_hover.png')  no-repeat; cursor: pointer; }
#twitterIcon{width: 18px; height: 15px; background: url('../../images/twitter.png') no-repeat; }
#twitterIcon:hover{background: url('../../images/twitter_hover.png') no-repeat; cursor: pointer; }
#vimeoIcon{width: 18px; height: 15px; background: url('../../images/vimeo.png') no-repeat; }
#vimeoIcon:hover{background: url('../../images/vimeo_hover.png') no-repeat; cursor: pointer; }
.navbar-toggle {
	float: left;
	margin-top: -40px;
	margin-left: 15px;
	margin-bottom: 18px;
}
#headerLink {
	cursor: pointer;
}
#headerLink:hover {
	text-decoration: none;
}
#siteHeader:hover {
	color:#58A6B6;
}
.contactMobileBorder{
	border-top: #d2d2d2 solid 1px;
}
/***** END - NAV STYLES *****/


/***** COPYRIGHT INFO *****/
.copyrightInfo {	
	color: #777; 
	font-family: 'condensed'; 
	font-size: 12px; 
	padding: 0 15px;
	text-shadow:none;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	
}
/***** COPYRIGHT INFO *****/


/***** ABOUT/HOME STYLES *****/
.homeAboutImage {margin: -48px 0 -42px 0; padding: 0; position: relative;}
#triangle-topleft {
	position: relative;
	/*top: -75px;*/
	margin: 0;
	padding: 0;
	width: 125px;
	height: 0;
	border-top: 42px solid white;
	border-right: 42px solid transparent;
}
.aboutInfo {
	margin: 70px 0 20px 0;
	color: #494949;
	font-family: 'aleoLight';
	font-size: 15px;
	font-weight: normal;
	line-height: 1.6em;
}
.aboutInfo p {
	padding: 0 15px;
}
.aboutInfo p a {
	color: #58A6B6;
	text-decoration: none;
}
.recommendationHR {
	width: 100%;
	margin: 0 0 25px 0;
	padding: 0;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.recommendations {
	color:#494949;
	margin: 0 0 70px 0;
	/*font-family: times;*/
	font-family: 'aleoLight';
	font-size: 14px;
}
.recommendations p {
	padding: 0 15px;
}
.recommendationName{
	font-family: 'condensed';
	font-size: 18px;
	color: #58A6B6;
	margin: 0;
	padding: 0;
}
.recommendationTitle {
	font-family: 'lightCondensed';
	font-size: 18px;
	color: #58A6B6;
	margin: -5px 0;
	padding: 0;
}
.carousel-control.left, .carousel-control.right {
	background-image: none;
	background-repeat: no-repeat;
	/*margin-left: 23px;*/
}
.carousel-control .glyphicon-chevron-left {
	margin-left: -25px;
}
.carousel-control {
	color: black;
	text-shadow:none;
	opacity: 1;
	top: auto;
	font-size: 12px;
	width:109px;
}
.carousel-inner {
	margin-bottom: 15px;
}
.carousel-control.right {
	right: auto;
}
.carousel-control:hover,
.carousel-control:focus {
  color: black;
  text-decoration: none;
  filter: alpha(opacity=100);
  outline: 0;
  opacity: 1;
}
/***** END - ABOUT/HOME STYLES *****/




/***** CAPABILITIES STYLES *****/
.capabilitiesFontSize {
	font-size: 15px;
}
.capabilitiesTopMargin {
	margin-top: 20px;
	min-height: 500px
}
.panel{
	-webkit-box-shadow:none;
	border:none;
}
.panel-default {
	padding:0;
}
.panel-default > .panel-heading {
	background-color: transparent;
}
.panel-default ul{
	list-style: none;
	padding: 0;
}
.panel-default li{
	text-align: center;
	margin:0 0 15px 0;
	/*font-family: times;*/
	font-family: 'aleoLight';
}
.mobileCapabilitiesDropdown {
	margin: 15px 0 0 0;
}
.panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group{
	border:none;
}
.panel-group .panel + .panel {
	margin:0;
}
.panel-title .collapsed p {
	font-family: 'lightCondensed';
	font-size: 30px;
	color: #d2d2d2;
	margin: 20px 0 0 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-shadow:none;
	text-rendering: optimizeLegibility;
}

.panel-title p {
	font-family: 'lightCondensed';
	font-size: 30px;
	color: #58a6b6;
	margin: 20px 0 0 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-shadow:none;
	text-rendering: optimizeLegibility;
}

.panel-title a{text-decoration: none;}

#capabilitiesBrands {
	background-image: url('../../images/brandsIcon_hover.gif');
	width: 140px;
	height: 137px;
	margin: 0 auto;
	background-position: 0px -137px;
}
.collapsed #capabilitiesBrands {
	background-image: url('../../images/brandsIcon_hover.gif');
	width: 140px;
	height: 137px;
	margin: 0 auto;
	background-position: 0 0;
}
#capabilitiesMedia {
	background-image: url('../../images/mediaIcon_hover.gif');
	width: 140px;
	height: 137px;
	margin: 0 auto;
	background-position: 0px -137px;
}
.collapsed #capabilitiesMedia {
	background-image: url('../../images/mediaIcon_hover.gif');
	width: 140px;
	height: 137px;
	margin: 0 auto;
	background-position: 0 0;
}
#capabilitiesEntertainment {
	background-image: url('../../images/entertainmentIcon_hover.gif');
	width: 140px;
	height: 137px;
	margin: 0 auto;
	background-position: 0px -137px;
}
.collapsed #capabilitiesEntertainment {
	background-image: url('../../images/entertainmentIcon_hover.gif');
	width: 140px;
	height: 137px;
	margin: 0 auto;
	background-position: 0 0;
}
#capabilitiesTech {
	background-image: url('../../images/techIcon_hover.gif');
	width: 140px;
	height: 137px;
	margin: 0 auto;
	background-position: 0px -137px;
}
.collapsed #capabilitiesTech {
	background-image: url('../../images/techIcon_hover.gif');
	width: 140px;
	height: 137px;
	margin: 0 auto;
	background-position: 0 0;
}
/***** END - CAPABILITIES STYLES *****/



/***** CLIENTS *****/
.experienceRow {
	margin: 0;
}
.experienceSecondaryNav{
	margin: 0;
	padding: 0;
	/*width: 20%;*/
	width: 33.33%;
	/*border: 1px solid #d2d2d2;
	border-top: 2px solid #d2d2d2;*/
	border: 1px solid #58A6B6;
	border-bottom: 2px solid #58A6B6;
	border-top: 2px solid #58A6B6;	
	float: left;
	/*color: #adadad;*/
	color: #58A6B6;
}
.experienceRow a {
	cursor: pointer;
	text-decoration: none;
	font-family: 'lightCondensed';
	font-size: 20px;
	text-align: center;
	margin: 0;
	padding: 4px 0 0 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-shadow:none;
	text-rendering: optimizeLegibility;
}
.experienceRow a:hover, .experienceRow a:focus,  .experienceLinkSelected {
	color: #fff;
	/*background-color: #d2d2d2;*/
	background-color: #58A6B6;
}
.firstExperienceNavLink {
	border-left: 0;
}
.lastExperienceNavLink {
	border-right: 0;
}
.nav-tabs {
	border: 0;
}
.nav-tabs > li > a {
	border: 0;
	border-radius: 0;
}
.tabpanel ul li {
	padding: 0;
	margin: 25px 0;
	text-align: center;
}
.tabpanel ul li a {
	padding: 0;
	margin: 0;
}
.tabpanel ul li a:hover {
	background-color: transparent;
	border: none;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
	color: transparent;
	cursor: pointer;
	border: 0;
}
.firstTabpanel{
	margin-top: 50px;
}
/***** END -- CLIENTS *****/






/***** WORK *****/
.workContainer {
	padding: 0;
}
.workPageTopMargin {
	margin-top: -39px;
	margin-bottom: 50px;
}
.workContainer a {
	display: block;
	width: 100%;
	height: 100%;
	background-color: #000;
}
.workTitle {
	z-index: 10;
	position: absolute;
	height: 100%;
	width: 100%;
	text-align: center;
	color: white;
	-webkit-filter: opacity(0);
	-moz-filter: opacity(0);
	-o-filter: opacity(0);
	-ms-filter: opacity(0);
}
.workTitle:hover {	
	background-color: rgba(88,166,182,.62);
	-webkit-filter: opacity(1);
	-moz-filter: opacity(1);
	-o-filter: opacity(1);
	-ms-filter: opacity(1);
}
.workTitle h3 {
	margin: 0;
	padding: 20% 0 0 0;
	text-transform: uppercase;
}
.workContainer img {
	-webkit-filter: grayscale(1);
	-moz-filter: grayscale(1);
	-o-filter: grayscale(1);
	-ms-filter: grayscale(1);
	position: relative;
	z-index: 0;
}

/***** END -- WORK *****/






/***** CONTACT *****/
.contactTitle{
	width: 115px;
}
.contactHello {
	/*margin: 0 0 40px 0;*/
	padding: 0;
	display: inline-block;
}
#muteButton {
	background-image: url('../../images/mute.jpg');
	cursor: pointer;
	width: 32px;
	height: 32px;
	margin: -46px 0 40px 80px;
	background-position: 0 0;
}
.contactForm{
	margin-top: 30px;
}
.center-block {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
label {
	margin:0;
	padding: 0;
	font-weight: normal;
	font-family: 'condensed';
	font-size: 16px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-shadow:none;
	text-rendering: optimizeLegibility;
}
.contactBtn{
	width: 100%;
	border-radius: 0;
	border: 0;
	color: white;
	/*background-color: #494949;*/
	background-color: #58A6B6;
	font-family: 'condensed';
	font-size: 16px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-shadow:none;
	text-rendering: optimizeLegibility;
}
.contactBtn:hover{
	background-color: #58A6B6;
	color: white;
}
.form-control {
	border-radius: 0;
}
.contactReturn {
	margin: 50px 0 0 0;
	color: #777;
	padding: 0;
	font-weight: normal;
	font-family: 'condensed';
	font-size: 16px;
	text-align: center;
	text-transform: uppercase;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-shadow:none;
	text-rendering: optimizeLegibility;
}
.contactBackBtn {
	margin: 25px auto 0 auto;
	padding: 5px 0 0 0;
	width: 75px;
	height: 30px;
	background-color: #494949;
	cursor: pointer;
	text-align: center;
}
.contactBackBtn a {
	color: white;
	font-weight: normal;
	font-family: 'condensed';
	font-size: 16px;
	text-transform: uppercase;
	text-decoration: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-shadow:none;
	text-rendering: optimizeLegibility;
}
.contactBackBtn a:hover {
	color: white;
	text-decoration: none;
}
/***** END -- CONTACT *****/



/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) { 
	.container, .container-fluid {
		width: 100%;
	}
	h1 {
		/*font-size: 3em;
		padding: 0;
		margin: .5em 0;*/
		font-size: 2.125em;
		padding: 0;
		margin: .5em 0 .5em 20px;
	}
	#siteHeader {
		/*margin-bottom: -50px;
		margin-bottom: -38px;*/
	}
	.navbar-nav {
		margin: -55px 0 -20px 0;
	}
	.navbar-default .navbar-nav > li > a { /*ONLY FOR BOOK FONT*/
		font-size: 14px;
	}
	#navbar li {padding-bottom: 27px;}
	.firstNavLink, .fourthNavLink{margin: 0 1.5em;}
	.homeAboutImage {margin: -22px 0 -52px 0;}
	.recommendationHR {
		margin: 15px 0 0 0;
	}
	.recommendations {
		margin: 70px 0 70px 0;
	}
	.workPageTopMargin {
		margin-top: -22px;
		margin-bottom: 50px;
	}
	#triangle-topleft {
		width: 175px;
		border-top: 52px solid white;
		border-right: 52px solid transparent;
	}
	#triangle-topleft h1 {
		top: -49px;
	}
	#rectangle {
		width: 88px;
		height: 40px;
		margin: 12px 0 -10px 0;
	}
	#rectangle h2 {
		top: 9px;
		margin: 0 0 0 15px;
	}
	.carousel-control.left, .carousel-control.right {
		background-image: none;
		background-repeat: no-repeat;
	}
	.carousel-control .glyphicon-chevron-left {
		margin-left: 8px;
		width: 0;
		height: 0;
		margin-top: 0;
		font-size: 12px;
	}
	.carousel-control {
		color: black;
		text-shadow:none;
		opacity: 1;
		top: auto;
		font-size: 12px;
		width: 15%;
	}
	.carousel-inner {
		margin-bottom: 15px;
	}
	.carousel-control.right {
		right: auto;
	}
	.carousel-control .glyphicon-chevron-right {
		margin-right: -25px;
		width: 0;
		height: 0;
		margin-top: 0;
		font-size: 12px;
	}
	.carousel-control:hover,
	.carousel-control:focus {
	  color: black;
	  text-decoration: none;
	  filter: alpha(opacity=100);
	  outline: 0;
	  opacity: 1;
	}
	.capabilitiesTitle{
	 margin: -19px 0 30px -1px;
	 padding:0;
	 width: 150px;
	}
	.capabilitiesTitle h2 {
		padding:10px 0 4px 15px;
		margin: 0;
	}
	.experienceTitle {
		margin: 16px 0 50px -1px;
	}
	.contactTitle{
		margin: -19px 0 30px -1px;
		padding:0;
		width: 115px;
	}
 }

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) { 
	.container, .container-fluid {
		width: 100%;
	}
	h1 {
		/*font-size: 3.25em;
		padding: 0;
		margin: .5em 0;*/
		font-size: 2.25em;
		padding: 0;
		margin: .5em 0 .5em 20px;
	}
	#siteHeader {
		/*margin-bottom: -50px;
		margin-bottom: -42px;*/
	}
	.navbar-default .navbar-nav > li > a { /*ONLY FOR BOOK FONT*/
		font-size: 16px;
	}
	.navbar-nav {
		margin: -58px 0 -20px 0;
	}
	#navbar li {padding-bottom: 27px;}
	.firstNavLink, .fourthNavLink{margin: 0 3.75em;}
	.recommendationHR {
		margin: 15px 0 0 0;
	}
	.recommendations {
		margin: 70px 0 70px 0;
	}
	.workPageTopMargin {
		margin-top: -15px;
	}
	.capabilitiesTitle{
		 margin: -13px 0 30px -1px;
	}
	.experienceTitle {
		margin: 22px 0 50px -1px;
	}
	.contactTitle{
		margin: -13px 0 30px -1px;
	}
	.carousel-control .glyphicon-chevron-left {
		margin-left: 5px;
	}
 }

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	.container, .container-fluid {
		width: 1170px;
		padding-right: 15px;
		padding-left: 15px;
	}
	h1 {
		/*font-size: 3.25em;
		padding: 0;
		margin: .5em 0;*/
		font-size: 2.5em;
		padding: 0;
		margin: .5em 0 .5em 30px;
	}
	#siteHeader {
		/*margin-bottom: -50px;
		margin-bottom: -43px;*/
	}
	.navbar-nav {
		margin: -60px 0 -20px 0;
	}
	#navbar li {padding-bottom: 27px;}
	.firstNavLink, .fourthNavLink{margin: 0 5em;}
	.carousel-control .glyphicon-chevron-left {
		margin-left: 1px;
	}
	.recommendationHR {
		margin: 15px 0 0 0;
	}
	.recommendations {
		margin: 70px 0 70px 0;
	}
	.workPageTopMargin {
		margin-top: -9px;
	}
}