@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'juice_lightregular';
    src: url('JUICE_Light-webfont.eot');
    src: url('JUICE_Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('JUICE_Light-webfont.woff') format('woff'),
         url('JUICE_Light-webfont.ttf') format('truetype'),
         url('JUICE_Light-webfont.svg#juice_lightregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'juice_regularregular';
    src: url('JUICE_Regular-webfont.eot');
    src: url('JUICE_Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('JUICE_Regular-webfont.woff') format('woff'),
         url('JUICE_Regular-webfont.ttf') format('truetype'),
         url('JUICE_Regular-webfont.svg#juice_regularregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'juice_boldbold';
    src: url('JUICE_Bold-webfont.eot');
    src: url('JUICE_Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('JUICE_Bold-webfont.woff') format('woff'),
         url('JUICE_Bold-webfont.ttf') format('truetype'),
         url('JUICE_Bold-webfont.svg#juice_boldbold') format('svg');
    font-weight: normal;
    font-style: normal;

}




html, body {
	margin:0;
	padding:0;
	background:url(../images/test.jpg) center top no-repeat #1b1b1d;
	width: 100%;
	 min-height:100%;
}

body.reg{background:url(../images/reg-bg.jpg) center top;}

body.contact{background:url(../images/test.jpg) center top;}

.wrapper {
	width:530px;
	left:50%;
	top:-152px;
	margin:0 auto;
	text-align:center;
	position:absolute;
	z-index:30000;

}


.wrapper2 {
	position:absolute;
	margin-top:201px;
	margin-left:0px;
	z-index:3000000;
	transform-origin: 0% 0%;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	width:450px;
	height:450px;

}
.tilt {
	width:750px;
	transform-origin: 0% 0%;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	
}
.tilt2 {
	width:450px;
	height:450px;
	display:block;
	margin:0;
	padding:0;
	background:url(../images/reg.jpg);
	z-index:3000000;
	
}

@media screen and (-webkit-min-device-pixel-ratio:0) { 
    /* Safari and Chrome, if Chrome rule needed */

 
    /* Safari 5+ ONLY */
    ::i-block-chrome, .wrapper {
     top:115px;
	 margin-left:-110px;
    }
	    /* Safari 5+ ONLY */
    ::i-block-chrome, .wrapper2  {
     margin-left:-115px;
	 top:-173px;
    }

}

/* iPhone / mobile webkit */
@media screen and (max-device-width: 480px) {

    /* Safari 5+ ONLY */
    .wrapper {
     top:115px;
	 margin-left:-110px;
    }
	    /* Safari 5+ ONLY */
    .wrapper2  {
     margin-left:-115px;
	 top:-173px;
    }
}

.tilt2.map {
	background:url(../images/map.jpg);
}

.tilt2.home {
	background:none;
	margin-top:2px;
	margin-left:2px;
}

.tilt2 div{
	margin:0px;
	float:left;
	font-size:13px;
	line-height:20px;

}

ul {
	width:750px;
	
	margin:0;
	padding:0;
	float:left;
}
li {
	margin:0;
	padding:0;
	width:150px;
	height:80px;
	display:block;
	padding-top:70px;
	list-style:none;
	float:left;
	
}
.wrapper2 ul{width:450px;
}
.wrapper2 li{
}
.wrapper2 li.last{
	margin-top:-150px;}
	
li.large {
	margin:0;
	padding:0;
	width:300px;
	height:300px;
	display:block;
	list-style:none;
	float:left;
	margin:0 0px 0 0px;
}
.tilt li div, .tilt2 li div {
	width:150px;
	height:150px;
	display:block;
font-family:'juice_lightregular';
color:#FFFFFF;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	margin:-30px 0 0 40px;
}

.tilt2 li div.content{

		width:320px;
	height:320px;
	display:block;
font-family:'juice_regularregular';
font-size:12px;
line-height:16px;
color:#333333;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	margin:-0px 0 0 0px;}
	
.big{
	font-size:16px;
	
	}	

.tilt2 li div {
	margin:-60px 0 0 10px;}

.tilt li div.oneline {
	width:150px;
	height:150px;
	display:block;

	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	margin:-25px 0 0 50px;
}

li a{text-decoration:none;}

li.link, .tilt li.link div{
	font-family:'juice_lightregular';
	color:#7dc3dc;
	text-decoration:none;}
	
li.link:hover, .tilt li.link:hover div, li:hover a, li.link.active div{
	color:#fff;}

li.link:hover, li.link.active {
	background-color:#49b3dd;
	opacity: 0.8;
	filter: alpha(opacity=80); /* For IE8 and earlier */
	color:#fff;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
body:nth-of-type(1) { background-position-x: 49.99%; }
}





footer{
	position:fixed;
	bottom:0px;
	width:100%;
	background:#1b1b1d;
	height: 55px; /* '.push' must be the same height as 'footer' */
}

.footer-content{
	width:960px;
	font-family:'juice_lightregular';
	margin:0 auto;
	color:#64666a;}