@font-face{
	font-family:'HelveticaNeue';
	src:url('/fonts/HelveticaNeueLTStd-UltLt.eot');
	src:url('/fonts/HelveticaNeueLTStd-UltLt.eot?#iefix') format('embedded-opentype'),
		url('/fonts/HelveticaNeueLTStd-UltLt.woff') format('woff'),
		url('/fonts/HelveticaNeueLTStd-UltLt.ttf') format('truetype'),
		url('/fonts/HelveticaNeueLTStd-UltLt.svg#HelveticaNeueLTStd-UltLt') format('svg');
	font-weight:lighter;
	font-style:normal;
}
@font-face{
	font-family:'HelveticaNeue';
	src:url('/fonts/HelveticaNeueLTStd-Th.eot');
	src:url('/fonts/HelveticaNeueLTStd-Th.eot?#iefix') format('embedded-opentype'),
		url('/fonts/HelveticaNeueLTStd-Th.woff') format('woff'),
		url('/fonts/HelveticaNeueLTStd-Th.ttf') format('truetype'),
		url('/fonts/HelveticaNeueLTStd-Th.svg#HelveticaNeueLTStd-Th') format('svg');
	font-weight:normal;
	font-style:normal;
}
@font-face{
	font-family:'HelveticaNeue';
	src:url('/fonts/helvetica.eot');
	src:url('/fonts/helvetica.eot?#iefix') format('embedded-opentype'),
		url('/fonts/helvetica.woff') format('woff'),
		url('/fonts/helvetica.ttf') format('truetype'),
		url('/fonts/helvetica.svg#helvetica') format('svg');
	font-weight:bold;
	font-style:normal;
}
@font-face{
	font-family:'HelveticaNeue';
	src:url('/fonts/HelveticaNeue-ThinItalic.eot');
	src:url('/fonts/HelveticaNeue-ThinItalic.eot?#iefix') format('embedded-opentype'),
		url('/fonts/HelveticaNeue-ThinItalic.woff') format('woff'),
		url('/fonts/HelveticaNeue-ThinItalic.ttf') format('truetype'),
		url('/fonts/HelveticaNeue-ThinItalic.svg#HelveticaNeue-ThinItalic') format('svg');
	font-weight:normal;
	font-style:italic;
}
@font-face{
	font-family:'HelveticaNeue';
	src:url('/fonts/HelveticaNeue-Italic.eot');
	src:url('/fonts/HelveticaNeue-Italic.eot?#iefix') format('embedded-opentype'),
		url('/fonts/HelveticaNeue-Italic.woff') format('woff'),
		url('/fonts/HelveticaNeue-Italic.ttf') format('truetype'),
		url('/fonts/HelveticaNeue-Italic.svg#HelveticaNeue-Italic') format('svg');
	font-weight:bold;
	font-style:italic;
}

html{
	height:100%;
	overflow:auto;
}
body{
	height:100%;
	background:#FFF;
	line-height:1.5;
	font-size:17px;
	letter-spacing:1px;
}
body, input, select, textarea, a{
	font-family:"HelveticaNeue",Verdana,sans-serif;
	color:#000;
}
h1{
	margin-bottom:10px;
	font-size:40px;
	font-weight:normal;
	color:#8D3794;
	line-height:1;
}
h2{
	font-size:30px;
	font-weight:normal;
	line-height:1;
}
img{
	max-width:100%;
}
img.left, img[align=left]{
	float:left;
	margin:0px 25px 10px 0px;
}
img.right, img[align=right]{
	float:right;
	margin:0px 0px 10px 10px;
}
td, th{
	text-align:left;
	vertical-align:middle;
	padding:0px 4px 4px 0px;
}
th.top{
	vertical-align:top;
}
td.submit{
	text-align:right;
}
input.text{
	max-width:100%;
	width:150px;
	height:25px;
	padding:2px 4px;
	border:solid 1px #999;
	box-sizing:border-box;
}
input.submit{
	padding:4px 10px;
	border:solid 1px #8d3794;
	box-sizing:border-box;
	background:#8d3794;
	color:#FFF;
	font-weight:bold;
	font-size:110%;
	cursor:pointer;
}
 select{
	max-width:100%;
	box-sizing:border-box;
 }
textarea{
	max-width:100%;
	width:200px;
	height:75px;
	padding:2px 4px;
	border:solid 1px #999;
	box-sizing:border-box;
}
ul{
	display: table;
	position:relative;
	left:30px;
	margin-right:30px;
	list-style:disc outside none;
}
ol{
	display: table;
	position:relative;
	left:30px;
	margin-right:30px;
	list-style:decimal outside none;
}
sup{
	font-size:80%;
	vertical-align:top;
}
sub{
	font-size:80%;
	vertical-align:bottom;
}
.center{
	position:relative;
	margin:0px auto;
	width:900px;
}
.left{
	float:left;
	margin:0px 20px 20px 0px;
}
.right{
	float:right;
	margin:0px 0px 20px 20px;
}
.block{
	float:left;
	margin-left:5%;
	width:30%;
	text-decoration:none;
}
.block a{
	text-decoration:none;
}
.block:nth-of-type(3n+1){
	clear:both;
	margin-left:0px;
}
.block:nth-of-type(1n+4){
	margin-top:25px;
}
	.block b{
		font-size:20px;
		font-weight:normal;
	}
	.block img{
		width:100%;
	}
.error{
	margin-bottom:10px;
	color:#CD0025;
}
.clear{
	font-size:1px;
	clear:both;
}
#container{
	position:relative;
	z-index:2;
}
	#header{
		position:relative;
		height:230px;
		background:#FFF;
	}
		#logo{
			position:absolute;
			top:40px;
			left:50%;
			margin-left:-69px;
			width:138px;
		}
			#logo img{
				display:block;
				max-width:100%;
			}
		#header_name{
			position:absolute;
			top:153px;
			right:50%;
			margin-right:-450px;
			width:900px;
			text-align:center;
			font-size:25px;
			font-weight:lighter;
			color:#8A86AD;
		}
			#header_name b{
				color:#252059;
				font-weight:normal;
			}
	#nav{
		padding:340px 0px 110px;
	}
		#menu{
			height:50px;
		}
			#menu a{
				position:relative;
				float:left;
				width:224px;
				background:rgba(33,33,33,.4);
				outline:solid 2px #FFF;
				outline-offset:-2px;
				line-height:46px;
				text-align:center;
				font-size:30px;
				color:#FFF;
				text-decoration:none;
			}
			#menu a + a{
				margin-left:114px;
			}
				#menu a span{
					display:none;
				}
	#content{
		margin:50px 0px;
	}
		#submenu{
		
		}
			#submenu a{
				float:left;
				width:30%;
			}
	#footer{
	}
		#footer_contact{
			padding:20px 0px;
			background:#555555;
			text-align:center;
			font-size:15px;
			color:#FFF;
		}
			#footer_contact span{
				display:inline-block;
				line-height:1;
			}
			#footer_contact.black span, #footer_contact.black span a{
				color:#000;
			}
			#footer_contact span + span{
				margin-left:8px;
				padding-left:8px;
				border-left:solid 1px #000;
			}
			#footer_contact a{
				text-decoration:none;
				color:#FFF;
			}
		#footer_menu{
			padding:30px 0px 20px;
			background:#555555;
			text-align:center;
			line-height:1;
		}
			#footer_menu > div > div{
				display:inline-block;
				text-align:left;
				vertical-align:top;
			}
			#footer_menu > div > div + div{
				margin-left:22px;
				padding-left:23px;
			}
			#footer_menu > div > div + div > a::before{
				content:"";
				position:absolute;
				top:0px;
				left:-23px;
				width:1px;
				height:100%;
				background:#000;
			}
				#footer_menu > div > div a{
					position:relative;
					color:#FFF;
					text-decoration:none;
					font-size:17px;
				}
				#footer_menu > div > div > div{
					display:none;
					margin-top:10px;
				}
					#footer_menu > div > div > div > a{
						display:block;
						margin-top:8px;
						font-size:14px;
					}
#slider{
	position:absolute;
	top:200px;
	left:0px;
	width:100%;
	height:500px;
	overflow:hidden;
	z-index:1;
}
	#slider_title{
		position:absolute;
		top:0px;
		right:10px;
		font-size:150px;
		color:#FFF;
		opacity:.4;
		line-height:1;
		white-space:nowrap;
		z-index:8;
	}
	.slide{
		position:absolute;
		top:0px;
		left:0px;
		width:100%;
		height:100%;
		background:center;
		background-size:cover;
		z-index:1;
		opacity:1;
		transition:opacity 3s;
		z-index:1;
	}
	.slide.slide2{
		z-index:2;
	}
	.slide.slide1{
		opacity:0;
		z-index:3;
	}
	.bar{
		position:absolute;
		top:240px;
		left:50%;
		margin-left:-450px;
		width:50%;
		min-width:900px;
		padding:10px 425px 10px 25px;
		background:rgba(37,34,91, .6);
		font-weight:lighter;
		font-size:50px;
		letter-spacing:10px;
		line-height:1;
		color:#FFF;
		z-index:9;
	}
.home #container{
	height:100%;
}
	.home #nav{
		position:relative;
		top:50%;
		margin-top:-150px;
		padding:0px;
	}
		.home #menu{
			
		}
				.home #menu a::after{
					content:"";
					position:absolute;
					top:100%;
					left:0px;
					width:100%;
					height:4px;
					background:rgba(0,0,0,0);
				}
				.home #menu a span{
					position:absolute;
					top:100%;
					left:0px;
					margin-top:4px;
					width:100%;
					padding:15px 35px;
					box-sizing:border-box;
					background:rgba(255,255,255,.7);
					color:#202020;
					text-align:left;
					font-weight:lighter;
					font-size:18px;
					line-height:1.3;
				}
				.home #menu a:hover span{
					display:block;
				}
	.home #footer{
		position:absolute;
		left:0px;
		bottom:0px;
		width:100%;
	}
		.home #footer_contact{
			margin: 20px 0px;
			padding: 0px 0px;
			background: rgba(255,255,255,.8);
		}
			.home #footer_contact span{
				line-height:1.3;
			}
			.home #footer_contact span + span{
				border-color:#8C3792;
			}
		.home #footer_menu{
			display:none;
		}
	.home #slider{
		top:0px;
		height:100%;
	}
		.home .bar{
			top:50%;
			margin-top:-60px;
		}
#news{

}
	#news > div + div{
		margin-top:40px;
	}
		#news a{
			display:block;
			position:relative;
			overflow:hidden;
			text-decoration:none;
			clear:both;
		}
			#news a i{
				display:block;
				text-align:right;
				font-size:90%;
			}
			#news a img{
				float:left;
				position:relative;
				margin-right:20px;
				width:300px;
				-webkit-filter:grayscale(80%);
				filter:grayscale(80%);
				transition:all .5s;
				z-index:2;
			}
			#news a b{
				display:block;
				font-size:23px;
				font-weight:lighter;
			}
			#news a div{
				padding-bottom:40px;
				color:#333;
			}
			#news a span{
				position:absolute;
				left:0px;
				right:0px;
				bottom:0px;
				display:block;
				padding:5px 10px;
				text-align:right;
				background:#8D3794;
				background:rgba(141,55,148,.5);
				color:#FFF;
				z-index:9;
			}
				#news a span::after{
					content:" >";
					font-weight:bold;
				}
			#news a:hover img{
				-webkit-filter:grayscale(0%);
				filter:grayscale(0%);
			}
#project_left{
	float:left;
	width:600px;
}
#project_right{
	float:right;
	width:300px;
}
	#project_right a{
		float:left;
		width:100%;
	}
	#project_right a:nth-child(1n+2){
		margin-top:10px;
		width:47%;
	}
	#project_right a:nth-child(2n+3){
		margin-left:6%;
	}
	#project_right a:nth-child(2n+2){
		margin-left:0%;
	}
		#project_right a img{
			width:100%;
		}
#contact{
	float:right;
	margin:0px 0px 20px 20px;
	max-width:45%;
	padding:20px;
	background:#bbb9d2;
}
@media all and (min-width: 951px){
	#header, #logo, #header_name, #slider{
		transition:all 1s;
	}
	.header #header{
		height:70px;
	}
	.header #logo{
		top:12px;
		left:100px;
		margin-left:0px;
		width:70px;
	}
	.header #header_name{
		top:17px;
		right:100px;
		margin-right:0px;
		text-align:right;
	}
	.header #slider{
		top:70px;
	}
}
@media all and (max-width: 950px){
	.center{
		margin:0px 20px;
		width:auto;
	}
	.bar{
		display:none;
	}
	.left, .right{
		max-width:50%;
	}
	#header{
		padding:40px 0px;
		height:auto;
	}
		#logo{
			display:block;
			position:static;
			margin:0px auto 25px;
		}
		#header_name{
			position:static;
			margin:0px;
			width:auto;
		}
	#nav{
		padding:20px 0px;
	}
		#menu{
			height:158px;
		}
			#menu a{
				float:none;
				display:block;
				margin:0px auto 10px;
			}
			#menu a + a{
				margin-left:auto;
			}
				#menu a span{
					display:none;
				}
	#footer{
		display:-webkit-flex;
		-webkit-flex-flow:column nowrap;
		display:flex;
		flex-flow:column nowrap;
	}
		#footer_menu{
			-webkit-order:2;
			order:2;
		}
		#footer_contact{
			-webkit-order:1;
			order:1;
			background:transparent;
			color:#000;
		}
			#footer_contact a{
				color:#000;
			}
			#footer_contact span:nth-child(1){
				display:block;
				font-weight:bold;
			}
			#footer_contact span:nth-child(2){
				margin-left:0px;
				padding:0px;
				border:0px;
			}
	#slider{
		height:230px;
	}
		#slider_title{
			display:none;
		}
	.home{
		min-height:500px;
	}
		.home #nav{
			top:20px;
			margin-top:0px;
		}
			.home #menu a:hover span{
				display:none;
			}
	.home #footer_contact{
		color:#FFF;
	}
		.home #footer_contact a{
			color:#FFF;
		}
	.home #slider{
		min-height:500px;
	}
	#project_left{
		width:50%;
	}
	#project_right{
		width:40%;
	}
}
@media all and (max-width: 850px){
	table, tbody, tr, th, td{
		display:block;
	}
	td.submit{
		text-align:left;
	}
	#logo{
		display:block;
	}
		#logo img{
			display:block;
			position:relative;
			margin:0px auto;
			height:85px;
		}
	#footer_menu{
		padding-bottom:30px;
	}
		#footer_menu > div > div{
			display:block;
		}
		#footer_menu > div > div + div{
			margin-top:7px;
			margin-left:0px;
			padding-left:0px;
		}
		#footer_menu > div > div + div > a::before{
			display:none;
		}
			#footer_menu > div > div > div{
				margin:0px 0px 10px 15px;
			}
}
@media all and (max-width: 650px){
	.block{
		margin-left:10%;
		width:45%;
	}
	.block:nth-of-type(3n+1){
		clear:none;
		margin-left:10%;
	}
	.block:nth-of-type(2n+1){
		clear:both;
		margin-left:0px;
	}
	.block:nth-of-type(1n+3){
		margin-top:25px;
	}
	#header_name b{
		display:block;
	}
	#footer_contact span + span{
		border:0px;
	}
	#footer_contact span:nth-child(4), #footer_contact span:nth-child(5){
		display:inline;
		margin-left:0px;
		padding:0px;
	}
	#footer_contact span:nth-child(4)::before, #footer_contact span:nth-child(5)::before{
		content:"\A";
		white-space:pre;
	}
	#slider{
		height:260px;
	}
	#project_left{
		width:40%;
	}
	#project_right{
		width:50%;
	}
}
@media all and (max-width: 600px){
	#contact{
		float:none;
		margin:0px 0px 20px;
		max-width:none;
	}
}
@media all and (max-width: 500px){
	#header{
		padding:25px 0px;
	}
	#slider{
		height:230px;
	}
	#news a img{
		margin-bottom:10px;
		width:500px;
	}
}
@media all and (max-width: 400px){
	.left, .right{
		margin:0px 0px 10px;
		max-width:100%;
		width:100%;
	}
	.block{
		margin-left:0%;
		width:100%;
	}
	.block:nth-of-type(3n+1){
		margin-left:0%;
	}
	.block:nth-of-type(1n+2){
		margin-top:25px;
	}
	#header_name{
		font-size:20px;
	}
	#project_left{
		float:none;
		margin-top:20px;
		width:auto;
	}
	#project_right{
		float:none;
		width:auto;
	}
}
@media all and (max-width: 325px){
	#header_name{
		font-size:16px;
	}
}