@font-face{
    font-family: PixelFont;
    src: url('../fonts/pixel.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

body{
	padding: 0;
	margin: 0;
	background: url('../img/BackgroundLeaves.png') repeat, #1b191f;
}

.clearfix{
	clear: both;
	overflow: auto;
}

.PrimalContainer{
	margin: 0;
	padding: 0;
	width: 100%;
	font-family: PixelFont;
}

.HeaderContainer{
	padding-top: 10px;
	margin: auto;
	width: 90%;
}

.LogoImage{
	max-width: 100%;
}

.LogoImage{
	display: block;
	margin-left: auto;
	margin-right: auto;
	vertical-align: middle;
}

.HeaderMenuContainer{
	width: 100%;
	height: auto;
	min-width: 100%;
	background: linear-gradient(rgba(255,255,255,1), rgba(255,255,255,0.5));
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	text-align: center;
}

.MenuOption{
	width: auto;
	margin: 5px;
	margin-left: 10px;
	margin-right: 10px;
	font-size: 42px;
	color: #1b191f;
	display: inline-block;
}

.MenuOption a{
	text-decoration: none;
	color: inherit;
}

.MenuOption a:hover{
	text-decoration: none;
	color: #7a728a;
}

.MainBodyContainer{
	background-color: rgba(0,0,0,0.5);
	padding-top: 10px;
	margin: auto;
	width: 90%;
	color: white;
	font-size: 32px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	padding-bottom: 10px;
	margin-bottom: 20px;
}

.ContentModule{
	max-width: 100%;
	padding: 10px;
	margin-bottom: 20px;
    position:relative;
    overflow:hidden;
}

.ContentText{
	width: 100%;
	text-align: center;
	display: inline-block;
}

.ContentTitle{
	font-size: 48px;
	width: 100%;
	text-align: center;
	display: inline-block;
}

.ImageModule{
	max-width: 100%;
	padding: 10px;
	margin-bottom: 20px;
    position:relative;
    overflow:hidden;
}

.ImageTextLeft{
	text-align: left;
}

.ImageLeft{
    position:relative;
    overflow:hidden;
	margin-right: 20px;
	min-width: 320px;
	max-width: 60%;
	width: 60%;
	float:left;
	display:block;
	border: groove;
	box-shadow: 0 30px 40px 40px rgba(0,0,0,.1);
}

.ImageLeft img{
	width: 100%;
	vertical-align: middle;
}

.ImageTextRight{
	text-align: right;
}

.ImageRight{
	margin-left: 20px;
	min-width: 320px;
	max-width: 60%;
	width: 60%;
	float:right;
	display:block;
    position:relative;
    overflow:hidden;
	border: groove;
	box-shadow: 0 30px 40px 40px rgba(0,0,0,.1);
}

.ImageRight img{
	width: 100%;
	vertical-align: middle;
}

.WishbindTrailer {
	border: groove;
}