/* CSS Document */
html,body,h1,h2,h3,h4,h5,h6,nav ul {margin:0; padding:0;}
html,body {
	height:100%;
}
header{
	position:fixed;
	left:50%;
}
header.home{
	height:70%;
	top:0;
	z-index:1;
}
hgroup{
	width:272px;
	margin:0 auto;
}
header h1,hgroup h2{
	margin:0 auto;
	text-indent:-10000px;
}
header h1{
	width:273px;
	height:42px;
	background:url(../images/logo.png) 0 0 no-repeat;
	margin-bottom:14px;
	position:relative;
}
header.black h1{
	background-position:0 0;
}
header.white h1{
	background-position:0 -42px;
}
hgroup h2{
	width:228px;
	height:19px;
	background:url(../images/description.gif) 0 0 no-repeat;
	position:relative;
}
/*hgroup h2{
	visibility:hidden;
}
hgroup:hover h2{
	visibility:visible;
}*/
hgroup h3{
	background:url(../images/viol.gif) center 21px no-repeat;
	width:194px;
	padding:133px 0 0;
	margin:0 auto;
	position:relative;
}
hgroup h3 span{
	background:url(../images/description2.gif);
	display:block;
	width:194px;
	height:96px;
	/*position:fixed;
	left:50%;
	top:50%;*/
	text-indent:-10000px;
}

nav{
	width:405px;
	position:relative;
}
nav ul{
	list-style:none;
}
nav ul li{
	float:left;
}
nav ul li a{
	display:block;
	height:19px;
	padding:15px 20px 18px;
	
	transition:0.3s;
	-moz-transition:0.3s; /* Firefox 4 */
	-webkit-transition:0.3s; /* Safari and Chrome */
	-o-transition:0.3s; /* Opera */
}
nav ul li a span{
	background:url(../images/nav.png) 0 0 no-repeat;
	display:block;
	height:19px;
	margin:0 auto;
	text-indent:-10000px;
}
.black ul li a:hover,.black li.active a{
	background:#000;
}
.white nav ul li a:hover,.white li.active a{
	background:#fff;
}
.m1{
	width:55px;
}
.m2{
	width:43px;
}
.m3{
	width:80px;
}
.m4{
	width:66px;
}

.black .m1 span,
.white .m1:hover span,.white li.active .m1 span{
	background-position:0 0;
}
.black .m1:hover span,.black li.active .m1 span,
.white .m1 span{
	background-position:0 -19px;
}
.black .m2 span,
.white .m2:hover span,.white li.active .m2 span{
	background-position:0 -38px;
}
.black .m2:hover span,.black li.active .m2 span,
.white .m2 span{
	background-position:0 -57px;
}
.black .m3 span,
.white .m3:hover span,.white li.active .m3 span{
	background-position:0 -76px;
}
.black .m3:hover span,.black li.active .m3 span,
.white .m3 span{
	background-position:0 -95px;
}
.black .m4 span,
.white .m4:hover span,.white li.active .m4 span{
	background-position:0 -114px;
}
.black .m4:hover span,.black li.active .m4 span,
.white .m4 span{
	background-position:0 -133px;
}

header.main{
	display:none;
	width:1000px;
	height:50px;
	padding:10px 0;
	margin-left:-500px;
	z-index:10;
}
header.main h1,header.main nav{
	margin:0;
	position:absolute;
}
header.main h1{
	left:20px;
}
header.main nav{
	right:0;
}

section {
	width:100%;
	min-width:1000px;
	height:1100px;
	position:relative;
	z-index:0;
}
section.home {
	background:#fff;
	z-index:0;
}
section.video {
	background:#000;
	/*height: 1200px;*/
	z-index:1;
}
section.about {
	background:#fff;
	z-index:2;
}
section.contact {
	/*background:#cd8016 url(../images/background_yellow.jpg) center 0 no-repeat;*/
	background:#000;
	z-index:7;
}

.img1,.img2{
	width:50%;
	height:100%;
	max-height:979px;
	position:fixed;
	/*left:50%;
	margin-left:-400px;*/
	text-align:right;
}
.img1 img{
	height:100%;
	width:auto;
	min-width:250px;
	min-height:643px;
	max-height:979px;
	margin-right:30px
	/*position:fixed;
	left:30%;*/
}
.img2{
	z-index:5;
	display:none;
}
.img2 img{
	height:100%;
	width:auto;
	min-width:318px;
	min-height:643px;
	max-height:979px;
	margin-right:60px
	/*position:fixed;
	left:30%;*/
}

.nav-next{
	width:50px;
	height:50px;
	padding:0 152px;
	position:fixed;
	left:50%;
	bottom:10px;
}
.nav-next a{
	background:url(../images/nav-next.png) center no-repeat;
	display:block;
	width:42px;
	height:42px;
	border-radius: 25px;
	text-indent:-10000px;
	position:relative;
	left:4px;
	top:4px;
	
	/*transition: 0.3s;
	-moz-transition: 0.3s;
	webkit-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;*/	
	transition:0.3s;
	-moz-transition:0.3s; /* Firefox 4 */
	-webkit-transition:0.3s; /* Safari and Chrome */
	-o-transition:0.3s; /* Opera */
}
.nav-next a:hover{
	width:50px;
	height:50px;
	left:0;
	top:0;
}
article{
	width:405px;
	top:20%;
	
	position:absolute;
	left:50%;
}
article p{
	color:#1a1a1a;
	font-family:sylfaen, Arial, Helvetica, sans-serif;
	font-size:13px;
	margin:0 0 12px;
}
iframe{
	border:0;
}

.map{
	width:100%;
	height:1100px;
	position:absolute;
	top:0;
	background:url(../images/map.jpg) center no-repeat;
}
.contact-info{
	width:800px;
	height:470px;
	background:url(../images/transp.png);
	position:absolute;
	left:50%;
	top:110px;
	margin:0 0 0 -400px;
}
.info{
	float:left;
	padding:40px 0 0 30px;
}
.info p{
	margin:0 0 30px;
}
.info span,.info a{
	color:#fff;
}
.info span{
	display:block;
	font-size:30px;
	line-height:42px;
	padding-bottom:8px;
}
.info a{
	display:block;
	font-size:18px;
	text-decoration:none;
}
.info a:hover{
	text-decoration:underline;
}
.contact-info form{
	width:400px;
	float:right;
	padding:40px 30px 0 0;
	position:relative;
}
label,inpute,textarea{
	display:block;
	margin:0;
}
.txt {
	width:390px;
	height:42px;
	padding:0 5px;
	border:1px solid #000;
	background:#FFF;
	margin-bottom:14px;
	
	font-size:16px;
}
.contact-info textarea{
	width:390px;
	height:200px;
	padding:5px;
	border:1px solid #000;
	background:#FFF;
	margin:2px 0 12px;
	font-size:14px;
}
.btn {
	height:42px;
	padding:0 20px;
	border:0;
	background:#FFF;
	float:right;
	cursor:pointer;
}
.contact-info form div{
	position:relative;
}
.contact-info label.error{
	font-size:9px;
	color:#F00;
	position:absolute;
	top:-15px;
	right:0;
}
input.error,textarea.error{
	border:1px solid #f00;
}
p.error,.success{
	position:absolute;
	right:30px;
	top:12px;
	font-size:10px;
}
.success{
	color:#063;
}
p.error{
	color:#fff;
}

.social{
	position:absolute;
	left:75px;
	bottom:37px;
}
.social a{
	display:block;
	background:url(../images/social.png) 0 0 no-repeat;
	width:50px;
	height:50px;
	float:left;
	opacity:0.5;
	text-indent:-10000px;
	
	transition:0.3s;
	-moz-transition:0.3s; /* Firefox 4 */
	-webkit-transition:0.3s; /* Safari and Chrome */
	-o-transition:0.3s; /* Opera */
}
.social a:hover{
	opacity:1;
}
.social a.facebook{
	background-position:0 0;
}
.social a.vimeo{
	background-position:0 -50px;
	margin:0 24px;
}
.social a.youtube{
	background-position:0 -100px;
}

footer{
	width:100%;
	height:20px;
	position:fixed;
	bottom:0;
	z-index:7;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:10px;
}
footer p,footer div{
	display:block;
	position:absolute;
	top:0;
}
footer p{
	left:50%;
	margin:0;
}
footer div{
	width:405px;
	left:50%;
	text-align:right;
}
footer a.markuphtml5{
	text-decoration:none;
}
a.markuphtml5 span{
	color:#02a4c1;
}
footer a.markuphtml5:hover{
	text-decoration:underline;
}
footer.black,
footer.black a.markuphtml5,a.markuphtml5{
	color:#000;
}
footer.white,
footer.white a.markuphtml5{
	color:#fff;
}

footer.white{
	width:640px;
	left:50%;
	margin-left:-320px;
}
footer.white p{
	left:0;
}
footer.white div{
	width:50%;
	left:50%;
	text-align:right;
}