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

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

}
html,body{
 font-family: 'Helvetica';
	width:100%;
	height:100%;
}


.slide{

	width:100%;
	height:100%;

	box-shadow:inset 0px 10px 10px rgba(0,0,0,0.3);
}
.wrapper{
	width:980px;
	height:200px;
	margin:0 auto;
	position:relative;
}


.button{
	display:block;
	width:50px;
	height:50px;
	position:absolute;
	bottom:0px;
	left:50%;
	background-color:#333333;
	background-image:url(../images/arrow.png);
}
.button:hover{
	background-color:#494949;
	cursor:pointer;
}


.nlLink {
	display: block;
	position: absolute; top: -380px; left: -488px; border: 0; z-index: 11;
	width: 517px;
	height: 418px;
	background: url('../images/nl_on.png') bottom;
	z-index:5;
	text-indent: -99999px;
}
.nlLink:hover {
	background-position: 0 0;
	z-index:10;
}

.llLink {
	display: block;
	position: absolute; top: -380px; left: -25px; border: 0; z-index: 11;
	width: 542px;
	height: 356px;
	background: url('../images/ll_on.png') bottom;
	z-index:4;
	text-indent: -99999px;
}
.llLink:hover {
	background-position: 0 0;
	z-index:10;
}

.nlirrLink {
	display: block;
	position: absolute; top: -30px; left: -488px; border: 0; z-index: 11;
	width: 554px;
	height: 354px;
	background: url('../images/nlirr_on.png') bottom;
	z-index:6;
	text-indent: -99999px;
}
.nlirrLink:hover {
	background-position: 0 0;
	z-index:10;
}

.cdLink {
	display: block;
	position: absolute; top: -91px; left: 12px; border: 0; z-index: 11;
	width: 505px;
	height: 415px;
	background: url('../images/cd_on.png') bottom;
	z-index:7;
	text-indent: -99999px;
}
.cdLink:hover {
	background-position: 0 0;
	z-index:10;
}


#slide4{
	text-align: center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
#slide4 .parallaxbg{

	text-align: center;
	right:0px;
	top:0px;
	font-size:28px;
	color:rgba(51,51,51,0.3);
}

.centered {
  position: relative;
  top: 50%;
  left: 50%;
}