*{
	-webkit-tap-highlight-color:rgba(0,0,0,0)
}
body{
	margin:0;
	padding:0;
	background:#fff;
	font-family:"Gill Sans Light","GillSans-Light","Gill Sans","Gill Sans MT",Calibri,sans-serif;
	font-weight:lighter;
	font-size:14px;
	line-height:18px;
	color:#8c8d8d
}
a{
	color:#8c8d8d;
	text-decoration:none;
	outline:0
}
a:hover,a.selected{
	text-shadow:1px 1px 1px #8c8d8d
}
img{
	border:0
}
.hide{
	display:none
}
#wrapper{
	position:relative;
	width:1276px;
	padding:50px 30px;
	margin:0 auto;
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none
}
.html #content{
	-webkit-touch-callout:default;
	-webkit-user-select:text;
	-khtml-user-select:text;
	-moz-user-select:text;
	-o-user-select:text;
	user-select:text
}
#header{
	position:absolute;
	width:205px;
	height:713px
}
#logo a{
	padding:0;
	margin:0;
	position:absolute;
	top:0;
	left:0;
	width: 300px;
	height: 300px;
	background:url('../images/logo3.png') 0 0 no-repeat;
	font-size:0;
	text-indent:-999px;
	overflow:hidden
}
#menu{
	position:absolute;
	left: 2px;
	bottom:-72;
	display:none
}
#menu ul{
	width:205px;
	list-style-type:none;
	margin:0;
	padding:0;
	text-transform:uppercase;
	font-size:11px;
	letter-spacing:5px
}
#menu ul.subnav{
	margin:30px 0 30px 20px;
	display:none
}
#menu a{
	color:#8c8d8d;
	white-space:nowrap
}
#menu li{
	margin:5px 0 0 0
}
#menu li.navspacer{
	margin-top:-15px
}
#menu ul.subnav li{
	margin:5px 0 !important
}
#menu li a.icon{
	margin-top:3px;
	margin-right:3px;
	display:inline-block;
	width:18px;
	height:18px;
	text-indent:-9999px;
	font-size:0;
	color:transparent;
	overflow:hidden
}
#px{
	background:url('../images/ico_fb.png');
	background-size:18px 18px
}
#menu li a.icon.fb{
	background:url('../images/ico_fb.png');
	background-size:18px 18px
}
#menu li a.icon.insta{
	background:url('../images/ico_insta.png');
	background-size:18px 18px
}
#navthumbs{
	position:absolute;
	margin-top:10px !important;
	display:none
}
#navthumbs span{
	width:13px;
	height:8px;
	margin-right:2px;
	display:inline-block;
	background:url('../images/images.png') 0 -354px no-repeat
}
#main{
	position:relative;
	margin:0 0 0 255px;
	width:1021px;
	width:-moz-calc(100% - 255px);
	width:-webkit-calc(100% - 255px);
	width:calc(100% - 255px);
	max-width:1021px;
	height:713px;
	display:table
}
#content{
	width:1021px;
	display:table-cell;
	vertical-align:middle
}
.html #content :first-child{
	margin-top:0;
	padding-top:0
}
.gallery #content{
	vertical-align:top
}
.home #content{
	border-color: #e7e7e7;
	border-style: solid;
	border-width: 1px;
	width:1021px;
	height: 723px;
	overflow:hidden;
	display:block;
	position:relative
}
#home_image{
	positio 500pxnlute;
	top:-9999px;
	bottom:-9999px;
	left:-9999px;
	right:-9999px;
	margin:autoheight:713px;
}
#home_image{
	border-style: none;
	position:absolute;
	top:-9999px;
	bottom:-9999px;
	left:-9999px;
	right:-9999px;
	margin:auto;
	height:713px
}
.js #home_image{
	display:none
}
#loader{
	background-repeat: no-repeat;
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-10px;
	margin-left:-110px;
	background:url('../images/ajax-loader.gif');
	width: 220px;
	height: 19px;
	overflow:hidden;
	z-index:1
}
#slideshow_wrapper{
	position:relative;
	width:1021px;
	height:620px;
	overflow:hidden;
	margin-bottom:32px
}
#slideshow_wrapper.fullsize{
	height:713px
}
#slideshow{
	position:absolute;
	width:100%;
	height:100%;
	display:table;
	z-index:1
}
.slidenav{
	position:absolute;
	width:50%;
	height:100%;
	z-index:5;
	top:0;
	display:none
}
#slideshow_wrapper:hover .slidenav.on{
	display:block
}
.touch .slidenav.on{
	display:block !important
}
.slidenav span{
	position:absolute;
	width:35px;
	height:50px;
	top:50%;
	margin-top:-25px;
	overflow:hidden
}
#slideleft{
	left:0
}
#slideleft span{
	background:url('../images/images.png') 0 -161px no-repeat;
	left:0
}
#slideright{
	right:0
}
#slideright span{
	background:url('../images/images.png') 0 -221px no-repeat;
	right:0
}
#slideshow span{
	text-align:center;
	display:table-cell;
	vertical-align:middle;
	margin:0;
	padding:0
}
#slideshow span img{
	max-width:1021px;
	max-height:620px;
	display:none
}
#slideshow_wrapper.fullsize span img{
	max-height:713px
}
#thumbnails{
	width:100%;
	max-width:1021px;
	height:95px;
	margin:0;
	padding:0;
	display:none;
	white-space:nowrap
}
#thumbnails li{
	margin:0;
	padding:0
}
#thumbnails a{
	display:inline-block;
	margin-right:2px
}
#thumbnails a:last-child{
	margin-right:0
}
#thumbnails img{
	height:95px;
	opacity:.5
}
#thumbnails a:hover img,#thumbnails img.selected{
	opacity:1
}
.video #content{
	text-align:center;
	overflow:hidden;
	height:713px
}
#content .videothumb{
	position:relative;
	display:inline-block;
	width:377px;
	height:213px;
	margin:0 40px 30px 0;
	background-color:#aaa;
	-moz-box-shadow:7px 4px 8px #aaa,2px 4px 3px #aaa,-3px 4px 5px #ccc;
	-webkit-box-shadow:7px 4px 8px #aaa,2px 4px 3px #aaa,-3px 4px 5px #ccc;
	box-shadow:7px 4px 8px #aaa,2px 4px 3px #aaa,-3px 4px 5px #ccc
}
.video #content .videothumb:nth-child(even){
	margin-right:0
}
#content .videothumb img{
	display:inline-block;
	width:377px;
	height:213px;
	opacity:.8
}
.case-studies #content .videothumb,.case-studies #content .videothumb img{
	width:600px;
	height:339px
}
.case-studies #content .videothumb{
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
	float:left;
	margin-right:8px
}
.case-studies #content .intro{
	width:774px;
	margin-bottom:30px
}
.case{
	width:800px;
	margin-bottom:20px;
	overflow:hidden
}
.case .thumb{
	display:inline-block;
	width:165px;
	height:165px;
	margin-bottom:9px;
	float:left
}
.case .thumb a:first-child{
	width:100%;
	height:100%;
	display:block;
	overflow:hidden;
	position:relative
}
.case .thumb img{
	opacity:.7;
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	background-color:#ccc;
	height:165px;
	width:165px
}
.case .thumb a:hover img,#content .videothumb img{
	opacity:1
}
#content .videothumb:hover img{
	opacity:.8
}
.case .thumb a:first-child p{
	position:relative;
	height:165px;
	width:165px;
	display:table-cell;
	z-index:5;
	vertical-align:middle;
	text-align:center;
	color:#555;
	font-size:20px;
	line-height:1.2;
	letter-spacing:2px;
	text-shadow:1px 0 0 #aaa,0 1px 0 #aaa,-1px 0 0 #aaa,0 -1px 0 #aaa
}
.play-button{
	display:block;
	z-index:2;
	position:absolute;
	top:50%;
	left:50%;
	width:79px;
	height:63px;
	margin:-40px 0 0 -31px;
	text-align:center;
	vertical-align:center;
	cursor:pointer !important;
	background:url('../images/images.png') 0 -281px no-repeat
}
#video_wrapper{
	position:relative;
	z-index:10;
	background-color:#fff;
	display:none
}
#video_wrapper #videoplayer{
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-208px;
	margin-left:-368px
}
@media screen and (max-width:1326px),screen and (max-height:813px){
	#wrapper{
		width:1040px;
		padding:20px
}
	#menu li{
		margin-top:4px
}
	#menu li.navspacer{
		margin-top:23px
}
	#main{
		margin-left:180px
}
	#slideshow_wrapper{
		height:518px;
		margin-bottom:20px;
		height:500px;
		margin-bottom:10px
}
	#header,#main,#home_image,.home #content,.video #content,#slideshow_wrapper.fullsize{
		height:600px;
		height:570px
}
	.home #content,#main,#slideshow_wrapper,#content,#thumbnails{
		width:859px
}
	.home #content{
		width:816px;
		margin-left:21px
}
	#slideshow span img{
		max-width:859px;
		max-height:518px;
		max-height:500px
}
	#slideshow_wrapper.fullsize span img{
		max-height:600px;
		max-height:570px
}
	#navthumbs span{
		display:none
}
	.video #content .videothumb{
		margin:0 40px 20px 0
}
	.video #content .videothumb,.video #content .videothumb img{
		width:327px;
		height:185px
}
}
@media screen and (min-height:681px){
	#wrapper{
		padding:40px 20px
}
}
@media screen and (max-height:680px){
	#wrapper{
		position:absolute;
		top:50%;
		margin-top:-305px;
		left:50%;
		margin-left:-540px
}
	#slideshow_wrapper{
		height:518px;
		margin-bottom:20px;
		margin-top:-15px;
		height:500px;
		margin-bottom:3px
}
	#slideshow_wrapper.fullsize{
		margin-top:0
}
}
@media screen and (max-height:650px){
	#slideshow_wrapper{
		margin-top:-15px;
		height:500px;
		margin-bottom:3px
}
	#slideshow_wrapper.fullsize{
		margin-top:0
}
}
@media screen and (max-width:1064px),screen and (max-height:610px){
	#wrapper{
		position:relative;
		top:0;
		left:0;
		margin:0 auto
}
}
div.scrollingHotSpotLeft,div.scrollingHotSpotRight{
	background-image:url(data:image/gif;
	base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)
}
div.scrollingHotSpotLeft{
	min-width:100px;
	width:15%;
	height:95px;
	background-repeat:repeat;
	background-position:center center;
	position:absolute;
	z-index:200;
	left:0;
	cursor:w-resize
}
div.scrollingHotSpotLeftVisible{
	background-image:none;
	background-color:#fff;
	background-repeat:no-repeat;
	opacity:.35;
	-moz-opacity:.35;
	filter:alpha(opacity = 35);
	zoom:1
}
div.scrollingHotSpotRight{
	min-width:100px;
	width:15%;
	height:95px;
	background-repeat:repeat;
	background-position:center center;
	position:absolute;
	z-index:200;
	right:0;
	cursor:e-resize
}
div.scrollingHotSpotRightVisible{
	background-image:none;
	background-color:#fff;
	background-repeat:no-repeat;
	opacity:.35;
	filter:alpha(opacity = 35);
	-moz-opacity:.35;
	zoom:1
}
div.scrollWrapper{
	position:relative;
	overflow:hidden;
	width:100%;
	height:95px
}
div.scrollableArea{
	position:relative;
	width:auto;
	height:100%
}
#fancybox-loading{
	position:fixed;
	top:50%;
	left:50%;
	width:40px;
	height:40px;
	margin-top:-20px;
	margin-left:-20px;
	cursor:pointer;
	overflow:hidden;
	z-index:1104;
	display:none
}
#fancybox-loading div{
	position:absolute;
	top:0;
	left:0;
	width:40px;
	height:480px;
	background-image:url('../scripts/fancybox/fancybox.png')
}
#fancybox-overlay{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	z-index:1100;
	display:none
}
#fancybox-tmp{
	padding:0;
	margin:0;
	border:0;
	overflow:auto;
	display:none
}
#fancybox-wrap{
	position:absolute;
	top:-35%;
	margin-top:-35%;
	left:0;
	padding:20px;
	z-index:1101;
	outline:0;
	display:none
}
#fancybox-outer{
	position:relative;
	width:100%;
	height:100%;
	background:#fff
}
#fancybox-content{
	width:0;
	height:0;
	padding:0;
	outline:0;
	position:relative;
	overflow:hidden;
	z-index:1102;
	border:0 solid #fff
}
#fancybox-hide-sel-frame{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:transparent;
	z-index:1101
}
#fancybox-close{
	position:absolute;
	top:-15px;
	right:-15px;
	width:30px;
	height:30px;
	background:transparent url('../scripts/fancybox/fancybox.png') -40px 0;
	cursor:pointer;
	z-index:1103;
	display:none
}
#fancybox-error{
	color:#444;
	font:normal 12px/20px Arial;
	padding:14px;
	margin:0
}
#fancybox-img{
	width:100%;
	height:100%;
	padding:0;
	margin:0;
	border:0;
	outline:0;
	line-height:0;
	vertical-align:top
}
#fancybox-frame{
	width:100%;
	height:100%;
	border:0;
	display:block
}
#fancybox-left,#fancybox-right{
	position:absolute;
	bottom:0;
	height:100%;
	width:35%;
	cursor:pointer;
	outline:0;
	background:transparent url('../scripts/fancybox/blank.gif');
	z-index:1102;
	display:none
}
#fancybox-left{
	left:0
}
#fancybox-right{
	right:0
}
#fancybox-left-ico,#fancybox-right-ico{
	position:absolute;
	top:50%;
	left:-9999px;
	width:30px;
	height:30px;
	margin-top:-15px;
	cursor:pointer;
	z-index:1102;
	display:block
}
#fancybox-left-ico{
	background-image:url('../scripts/fancybox/fancybox.png');
	background-position:-40px -30px
}
#fancybox-right-ico{
	background-image:url('../scripts/fancybox/fancybox.png');
	background-position:-40px -60px
}
#fancybox-left:hover,#fancybox-right:hover{
	visibility:visible
}
#fancybox-left:hover span{
	left:20px
}
#fancybox-right:hover span{
	left:auto;
	right:20px
}
.fancybox-bg{
	position:absolute;
	padding:0;
	margin:0;
	border:0;
	width:20px;
	height:20px;
	z-index:1001
}
#fancybox-bg-n{
	top:-20px;
	left:0;
	width:100%;
	background-image:url('../scripts/fancybox/fancybox-x.png')
}
#fancybox-bg-ne{
	top:-20px;
	right:-20px;
	background-image:url('../scripts/fancybox/fancybox.png');
	background-position:-40px -162px
}
#fancybox-bg-e{
	top:0;
	right:-20px;
	height:100%;
	background-image:url('../scripts/fancybox/fancybox-y.png');
	background-position:-20px 0
}
#fancybox-bg-se{
	bottom:-20px;
	right:-20px;
	background-image:url('../scripts/fancybox/fancybox.png');
	background-position:-40px -182px
}
#fancybox-bg-s{
	bottom:-20px;
	left:0;
	width:100%;
	background-image:url('../scripts/fancybox/fancybox-x.png');
	background-position:0 -20px
}
#fancybox-bg-sw{
	bottom:-20px;
	left:-20px;
	background-image:url('../scripts/fancybox/fancybox.png');
	background-position:-40px -142px
}
#fancybox-bg-w{
	top:0;
	left:-20px;
	height:100%;
	background-image:url('../scripts/fancybox/fancybox-y.png')
}
#fancybox-bg-nw{
	top:-20px;
	left:-20px;
	background-image:url('../scripts/fancybox/fancybox.png');
	background-position:-40px -122px
}
#fancybox-title{
	font-family:Helvetica;
	font-size:12px;
	z-index:1102
}
.fancybox-title-inside{
	padding-bottom:10px;
	text-align:center;
	color:#333;
	background:#fff;
	position:relative
}
.fancybox-title-outside{
	padding-top:10px;
	color:#fff
}
.fancybox-title-over{
	position:absolute;
	bottom:0;
	left:0;
	color:#FFF;
	text-align:left
}
#fancybox-title-over{
	padding:10px;
	background-image:url('../scripts/fancybox/fancy_title_over.png');
	display:block
}
.fancybox-title-float{
	position:absolute;
	left:0;
	bottom:-20px;
	height:32px
}
#fancybox-title-float-wrap{
	border:0;
	border-collapse:collapse;
	width:auto
}
#fancybox-title-float-wrap td{
	border:0;
	white-space:nowrap
}
#fancybox-title-float-left{
	padding:0 0 0 15px;
	background:url('../scripts/fancybox/fancybox.png') -40px -90px no-repeat
}
#fancybox-title-float-main{
	color:#FFF;
	line-height:29px;
	font-weight:bold;
	padding:0 0 3px 0;
	background:url('../scripts/fancybox/fancybox-x.png') 0 -40px
}
#fancybox-title-float-right{
	padding:0 0 0 15px;
	background:url('../scripts/fancybox/fancybox.png') -55px -90px no-repeat
}
#fancybox-content .post{
	color:#555
}
#fancybox-content .post img{
	max-width:100%;
	height:auto
}
#fancybox-content .post .postfooter,#fancybox-content .post .really_simple_share{
	display:none
}
        .track {
            width: auto;
            margin: 20px;
            padding: 10px;
            border: 1px solid #444;
            border-radius: 8px;
            background-color: rgba(0,0,0,0);
            text-align: center;
        }
        .download-btn {
            margin-top: 10px;
            padding: 5px 10px;
            background-color: #0073e6;
            color: #ffffff;
            border: none;
            border-radius: 5px;
            text-decoration: none;
            font-size: 16px;
            cursor: pointer;
        }
        .download-btn:hover {
            background-color: #005bb5;
        }
                .audio-player {
            width: 100%;
            margin-top: 10px;
        }