@charset "UTF-8";


/*===================================
  Works
=====================================*/
.works-index {
	padding:30px 0 50px 0;
	width:960px;
	overflow:hidden;
}
.works-index-in {
	width:1000px;	
}
.works-index-box {
	position:relative;
	width:465px;
	height:388px;
	float:left;
	background-color:#f5f4f1;
	margin:0 30px 18px 0;
}
.works-index-box a {
	text-decoration:none;	
}
.works-index-box h2 {
	font-size:18px;
	line-height:1.3;
	color:#b1aca0;
	padding:8px 18px 0 18px;
}
.works-index-box p {
	font-size:12px;
	text-align:right;
	padding:8px 18px 0 18px;
}
.works-index-box:hover {
	filter:alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
}

.works-single-main {
	padding:0 0 60px 0;
}
.works-single-main figure {
	width:570px;
	float:left;	
}
.works-single-main .works-single-cresit {
	width:360px;
	float:right;	
}
.works-single-main .works-single-cresit h2 {
	font-size:18px;
	line-height:1.5;
	color:#b1aca0;
	border-bottom:1px #e3e1dc solid;
	padding:0 0 4px 0;
	margin:0 0 20px 0;
}
.works-single-main .works-single-cresit table {
	border-collapse:collapse;
	border:none;	
}
.works-single-main .works-single-cresit th {
	border-bottom:8px #fff solid;
	background-color:#1d2a59;
	color:#fff;
	text-align:center;
	padding:1px 4px;
}
.works-single-main .works-single-cresit td {
	border-bottom:8px #fff solid;
	padding:1px 0 1px 12px;
}

.works-single-gallery {
	width:960px;
	padding:0 0 80px 0;
}
.works-single-gallery h3 {
	font-size:24px;
	font-weight:normal;
	line-height:1;
	border-top:1px #e3e1dc solid;
	padding:20px 0 30px 0;
}
.works-single-gallery h3 span {
	font-size:11px;
	padding:0 0 0 10px;
}
.works-single-gallery #tiles {
  list-style-type: none;
  position: relative; /** Needed to ensure items are laid out relative to this container **/
  margin: 0;
  padding: 0;
}
.works-single-gallery #tiles li {
  width: 225px;
}
.works-single-gallery #tiles li.inactive {
  visibility: hidden;
  opacity: 0;
}
.works-single-gallery #tiles li img {
  display: block;
}


@media screen and (max-width:760px) {
	
.works-index {
	padding:30px 0 30px 0;
	width:100%;
	overflow:hidden;
}
.works-index-in {
	width:100%;	
}
.works-index-box {
	position:relative;
	width:100%;
	height:auto;
	float:none;
	padding-bottom:15px;
	margin:0 0 15px 0;
}
.works-index-box img {
	width:100%;
	height:auto;
}
.works-index-box a {
	text-decoration:none;	
}
.works-index-box h2 {
	padding:8px 15px 0;
}
.works-index-box h2 br {
	display:none;
}
.works-index-box p {
	padding:8px 15px 0;
}

.works-single-main {
	padding:0 0 30px 0;
}
.works-single-main figure {
	width:100%;
	max-width:570px;
	float:none;	
}
.works-single-main figure img {
	width:100%;
	height:auto;
}
.works-single-main .works-single-cresit {
	width:100%;
	float:none;	
}
.works-single-main .works-single-cresit th {
	vertical-align:middle;
	font-size:13px;
}
.works-single-main .works-single-cresit td {
	font-size:13px;
}

.works-single-gallery {
	width:100%;
	padding:0 0 80px 0;
}
.works-single-gallery h3 {
	font-size:22px;
	font-weight:normal;
	line-height:1;
	border-top:1px #e3e1dc solid;
	padding:20px 0 30px 0;
}
.works-single-gallery h3 span {
	font-size:11px;
	padding:0 0 0 10px;
	
}
.works-single-gallery #tiles {
  list-style-type: none;
  position: relative; /** Needed to ensure items are laid out relative to this container **/
  margin: 0;
  padding: 0;
}
.works-single-gallery #tiles li {
  width: 225px;
}
.works-single-gallery #tiles li.inactive {
  visibility: hidden;
  opacity: 0;
}
.works-single-gallery #tiles li img {
  display: block;
}
	
}