/*
Theme Name: Ting Yi Ellipsis Theme
Theme URI: http://wordpress.org/themes/twentythirteen
Author: the WordPress team
Author URI: http://wordpress.org/
Description: The 2013 theme for WordPress takes us back to the blog, featuring a full range of post formats, each displayed beautifully in their own unique way. Design details abound, starting with a vibrant color scheme and matching header images, beautiful typography and icons, and a flexible layout that looks great on any device, big or small.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, brown, orange, tan, white, yellow, light, one-column, two-columns, right-sidebar, flexible-width, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready
Text Domain: twentythirteen

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


/**
 * Table of Contents:
 *
 * 1.0 - Reset
 * 2.0 - Repeatable Patterns
 * 3.0 - Basic Structure
 * 4.0 - Header
 *   4.1 - Site Header
 *   4.2 - Navigation
 * 5.0 - Content
 *   5.1 - Entry Header
 *   5.2 - Entry Meta
 *   5.3 - Entry Content
 *   5.4 - Galleries
 *   5.5 - Post Formats
 *   5.6 - Attachments
 *   5.7 - Post/Paging Navigation
 *   5.8 - Author Bio
 *   5.9 - Archives
 *   5.10 - Search Results/No posts
 *   5.11 - 404
 *   5.12 - Comments
 *   5.13 - Multisite
 * 6.0 - Sidebar
 *   6.1 - Widgets
 * 7.0 - Footer
 * 8.0 - Media Queries
 * 9.0 - Print
 * ----------------------------------------------------------------------------
 */


/**
 * 1.0 Reset
 *
 * Modified from Normalize.css to provide cross-browser consistency and a smart
 * default styling of HTML elements.
 *
 * @see http://git.io/normalize
 * ----------------------------------------------------------------------------
 */
@import url(https://fonts.googleapis.com/css?family=Lato:100,300,400);

*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding:0px;
  margin:0px;
}

html {
	font-size:100%;
	font-family: "Lato", sans-serif;
	font-weight: 400;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	font-size:12px;
}


body {
  color: #555;
  margin:0;
  width:100%;
}

footer{
	padding:16px 0px 16px 0px;
	font-size:1em;
	line-height:20px;
}

footer a{
	color:#1e1e1e;
}

.container {
  margin: 0 auto;
  max-width: 100rem;
  width: 90%;
  
}
.c{
	clear:both;
}
.r{
	position:relative;
}
td{
	vertical-align:top;
}
em{
	font-style:normal;
}

/* Header
   ========================================================================== */

header {
	height:90px;
	background:#FFF;
	margin-top:-5px;
}

header nav{
	margin-top:-5px;
	float:right;
}

header nav li{
	list-style:none;
	float:left;
	font-size:1em;
	margin-left:0.4em;
	padding:40px 0.4em 5px 0.4em;
	height:90px;
	line-height:16px;
	text-align:center;
}
nav ul a{
	height:100px;
	width:100px;
}
header li.selected, header li:hover{
	background:#1e1e1e;
	color:#DBB980;
	-webkit-box-shadow: 0px 0px 10px 0px #000;
	-moz-box-shadow: 0px 0px 10px 0px #000;
	box-shadow: 0px 0px 10px 0px #000;
	
}

.logo{
	text-indent:-9999em;
	float:left;
	width:230px;
	height:50px;
	background:url(images/logo@2x.png);
	background-size:100%;
	margin-top:18px;
	background-repeat:no-repeat;
}

#main{
	min-height:400px;
	background:#e2e2e2;
	padding:5px 0px 5px 0px;
}
.extras{
	text-align:right;
}
header h1 {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  color: #fff;
  padding: .4rem .6rem;
  display: inline-block;
  font-size: 1.8rem;
  text-transform: uppercase;
  margin-bottom: 2rem;
}

header p {
  color: #000;
  margin: 0 auto;
}



header a {
  color: #000;
}

header a:hover { text-decoration: none; }

.bg{
	overflow:hidden;
}
.bg img{
	height:100%;
	width:auto;
}


.banners{
	
}
.banner{
	width:100%;
	height:256px;
	background:#333;
	position:relative;
}
.banner .label{
	position:absolute;
	height:66px;
	bottom:0px;
	width:100%;
	line-height:66px;
	color:#FFF;
	background:url(images/1px50black.png);
	text-align:center;
	font-size:30px;
	font-weight:300;
}
.banner .bg{
	height:256px;
}

.contact-bg{
	position:relative;
	overflow:hidden;
	width:100%;
}
.contact-bg .overlay{
	background:url(images/1px50black.png);
	position:absolute;top:0px;left:0px;
	width:100%;
	height:100%;
}
.contact-bg img{
	height:100%;
	width:auto;
	margin-left:-345px;
   	filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale") ; /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
	-webkit-filter: grayscale(100%) blur(3px);
	-moz-filter: blur(3px);
	-o-filter: blur(3px);
	-ms-filter: blur(3px);
	filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale") blur(3px);
}
.contact-box{
	position:absolute;
	top:20px;
	width:400px;

	padding:10px;
	color:#FFF;
	left:50%;
	margin-left:-200px;
	font-size:16px;
}
.contact-box h2{
	letter-spacing:-1px;
	margin-bottom:10px;
}
.contact-box .black-box{
	background:url(images/1px50black.png);
}
.contact-box label{
	font-size:20px;
	line-height:32px;
	font-weight:300;
}
.contact-box input[type=text],.contact-box input[type=tel],.contact-box input[type=email]{
	width:100%;
	height:28px;
	line-height:28px;
	border:none;
	margin-bottom:5px;
}
.contact-box input[type=checkbox]{
	height:16px;
	width:16px;
	line-height:16px;
	border:none;
	margin-bottom:5px;
}
.black-box button{
	border:0px;
	line-height:20px;
	height:20px;
	padding:0 8px;
	color:#FFF;
	background:#DBB980;
	font-weight:700;
}
.black-box input{
	height:20px;
	line-height:20px;
	border: none;
	width:200px;
}
.contact-box button{
	width:70px;
	height:32px;
	border:0px;
	background:#818181;
	color:#FFF;
	font-size:16px;
	font-weight:normal;
}
button:hover{
	cursor:pointer;
	color:#DBB980;
	background:#1e1e1e;
}
.contact-box hr{
	width:100%;
	height:0px;
	border-top:solid 2px #FFF;
	border-style:dashed;
	margin:20px 0px 10px 0px;
}
.banners{
	overflow:hidden;
	position:relative;
	height:483px;
	
}
#banners{
	width:99999px;
	height:483px;
	overflow:visible;
	position:relative;
}
#banners ul{
	position:absolute;
	top:0px;left:0px;
}
#banners ul li{
	list-style:none;
	float:left;
}


.home-work-content,.home-work-media iframe{
	height:473px;
}
.home-work-media iframe{
	width:100%;
}
.home-work-content .fb-button{
	position:absolute;
	bottom:10px;
	left:0px;
}
.home-work-content .home-work-nav{
	position:absolute;
	bottom:40px;
	left:0px;
}
.black-box{
	background:#1e1e1e;
	padding:10px;
	color:#FFF;
	line-height:18px;
	position:relative;
}
.black-box hr{
	height:1px;
	background:#FFF;
	margin:20px 0px 20px 0px;
	width:100%;
}
.black-box h1{
	color:#DBB980;
	font-size:20px;
	line-height:24px;
	margin-bottom:10px;
}
.black-box h2{
	font-size:24px;
	color:#DBB980;
	line-height:30px;
}
.black-box h3{
	font-size:24px;
	color:#DBB980;
	line-height:24px;
}
.black-box em,.beige-box em{
	font-style:normal;
	font-size:12px;
	line-height:24px;
}
.black-box em{
	color:#DBB980;
}

.beige-box{
	background:#DBB980;
	padding:10px;
	color:#1e1e1e;
	line-height:16px;
	height:270px;
}
.beige-box em{
	color:#1e1e1e;
}
.beige-box h2{
	font-size:24px;
	color:#1e1e1e;
	line-height:30px;
}
.services{
	display:table;width:100%;
}
.center-box{
	text-align:center;
	display:table;
	height:280px;
	width:100%;
}
.service-box{
	width:100%;
	float:left;
	position:relative;
	height:158px;
}
.center-box .label{
	display:table-cell;
	vertical-align:middle;
}

.blur-3{
	-webkit-filter: blur(3px);
	-moz-filter: blur(3px);
	-o-filter: blur(3px);
	-ms-filter: blur(3px);
	filter: blur(3px);
	
    -webkit-transition: all 0.25s ease-out;
	-moz-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
}


.service-box .details-box{
	position:absolute;
	background:url(images/1px50black.png);
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	display:none;
}
.service-box .details{
	display:table;
	width:100%;
	height:100%;
	position:relative;
}

.service-box .details ul{
	text-indent:0;
	padding:0;
	vertical-align:middle;
	display:table-cell;
}
.service-box .details li{
	list-style:none;
	color:#FFF;
	text-align:center;
	width:100%;
	line-height:30px;
}
.about-center{
	overflow:hidden;
}
.about-center img{
	height:100%;
	width:auto;
	margin-left:-41px;
}
.news-block{
	height:256px;
	position:relative;
	width:100%;
	background:#333;
}
.news-block .label .date{
	display:none;
}
.news-block .news-img{
	height:256px;
	overflow:hidden;
}
.col-5 .news-block .news-img img{
	margin-left:-281px;
}
.col-6 .news-block .news-img img{
	margin-left:-241px;
}
.col-7 .news-block .news-img img{
	margin-left:-201px;
}
.news-block .news-img img{
	height:256px;
	width:auto;
	margin-left:-1px;
}
.news-block .label{
	position:absolute;
	bottom:0px;
	height:50px;
	line-height:50px;
	width:100%;
	font-size:24px;
	background:url(images/1px50black.png);
	font-weight:300;
	text-align:center;
	color:#FFF;
}


.down-arrow{
	width:10px;
	display:inline-block;
}
.block{
	position:relative;
	display:block;
	width:100%;
	height:270px;
}
.col-4 .block img{
	height:270px;
	width:auto;
	margin-left:-40px;
}
.col-5 .block img{
	height:270px;
	width:auto;
	margin-left:-50px;
}
.block .label{
	position:absolute;
	bottom:0px;
	left:0px;
	width:100%;
	height:50px;
	line-height:50px;
	font-size:24px;
	color:#FFF;
	background:url(images/1px50black.png);
	text-align:center;
	height:50px;
}
a .block{
	color:#FFF;
}

.loading{
	height:64px;
	width:100%;
}
.loading img{
	width:38px;
	height:38px;
	margin:0 auto;
}
.work-category-box{
	height:53px;
}
.work-category a{
	color:#DBB980;
}
.work-category,.work-category li{
	list-style:none;
}

.work-category{
	float:left;
	height:33px;
	width:163px;
	margin-left:20px;
	line-height:33px;
	font-weight:bold;
	position:relative;
	font-size:16px;
	z-index:100;
}
.work-category li{
	float:left;
	margin-right:10px;
	font-weight:300;
}
.work-category ul{
    display: none;
    list-style-type: none;
	background:#1e1e1e;
	left:-20px;
	width:183px;
	line-height:33px;
	font-size:14px;
	padding:10px 0px 0px 20px;
}
.work-category:hover ul
{
    display:block;
	position:absolute;
	top:33px;
	z-index:1000;
	
}
.thumbnail-box{
	width:100%;
	height:150px;
	position:relative;
}
.right-line{
	border-right:solid 1px #FFF;
}

.set-ctrl-box{
	background:rgba(0,0,0,0.5);
	width:40px;
	height:150px;
	position:absolute;
}
#next-set{
	right:0px;
}
#prev-set{
	left:0px;
	display:none;
}
.next-set{
	background-image:url(images/next-set@2x.png);
	background-size:100%;
	width:24px;
	height:28px;
	margin:61px 8px;
}
.prev-set{
	background-image:url(images/prev-set@2x.png);
	background-size:100%;
	width:24px;
	height:28px;
	margin:61px 8px;
}







.return,.prev,.next,.top,.prev-off,.next-off{
	width:44px;
	height:44px;
	float:left;
}

.return{
	background:url(images/return-button@2x.png);
	background-size:100%;
}
.prev{
	background:url(images/prev-button@2x.png);
	background-size:100%;
	margin-left:6px;
}
.next{
	background:url(images/next-button@2x.png);
	background-size:100%;
	margin-left:6px;
}
.prev-off{
	background:url(images/prev-button-off@2x.png);
	background-size:100%;
	margin-left:6px;
}
.next-off{
	background:url(images/next-button-off@2x.png);
	background-size:100%;
	margin-left:6px;
}
.pagination .next,.pagination .prev{
	text-indent:-9999em;
	margin:0px;
}
.pagination .next{
	float:right;
	
}
.top{
	background:url(images/top-button.png);
	background-size:100%;
	margin-left:6px;
}

.work .return,.work .prev,.work .next,.work .top,.work .prev-off,.work .next-off{
	width:50px;
	height:50px;
}

.work .black-box{
	padding:10px;
}

.work .prev{
	margin-left:10px;
}
.work .next{
	margin-left:10px;
}
.work .prev-off{
	margin-left:10px;
}
.work .next-off{
	margin-left:10px;
}
.work .top{
	margin-left:10px;
}

.fb-like{
	float:left;
	padding-left:6px;
}

.work .fb-like{
	padding-left:0px;
}

.work-img{
	overflow:hidden;
	height:330px;
}
.col-12 .work-img img{
	width:100%;
	height:auto;
	margin-top:-151px;
}
.col-7 .work-img img,.col-5 .work-img img{
	height:330px;
	width:auto;
}
.col-7 .work-img img{
	width:550px;
	height:auto;
	margin-top:-18px;
}
.col-5 .work-img img{
	margin-left:-52px;
}

.work-block{
	height:330px;
	background:#333;
	color:#FFF;
	position:relative;
	overflow:hidden;
}

.work-block .title{
	font-size:20px;
}
.work-block .excerpt{
	width:200px;
	line-height:20px;
}
.work-block .label{
	background:url(images/1px50black.png);
	width:100%;
	height:100%;
	position:absolute;
	padding:10px;
	bottom:-285px;
	
}
.work-block .label .title{
	margin:-10px 0px 8px 0px;
    line-height: 45px;
}
.work-block .label h2{
	font-size:24px;
}


/* Section
   ========================================================================== */


/* Mobile First Grid
   ========================================================================== */




/* Typography
   ========================================================================== */

h1, h2, h3, h4, h5 {
  font-weight: 300;
  margin: 0;
}

h1 {
  
}

h3 {
  
}


/* Lists
   ========================================================================== */

ul {
  margin: 0;
  text-align: left;
}


/* Links
   ========================================================================== */

a,a:link,a:visited{
	color:#1e1e1e;
	text-decoration:none;
}
a:hover{
	
}
#mobile-navigation a,#mobile-navigation a:link,#mobile-navigation a:visited{
	color:#DBB980;
}
.black-box a,.black-box a:link,.black-box a:visited{
	color:#DBB980;
}
.black-box a:hover{
	text-decoration:none;
}
/* Buttons
   ========================================================================== */

.button {

}

.button:hover {
  background: #5183b6;
  text-decoration: none;
}


/* Elements
   ========================================================================== */

hr {
  border: 0;
  border-top: 1px solid #ddd;
  margin: 2rem auto;
  width: 3rem;
}


img {
  display: block;
  height: auto;
  width: 100%;
  border:0px;
}


.about-box{
	height:300px;

}
.process-row{
	display:none;
}
.process{
	padding-top:40px;
}
.process ul {
	padding:0px;
}
.process ul li{
	list-style:none;
	clear:both;
}
.process ul li ul{
	padding-left:20px;
}
.process ul li ul li{
	list-style:disc;
}
.process-line{
	width:40px;
	float:left;
	margin-left:-10px;
}
.process hr{
	width:40px;
	height:2px;
	background:#DBB980;
	border:0px;
	margin:9px 0px 0px 0px;
}
.process-step{
	font-size:20px;
	width:160px;
	text-justify:inter-word;
	float:left;
	margin:0px 30px 0px 30px;
	text-align: justify;
	text-justify: inter-ideograph; 
	
}

.process-details{
	float:left;
	width:680px;
	padding-bottom:40px;
}

.process-box{
	height:200px;
}





.ca-box{
	height:300px;
}
.ca-box .bg{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:300px;
	overflow:hidden;
}
.ca-box img{
	height:310px;
	width:auto;
	margin-left:0px;
}
.ca-box ul{
	padding-left:20px;
}
.category{
}
.category li{
	list-style:none;
	float:left;
	height:33px;
	line-height:33px;
	padding:0px 10px;
	font-size:16px;
	width:152px;
}
.border-right{
	border-right: solid 1px #FFF;
}
.category li a,.category li a:link,.category li a:visited{
	color:#DBB980;
	font-weight:400;
}
.myth-a,.myth-b,.myth-c,.myth-d,.myth-e,.myth-f{
	float:left;
	width:100%;
}
.myth-a .black-box, .myth-b .black-box,.myth-d .black-box, .myth-e .black-box,
.myth-a .thumb, .myth-b .thumb,.myth-d .thumb, .myth-e .thumb,
.myth-a .thumb img, .myth-b .thumb img,.myth-d .thumb img, .myth-e .thumb img{
	height:200px;
	overflow:hidden;
}

.myth-a .thumb img, .myth-b .thumb img,.myth-d .thumb img, .myth-e .thumb img{
	width:auto;
	margin-left:-25px;
}
.myth-a, .myth-d,.myth-b,.myth-e{
	width:230px;
}

.dark-grey-bg{
	background:#646464;
}
.grey-bg{
	background:#a0a0a0;
}
.material-box,.assembly-box,.date-box{
	color:#FFF;
}

.material-box,.material-box .thumb, .material-box .details,.material-box .thumb img{
	height:400px;
}
.material-box .thumb{
	overflow:hidden;
	height:200px;
}
.material-box .thumb img{
	width:auto;
}
.material-box .details{
	padding:10px;
}

#materials .dark-grey-bg{
	margin-bottom:10px;
}
#materials .black-box{
	height:810px;
}

.assembly-box .bg,.assembly-box .details{
	float:left;
	height:300px;
}
.assembly-box{
	height:300px;
}


.assembly-box .bg{
	width:310px;
	overflow:hidden;
}

.assembly-box .bg img{
	height:300px;
	width:auto;
	margin-left:-40px;
}
.assembly-box .details{
	width:160px;
	padding:10px;
}




.date-box{
	height:150px;
	font-weight:300;
}
.date-box .year{
	font-size:24px;
	padding:10px 0px 0px 10px;
}
.date-box .month{
	font-size:20px;
	padding:0px 0px 0px 10px;
}
.date-box .name{
	font-size:24px;
	padding:4px 0px 0px 10px;
}

.meta{
	padding:10px 0px 10px 0px;
}
.caps{
	text-transform:uppercase;
}

#mobile-navigation{
	display:none;
}

.menu-icon{
	display:none;
	float:right;
	width:60px;
	height:60px;
	background:url(images/menu-icon.png);
	background-size:100%;
	margin-top:13px;
}
.close img{
	width:21px;
	height:14px;
	margin:15px auto 0px auto;
}

.process-table .step{
	float:left;width:300px;
}
.process-table .percentage{
	float:left;width:200px;
}

.service-split{
	float:left;width:100%;height:10px;
}
.service-img, .service-initial,.service-first{
	width:230px;
}
.service-img{
	float:left;
}
.service-initial,.service-first{
	float:left;
	margin-left:10px;
}
#thumbnails{
	width:9999em;
}
#thumbnails .thumb{
	width:150px;
	height:150px;
	float:left;
	overflow:hidden;
}
#thumbnails .thumb img{
	height:150px;
	width:auto;
	margin-left:-37px;
}
#thumbnails .thumb-space{
	margin-left:10px;
}
#thumbnails .thumb-row{
	width:960px;
	float:left;
}

.burn-box{
	height:220px;
	background:#a0a0a0;
	margin-top:10px;
	padding-top:5%;
	padding-left:25px;
}
.burn-box img{
	height:90%;
	width:auto;
	display:inline-block;
	margin-left:20px;
}
.fb-like{
	padding-top:10px;
}

#main-image,#tags{
	height:633px;
}
.tag-button{
	position:absolute;
	top:10px;
	right:10px;
	width:22px;
	height:22px;
	background:url(images/tag-button@2x.png);
	background-size:100%;
	display:none;
	
}
#tags{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	
}
.tag{
	width:45px;
	height:18px;
	position:absolute;
	background:url(images/tag@2x.png);
	background-size:100%;
}
.tag-content{
	background:#FFF;
	position:absolute;
	top:0px;
	left:0px;
	width:140px;
	height:160px;
	padding:5px;
	display:none;
	-webkit-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.3);
	box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.3);
}
.home-banner{
	width:960px;
}
.category li em{
	font-size:16px;
	display:none;
}

.service-category .beige-box{
	height:200px;
}
/* RESPONSIVE CSS */
.row{
	width:960px;
	margin:0 auto;
	clear:both;
}

.col-12, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2{
	float:left;
	margin:5px;
	overflow:hidden;
	position:relative;
}
.col-12{
	width:950px;
}
.col-10{
	width:790px;
}
.col-9{
	width:710px;
}
.col-8{
	width:630px;
}
.col-7{
	width:550px;
}
.col-6{
	width:470px;
}
.col-5{
	width:390px;
}
.col-4{
	width:310px;
}
.col-3{
	width:230px;
}
.col-2{
	width:150px;
}

.stick-left{
	float:left;
}
.stick-right{
	float:right;
}
@media only screen and (min-width:1200px){
	header {
		height:100px;
	}
	header nav li{
		padding:55px 0.4em 0px 0.4em;
		height:100px;
	}

	.row{
		width:1200px;
		margin:0 auto;
		clear:both;
	}
	
	.col-12, .col-10, .col-9, .col-8, .col-7,.col-6,.col-5,.col-4, .col-3, .col-2{
		float:left;
		margin:5px;
		position:relative;
	}
	.col-12{
		width:1190px;
	}
	.col-10{
		width:990px;
	}
	.col-9{
		width:890px;
	}
	.col-8{
		width:790px;
	}
	.col-7{
		width:690px;
	}
	.col-6{
		width:590px;
	}
	.col-5{
		width:490px;
	}
	.col-4{
		width:390px;
	}
	.col-3{
		width:290px;
	}
	.col-2{
		width:190px;
	}
	.stick-left{
		float:left;
	}
	.stick-right{
		float:right;
	}
	.logo{
		width:290px;
		height:63px;
		margin-top:18px;
	}
	.home-banner{
		width:1200px;
	}
	.banners{
		height:603px;
	}
	.banner{
		height:320px;
	}
	
	.banner .bg{
		height:320px;
	}
	.service-box{
		height:200px;
	}
	.about-box{
		height:320px;
	}
	.about-center img{
		margin-left:0px;
	}
	
	.col-4 .block img{
		margin-left:0px;
	}
	.col-5 .block img{
		margin-left:0px;
	}
	
	
	.tag{
		width:56px;
		height:23px;
	}
	.tag-content{
		width:160px;
		height:200px;
		font-size:14px;
	}
	
	
	
	.process-line{
		width:50px;
		margin-top:-3px;
	}
	.process hr{
		width:50px;
		margin:11px 0px 0px 0px;
	}
	.process-step{
		font-size:24px;
		width:180px;
		margin:0px 40px 0px 40px;
		
	}
	.process-details{
		float:left;
		width:870px;
		font-size:14px;
		padding-bottom:40px;
	}
	.service-category .beige-box{
		height:260px;
	}
	.process-box{
		height:260px;
	}
	.contact-bg img{
		margin-left:-225px;
	}
	.ca-box{
		height:330px;
	}
	
	.ca-box .bg{
		height:330px;

	}
	.ca-box img{
		height:330px;
		margin-left:0px;
	}
	
	.date-box{
		height:190px;
	}
	
	
	.myth-a, .myth-d,.myth-b,.myth-e{
		width:290px;
	}
	.myth-a .thumb img, .myth-d .thumb img,.myth-b .thumb img,.myth-e .thumb img{
		margin-left:0px;
	}

	
	
	#materials .black-box{
		height:810px;
	}
	
	.assembly-box .bg,.assembly-box .details{
		height:300px;
	}
	.assembly-box{
		height:300px;
	}
	.assembly-box .bg{
		width:390px;
		overflow:hidden;
	}
	.assembly-box .bg img{
		height:300px;
		width:auto;
		margin-left:0px;
	}
	.assembly-box .details{
		width:200px;
	}
	
	
	
	
	.news-block{
		height:320px;
		position:relative;
		width:100%;
		background:#333;
	}
	.news-block .news-img{
		height:320px;
	}
	.news-block .news-img img{
		height:320px;
		margin-left:0px;
	}
	.news-block .label{
		height:50px;
		line-height:50px;
		font-size:24px;
	}
	.col-5 .news-block .news-img img{
		margin-left:-350px;
	}
	.col-6 .news-block .news-img img{
		margin-left:-300px;
	}
	.col-7 .news-block .news-img img{
		margin-left:-250px;
	}

	.category li{
		padding:0px 20px;
		width:192px;
	}
	
	.fb-like{
		padding-top:16px;
	}
	
	
	.black-box h1{
		color:#DBB980;
		font-size:24px;
		font-weight:300;
	}
	
	.process-table .step{
		width:400px;
	}
	.process-table .percentage{
		width:300px;
	}
	
	
	.work-category{
		height:33px;
		width:213px;
		line-height:33px;
		font-size:14px;
	}
	
	.work-category ul{
		width:233px;
	}
	
	.col-12 .work-img img{
		width:100%;
		height:auto;
		margin-top:-231px;
	}
	.col-7 .work-img img,.col-5 .work-img img{
		height:330px;
		width:auto;
	}
	.col-7 .work-img img{
		width:690px;
		height:auto;
		margin-top:-65px;
	}
	.col-5 .work-img img{
		margin-left:-2px;
	}
	
	.service-img, .service-initial,.service-first{
		width:290px;
	}
	
		
	.set-ctrl-box,.thumbnail-box{
		height:190px;
	}
	.set-ctrl-box{
		width:50px;
	}
	.next-set{
		width:30px;
		height:34px;
		margin:78px 10px;
	}
	.prev-set{
		width:30px;
		height:34px;
		margin:78px 10px;
	}

	#thumbnails .thumb{
		width:190px;
		height:190px;
	}
	#thumbnails .thumb img{
		height:190px;
		width:auto;
		margin-left:-47px;
	}
	.thumb-space{
		margin-left:10px;
	}
	#thumbnails .thumb-row{
		width:1200px;
	}
	#main-image,#tags{
		height:793px;
	}
	.home-work-content,.home-work-media iframe{
		height:593px;
	}
	.burn-box{
		height:326px;
	}
	.burn-box img{
		margin-left:10px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 960px) {
	.row{
		width:768px;
		margin:0 auto;
		clear:both;
	}
	.col-12, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2{
		float:left;
		margin:4px;
		position:relative;
	}
	.col-12{
		width:760px;
	}
	.col-10{
		width:632px;
	}
	.col-9{
		width:568px;
	}
	.col-8{
		width:504px;
	}
	.col-7{
		width:440px;
	}
	.col-6{
		width:376px;
	}
	.col-5{
		width:312px;
	}
	.col-4{
		width:248px;
	}
	.col-3{
		width:184px;
	}
	.col-2{
		width:120px;
	}
	.stick-left{
		float:left;
	}
	.stick-right{
		float:right;
	}
	.col-4 .block img{
		margin-left:-71px;
	}
	.col-5 .block img{
		margin-left:-79px;
	}
	
	header {
		height:89px;
		margin-top:-4px;
	}
	header nav li{
		padding:45px 0.4em 0px 0.4em;
		height:90px;
	}
	.home-banner{
		width:768px;
	}
	.logo{
		width:230px;
		height:50px;
		margin-top:17px;
	}
	
	.service-category .beige-box{
		height:160px;
	}
	.tag{
		width:36px;
		height:14px;
	}
	.tag-content{
		width:130px;
		height:150px;
		font-size:11px;
	}
	.work-category-box{
		height:42px;
	}
	
	.black-box,.beige-box{
		padding:8px;
	}
	.black-box h3,.beige-box h3{
		font-size:20px;
	}
	.black-box h2,.beige-box h2{
		font-size:16px;
		line-height:20px;
	}
	.black-box em,.beige-box em{
		font-size:10px;
		line-height:20px;
	}
	.about-box{
		height:380px;
	}
	.service-box{
		height:126px;
	}
	.about-center img{
		margin-left:-162px;
	}
	.banner,.banner .bg{
		height:205px;
	}
	.beige-box{
		line-height:16px;
	}
	.process-line{
		width:32px;
		margin-left:-8px;
		margin-top:-7px;
	}
	.process hr{
		width:32px;
		margin:8px 0px 0px 0px;
	}
	.process-step{
		font-size:18px;
		width:140px;
		margin:0px 20px 0px 20px;
		
	}
	.process-details{
		float:left;
		width:540px;
		padding-bottom:32px;
	}
	.process-box{
		height:158px;
		padding:4px;
	}
	
	.contact-bg img{
		margin-left:-440px;
	}
	
	.ca-box{
		height:280px;
	}
	.ca-box .bg{
		height:280px;

	}
	.ca-box img{
		height:280px;
		margin-left:-52px;
	}
	.banner .label {
		height:52px;
		line-height:52px;
		font-size:24px;
	}
	
	.date-box{
		height:120px;
	}
	.date-box .year{
		font-size:20px;
		padding:10px 0px 0px 10px;
	}
	.date-box .month{
		font-size:16px;
		padding:0px 0px 0px 10px;
	}
	.date-box .name{
		font-size:20px;
		padding:2px 0px 0px 10px;
	}
	.material-box .details{
		padding:4px;
	}
	#materials .dark-grey-bg{
		margin-bottom:8px;
	}
	
	.myth-a, .myth-d, .myth-b,.myth-e{
		width:184px;
	}
	
	
	
	.assembly-box .bg,.assembly-box .details{
		height:300px;
	}
	.assembly-box{
		height:300px;
	}
	.assembly-box .bg{
		width:248px;
		overflow:hidden;
	}
	.assembly-box .bg img{
		height:300px;
		width:auto;
		margin-left:-71px;
	}
	.assembly-box .details{
		width:128px;
		padding:4px;
	}
	
	
	.news-block{
		height:205px;
	}
	.news-block .news-img{
		height:205px;
	}
	.news-block .news-img img{
		height:205px;
		margin-left:-1px;
	}
	.news-block .label{
		height:40px;
		line-height:40px;
		font-size:20px;
	}
	.col-5 .news-block .news-img img{
		margin-left:-225px;
	}
	.col-6 .news-block .news-img img{
		margin-left:-337px;
	}
	.col-7 .news-block .news-img img{
		margin-left:-161px;
	}
	
	
	.category li{
		height:26px;
		line-height:26px;
		padding:0px 8px;
		font-size:14px;
		width:123px;
	}
	.category li em{
		font-size:14px;
	}
	.return,.prev,.next,.top,.prev-off,.next-off{
		width:35px;
		height:35px;
	}
	
	.fb-like{
		padding-top:7px;
	}
	
	.work .return,.work .prev,.work .next,.work .top,.work .prev-off,.work .next-off{
		width:40px;
		height:40px;
	}
	
	.work .black-box{
		padding:8px;
		font-size:10px;
	}
	
	.work .prev{
		margin-left:8px;
	}
	.work .next{
		margin-left:8px;
	}
	.work .prev-off{
		margin-left:8px;
	}
	.work .next-off{
		margin-left:8px;
	}
	.work .top{
		margin-left:8px;
	}
	
	
	.work-category{
		height:26px;
		width:132px;
		line-height:26px;
		font-size:14px;
		margin-left:16px;
	}
	.work-category ul{
		width:148px;
		font-size:12px;
		left:-16px;
		padding:8px 0px 0px 16px;
	}
	.work-category:hover ul{
		top:23px;
	}
	.work-category li{
		margin-right:8px;
	}
	
	.col-12 .work-img img{
		width:100%;
		height:auto;
			margin-top:-88px;
	}
	.col-7 .work-img img,.col-5 .work-img img{
		height:330px;
		width:auto;
	}
	.col-7 .work-img img{
		margin-top:0px;
		margin-left:-27px;
	}
	.col-5 .work-img img{
		margin-left:-91px;
		
	}
	
	.service-img, .service-initial,.service-first{
		width:184px;
	}
	.service-initial,.service-first{
		margin-left:8px;
	}
	
	#main-image,#tags{
		height:506px;
	}
	
	
	.set-ctrl-box,.thumbnail-box{
		height:120px;
	}
		
	.set-ctrl-box{
		width:32px;
	}
	.next-set{
		width:20px;
		height:22px;
		margin:49px 6px;
	}
	.prev-set{
		width:20px;
		height:22px;
		margin:49px 6px;
	}
	
	#thumbnails .thumb{
		width:120px;
		height:120px;
	}
	#thumbnails .thumb img{
		height:120px;
		width:auto;
		margin-left:-30px;
	}
	#thumbnails .thumb-space{
		margin-left:8px;
	}
	#thumbnails .thumb-row{
		width:768px;
	}
	.home-work-content,.home-work-media iframe{
		height:379px;
		line-height:14px;
	}
	.banners{
		height:387px;
	}
	.black-box hr{
		margin:14px 0px 14px 0px;
	}
	.process-line hr{
		margin-top:8 px;
	}
	.burn-box{
		margin-top:8px;
		height:166px;
		padding-left:16px;
	}
	
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
	
	.row{
		width:480px;
		margin:0 auto;
		clear:both;
	}
	.col-12, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2{
		float:left;
		margin:3px 10px 3px 10px;
		position:relative;
	}
	.col-12{
		width:460px;
	}
	.col-10{
		width:460px;
	}
	.col-9{
		width:460px;
	}
	.col-8{
		width:460px;
	}
	.col-7{
		width:460px;
	}
	.col-6{
		width:460px;
	}
	.col-5{
		width:460px;
	}
	.col-4{
		width:460px;
	}
	.col-3{
		width:460px;
	}
	.col-2{
		width:460px;
	}
	
	.logo{
		width:286px;
		height:62px;
		margin-top:13px;
	}
	
	header{
		height:90px;
		z-index:1000;
	}
	
	.work-category-box{
		height:auto;
	}
	
	.extras{
		text-align:left;
	}
	nav{
		position:relative;
		left:0px;
		float:none;
		width:100%;
		background:#1e1e1e;
		z-index:1;
		height:100%;
	}
	nav a{
		color:#DBB980;
	}
	nav li,nav li.selected,nav li:hover{
		width:460px;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		padding:0 10px;
		height:45px;
		line-height:45px;
		text-align:center;
		margin:0 auto;
		list-style:none;
		font-size:14px;
	}
	nav a:hover{
		color:#FFF;
		
	}
	.assembly-box .details{
		padding:5px;
		width:150px;
	}
	header nav li{
		margin:0px;
		padding:0px;
		height:30px;
	}
	.down-arrow{
		display:none;
	}
	
	#site-navigation{
		display:none;
	}
	.home-work-content .home-work-nav{
		bottom:6px;
		left:auto;
		right:4px;
	}
	.menu-icon{
		display:block;
	}
	.service-category .beige-box{
		height:112px;
	}
	.home-work-content,.home-work-media,.home-work-media iframe{
		height:280px;
	}
	.banners{
		height:572px;
	}
	.home-banner{
		width:460px;
		margin-right: 10px;
	}
	.banner,.banner .bg,.banner img{
		height:150px;
	}
	.banner .label{
		background:none;
		font-size:22px;
		line-height:150px;
		float:left;
		padding:0 20px;
		top:0px;
		left:0px;
		text-align:left;
		font-weight:400;
	}
	.contact-bg img{
		visibility:hidden;
		height:680px;
	}
	.contact-box{
		font-size:12px;
	}
	.contact-box hr{
		height:1px;
	}
	.contact-box .black-box{
		background:none;
		padding:0px;
		width:300px;
		margin:0 auto;
	}
	.contact-box h2{
		text-align:center;
		font-size:14px;
	}
	.contact-box label{
		font-size:12px;
		line-height:28px;
	}
	.contact-box input[type=text]{
		line-height:24px;
		height:24px;
		margin-bottom:0px;
	}
	.contact-box input[type=checkbox]{
		margin-bottom:0px;
	}
	
	.contact-box button{
		height:20px;
		line-height:20px;
		font-size:12px;
	}
	
	.news-block,.news-block .news-img,.news-block .news-img img{
		height:195px;
	}
	.col-5 .news-block .news-img img,
	.col-6 .news-block .news-img img,
	.col-7 .news-block .news-img img,
	.news-block .news-img img{
		margin-left:-247px;
	}
	.news-block .label{
		background:#1e1e1e;
		height:100%;
		width:50%;
		left:50%;
		font-size:14px;
		padding:8px;
		text-align:left;
		line-height:20px;
	}
	.news-block .label .date{
		display:block;
	}
	.process-box{
		height:112px;
	}
	.process-box h2,.process-box em{
		font-size:14px;
		line-height:20px;
	}
	
	.process-row hr{
		display:none;
	}
	.process-step{
		color:#DBB980;
		font-size:12px;
		width:90px;
		margin:0px;
	}
	.process-details{
		width:350px;
	}
	
	.process-table .step{
		width:100%;
		float:none;
	}
	.process-table .percentage{
		width:100%;
		padding-left:20px;
		float:none;
	}
	
	.right-line{
		border:none;
	}
	.work-category{
		width:134px;
		margin-left:10px;
		height:auto;
	}
	.black-box h2{
		font-size:20px;
		line-height:24px;
	}
	.black-box hr {
		margin:10px 0px;
	}
	.black-box{
		line-height:14px;
	}
	.work-category ul{
		display: block;
		background:none;
		padding:0px;
	}
	.work-category:hover ul
	{
		position:relative;
		top:auto;
		left:0px;
		
	}
	.all-category{
		display:none;
	}

	.col-12 .work-img img,.col-5 .work-img img,.col-7 .work-img img{
		height:100%;
		width:auto;
		margin-top:0px;
		margin-left:-15px;
	}
	
	
	.service-box{
		height:62px;
		line-height:21px;
	}
	.service-box h2,.service-box em{
		font-size:12px;
		display:inline-block;
		line-height:21px;
	}
	.service-split{
		height:6px;
	}
	.details-box{
		display:block;
	}
	.service-box .details-box{
		background:none;
		position:relative;
	}
	.service-box .label{
		display:block;
	}
	.service-box .details{
		float:left;
		width:100%;
	}
	.service-box .details ul{
		clear:left;
		float:left;
		list-style:none;
		position:relative;
		left:50%;
		text-align:center;
	}
	.service-box .details li{
		display:inline-block;
		width:auto;
		display:block;
		line-height:21px;
		float:left;
		list-style:none;
		position:relative;
		right:50%;
	}
	
	.service-img, .service-initial,.service-initial .black-box{
		width:227px;
		height:225px;
		overflow:hidden;
	}
	.service-img img{
		margin-top:-95px;

	}
	.service-img{
		float:right;
		margin-left:6px;
	}
	.service-initial{
		margin-left:0px;
	}
	
	
	.service-initial .black-box{
		display:table;
	}
	.service-initial .black-box .label{
		display:table-cell;
		vertical-align:middle;
	}
	.service-initial .black-box h2,.service-initial .black-box em{
		display:block;
		font-size:16px;
	}
	.service-first{
		margin:0px;
		width:100%;
		float:none;
	}

	.service-box li + li:before {
		content: "\00a0 / ";
	}
	.about-box{
		height:auto;
	}
	#about-center{
		display:none;
	}
	
	#main-image,#tags{
		height:307px;
	}
	
	.set-ctrl-box,.thumbnail-box{
		height:308px;
	}
	.set-ctrl-box{
		width:32px;
	}
	.next-set{
		width:20px;
		height:22px;
		margin:143px 6px;
	}
	.prev-set{
		width:20px;
		height:22px;
		margin:143px 6px;
	}

	
	#thumbnails .thumb{
		width:148px;
		height:148px;
		margin-top:3px;
		margin-bottom:3px;
	}
	#thumbnails .thumb img{
		height:148px;
		width:auto;
		margin-left:-37px;
	}
	#thumbnails .thumb-space{
		margin-left:8px;
	}
	#thumbnails .thumb-row{
		width:468px;
	}
	#thumbnails .thumb-clear{
		margin-left:0px;
	}
	.border-right{
		border:none;
	}
	
	.tag,.tag-button{
		display:none;
	}
	.category{
		height:90px;
		padding:10px 0px 10px 8px ;
	}
	.category li{
		height:35px;
		line-height:35px;
		font-size:14px;
		width:146px;
	}
	.category li em{
		font-size:14px;
	}
	#materials .black-box{
		height:auto;
	}
	.myth-a, .myth-d,.myth-b,.myth-e,#myth .row .col-3{
		width:230px;
	}
	#myth .row .col-3{
		margin:3px;
	}
	.myth-a,.myth-d{
		margin:0px 0px 0px 7px;
	}
	.myth-b,.myth-e{
		margin:0px 7px 0px 0px;
	}
	.burn-box{
		margin-top:6px;
	}
	.col-4 .block img{
		height:auto;
		width:100%;
		margin-left:0px;
		margin-top:-24px;
	}
	.col-5 .block img{
		height:270px;
		width:auto;
		margin-left:-15px;
	}
}


@media only screen and (max-width: 479px) {
	
	.row{
		width:320px;
		margin:0 auto;
		clear:both;
	}
	.col-12, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2{
		float:left;
		margin:2px 10px 2px 10px;
		position:relative;
	}
	.col-12{
		width:300px;
	}
	.col-10{
		width:300px;
	}
	.col-9{
		width:300px;
	}
	.col-8{
		width:300px;
	}
	.col-7{
		width:300px;
	}
	.col-6{
		width:300px;
	}
	.col-5{
		width:300px;
	}
	.col-4{
		width:300px;
	}
	.col-3{
		width:300px;
	}
	.col-2{
		width:300px;
	}
	
	.logo{
		width:189px;
		height:41px;
		margin-top:9px;
	}
	.menu-icon{
		width:40px;
		height:40px;
		display:block;
		margin-top:10px;
	}
	
	header{
		height:60px;
	}
	
	#site-navigation{
		display:none;
	}
	
	nav{
		position:relative;
		left:0px;
		float:none;
		width:100%;
		background:#1e1e1e;
		z-index:1;
		height:100%;
	}
	nav a{
		color:#DBB980;
	}
	nav li,nav li.selected,nav li:hover{
		width:300px;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		padding:0 10px;
		height:45px;
		line-height:45px;
		text-align:center;
		margin:0 auto;
		list-style:none;
		font-size:14px;
	}
	nav a:hover{
		color:#FFF;
		
	}
	.extras{
		text-align:left;
	}
	header nav li{
		margin:0px;
		padding:0px;
		height:30px;
	}
	.home-work-content{
		height:260px;
	}
	.home-work-media,.home-work-media iframe{
		height:200px;
	}
	.banner,.banner .bg,.banner img{
		height:100px;
	}
	.banner .label{
		background:none;
		font-size:14px;
		line-height:100px;
		float:left;
		padding:0 10px;
		top:0px;
		left:0px;
		text-align:left;
		font-weight:400;
	}
	.contact-bg img{
		visibility:hidden;
		height:680px;
	}
	.black-box h2{
		font-size:16px;
		line-height:18px;
	}
	.black-box hr {
		margin:8px 0px;
	}
	.black-box{
		line-height:14px;
	}
	.down-arrow{
		display:none;
	}
	.contact-box{
		font-size:12px;
	}
	.contact-box hr{
		height:1px;
	}
	.contact-box .black-box{
		background:none;
		padding:0px;
		width:200px;
		margin:0 auto;
	}
	.contact-box h2{
		text-align:center;
		font-size:14px;
	}
	.contact-box label{
		font-size:12px;
		line-height:28px;
	}
	.contact-box input[type=text]{
		line-height:24px;
		height:24px;
		margin-bottom:0px;
	}
	.contact-box input[type=checkbox]{
		margin-bottom:0px;
	}
	
	.contact-box button{
		height:20px;
		line-height:20px;
		font-size:12px;
	}
	.news-block,.news-block .news-img,.news-block .news-img img{
		height:130px;
	}
	.col-5 .news-block .news-img img,
	.col-6 .news-block .news-img img,
	.col-7 .news-block .news-img img,
	.news-block .news-img img{
		margin-left:-166px;
	}
	.news-block .label{
		background:#1e1e1e;
		height:100%;
		width:50%;
		left:50%;
		font-size:12px;
		padding:8px;
		text-align:left;
		line-height:20px;
	}
	.news-block .label .date{
		display:block;
	}
	
	.process-box{
		height:75px;
		
	}
	.process-box h2,.process-box em{
		font-size:12px;
		line-height:20px;
	}
	
	.process-row hr{
		display:none;
	}
	.process-step{
		color:#DBB980;
		font-size:12px;
		width:90px;
		margin:0px;
	}
	.process-details{
		width:190px;
		font-size:10px;
	}
	.process-table .step{
		width:100%;
		float:none;
	}
	.process-table .percentage{
		width:100%;
		padding-left:20px;
		float:none;
	}
	
	.right-line{
		border:none;
	}
	.work-category{
		width:93px;
		margin-left:0px;
		height:auto;
		font-size:14px;
	}
	.work-category li{
		margin-right:5px;
		font-size:12px;
	}
	.work-block, .work-img{
		height:290px;
	}
	.work-block .excerpt{
		width:280px;
	}
	
	.work-category ul{
		display: block;
		background:none;
		padding:0px;
	}
	.work-category:hover ul
	{
		position:relative;
		top:auto;
		left:0px;
	}
	.all-category{
		display:none;
	}
	
	
	.work-category-box{
		height:auto;
	}
	
	
	
	.col-12 .work-img img,.col-5 .work-img img,.col-7 .work-img img{
		height:100%;
		width:auto;
		margin-top:0px;
		margin-left:-67px;
	}
	.work-block .label{
		bottom:-245px;
	}
	
	.service-box{
		height:40px;
		line-height:16px;
	}
	.service-box h2,.service-box em{
		font-size:12px;
		display:inline-block;
		line-height:16px;
	}
	.service-split{
		height:4px;
	}
	.details-box{
		display:block;
	}
	.service-category .beige-box{
		height:75px;
	}
	.service-box .details-box{
		background:none;
		position:relative;
	}
	.service-box .label{
		display:block;
	}
	.service-box .details{
		float:left;
		width:100%;
	}
	.service-box .details ul{
		clear:left;
		float:left;
		list-style:none;
		position:relative;
		left:50%;
		text-align:center;
	}
	.service-box .details li{
		display:inline-block;
		width:auto;
		display:block;
		line-height:16px;
		float:left;
		list-style:none;
		position:relative;
		right:50%;
	}
	
	
	.service-img, .service-initial,.service-initial .black-box{
		width:148px;
		height:150px;
		overflow:hidden;
	}
	.service-img img{
		margin-top:-59px;

	}
	.service-img{
		float:right;
		margin-left:4px;
	}
	.service-initial{
		margin-left:0px;
	}
	
	
	.service-initial .black-box{
		display:table;
	}
	.service-initial .black-box .label{
		display:table-cell;
		vertical-align:middle;
	}
	.service-initial .black-box h2,.service-initial .black-box em{
		display:block;
		font-size:12px;
	}
	.service-first{
		margin:0px;
		width:100%;
		float:none;
	}

	
	.service-box li + li:before {
		content: "\00a0 / ";
	}
	.about-box{
		height:auto;
	}
	#about-center{
		display:none;
	}
	#main-image,#tags{
		height:200px;
	}
	
	.set-ctrl-box,.thumbnail-box{
		height:204px;
	}
	.set-ctrl-box{
		width:24px;
	}
	.next-set{
		width:14px;
		height:15px;
		margin:95px 5px;
	}
	.prev-set{
		width:14px;
		height:15px;
		margin:95px 5px;
	}
	
	#thumbnails .thumb-row{
		width:320px;
	}
	.tag,.tag-button{
		display:none;
	}

	.home-work-content .home-work-nav{
		bottom:6px;
		left:auto;
		right:4px;
	}
	
	#thumbnails .thumb{
		width:96px;
		height:96px;
		margin-top:3px;
		margin-bottom:3px;
	}
	#thumbnails .thumb img{
		height:96px;
		width:auto;
		margin-left:-24px;
	}
	#thumbnails .thumb-space{
		margin-left:6px;
	}
	#thumbnails .thumb-row{
		width:306px;
	}
	#thumbnails .thumb-clear{
		margin-left:0px;
	}
	
	.border-right{
		border:none;
	}
	.category{
		height:90px;
		padding:10px 0px 10px 0px ;
	}
	.category li{
		height:35px;
		line-height:35px;
		font-size:14px;
		width:93px;
	}
	#materials .black-box{
		height:auto;
	}
	.myth-a, .myth-d,.myth-b,.myth-e{
		width:300px;
	}
	
	.myth-a .thumb img, .myth-d .thumb img,.myth-b .thumb img,.myth-e .thumb img{
		margin:0px;
		width:300px;
	}
	.burn-box{
		margin-top:4px;
		padding-left:5px;
	}
	.burn-box img{
		height:150px;
		margin-left:15px;
		padding-top:30px;
	}
	.col-4 .block img{
		margin-left:-45px;
	}
	.col-5 .block img{
		height:270px;
		width:auto;
		margin-left:-95px;
	}
	
	.banners,#banners,.home-banner{
		height:468px;
	}
	.home-banner{
		width:320px;
	}
	.ca-box img{
		height:300px;
		width:auto;
		margin-left:-80px;
	}
	.assembly-box .details{
		width:100%;
		height:150px;
		background:#a0a0a0;
	}
	.assembly-box .bg img{
		margin-left:-45px;
	}
}