body, section {
	background-color: #090300;
	font-family: 'Variable-Bold', 'Open Sans', sans-serif;	
	color: #f4f1ee;
}
body.home {
	max-height:100%;
	overflow:hidden;
}

.work_main, .work_slide {
	width:700px;
	height:394px;
	background-repeat:no-repeat;
	background-size:auto auto;
	background-position: center center;
	background-image:url(images/ajax-loader.gif);	
}
.work_main {
	overflow:hidden;
	position:relative;
	cursor:pointer;
}
.work_slide {
	position:absolute;
	left:700px;
	z-index:0;
}
.work_thumbs {
	width:700px;
	height:80px;
}
.work_thumb {
	width:108px;
	height:60px;
	float:left;
	margin:10px 0px 0px 10px;
	opacity:0.5;
	cursor:pointer;
}
.work_thumb:hover, .work_thumb.selected {
	opacity:1.0;
}
.work_thumb.wt_0 {
	margin-left:0px;
}


.in_progress {
	background-repeat:no-repeat;
	background-size:auto auto;
	background-position: center center;
	background-image:url(images/ajax-loader.gif);	
}
.bg_slide.in_progress {
	background-image:none;	
	background-size:cover;
	background-position:center center;
}
.video_button {
	background-repeat:no-repeat;
	background-size:auto auto;
	background-position: center center;
	background-image:url(images/overlay_play.png);
	background-size:50% auto;
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
	z-index:100;
	cursor:pointer;
}
.video_button iframe {
	background-color:#000;
	visibility:hidden;
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
}

.video-header-controls {
	visibility:hidden;
}
.video-header-content {
	display:none;
}
#tubular-shield {
	cursor:pointer;
}
#tubular-cover-image {
	display:none;
}
section.parallax {
	display:none;
}
.gallery-padding {
	margin: 0px 0px 0px 0px;
}
h1, h2, h3, h4, h5, h6, .name, .titleBar h2 {
  font-family: 'Variable-Black', 'Open Sans', sans-serif !important;
	color: #fff;
	letter-spacing: 0.06em;
}
p {
	margin-bottom:13px;
	/*
	letter-spacing: 0.1em;
	*/
	letter-spacing: 0.06em;
	line-height: 1.6em;
	color: #f4f1ee;
}
nav.mainMenu ul li > a:hover, nav.mainMenu ul li.active > a {
	color: #fff;
}
.titleBar {
	background-image:none;
	padding:0px 0px 0px 10px;
	margin:20px 0px 10px 0px;
}
.titleBar h2 {
	color: #b5b5b5;
}
.site_logo {
	margin-top:18px;
	display:block;
	float:left;
}
.page-section {
	padding-top:0px;
	padding-bottom:40px;
}
#about, #work, #services, #contact, #cstm, #cstm-2 {
	background-color:rgba(0,0,0,0.85);
}
#function_gallery .tp-bullets.tp-thumbs {
	padding:0px 0px 0px 0px;
}
#main-menu li a {
	color:#a4a5a0;
	margin-left:36px;
	padding-right:0px;
	font-size:23px;
	text-transform: none;
  font-family: 'Variable-Black', 'Open Sans', sans-serif;
}
#main-menu li:first-child a {
	margin-left: 0px;
}
#main-menu li.active a, #main-menu li a:hover {
	color:#fff;
}
.topBar.nzs-drop-menu h1.website_title {
	display:none;
}
.topBar.nzs-drop-menu .mainMenu {
	margin-top:40px;
	float:right;
}
.full-header {
	position:fixed;
}
.page-section {
	display:none;
	width:100%;
	position:absolute;
	z-index:100;
	opacity:0;
}
.footer {
	display:none;
}



.bg_slide {
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
	max-width:100%;
	background-size:cover;
	background-position:center center;
	-webkit-transform: translateZ(0); /* fixes old safari */
}
#video_bg_container {
	position:absolute;
	width:100%;
	height:100%;
	max-width:100%;
}

#video_bg_container .sh5vp-video-box {
	background-color:#000;
	position: absolute;
	top:0px;
	left:0px;
	z-index:1;
	width:100%;
	height:100%;
}
#video_bg_protector {
	position: absolute;
	z-index:3;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0);
	background-image:none;
}
#bg_sprite {
	background-color:#000;
	position: absolute;
	z-index:2;
	width:100%;
	height:100%;
}

/* BEGIN work */
#work .container {
	margin-top:0px;
	font-size: 15px;
}
#work h1.gear_icon {
	background-image:url(images/icons/gear@2x.png);
	background-repeat:no-repeat;
	background-position:left center;
	background-size: auto 40px;
	padding: 0px 0px 0px 50px;
	text-transform:none;
	font-size:24px;
	margin-top:-14px;
}
#work h2 {
	text-transform:none;
	font-size:18px;
	margin-top:-4px;
	margin-bottom:-1px;
}
#work p {
	color: #f4f1ee;
	margin-bottom:10px;
	font-size:13px;
}
#portfolio_wrap {
	margin-top:40px;
	height:590px;
}
.curr_slider, .work_slider {
	position:absolute;
	visibility:hidden;
	opacity:0.0;
	top:-465px;
	left:0px;	
	z-index:10;
	height:465px;
}
#curr_slider_0, #work_slider_0 {
	top:0px;
	opacity:1.0;
	visibility:visible;
	z-index:11;
}
#curr_slider_wrap {
	position:absolute;
	right:0px;
	width:700px;
	max-width:700px;
	height:467px;
	max-height:467px;
	overflow:hidden;
}
.function_slider {
	height:480px;
	width:775px;
	min-height:480px;
	min-width:775px;
}
.slotholder img {
	height:394px;
	min-height:394px;
	max-height:394px;
	width:700px;
	min-width:700px;
	max-width:700px;
}

.tp-bullets.tp-thumbs {
	background-color:transparent;
	width:auto;
	
}
.tp-mask {
	width:auto;
}
.tp-thumbcontainer .thumb {
	background-color:transparent;
	padding-right:10px;
}
.tp-thumbcontainer .thumb.last {
	padding-right:0px;
	max-width:108px;
}
.portfolio_next_prev {
	text-align:center;
	display:block;
	margin:0px auto 0px auto;
	clear:both;
	width:100%;
	padding-bottom:22px;
}
#portfolio_next {
	padding-bottom:12px;
}

.ctsm_next_prev {
	text-align:center;
	display:block;
	margin:0px auto 0px auto;
	clear:both;
	width:100%;
	padding-bottom:0px;
	position: absolute;	
}
#cstm_prev {
	top: 30px;
}
#cstm_next {
	bottom: 7px;
}
#slider_nav {
	float:left;
	width:475px;
	height:487px;
	max-height:487px;
}
#slider_title {
	line-height: 20px;
	padding-bottom: 10px;
}
#work p {
	line-height: 20px;
	font-size: 14px;
	padding-bottom:0px;
}

/* END work */


/* BEGIN about/services */
#services {
	overflow-x:hidden;
	overflow-y:hidden;
	padding-bottom:0px;
}
#services .container {
	margin-top:30px;
}
#about .column, #services .column {
	float: left;
	color: #fff;
	width: 282px;
	margin: 0px 24px 0px 0px;
	font-size: 12px;
}
#about .column.column-4,
#services .column.column-4 {
	margin-right:0px;
}
#services li {
	margin:0px 0px 0px 0px;
	line-height: 22px;
	color: #f4f1ee;
  /*
	letter-spacing: 0.1em;
	*/
	letter-spacing: 0.06em;
}

#about h1, #services .title_line {
	text-transform:none;
	color: #fff;
	font-size:19px;
  font-family: 'Variable-Black', 'Open Sans', sans-serif;
	margin: 0px 0px 0px 0px;
	background-repeat:no-repeat;
	background-position:left center;
	background-size:30px auto;
	padding:16px 0px 16px 40px;
}
#about .column {
	font-size:13px;
}
#about h1 {
	font-size:20px;
	margin-bottom:-10px;
}
#about .column-1 h1 {
	background-image:url(images/icons/gear@2x.png);
}
#about .column-2 h1 {
	background-image:url(images/icons/people@2x.png);
}
#about .column-3 h1 {
	background-image:url(images/icons/wrench2@2x.png);
}
#about .column-4 h1 {
	background-image:url(images/icons/toolbox@2x.png);
}
#services li:first-child.title_line {
	margin-top:-16px;
}
#services .cycle_icon {
	background-image:url(images/icons/cycle@2x.png);
	background-size: auto 30px;
	padding-left: 32px;
	color: #ffffff;
	letter-spacing: 0.05em;
}
#services .magnify_icon {
	background-image:url(images/icons/magnify@2x.png);
	background-size: auto 30px;
	padding-left: 33px;
	color: #ffffff;
	letter-spacing: 0.05em;
}
#services .chain_icon {
	background-image:url(images/icons/chain@2x.png);
	color: #ffffff;
	letter-spacing: 0.05em;
}
#services .robot_icon {
	background-image:url(images/icons/robot@2x.png);
	color: #ffffff;
	letter-spacing: 0.05em;
}

#services .factory_icon {
	background-image:url(images/icons/factory@2x.png);
	color: #ffffff;
	letter-spacing: 0.05em;
}
#services .compass_icon {
	background-image:url(images/icons/compass@2x.png);
	background-size: auto 30px;
	padding-left: 20px;
	color: #ffffff;
	letter-spacing: 0.05em;
}
#services .wrench_icon {
	background-image:url(images/icons/wrench@2x.png);
	background-size: auto 30px;
	padding-left: 20px;
	color: #ffffff;
	letter-spacing: 0.05em;
}
/* END about/services */

/* BEGIN contact */
#contact_function_nav {
	margin-top: 19px;
	margin-right: 0px;
	min-width: 401px;
	max-width: 401px;
}
#contact_function_nav a {
	color: inherit;	
}
#contact_function_map {
	float: left;
	margin-top: 60px;
}
.contact_loc h3 {
	line-height: 25px;
	margin-bottom: 0px;
	margin-top: 0px;
}
.contact_loc h3 a {
	line-height: 25px;
	color: #fff;
	font-size: 18px;
	text-transform: none;
}
.contact_loc_info {
	height: 240px;
}
.contact_addr, .contact_tel, .contact_email, .contact_fax  {
	width: 200px;
	max-width: 200px;
	float: left;
	height: 100px;
	background-position: left top;
	background-repeat: no-repeat;
	background-size: auto 30px;
	padding-top: 34px;
	font-size: 13px;
	line-height: 16px;
	margin-top: 20px;
	letter-spacing: 0.06em;
}

span.contact_head {
	color: #ffffff;	
}
.addr_map {
	position: absolute;
	top:11px;
	left: 375px;
	width:375px;
	height:375px;
	cursor:pointer;
}
.addr_map img {
	width:375px;
	height:375px;
}
/*atlanta */
/*
div#addr_map_101.addr_map {
	top: 34px;	
}
*/
/* taipei */
/*
div#addr_map_105.addr_map {
	top: 63px;	
}
*/
/* san francisco */
/*
div#addr_map_103.addr_map {
	top: 92px;	
}
*/
/* mountain view */
/*
div#addr_map_102.addr_map {
	top: 121px;	
}
*/

/* new orleans */
/*
div#addr_map_104.addr_map {
	top: 150px;	
}
*/
.contact_addr {
	cursor: pointer;
	background-image: url(images/icons/building@2x.png);
}
.contact_tel {
	background-image: url(images/icons/phone@2x.png);
}
.contact_email {
	background-image: url(images/icons/mouse@2x.png);
}
.contact_fax {
	background-image: url(images/icons/files@2x.png);
}
/* END contact */

/* BEGIN cstm */
#cstm .gallery-padding {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#cstm .container {
	width: 1224px;
	max-width: 100%;
	overflow: hidden;
}
#cstm .recent-works-view-wrap {
	overflow: hidden;
	margin-top:54px;
}
#cstm .container .column, #cstm .container .columns {
	margin: 0px 12px 20px 12px;
	padding: 0px 0px 0px 0px;
	width: 281px;
}

.img-frame .mouse-effect,
.img-frame .extra-links {
	display:none;
	visibility: hidden;
	opacity: 0;
}
.img-frame img {
	opacity: 1 !important;	
}
.img-frame {
	cursor: pointer;
	background-color: #000;
	border: none;
	border-radius: 0px;
	box-shadow:none;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	/*
	box-shadow: 0 1px 1px #666;
	-moz-box-shadow: 0 1px 1px #666;
	-webkit-box-shadow: 0 1px 1px #666;
	*/
}
.gallery-padding .img-frame h5,
.gallery-padding .img-frame h5 a {
	color:#fff;
	font-size: 19px;
	line-height: 30px;
}
.img-frame p {
	font-size: 13px;
	/*
	letter-spacing: 0.1em;
	*/
	letter-spacing: 0.06em;
	line-height: 1.6em;
	color: #f4f1ee;
}
.img-frame h5 {
	border-bottom: none;
}
/* END cstm*/

section.topBar, section.topBar .container {
	min-height:90px;
	border-bottom: none;
}
.container {
	width: 1200px;
}