* {
	margin:0; 
	padding:0;
}
ul, ol, dl, p, h1, h2, h3, h4, h5, h6, address, form, table, blockquote, applet, embed, object, iframe, frameset{margin:0 0 14px;}
html, body, div, span, applet, embed, object, iframe, frameset,
p, q, blockquote, sub, sup, a, abbr, acronym, font, img, small, center,
h1, h2, h3, h4, h5, h6, b, strong, big, u, ins,
i, cite, em, var, dfn, address, s, strike, del,
dl, dt, dd, ol, ul, li, pre, code, kbd, samp, tt,
fieldset, legend, form, label, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, footer, header,
hgroup, menu, nav, section, summary, time, mark, audio,video{
	border:0;
	background:none;
}
body {
	color:#000;
	font:14px/1.3 'HelveticaNeueW01-55Roma', Helvetica, Arial, sans-serif;
	background:#fff;
	min-width:320px;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:none;
}
a {
	text-decoration:none;
	color:#000;
}
a:hover,
a:active {
	background-color:#000;
	color:#fff;
	text-decoration:none;
}
input, textarea, select {
	font:100% Helvetica, Arial, sans-serif;
	vertical-align:middle;
	color:#000;
	overflow: auto;
}
label{vertical-align:middle;}
button, input{
	width: auto;
	overflow: visible;
}
[type=submit]:hover, [type=image]:hover {cursor:pointer;}
h1, h2, h3, h4, h5, h6, b, th{font-weight:normal;font-family:'HelveticaNeueW01-55Roma', Helvetica, Arial, sans-serif;}
h1{font-size:200%;}
h2{font-size:150%;}
h3{font-size:120%;}
h4{font-size:110%;}
h5{font-size:100%;}
h6{font-size:90%;}
i, cite, em, var, dfn, address{font-family:'HelveticaNeueW01-56It', Helvetica, Arial, sans-serif;font-style:normal;}
u, ins {text-decoration: underline;}
s, strike, del {text-decoration: line-through;}
blockquote, blockquote:before, blockquote:after, q, q:before, q:after {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';}
table, caption, tbody, tfoot, thead, tr, th, td{
	border-collapse: collapse;
	border-spacing: 0;
}
th, td{
	border:1px solid #ccc;
	padding:3px 7px;
	text-align:left;
	vertical-align:top;
}
th{
	border-color:#999;
	text-align:center;
	vertical-align:middle;
}
ul{margin-left:1px;}
ul li, ol li{list-style-position:inside;}
ul li{list-style-type:disc;}
img {vertical-align:top;}
#wrapper {
	max-width:1020px;
	margin:0 auto;
	padding:18px 10px;
}
#nav {
	margin:0 0 26px;
	overflow:hidden;
}
#nav li {
	float:left;
	list-style:none;
}
#nav a {
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	text-decoration:none;
	height:39px;
	width:350px;
	background:url(images/bg-nav.png) no-repeat;
}
#nav a.home:hover {background-position:0 -40px;}
#nav a.project {background-position:-350px 0;}
#nav .active a.project,
#nav a.project:hover {background-position:-350px -40px;}
#nav a.information {background-position:-700px 0;width:320px;}
#nav .active a.information,
#nav a.information:hover {background-position:-700px -40px;}
.gallery {
	width:100%;
	position:relative;
	border-bottom:1px solid #b8b8b8;
	padding:0 0 9px;
}
.gallery .gmask {
	width:100%;
	overflow:hidden;
	position:relative;
}
.gallery .gmask ul {
	overflow:hidden;
	width:9999px;
	margin:0;
}
.gallery .gmask li {
	float:left;
	width:1020px;
	list-style:none;
}
.gallery .gmask img {
	display:block;
	width:100%;
	height:auto;
	margin:1px 0 20px 0;
}
.gallery h2 {
	font-size:14px;
	line-height:20px;
	margin:0 0 10px;
}
.gallery h2 span {
	color:#fff;
	background:#000;
	display:inline-block;
	vertical-align:top;
	padding:1px 5px;
	margin-top:-4px;
}
#main h1,
#main h2 {
	font-size:14px;
	line-height:1.3;
	margin:0 0 20px;
}
#main h2  {margin:0 0 12px;}
#main h1 span,
#main h2 span {
	color:#fff;
	background:#000;
	display:inline-block;
	vertical-align:top;
	padding:1px 5px 3px;
}
#main p {margin:0 0 1.3em;}
.items-list {
	letter-spacing:-4px;
	text-align:justify;
	font-size:14px;
	line-height:1.2;
}
.items-list:after {
	display:inline-block;
	vertical-align:top;
	width:100%;
	height:0;
	font-size:0;
	line-height:0;
	content:'';
}
.items-list .item {
	display:inline-block;
	vertical-align:top;
	text-align:left;
	letter-spacing:0;
	width:31.37%;
	margin:0 0 30px;
}
.items-list .item a {
	display:block;
	background:#f6f6f6;
}
.items-list .item a:active,
.items-list .item a:hover {background:#000;color:#fff;}
.items-list .item img {
	display:block;
	width:100%;
	height:auto;
	margin:0 0 10px;
}
.items-list .item .title,
.items-list .item .text,
.items-list .item .text-end {
	display:block;
	padding:0 10px;
}
.items-list .item .text {padding-bottom:1.2em;}
#content {
	float:left;
	width:65.7%;
}
.image-list {
	border-bottom:1px solid #b8b8b8;
	padding:0 0 1px;
}
.image-list .box {margin:0 0 1.3em;}
.image-list .box img {
	display:block;
	width:100%;
	height:auto;
}
.image-list .box .caption {padding:18px 0 0;}
.video iframe {margin:0;}
.info-list {padding:0 0 18px;}
.info-list ul {
	margin:0 0 9px;
	padding:0 0 8px;
	border-bottom:1px solid #ccc;
}
.info-list ul li {list-style:none;}
.info-list .date {display:block;font-size:0.86em;}
#sidebar {
	float:right;
	width:31.37%;
}
#sidebar .video-box {
	border-bottom:1px solid #ccc;
	margin:0 0 30px;
	padding:0 0 8px;
	font:12px/1.3 'HelveticaNeueW01-55Roma', Helvetica, Arial, sans-serif;
}
#sidebar .video-box .video {margin:0 0 20px;}
.sidebar-block {
	border-bottom:0px solid #ccc;
	padding:0 0 10px;
}
.sidebar-block-new {
	border-bottom:1px solid #ccc;
	margin-top:-10px;
}
#main .sidebar-block h2 {
	font-size:14px;
	line-height:1.3;
	margin:0;
}
.photo {
	font-size:10px;
	line-height:1.3;
	margin:0 0 18px;
}
.photo .text {display:block;}
.photo img {
	display:block;
	width:100%;
	height:auto;
	margin:0 0 5px;
}
#sidebar h2 {margin:0 0 16px;}
.sidebar-box {
	border-bottom:1px solid #ccc;
	margin:0 0 28px;
	padding:0 0 8px;
}

.sidebar-box .links-list {margin:0;}
.sidebar-box .links-list li {list-style:none;}
.backtotop {
	display:none;
	text-align:center;
	color:#c1272c;
	margin:20px 0 0;
}
.backtotop a {
	color:#c1272c;
	display:inline-block;
	vertical-align:top;
	padding:0 24px;
	background:url(images/arrow.png) no-repeat 100% 50%;
}
#main:after {
	content:'';
	display:block;
	clear:both;
}
@media only screen and (max-width: 1057px) {#nav li {float:none;margin:0 0 1px;}}
@media only screen and (max-width: 980px) {
	/*
	body {
		font-size:23px;
		line-height:1.6;
	}
	#wrapper {padding:24px;}
	#nav {margin:0 0 24px;}
	#nav a {
		height:45px;
		width:405px;
		background-image:url(images/bg-nav-t.png);
	}
	#nav a.home:hover {background-position:0 -46px;}
	#nav a.project {background-position:-406px 0;}
	#nav .active a.project,
	#nav a.project:hover {background-position:-406px -46px;}
	#nav a.information {background-position:-812px 0;width:370px;}
	#nav .active a.information,
	#nav a.information:hover {background-position:-812px -46px;}
	*/
	.gallery {padding:0 0 14px;}
	.gallery .gmask img {margin:0 0 1em;}
	.gallery h2 {
		font-size:23px;
		line-height:37px;
		margin:0 0 7px;
	}
	.gallery h2 span {padding:0 9px;}
	#main h1,
	#main h2 {
		font-size:23px;
		line-height:1.6;
		margin:0 0 2.435em;
	}
	#main h2 {margin:0 0 1.22em;}
	#main h1 span,
	#main h2 span {padding:0 9px;}
	#main h1 { border:0px solid red; margin-bottom:28px;}
	#main p {margin:0 0 1.6em;}
	.items-list {
		font-size:20px;
		line-height:1.2;
	}
	.items-list .item {
		width:48.5%;
		margin:0 0 24px;
	}
	.items-list .item img {margin:0 0 5px;}
	.items-list .item .title,
	.items-list .item .text,
	.items-list .item .text-end {
		display:block;
		padding:0 6px;
	}

	#sidebar,
	#content {
		float:none;
		width:auto;
		margin:0 0 43px;
	}
	.image-list {border-bottom:1px solid #b8b8b8;}
	.image-list .box {margin:0 0 1em;}
	.image-list .box .caption {padding:5px 0 0;}
	.info-list {padding:0 0 18px;}
	.info-list ul {
		margin:0 0 21px;
		padding:0 0 16px;
		border-bottom-color:#b3b3b3;
	}
	.photo {margin:0 0 41px;}
	.photo .text {display:none;}
	.photo img {width:50%;}	
	#main .sidebar-block h2 {
		font-size:23px;
		line-height:1.4;
	}
	#sidebar h2 {margin:0 0 16px;}
	.sidebar-box {
		border-bottom-color:#b8b8b8;
		margin:0 0 40px;
		padding:0 0 8px;
	}
	.sidebar-box .links-list {margin:0;}
	.sidebar-box .links-list li {list-style:none;}
	.backtotop {display:block;}
}
@media only screen and (max-width: 740px) {
	body {
		font-size:12px;
		line-height:1.5;
	}
	#wrapper {padding:10px 10px;}
	#nav {margin:0 0 10px;}
	#nav li {margin:1px;}
	
	#nav a {
		height:25px;
		width:220px;
		background-image:url(images/bg-nav-m.png);
		background-size: 644px 50px;
		display:block;
	}
	#nav a.home:hover {background-position:0 -25px;}
	#nav a.project {background-position:-221px 0px;}
	#nav .active a.project,
	#nav a.project:hover {background-position:-221px -25px;}
	#nav a.information {background-position:-442px 0;width:288px;}
	#nav .active a.information,
	#nav a.information:hover {background-position:-442px -25px;}
	
	/*
	#nav a {
		height:24px;
		width:209px;
		background-image:url(images/bg-nav-m.png);
	}
	#nav a.home:hover {background-position:0 -24px;}
	#nav a.project {background-position:-210px 0;}
	#nav .active a.project,
	#nav a.project:hover {background-position:-210px -24px;}
	#nav a.information {background-position:-420px 0;}
	#nav .active a.information,
	#nav a.information:hover {background-position:-420px -23px;}
	*/
	.gallery {padding:0 0 6px;}
	.gallery .gmask img {margin:0 0 16px;}
	.gallery h2 {
		font-size:12px;
		line-height:15px;
		margin:0 0 4px;
	}
	.gallery h2 span {padding:0 3px;}
	#main h1,
	#main h2 {
		font-size:12px;
		line-height:1.5;
		margin:0 0 2.435em;
	}
	#main h1 span,
	#main h2 span {padding:0 3px;}
	#main h1 { border:0px solid red; margin-bottom:12px;}
	#main p {margin:0 0 1.3em;}
	.items-list {
		font-size:12px;
		line-height:1.2;
	}
	.items-list .item .title,
	.items-list .item .text {
		display:block;
		padding:0 4px;
	}
	.items-list .item .text-end {
		display:block;
		padding:0 4px 3px 5px;
	}
	.items-list .item {margin:0 0 10px;}
	.items-list .item img {margin:0 0 2px;}
	#sidebar,
	#content {margin:0 0 18px;}
	.image-list .box {margin:0 0 1em;}
	.image-list .box .caption {padding:2px 0 0;}
	.info-list {padding:0 0 8px;}
	.info-list ul {
		margin:0 0 9px;
		padding:0 0 7px;
	}
	.info-list .date {
	font-size: 12px;
	}
	#sidebar .video-box .video {margin:0 0 10px;}
	#sidebar .video-box {
		font-size:11px;
		line-height:1.3;
	}
	.photo {margin:0 0 17px;}
	#main .sidebar-block h2 {
		font-size:12px;
		line-height:1.4;
	}
	.sidebar-box {
		margin:0 0 17px;
		padding:0 0 3px;
	}
	.backtotop a {background-image:url(images/arrow1.png);padding:0 11px;}
}