header, footer, article, section, hgroup, nav, figure, aside { display: block; }
figure {
	margin:0;
	padding:0;
}
body{
	margin:0;
	font:18px/24px 'Raleway' , Helvetica, sans-serif;
	color:#000;
	background:#fff;
	padding-left:298px;
	-webkit-text-size-adjust:100%;
	position:relative;
	min-width:320px;
}
q{quotes: none;}
q:before,
q:after{content:"";}
img {
	border-style:none;
	max-width:100%;
	vertical-align:top;
	width:100%;
}
a {
	text-decoration:none;
	color:#000;
}
input,
textarea,
select {
	font:100% Tahoma, Geneva, sans-serif;
	vertical-align:middle;
	color:#000;
}
form, fieldset {
	margin:0;
	padding:0;
	border-style:none;
}
/* main block */
#wrapper{
	max-width:702px;
	width:100%;
}
/* header */
#header{
	width:264px;
	position:fixed;
	left:0;
	top:0;
	bottom:0;
	padding: 66px 0 80px 34px;
	z-index:100;
	background:#fff url(../images/bg-nav.gif) repeat-x 0 100%;
}
#header:before{
	position:absolute;
	left:100%;
	top:0;
	bottom:0;
	background:url(../images/shadow.png) repeat-y;
	width:16px;
	content:"";
}
/* logo */
.logo{
	margin:0 0 77px -25px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/sprite.png) no-repeat;
	width: 281px;
	height: 113px;
}
.logo:hover{background-position:0 -230px;}
.logo a{
	display:block;
	height:100%;
}
#header .box .title{
	font:800 30px/27px 'Raleway' , Helvetica, sans-serif;
	margin:0 0 27px;
	display:block;
}
#header .box{
	font-size:18px;
	line-height:26px;
	color:#000;
	padding:0 69px 0 13px;
	margin-bottom: 97px;
}
#header .box span{
	margin:0 0 18px;
	display:block;
}
#header .box .button{
	text-transform:uppercase;
	color:#fff;
	padding:13px 28px;
	display:inline-block;
	vertical-align:top;
	border:1px solid #d8cbb6;
	background:#153349;
	font-size:12px;
	line-height:16px;
	font-weight:400;
}
#header .box .button:hover{
	text-decoration:none;
	background:#091925;
}
#header .info-box{
	position:absolute;
	bottom: 6px;
	left: 22px;
	z-index:10;
}
#header .info-box .logo-box{
	font-size:11px;
	line-height:13px;
	color:#a2a2a2;
}
#header .info-box .logo-box a,
#header .info-box .logo-box span{
	display:inline-block;
	vertical-align:middle;
}
#header .social{
	margin: 0 0 15px;
	padding: 0 0 0 27px;
}
#header .social a{background-position:-72px -197px;}
#header .social a:hover{background-position:-171px -195px;}
#header .social .facebook{background-position:-116px -194px;}
#header .social .facebook:hover{background-position:-215px -192px;}
#header .social .you-tube{background-position:-144px -193px}
#header .social .you-tube:hover{background-position:-243px -191px;}
/* main navigation */
#nav{
	margin:0 0 20px;
	padding:0;
	list-style:none;
	font-weight:500;
	text-transform:uppercase;
	font-size:12px;
	line-height:15px;
}
#nav li{
	position:relative;
	padding:0 0 9px 14px;
}
#nav a:hover:before,
#nav .active a:before{
	position:absolute;
	left:-14px;
	top:4px;
	background:url(../images/sprite.png) no-repeat 0 -118px;
	width: 6px;
	height: 9px;
	content:"";
}
#nav a{
	color:#949494;
	position:relative;
}
#nav a:hover{
	text-decoration:none;
	color:#091925;
}#nav .active a{ color:#153349;}
.top-box{
	background:url(../images/bg-top-box.gif) repeat-y;
	text-align:right;
	position:relative;
	z-index:10;
	padding: 8px 14px 7px 20px;
	letter-spacing:1px;
}
.top-box:before{
	position:absolute;
	top:100%;
	left:0;
	right:0;
	background:url(../images/shadow-2.png) repeat-x;
	height:5px;
	content:"";
}
.top-box h2{
	font-size:12px;
	line-height:16px;
	text-transform:uppercase;
	font-weight:500;
	color:#78582d;
	margin:0;
}
.top-box h2 strong{font-weight:800;}
/* visual box */
.visual-box{
	position:relative;
	width:100%;
	text-align:center;
}
.visual-box:hover .info{background:url(../images/bg-hover.png);}
.visual-box:hover p a{color:#385bff;}
.visual-box:hover .link{ color:#859aff;}
.visual-box:hover .link:before{ background-position:-162px -353px;}
.visual-box a{color:#fff;}
.visual-box .info{
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	color:#fff;
}
.visual-box .holder{
	display:inline-block;
	vertical-align:middle;
	width:52%;
	text-align:left;
}
.visual-box .middle{
	display:inline-block;
	vertical-align:middle;
	height:100%;
	width:1px;
	overflow:hidden;
	text-indent:-9999px;
}
.visual-box h2,
.blue-box .title{
	font-size:30px;
	line-height:32px;
	font-weight:800;
	margin:0 0 24px;
}
.visual-box p{margin:0 0 29px;}
.visual-box .link,
.blue-box .link,
.block .link{
	display:inline-block;
	vertical-align:top;
	font-size:12px;
	line-height:16px;
	text-transform:uppercase;
	font-weight:800;
	position:relative;
	color:#fff;
	white-space:nowrap;
}
.visual-box .link:before,
.blue-box .link:before,
.block .link:before{
	position:absolute;
	top:4px;
	right:-12px;
	background:url(../images/sprite.png) no-repeat -9px -118px;
	width: 6px;
	height: 9px;
	content:"";
}
/* gallery */
.gallery-holder{position:relative;}
.gallery-holder .mask{
	position:relative;
	width:100%;
	overflow:hidden;
}
.gallery-holder .gallery{
	margin:0;
	padding:0;
	list-style:none;
	overflow:hidden;
	width:9999px;
}
.gallery-holder .gallery li{float:left;}
.gallery-holder .prev,
.gallery-holder .next{
	position:absolute;
	top:50%;
	left:28px;
	z-index:10;
	background:url(../images/sprite.png) no-repeat -26px -116px;
	width: 39px;
	height: 38px;
	overflow:hidden;
	text-indent:-9999px;
	margin-top:12px;
	display:none;
}
.gallery-holder:hover .prev,
.gallery-holder:hover .next{display:block;}
.gallery-holder .next{
	left:auto;
	right:28px;
	background-position:-75px -116px;
}
/* mein */
#main{
	width:100%;
	background:#ededed;
}
/* blue box */
.blue-box{
	background:url(../images/bg-blue.gif) repeat-y 50% 0;
	color:#fff;
	padding:45px 0 43px 3%;
}
.blue-box span{
	margin:0 0 22px;
	display:block;
}
.blue-box a{color:#fff;}
.blue-box .add-logo{
	display:inline-block;
	vertical-align:middle;
	background:url(../images/sprite.png) no-repeat -124px -117px;
	width: 127px;
	height: 74px;
	overflow:hidden;
	text-indent:-9999px;
	margin-right:3%;
}
.blue-box .info{
	display:inline-block;
	vertical-align:middle;
	width:56%;
}
.blue-box:hover{
	color:#385bff;
	background:url(../images/bg-blue-hover.jpg) repeat-y 50% 0;
}
.blue-box:hover a span{ color:#385bff;}
.blue-box .title{
	margin-bottom:7px;
	display:block;
}
.blue-box:hover h2{color:#fff;}
.blue-box:hover .link{
	color:#859aff;
}
.blue-box:hover .link:before{background-position:0 -134px;}
/* bock */
.block{
	position:relative;
	color:#838689;
}
.block .hidden,
.block:hover img{display:none;}
.block:hover .hidden{display:block;}
.block .box{
	position:absolute;
	top:30%;
	left:50%;
	width: 50%;
}
.block .holder{
	float:left;
	position:relative;
	left: -51%;
	margin-top: -21px;
}
.block .title{
	color:#343e47;
	font:800 30px/27px 'Raleway', Arial, Helvetica, sans-serif;
	margin:0 0 28px;
	display:block;
}
.block .link{color:#838689;}
.block .link:before{background-position:-9px -134px;}
.block .info{
	margin:0 0 28px;
	display:block;
}
.block .link span{color:#0087cd;}
.block:hover .info{color:#0d2032;}
.block:hover .title{color:#fff;}
.block:hover .link{
	color:#5ed5ff;
}
.block:hover .link span{color:#fff;}
.block:hover .link:before{ background-position:0 -149px;}
/* context box */
.contact-box{
	background:#c1d2dd url(../images/bg-contact-box.jpg) no-repeat 50% 0;
	position:relative;
	padding: 48px 8% 81px 24.3%;
}
.contact-box .img{
	position:absolute;
	z-index:1;
	left:0;
	bottom:0;
	width:95.3%;
}
.contact-box h2{
	font:800 30px/30px 'Raleway', Arial, Helvetica, sans-serif;
	color:#181c1f;
	letter-spacing: -1px;
	margin: 0 0 29px;
}
.contact-box h3{
	font-size:12px;
	line-height:16px;
	font-weight:800;
	color:#000;
	letter-spacing: 1px;
	margin:0 0 8px;
}
.contact-box .link{
	font-size:18px;
	line-height:22px;
	color:#0087cd;
	font-weight:500;
	margin-bottom: 18px;
	display:inline-block;
	vertical-align:top;
}
.contact-box .box{
	position:relative;
	z-index:10;
}
.social{
	margin:0 0 42px;
	padding:0;
	list-style:none;
	overflow:hidden;
}
.social li{
	display:inline-block;
	vertical-align:bottom;
	margin-right:16px;
}
.social a{
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/sprite.png) no-repeat 0 -166px;
	width: 27px; 
	height: 21px;
}
.social .facebook{
	background-position:-32px -165px;
	width: 11px;
	height: 23px;
}
.social .you-tube{
	background-position:-50px -164px;
	width: 19px;
	height: 24px;
}
.contact-box h4{
	font-size:12px;
	line-height:15px;
	color:#838383;
	text-transform:uppercase;
	margin:0 0 6px;
	font-weight:800;
	letter-spacing:1px;
}
.contact-box h4 a{color:#838383;}
.contact-box .list{
	font-size:12px;
	line-height:15px;
	color:#838383;
	margin:0 0 30px;
	padding:0;
	list-style:none;
	overflow:hidden;
}
.contact-box .list li{
	float:left;
	margin-right:14px;
	position:relative;
}
.contact-box .list li:before{
	position:absolute;
	left:-9px;
	top:7px;
	background:url(../images/sprite.png) no-repeat -15px -152px;
	width: 3px;
	height: 3px;
	content:"";
}
.contact-box a{ color:#838383;}
.contact-box .lightbox{
	position:absolute;
	z-index:30;
	right:10%;
	bottom:29.6%;
	background:url(../images/sprite.png) no-repeat -77px -164px;
	width: 17px;
	height: 17px;
	overflow:hidden;
	text-indent:-9999px;
}
.hover-tooltip{
	background:url(../images/bg-tooltip.png);
	width:106px;
	z-index:30;
	font-size:11px;
	line-height:16px;
	padding:9px 16px 7px;
	text-align:center;
	border-width:0 2px 1px 0;
	border-color:#aeb2b4 #c4c4c5;
	border-style:solid;
}
.hover-tooltip:before{
	position:absolute;
	bottom:100%;
	right:39px;
	background:url(../images/sprite.png) no-repeat -102px -156px;
	width: 11px;
	height: 8px;
	content:"";
}
.contact-box .link:hover {
	color:#153349;
	text-decoration:none;
}
.social a:hover{background-position:0 -194px;}
.social .facebook:hover{background-position:-30px -192px;}
.social .you-tube:hover{background-position:-46px -191px;}
.contact-box h4 a:hover{
	color:#153349;
	text-decoration:none;
}
/* contect form */
.form-box{
	background:#284557 url(../images/bg-form.jpg) no-repeat 50% 0;
	color:#fff;
	padding: 72px 15% 92px 24.3%;
}
.form-box label{
	display:inline-block;
	vertical-align:top;
	margin-bottom:1px;
}
.form-box h2{
	font-size:30px;
	line-height:32px;
	font-weight:800;
	margin:0 0 1px;
}
.form-box p{margin:0 0 27px;}
.form-box .row{
	margin-bottom:10px;
	width: 78.4%;
}
.form-box .row:after{
	display:block;
	clear:both;
	content:"";
}
.form-box input[type="text"]{
	float:left;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	width:100%;
	height:25px;
	line-height:23px;
	padding:0 10px 1px;
	background:#778591;
	border:0;
	font-size:14px;
	color:#fff;
	margin:0;
}
.form-box .btn-holder{
	overflow:hidden;
	padding: 26px 0 0;
}
.form-box .btn{
	float:left;
	width:98px;
	height:32px;
	border:0;
	padding:0 0 1px;
	margin:0;
	background:#566068;
	color:#fff;
	font-weight:800;
	font-size:11px;
	line-height:30px;
	text-transform:uppercase;
}
input[type="submit"]:hover{cursor:pointer;}
input[type="submit"],
input[type="text"]{
	-webkit-appearance:none;  
	-webkit-border-radius:0;
}
.form-box .btn:hover{ background:#5e93bb;}
/* info block */
.info-block{
	padding: 80px 3% 0 8.7%;
	margin-bottom: 57px;
}
.info-block h2{
	font-weight:800;
	font-size:30px;
	line-height:27px;
	margin:0 0 27px;
}
.info-block p{margin:0 0 28px;}
.info-block .white-box{
	border-color:#e8e8e8;
	border-width:1px 0 0 1px;
	border-style:solid;
	background:#fff url(../images/right-shadow.gif) repeat-y 100% 0;
	position:relative;
	padding:29px 3.3% 29px 7.3%;
	width:81%;
	font-size:13px;
	line-height:17px;
	margin-bottom: 28px;
}
.info-block .white-box:before{
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	z-index:1;
	background:url(../images/bottom-shadow.gif) repeat-x;
	content:"";
	height:4px;
}
.info-block .white-box:after{
	position:absolute;
	right:0;
	bottom:0;
	z-index:2;
	background:url(../images/r-b-shadow.gif) no-repeat;
	width:3px;
	height:4px;
	content:"";
}
.info-block .white-box h3{
	font-size:18px;
	line-height:22px;
	text-transform:uppercase;
	color:#0081d3;
	margin:0 0 24px;
	font-weight:600;
}
.info-block .white-box h4{
	font-size:18px;
	line-height:22px;
	font-weight:600;
	margin:0 0 5px;
}
.info-block .white-box h4 a{color:#000;}
.info-block .white-box p{margin:0 0 19px;}
.info-block .info-box{
	font-size:18px;
	line-height:26px;
	color:#153349;
}
.info-block .info-box p{margin:0 0 13px;}
.info-block .info-box .button,
#content .white-box .button{
	text-transform:uppercase;
	color:#fff;
	padding:13px 29px;
	display:inline-block;
	vertical-align:top;
	border:1px solid #d8cbb6;
	background:#153349;
	font-size:12px;
	line-height:16px;
	font-weight:400;
}
.info-block .info-box .button:hover,
#content .white-box .button:hover{
	text-decoration:none;
	background:#091925;
}
/* .visual block */
.visual-block + .visual-block{ margin-top:35px;}
.visual-block .heading{
	background:url(../images/bg-middle.gif) repeat-y 50% 0;
	width:100%;
}
.visual-block .heading .holder{background:url(../images/bg-top.gif) no-repeat 50% 0;}
.visual-block .heading .frame{
	background:url(../images/bg-bottom.gif) no-repeat 50% 0;
	padding:7px 20px 7px 41px;
}
.visual-block .heading h2{
	font-size:13px;
	line-height:17px;
	color:#fff;
	margin:0;
	font-weight:400;
}
/* some info */
#main blockquote{
	font-size:13px;
	line-height:20px;
	font-style:normal;
	padding:59px 6% 53px;
	margin:0;
	text-align:center;
}
#main blockquote q{
	display:block;
	margin:0 0 11px;
}
#main blockquote cite{
	color:#717171;
	font-style:normal;
}
/* content */
#content{
	background:url(../images/bg-content-repeat.jpg) repeat-y 100%;
	line-height:26px;
}
.content-holder{
	background:url(../images/bg-content.jpg) no-repeat 100% 100%;
	padding:78px 9.1% 338px 8.8%;
}
#content h2{
	font-weight:800;
	font-size:30px;
	line-height:30px;
	margin:0 0 33px;
}
#content p{ margin:0 0 26px;}
/* column holder */
#content .column-holder{
	overflow:hidden;
	margin-bottom: 40px;
	width:110%;
}
#content .column-holder .box{
	float:left;
	width:28%;
	margin: 0 4.9% 0 0;
	padding:0;
	list-style:none;
	font-size:12px;
	line-height:15px;
}
#content .column-holder .box li{padding-bottom:11px;}
/* white box */
#content .white-box{
	background:url(../images/bg-white-box.png);
	padding:43px 8.3% 43px 11.9%;
	border-style:solid;
	border-color:#f3f4f4 #f3f4f4;
	border-width:0 0 0 1px;
	width:79.6%;
	position:relative;
	margin-bottom:64px;
}
#content .white-box p{margin: 0 0 34px;}
#content .white-box:before{
	position:absolute;
	left:100%;
	top:0;
	bottom:3px;
	background:url(../images/right-shadow-2.png) repeat-y;
	width:3px;
	content:"";
}
#content .white-box:after{
	position:absolute;
	top:100%;
	left:0;
	right:0;
	background:url(../images/bottom-shadow-2.png) repeat-x;
	height:3px;
	content:"";
}
#content .white-box .button{
	font-weight:600;
	font-weight:400;
}
#content .title{
	background:url(../images/sprite.png) no-repeat 0 -354px;
	width: 138px;
	height: 16px;
	overflow:hidden;
	text-indent:-9999px;
	margin:0 0 17px;
	display:block;
}
#content p a{
	color:#6faf00;
	font-weight:600;
}
#content .point{
	position:relative;
	top:7px;
	display:inline-block;
	vertical-align:top;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/sprite.png) no-repeat -147px -358px;
	width: 5px;
	height: 4px;
	margin-right: 4px;
}
#content .info{
	font-size:18px;
	padding: 0 4% 0 0;
	line-height:24px;
}
#content .info p{margin:0;}
@media only screen and (max-width: 1024px){
	.logo{margin-bottom:20px;}
	#header .box h2{ margin-bottom:20px;}
	#header .box{ margin-bottom:20px;}
}
@media only screen and (max-width: 700px){
	body{
		padding:0;
		width:100%;
	}
	#header{
		position:static;
		width:90%;
		padding-left:10%;
	}
	.logo{margin:0 auto 30px;}
	#header .info-box{position:static;}
	#wrapper{
		position:relative;
		overflow:hidden;
	}
}
@media only screen and (max-width: 770px){
	.block h2{
		font-size:26px;
		line-height:28px;
		margin-bottom:15px;
	}
	.block p{margin-bottom:15px;}
	.block{
		font-size:16px;
		line-height:20px;
	}
}
@media only screen and (max-width: 400px){
	#header{
		position:static;
		width:100%;
		padding:30px 0 20px;
	}
	.logo{margin:0 0 30px 13px;}
	#header .info-box{position:static;}
	#wrapper{
		position:relative;
		overflow:hidden;
	}
	#nav{padding-left:13px;}
	.top-box h2{
		font-size:10px;
		line-height:12px;
	}
	.visual-box .holder{ width:96%;}
	.blue-box .add-logo{
		display:block;
		margin:0 auto 15px;
	}
	.blue-box .info{
		display:block;
		width:94%;
	}
	.block .box{
		width:93%;
		top: 16%;
	}
	.block{
		font-size:14px;
		line-height:18px;
	}
	.block h2{
		font-size:24px;
		line-height:26px;
		margin-bottom:15px;
	}
	.block p{margin-bottom:10px;}
	.block .link{white-space:nowrap;}
	.contact-box{padding: 48px 3% 81px;}
	.form-box{padding: 27px 3% 54px;}
	#header .box{padding: 0 13px;}
	.content-holder{padding: 46px 2.1% 338px 2.8%;}
	#content .column-holder .box{
		float:none;
		margin:0 auto 15px;
		width:90%;
	}
}