/** GENERAL STYLES **/
/*@font-face {
	font-family: 'HelveticaNeue';
	src: url('fonts/HelveticaNeue.eot');
	src: local('☺'), url('fonts/HelveticaNeue.woff') format('woff'), url('fonts/HelveticaNeue.ttf') format('truetype'), url('fonts/HelveticaNeue.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}*/
@font-face {
	font-family: 'notepad';
	src: url('fonts/notepad.eot');
	src: local('☺'), url('fonts/notepad.woff') format('woff'), url('fonts/notepad.ttf') format('truetype'), url('fonts/notepad.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

body {
	font-family: Arial, Helvetica, sans-serif;
}

.reveal {
	font-family: Arial, Helvetica, sans-serif !important;
}

.bigtext {
	font-family: 'Open Sans', Helvetica, sans-serif !important;
	font-weight: 900 !important;
}

ul li a {
	font-family: 'Open Sans', Helvetica, sans-serif !important;
}

a {
	outline: none !important;
}

body table tr td,
.reveal table th, .reveal table td {
	font-size: 15px;
}

.introduction {
	font-size: 17px;
	font-family: 'Open Sans', Helvetica, sans-serif !important;
}

div.showmore a {
		width: 50px;
		height: 50px!important;
		line-height: 50px;
		text-align: center;
		float: right;
		font-family: Arial;
		font-size: 13px!important;
		font-weight: bold;
		background: #A28D0C!important;
		text-indent: 0!important;
		color: #fff;
		display: block;
		text-decoration: none;
		border-radius: 25px;
		overflow: hidden;
	}

.reveal .slides > section, .reveal .slides > section.stack { padding-top: 35px !important; }
section { display: block; }
#content { padding: 30px 0px 0px 0px; color: #fff; }

body .reveal section img {
	border: none;
	background: none;
	box-shadow: none !important;
}

.progress { display: none; }

.quote-img {
	position: absolute;
	left: 50%;
	margin: 0 0 0 -40px!important;
	bottom: 0;
}

.quote,
.quotes,
.work-subnav {
	margin: 0 0 30px 0 !important;
	font-weight: 800 !important;
	padding: 0 0 85px 0!important;
		position: relative;
}

.quote,
.quotes {
	padding: 0 0 25px 0!important;
	margin: 0 0 10px 0 !important;
	font-family: 'Open Sans', Arial !important;
	/*text-align: right;*/
	font-size: 30px;
	color: #fff;
	line-height: 44px !important;
	letter-spacing: -2px;
	font-weight: 600 !important;
	font-style: italic;
}
#section-homepage .quotes,
#section-homepage .quotes .quote-item { 
	float: left!important; 
	width: 100%;
}

.right .quote {
	text-align: left;
}

.work-subnav .margin {
	margin-bottom: 30px;
}

.work-subnav { padding: 0 !important; }

	.quote > div,
	.work-subnav > div {
		line-height: 1em!important;
	}

h2 {
	color: #fff;
	text-transform: uppercase;
	font-family: 'Open Sans', Arial;
	font-weight: bold;
	font-size: 25px;
}

/** HEADER **/
div.container#page {
	width: 100%;
	background: none;
	border:none;
	margin: 0;
}
#header {
	width: 100%;
	border: none;
	border-bottom: 1px solid #555;
	background: #fff;
	zoom: 1;
	z-index: 9999;
	position: relative;
}
	#header #header-wrapper {
		position: relative;
	}
	#header h1 {
		margin: 0;
		line-height: 100px;
		float: left;
	}

	#header #logo-link {
		display: block;
		float: left;
	}

	#header #logo {
		margin: 10px 20px 10px 0;
	}

	#header #main-menu-wrapper{
		float: left;
	}

	#header #main-menu {
		float: left;
		bottom: 0;
		margin: 69px 0px 0px 0px;
		padding: 0px;
	}

		#header #main-menu li {
			float: left;
			list-style: none;
			display: block;
			height: 65px;
		}

		#header #main-menu li.active {
			background: url(../images/selected-menu.png) bottom center no-repeat;
		}

		#header #main-menu a {
			color: #000;
			border-right: 1px solid #000;
			display: inline-block;
			padding: 0 9px;
			text-decoration: none;
			font-size: 16px;
			font-family: 'Open Sans', Arial, Helvetica;
			font-weight: bold;
		}

		#header #main-menu li.first a
		{
			padding: 0px 9px 0px 0px;
		}

		#header #main-menu li.last a
		{
			padding: 0px 0px 0px 9px;
			border-right: 0;
		}

		#header #main-menu a.last {
			
		}
		#header #main-menu a:hover{
			color: #a28d0c;
		}
		#header #main-menu li.active a {
			color: #a28d0c;
		}

#main-content {
	width: 100%;
	float: left;
}

#header-wrapper {
	width: 920px;
	margin: 0 auto;
	min-height: 100px;
	background: #fff;
}

#main-content-wrapper {
	width: 100%;
}

/* SUB NAV STYLE */

ul.sub-nav {
	width: 181px;
	float: left;
	padding: 0px;
}

ul.sub-nav li {
	display: block;
	margin-bottom: 5px;
}

ul.sub-nav li a {
	display: block;
	color: #fff;
	padding: 9px 30px 0px 0px;
	background-color: #99872e;
	text-align: right;
	font-family: 'Open Sans', Arial;
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 15px;
	letter-spacing: -0.5px;
	height: 38px;
	text-decoration: none;

}

ul.sub-nav li a.single {
	padding: 16px 30px 0px 0px;
	height: 31px;
}

ul.sub-nav li a:hover {
	background-color: #a0890f;
}

ul.sub-nav li a.active {
	background: #a0890f url('../images/sub-nav-active.png') no-repeat center right;
}

ul.sub-nav li.sub a {
	background-color: transparent;
	text-transform: none;
	height: auto;
	line-height: 14px;
	height: auto;
	padding: 2px 30px 7px 0px;
}

ul.sub-nav li.sub:last-child {
	margin-bottom: 10px;
}

ul.sub-nav li.sub a:hover {
	color: #a0890f;
}

ul.sub-nav li.sub a.active {
	color: #a0890f;
	background: transparent none no-repeat center right;
}

section .left {
	width: 30%;
	position: relative;
}
section .left.wide {
	width: 283px;
	padding-right: 28px;
}

section #homepage-pad {
	padding-top: 19px;
}

section .right {
	width: 70%;
	position: relative;
}
section .right.narrow {
	width: 599px;
}

section .right.our-work {
	width: 610px;
	float: right;
}

.full {
	clear: both;
	text-align: left;
}

/** REVEAL **/

.reveal p {
	line-height: 1.4em;
}

.reveal .slides {
	top: 0;
	left: 0;
}

.reveal .slides > section,
.reveal .slides > section.stack {
	top: 0;
	left: 0;
	padding: 80px 0 190px;

}

.reveal .slides section .section-content-wrapper  {
	width: 910px;
	margin: 0 auto;
}

	.reveal .slides section .section-content-wrapper p.section-content {
		width: 910px;
		margin: 0 auto!important;
		border: 1px solid #f00!important;
	}

.section-content-home {
	margin: 50px 0;
	float: left;
}


/** ABOUT US **/

div.staff-details {
	float: left;
	width: 100%;
	text-align: right;
	font-family: 'Open Sans', Arial;
}

div.staff-member-name {
	margin: 0 auto;
	font-weight: bold;
	text-transform: uppercase;
	float: left;
}

	div.staff-member-name > div {
		line-height: 0.95em;
	}

div.staff-member-short-description {
	margin: 20px auto 0;
	padding: 0 197px 0 0!important;
	font-size: 20px;
	line-height: 22px;
	font-weight: 600;
	text-align: justify;
}

div.staff-member-short-description p {
	line-height: 24px;
}

div.staff-member-bio { 
	font-size: 15px;
	font-weight: normal;
	text-align: justify;
}

div.staff-profile {
	font-size: 30px;
	line-height: 30px;
}
	div.staff-profile span.name {
		font-size: 50px;
		line-height: 50px;
	}

nav#about-us-nav {
	width: 70%;
	font-size: 20px;
	font-family: 'Archivo Black' !important;
	margin-left: -8px;
	clear: both;
}
	nav#about-us-nav a {
		color: #000;
		text-transform: uppercase;
	}
	nav#about-us-nav a:hover,
	nav#about-us-nav a.active {
		color: #b4975a;
	}

nav.centered {
	margin-left: 44px !important;
	font-size: 24px !important;
}

.right .staff-frame-wrapper {
	float: right;
	margin: 0 0 20px 20px;
	text-align: center;
}
	.right .staff-frame-wrapper .frame {
		padding: 15px;
		background-color: #ffffff;
		float: left;
	}
		.right .staff-frame-wrapper .frame .details {
			vertical-align: middle;
			float: left;
			padding: 10px 0;
			width: 100%;
		}

			.right .staff-frame-wrapper .frame .showmore-bio {
				
			}

			.right .staff-frame-wrapper .frame p {
				font-size: 20px;
				font-family: 'Open Sans', Arial;
				color: #383838;
				margin: 0;
				padding: 0;
				width: 100%;
				text-align: right;
				font-weight: bold;
				display: block;
				float: left;
				min-height: 40px;
			}

			.right .staff-frame-wrapper .frame .showmore-bio {
				display: inline-block;
				/*border-left: 1px dashed #000;*/
			}
			.right .staff-frame-wrapper .frame .showmore-bio a {
				height: 40px!important;
				width: 40px!important;
				line-height: 40px!important;
				border-radius: 20px!important!important;
				font-size: 11px!important;
			}

				.right .staff-frame-wrapper .frame .portrait-frame {
					position: absolute;
					top: 0;
					left: 0;
					z-index: 100;
					margin: 0;
				}

.staff-media {
	width: 100%;
	float: left;
}
	.staff-media .staff-media-wrapper {
		float: left;
		margin: 0;
		background-color: #000;
		padding: 5px;
		margin: 0px 5px 5px 0px;
	}
		.staff-media .staff-media-wrapper a,
		.staff-media .staff-media-wrapper a img {
			display: inline-block;
			margin: 0;
			height: 132px;
		}

		.staff-media .staff-media-wrapper a img {
			opacity: 0.5;
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
			filter: alpha(opacity=50);
			-moz-opacity: 0.5;
			-khtml-opacity: 0.5;
		}

		.staff-media .staff-media-wrapper a:hover img {
			opacity: 1;
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
			filter: alpha(opacity=100);
			-moz-opacity: 1;
			-khtml-opacity: 1;
		}

.right .staff-separator {
	width: 100%;
	float: left;
	clear: both;
	margin-top: 20px;
	height: 50px;
}


.right .client-logo-wrapper {
	width: 120px;
	margin: 0px 9px 10px 0px;
	float: left;
	background-color: #ffffff;
	padding: 10px;
	background-position: center center;
	text-align: center;
	background-repeat: no-repeat;

}

.right .client-logo-wrapper img {
	margin: 0 auto;
}

/** SERVICES **/

.scrolling-content {
	font-size: 15px;
	padding-left: 30px !important;
}
	.services-content p {
		font-size: 15px;
		text-align: left;
	}


/** OUR WORK **/
#category-boxes {
	float: left;
	width: 100%;
}
	#category-boxes div {
		float: left;
		width: 30%;
		margin: 0 1.5%;
		max-width: 370px;
		/*max-height: 400px;*/
	}

	#category-boxes div.frame {
		width: 25%;
		margin: 0 4%;
	}

		#category-boxes div img {
			width: 100%;
			box-shadow: none;
		}
#our-work-menu {
	margin-top: 25px;
}

	#our-work-menu li {
		float: left;
		list-style: none;
	}
		#our-work-menu li a {
			color: #000;
			font-weight: bold;
			border-right: 2px solid #000;
			padding: 0 10px;
			font-size: 30px;
		}
		#our-work-menu li.last a {
			border-right: 0;
		}
		#our-work-menu li.first a {
			padding-left: 0;
		}
		#our-work-menu li a:hover,
		#our-work-menu li a.active {
			color: #b4975a;
		}

.left #our-work-menu {
	width: 95%;
	margin: 0 5% 0 0;
}
	.left #our-work-menu li a {
		font-size: 15px;
		float: left !important;
		display: block !important;
		height: 14px;
	}

	.left #our-work-menu li a span {
		margin-top: -16px;
		display: block;
	}


.our-work-single li a {
	font-weight: 900 !important;
	float: left !important;
	display: block !important;
	height: 24px;
}

.our-work-single li a span {
	margin-top: -10px;
	display: block;
}

.our-work .left div.work-subnav a {
	color: #000;
}
.our-work .left div.work-subnav a:hover,
.our-work .left div.work-subnav a.active {
	color: #b4975a;
}

#case-player { width: 94%; top: 15px!important; float: right; }
#frame-player { width: 100%; }

.work-description {
	text-align: left;
	width: 95%;
	margin: 0 5% 0 0!important;
}
	.work-description h3 {
		font-size: 21px;
		margin: 0 0 5px 0;
		font-family: 'Open Sans', Arial;
		font-weight: 800;
		text-transform: uppercase;
	}
	.work-description .description {
		font-size: 15px;
	}

.work-gallery,
.homepage-video-gallery {
	text-align: left;
	float: left;
	width: 100%;
	clear: both;
	margin-top: 20px;
}
	.homepage-video-gallery h2 {
		font-size: 16px;
	}
	.work-gallery ul,
	.homepage-video-gallery ul {
		margin: 0;
		padding: 0;
	}
		.work-gallery ul li,
		.homepage-video-gallery ul li {
			float: left;
			list-style: none;
			margin: 0;
			padding: 0;
			width: 290px;
			min-height: 245px;
			margin: 0px 12px 12px 0px;
			background-size: 290px 245px;
			background-position: 0px -39px;
		}
		.work-media-gallery ul li {
			width: 290px;
			min-height: 167px;
			background-size: none;
		}

		.work-gallery ul li.last,
		.homepage-video-gallery ul li.last {
			margin: 0px 0px 12px 0px;
		}
			.work-gallery ul li a,
			.homepage-video-gallery ul li a {
				display: block;
				text-indent: -9999px;
				height: 167px;
				background-position: center center;
			}

			.homepage-video-gallery ul li a {
				display: block;
				text-indent: -9999px;
				height: 167px;
				background-position: center center;
			}

			.work-gallery.work-content-gallery ul li a {
				background: none;
			}

			.homepage-video-gallery ul li a.image {
				background: none;
			}
				.work-gallery ul li a img,
				.homepage-video-gallery ul li a img {
					margin: 0;
					width: 100%;
				}

			.work-gallery ul li div,
			.homepage-video-gallery ul li div {
				width: 272px;
				height: 61px;
				padding: 18px 0px 10px 19px;
				background-color: #141719;
				font-family: 'Open Sans', Arial;
				font-size: 14px;
				font-weight: 600;
			}

			.work-gallery ul li div { min-height: 30px; }

			.homepage-video-gallery ul li div.wrapper,			
			.work-gallery ul li div.wrapper,
			.service-media-wrapper,
			.staff-media-wrapper {
				height: auto;
				position: relative;
			}

			.work-gallery ul li div.wrapper {
				padding: 0!important;
				margin: 0!important;
				width: 100%;
			}

				.homepage-video-gallery ul li div.wrapper img,
				.work-gallery ul li img,
				.media-wrapper img.play {
					position: absolute;
					top: 35%;
					left: 40%;
					pointer-events: none;
					width: 25%;
				}
				.work-gallery ul li img {
					top: 30%;
				}


				.work-gallery ul li div.wrapper a {
					background-size: cover;
				}

			.homepage-video-gallery.work-gallery ul li div.hidden-video-desc,
			.work-gallery ul li div.work-desc,
			.homepage-video-gallery ul li div.work-desc {
				padding: 0 0 0 19px;
				font-size: 12px;
			}


			.homepage-video-gallery.work-gallery ul li div.video-desc {
				display: none;
			}

			.work-gallery ul li div span.line-1,
			.homepage-video-gallery ul li div span.line-1 {
				font-size: 20px;
				color: #a38e0b;

			}

			/* Stuff we Like Tweaks for the boxes - auto height etc and extra desc */
			.work-gallery ul li.stuff-we-like div,
			.homepage-video-gallery ul li.stuff-we-like div {
				height: auto;
				background-color: none;

			}

			.work-gallery ul li.stuff-we-like, .homepage-video-gallery ul li.stuff-we-like {
				height: auto;
				background-color: none;
			}

			.work-gallery ul li.stuff-we-like div.long-desc,
			.homepage-video-gallery ul li.stuff-we-like div.long-desc {
				padding: 0px;
				width: 260px;
				padding: 10px 0px 10px 0px;
				font-size: 12px;
				margin-top: 10px;
				background: url('../images/box-sep.gif') no-repeat top left;
			}

			.work-gallery ul li.stuff-we-like div.long-desc p,
			.homepage-video-gallery ul li.stuff-we-like div.long-desc p
			{
				margin: 0px;
			}

			.work-gallery h2 {
				font-family: Arial, Verdana, sans-serif!important;
			}

#videoDiv, object {
	background: #000;
}

#videoDiv {
	margin-left: 40px;
	margin-top: 0px;
}

div.video-desc-cont {
	color: #383838;
	padding: 2px 16px 16px 16px;
	float: left;
}

div.video-desc-cont div {
	float: left;
}

div.video-title {
	width: 200px;
	padding-right: 17px;
	text-align: right;
	font-family: 'Open Sans', Arial;
	font-size: 32px;
	line-height: 32px;
	background: url('../images/video-desc-sep.png') no-repeat top right;
}

div.video-desc {
	width: 268px;
	text-align: left;
	font-family: Arial;
	font-size: 14px;
	padding-left: 16px;
	/*max-height: 60px;*/
	overflow: hidden;
}
	div.video-desc .lines{
		width: 95%;
		display: inline-block;
		padding: 0 5px 0 0!important;
		float: left;
		text-align: right;
		height: auto!important;
		min-height: 60px;
	}

	div.video-desc div.showmore-work {
		width: 57px!important;
		font-family: Arial!important;
		font-size: 14px!important;
		padding: 0px!important;
		float: left;	
		border-left: 1px dashed #A28D0C;	
	}

a#mobile-menu {
	position: absolute;
	top: 5px;
	right: 5px;
	display: none;
}

div.youtube-player-wrapper {
	width: 600px;
	
	position: relative;
	float: right;
	/*background-color: #ffffff;*/
	text-align: left;
}

div.youtube-inner-wrapper {
	position: relative;
	/*padding-top: 38px;*/
	margin-bottom: 50px;
	background: url(../images/tvdog.png) 32px center no-repeat;
}

	div.youtube-player-wrapper img {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 500;
	}

	.youtube-player-wrapper object {
		margin: 5px 0px 101px 36px;
	}

	#videoDiv,
	#videoDivHome {
		visibility: hidden;
	}

	#videoDiv p,
	#videoDivHome p{
		font-size: 16px;
		padding: 10% 25%;
		background: #000;
		color: #fff;
	}

	div.player-skin {
		/*position: absolute;*/
		pointer-events:none;
		background: url(../images/tvplayer-wide.png) top left no-repeat;
		background-size: contain;
		z-index: 500;
		width: 584px;
		height: 382px;
		top:7px;
		left:7px;
	}


div.video-controls {
	position: absolute;
	/*bottom: -61px;*/
	bottom: -125px;
	z-index: 501;
	float: left;
	width: 100%;
}

	div.video-controls-buttons {		
		width: 100%;
		float: left;
		position: absolute;
		bottom: 98px;
		left: 0px;
	}

		div.video-controls-buttons div.video-controls-wrapper {		
			width: 545px;
			margin: 0 auto;
		}

	div.video-controls-buttons a {
		display: block;
		height: 31px;
		width: 31px;
		font-size: 0;
		float: left;
		margin-right: 7px;
	}

	div.video-controls-buttons div.volume-wrapper {
		display: block;
		height: 27px;
		width: 110px;
		float: left;
	}

		div.video-controls-buttons div.volume-slider {
			display: block;
			width: 70px;
			float: left;
			background: #fff;
			height: 7px;
			margin: 10px 0 0 5px;
		}

			div.video-controls-buttons div.volume-slider .ui-slider-range {
				height: 7px;
				background: #b4975a;
			}

			div.video-controls-buttons div.volume-slider a {
				height: 15px;
				width: 8px;
				background: #555;
				margin: -11px 0 0 -5px;
				border: 1px solid #000;
			}

	div.video-controls-buttons a.play {
		background: url(../images/controls-play.png)  no-repeat;
	}

	div.video-controls-buttons a.pause {
		background: url(../images/controls-pause.png) no-repeat;
	}

	div.video-controls-buttons a.volume {
		float: right;
	}

	div.video-controls-buttons a.volume.on {
		background: url(../images/control-audio-on.png)  no-repeat;
	}

	div.video-controls-buttons a.volume.off {
		background: url(../images/control-audio-off.png)  no-repeat;
	}

	div.video-controls-buttons a.fullscreen {
		float: right;
		background: url(../images/fullscreen.png)  no-repeat;
	}


div.progressBar {
		width: 372px;
		height: 18px;
		border-radius: 8px;
		background-color: #292929;
		position: absolute;
		left: 117px;
		bottom: 105px;
		cursor: pointer;
}

div.progressBar div.progressBarInner {
		height: 100%;
		color: #fff;
		border-radius: 6px;
		text-align: right;
		line-height: 22px; /* same as #progressBar height if we want text middle aligned */
		width: 0;
		background: #292929 url('../images/progress-bar-on.png') repeat-x;
}

div.progressBar div.progressBarSeek {
	width:39px;
	height:38px;
	background: url('../images/tv-seek.png');
	position: absolute;
	top: -9px;
	left: -16px;
}

/** HOMEPAGE SLIDER **/
#tvcarousel-wrapper {
	width: 420px;
	height: 290px;
	overflow: hidden;
	position: relative;
	padding: 5% 0 0 7%;
}
	#tvcarousel-slider { padding: 0!important; }
	#tvcarousel-slider li {
		/*width: 420px!important;
		height: 290px!important;*/
	}
		#tvcarousel-slider li a,
		#tvcarousel-slider li img {
			display: block;
			width: 420px!important;
			height: 290px!important;
		}

.slide-inner-wrapper {
	position: relative;
	text-align: center;
}
	.slide-inner-wrapper .slide-description {
		position: absolute;
		bottom: 30px;
		max-width: 420px;
		left: 50%;
		display: block;
		margin: -60px auto 0;
		background: url('../images/shadow-arrow.png') top center no-repeat;
		padding-top: 9px;
		pointer-events: none;
	}
		.slide-inner-wrapper .slide-description-wrapper {
			display: block;
			text-align: center;
			padding: 10px;
			background: url('../images/shadow-bg.png') top left repeat;
		}

	body #tvcarousel-slider li .slide-inner-wrapper .play-button {
		position: absolute;
		width: 80px!important;
		height: 80px!important;
		margin-top: -40px;
		margin-left: -40px;
		top: 50%;
		left: 50%;
		pointer-events: none;
	}

#tvcarousel {
	width: 597px;
	height: 414px;
	position: relative;
}
div.slider-skin {
	position: absolute;
	pointer-events:none;
	background: url(../images/tvslider.png) top left no-repeat;
	background-size: contain;
	z-index: 500;
	width: 597px;
	height: 414px;
	top:0px;
	left:0px;
}

body .bx-wrapper .bx-controls-direction a {
	width: 34px;
	height: 75px;
	top: 44%;
}
body .bx-wrapper .bx-prev {
	background: url(../images/slider-arrow-left.png) top left no-repeat;
	left: 0;
	left: 3px !ie;
}
body .bx-wrapper .bx-next {
	background: url(../images/slider-arrow-right.png) top left no-repeat;
	right: 17px;
}
body .bx-wrapper .bx-next:hover,
body .bx-wrapper .bx-prev:hover {
	background-position: top left;
}
body .bx-wrapper .bx-viewport { background: #000; }

/** CONTENT GALLERY **/
div.right div.content-gallery {
	width: 555px;
	height: 532px;
	position: relative;
	float: right;
}
	.content-gallery-casestudies {
		margin-top: -50px !important;
	}
	div.right div.content-gallery #content-gallery-content,
	div.right div.content-gallery #casestudies-gallery-content {
		width: 92%;
		overflow: hidden;
		margin: 4% 0% 0% 4%;
	}
	div.right div.content-gallery #content-gallery-content {
		width: 504px;
		height: 348px;
	}
	div.right div.content-gallery #casestudies-gallery-content {
		margin: 137px 3% 3% 2%;
		border-radius: 70px;
		width: 96%;
		width: 498px;
		height: 370px;
		overflow: hidden;
	}
		div.right div.content-gallery #content-gallery-content img,
		div.right div.content-gallery #casestudies-gallery-content img {
			width: 100%;
			height: 100%;
			margin: 0;
		}


.gallery-desc-wrapper {
	position: relative;
	min-height: 128px;
}

#ajax-loader-wrapper {
	border: 2px solid #ccc;
	background: #fff;
	padding:3px;
	width: 30px;
	height: 30px;
	border-radius: 15px;
	margin: -15px 0 0 -15px;
	position: absolute;
	top: 50%;
	left: 50%;
}
#ajax-loader-wrapper img {
	margin: 0;
}


/** CONTACT **/
#contact-wrapper {
	width: 633px;
	height: 636px;
	background: url(../images/cutterboard.png) top left no-repeat;
	margin: 0 auto;
	background-size: 100% 100%;
}

	#contact-content {
		font-family: 'Open Sans', Arial;
		color: #fff;
		padding: 344px 0px 0px 50px;
		font-size: 27px;
		font-weight: 600;
	}
		#contact-content .address-block {
			float: left;
			width: 100%;
		}
		#contact-content img{
			float: left;
		}

		#contact-content p{
			float: left;
			margin-left: 10px;
		}

/** STUFF **/
#stuff-wrapper {
	width: 920px;
	height: 665px;
	margin: 0 auto;
	background: url(../images/stufftv.png) top left no-repeat;
	position: relative;
}
#stuff-wrapper.stuff-wrapper-on {
	background-position: -920px 0px;
}

	#stuff-wrapper .stuff {
		position: absolute;
	}
		#stuff-wrapper .stuff .opacity {
			background: #ccc;
			opacity: 0.4;
			position: absolute;
			width: 100%;
			height: 100%;
			z-index: 100;
		}
		#stuff-wrapper .stuff a {
			height: 64px;
			width: 64px;
			display: block;
			overflow: hidden;
		}
			#stuff-wrapper .stuff a img {
				margin: 0;
				border-radius: 6px;
			}
			#stuff-wrapper .stuff#stuff-slot-1 {
				top: 238px;
				left: 156px;
			}
			#stuff-wrapper .stuff#stuff-slot-2 {
				top: 317px;
				left: 158px;
			}
			#stuff-wrapper .stuff#stuff-slot-3 {
				top: 468px;
				left: 237px;
			}
			#stuff-wrapper .stuff#stuff-slot-4 {
				top: 469px;
				left: 384px;
			}
			#stuff-wrapper .stuff#stuff-slot-5 {
				top: 314px;
				left: 525px;
			}
			#stuff-wrapper .stuff#stuff-slot-6 {
				top: 237px;
				left: 526px;
			}
			#stuff-wrapper .stuff#stuff-slot-7 {
				top: 85px;
				left: 459px;
			}
			#stuff-wrapper .stuff#stuff-slot-8 {
				top: 85px;
				left: 227px;
			}
		#stuff-wrapper .stuff-content {
			display: none;
			position: absolute;
			font-size: 15px;
			width: 248px;
			height: 130px;
			padding: 10px;
			top: 232px;
			left: 249px;
			font-family: 'Open Sans', Arial;
			font-weight: 600;
		}

		#stuff-wrapper .stuff-content .stuff-title {
			font-weight: bold;
			font-size: 18px;
		}

/** SERVICES **/

body div.ajax-content {
	display: none;
}

body div.active {
	display: block;
}

body .service-page-content {
	margin-bottom: 20px!important;
	float: left;
	display: none;
}

body .service-page-content.active {
	display: block;
}

.services-media {
	width: 100%;
	float: left;
}
	.services-media .service-media-wrapper {
		float: left;
		margin: 0;
		background-color: #000;
		padding: 5px;
		margin: 0px 5px 5px 0px;
	}
		.services-media .service-media-wrapper a,
		.services-media .service-media-wrapper a img {
			display: inline-block;
			margin: 0;
			height: 132px;
		}

		.services-media .service-media-wrapper a img {
			opacity: 0.5;
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
			filter: alpha(opacity=50);
			-moz-opacity: 0.5;
			-khtml-opacity: 0.5;
		}

		.services-media .service-media-wrapper a:hover img {
			opacity: 1;
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
			filter: alpha(opacity=100);
			-moz-opacity: 1;
			-khtml-opacity: 1;
		}	



/** JSCROLLPANE **/
.jspVerticalBar { background: none; }
.jspTrack { border-radius: 10px; }
.jspDrag {
	border-radius: 10px;
	background: #AEBA98;
}


/** HOMEPAGE **/
div.quotes .quote-item {
	display: none;
	position: absolute;
	padding: 0 5px 0 0;
}
div.quotes .quote-item.active {
	display: block;
}

	div.quotes .quote-item p,
	div.quote .quote-item p {
		margin-bottom: 0;
		padding: 0!important;
		font-family: 'Open Sans', Arial !important;
		text-align: left;
		font-size: 30px;
		color: #fff;
		line-height: 37px !important;
		letter-spacing: -2px;
		font-weight: 600 !important;
		font-style: italic;
	}

	#section-homepage div.quotes .quote-item p {
		font-size: 41px;
		line-height: 44px !important;
		margin-bottom: 0!important;
		text-align: right;
	}

	//div.quote .quote-item p { text-align: left; }

	div.quote .quote-item p.author,	
	div.quotes .quote-item p.author {
		font-size: 16px;
		text-align: left;
		font-style: normal!important;
		letter-spacing: -1px!important;
	}

	#section-homepage div.quotes .quote-item p.author {
		font-size: 16px;
		text-align: right;
		letter-spacing: 0.5px;
		font-style: normal!important;
		letter-spacing: -1px!important;
	}


#footer-inner .footer_col { width: 33%; }
/*#footer-inner #col1 { width: 428px; }*/