body
{
	margin:0px;
	padding:0px;
	background-color:#000000;
}

.center-text
{
	text-align: center;
}
.float-left
{
	float:left;
}

.float-right
{
	float:right;
}

.page
{
	max-width:100%;
	width:100%;
	overflow-x:hidden;
}

#quotes
{
	background:none;
}

.marketing-button-group
{
	margin:0px;
	margin-bottom:24px;
}


.main-textbox
{
	background:none;
	margin:0px;
	padding:0px;
	cursor:default;
	height:29px;
	font-size:14px;
}
.main-textbox input[type=text], .main-textbox input[type=email]
{
	max-width:450px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-o-border-radius:4px;
	border-radius:4px;
	font-size:14px;
}
.main-textbox input[type=password]
{
	max-width:450px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-o-border-radius:4px;
	border-radius:4px;
	font-size:14px;
}


.landing-top
{
	background-color: #0e0b06;
	text-align:center;
}

.landing-top-socialbuttons
{
	text-align:right;
	padding:1px;
	vertical-align:baseline;
	margin:0px;
}
.landing-top-socialbuttons span
{
	vertical-align:12px;
	margin-right:4px;
}

.landing-main-above
{
	position:absolute;
	z-index:100;
	width:100%;
	/*height:516px;*/
	
	text-shadow: 2px 2px 3px rgba(0, 0, 0, 1);
	
}

.landing-login-window
{
	display: inline-block;
    margin: 0 auto;
    position: relative;
    margin-bottom:15px;
    box-shadow: 0px 5px 11px #000;
    max-width:360px;
    width:100%:
}

.landing-login-button-container
{
	position: absolute;
    left: 50%;
    bottom: 0px;	
}
.landing-login-button
{
    background-image: url(/images/ui3/button1.jpg);
    background-position: center;
    background-size: auto 100%;
    background-repeat: no-repeat;
    width: 175px;
    height: 38px;
    margin: 0 auto;
    text-align: center;
    text-shadow: 2px 2px 3px rgba(0, 0, 0, 1);
    padding-top: 14px;
    cursor: pointer;
    margin-bottom: 0px;
    display: inline-block;
    color: #FFFFFF;
    text-decoration: none;
    filter: drop-shadow(0px 5px 8px #000);
    
	font-size: 20px;
    position: absolute;
    left: -85px;
    bottom: -51px;    
}
.landing-login-button:hover
{
	text-decoration:none;
	text-shadow: 0px 0px 20px yellow;
}


.divider-container
{
	position:absolute;
	width:100%;
	height:35px;
	text-align: center;
	overflow:visible;
	
}
.divider-container .divider
{
	position:relative;
	height:35px;
	background-image:url('/images/ui/landing-divider2.png');
	background-position:center center;
	background-repeat:no-repeat;
	
	z-index:1000;
	top:-17px;
	width:100%;
}

.landing-main-above .bottom-options
{
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    text-align: right;
    margin: 0px;
    margin-right: 2px;
    margin-top: 9px;
}

.title
{
	font-size: 70px;
	text-shadow: 5px 5px 15px rgba(0, 0, 0, 1);
	text-align:center;
	width:100%;
	margin-top:15px;
}

.login-signup-switch
{
	position:absolute;
	margin:0px;
	top: -7px;
    left: 2px;
}

.landing-main-container
{
	background-image:url('/images/ui3/background1.jpg');
}

.landing-main
{
	position:relative;
	width:100%;
	/*height:516px;*/
	background-color:#110E14;
	
	background-position:center center;
	
/*	
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size: cover;

	-webkit-filter: blur(7px);
	-moz-filter: blur(7px);
	-o-filter: blur(7px);
	-ms-filter: blur(7px);
	filter: blur(7px);
*/
}
/*

*/

.landing-main .overlay
{
	position:absolute;
	width:100%;
	height:375px;
	background:rgba(17, 14, 20,0.45);
}


.landing-info1
{
	/*background-color:#110E14;*/
	margin:0px;
	padding-bottom:8px;
	padding-top:1px;
}

.landing-info2
{
	min-height:580px;
	padding:0px;
	margin:0px;
	
	background-image:url('/images/banner---grassy-plains-river1.png');
	background-repeat:no-repeat;
	background-position:center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size: cover;
	

}
.landing-info2-container h1
{
	margin-top:50px;
	margin-left:10px;
	text-align:center;
}

.info-spacer
{
	height:50px;
}

.floating-image
{
	margin:40px;
	-webkit-perspective:150px;
	-moz-perspective:150px;
	-o-perspective:150px;
	perspective:150px;
	
	border-radius: 8px 8px 8px 8px;
	-moz-border-radius: 8px 8px 8px 8px;
	-webkit-border-radius: 8px 8px 8px 8px;
	border: 5px solid #FFFFFF;
	
	box-shadow: 10px 10px 20px #000000;
	

}

.floating-text
{
	vertical-align:top;
	padding-top: 30px;
	font-size:20px;
	min-width:300px;
}


.floating-text li {
    position: relative;
    list-style: url('/images/ui/landing-bullet1.png');
    
    margin-top:15px;
}


.floating-image1
{
	
	background-image:url('https://i.imgur.com/RfIzx2d.gif');
	background-repeat:no-repeat;
	background-position:top;
	background-size:contain;
	width:250px;
	height:250px;
	margin-right:100px;
	
	-webkit-transform:perspective(350px) rotateY(15deg);
	transform:perspective(350px) rotateY(15deg);
}

.floating-image2
{
	max-width:40%;
	background-image:url('https://imgur.com/KR0lpJ0.gif');
	background-repeat:no-repeat;
	background-position:top;
	width:368px;
	height:422px;
	
	-webkit-transform:perspective(350px) rotateY(-15deg);
	transform:perspective(350px) rotateY(-15deg);
}



.landing-info2 .overlay
{
	position:absolute;
	width:100%;
	height:580px;
	background:rgba(17, 14, 20,0.45);
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#110e14+1,110e14+100&0.65+50,1+95 */
	background: -moz-linear-gradient(top,  rgba(17,14,20,0.65) 1%, rgba(17,14,20,0.65) 50%, rgba(17,14,20,1) 95%, rgba(17,14,20,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(17,14,20,0.65) 1%,rgba(17,14,20,0.65) 50%,rgba(17,14,20,1) 95%,rgba(17,14,20,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(17,14,20,0.65) 1%,rgba(17,14,20,0.65) 50%,rgba(17,14,20,1) 95%,rgba(17,14,20,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6110e14', endColorstr='#110e14',GradientType=0 ); /* IE6-9 */

}


.landing-info3
{
	background-color: #110E14;
	min-height:533px;
	padding-bottom:50px;
	padding-top:130px;
}

.landing-info4
{
	height:533px;
	
	background-image:url('/images/banner---mountainlake1.jpg');
	background-repeat:no-repeat;
	background-position:center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size: cover;
	
}

.landing-info4-container h1
{
	margin-top:50px;
	margin-left:10px;
	text-align:center;
}

.landing-info4 .overlay
{
	position:absolute;
	width:100%;
	height:534px;
	background:rgba(17, 14, 20,0.45);
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#110e14+1,110e14+100&0.3+51,1+95 */
	background: -moz-linear-gradient(top,  rgba(17,14,20,0.3) 1%, rgba(17,14,20,0.3) 51%, rgba(17,14,20,1) 95%, rgba(17,14,20,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(17,14,20,0.3) 1%,rgba(17,14,20,0.3) 51%,rgba(17,14,20,1) 95%,rgba(17,14,20,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(17,14,20,0.3) 1%,rgba(17,14,20,0.3) 51%,rgba(17,14,20,1) 95%,rgba(17,14,20,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d110e14', endColorstr='#110e14',GradientType=0 ); /* IE6-9 */

}

.floating-image3
{
	max-width:40%;
	background-image:url('https://i.imgur.com/kn0rLoc.gif');
	background-repeat:no-repeat;
	background-position:top;
	width:193px;
	height:223px;
	
	-webkit-transform:perspective(250px) rotateY(15deg);
	transform:perspective(250px) rotateY(15deg);
}




.landing-info5
{
	height:320px;
	background-color: #110E14;
}

.landing-info6
{
	height:400px;

	background-image:url('/images/npc-Nakareth.jpg'); 
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-position:center bottom;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size: auto 470px;

}

.landing-info6 .overlay
{
	position:absolute;
	width:100%;
	height:400px;
	background:rgba(50,0,0,0.7);
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#320000+0,320000+70,000000+100&0.7+70,1+100 */
	background: -moz-linear-gradient(top,  rgba(50,0,0,0.7) 0%, rgba(50,0,0,0.7) 70%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(50,0,0,0.7) 0%,rgba(50,0,0,0.7) 70%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(50,0,0,0.7) 0%,rgba(50,0,0,0.7) 70%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3320000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */

}

.landing-footer
{
	margin:0px;
	padding:0px;
	padding-top:1em;
	height:50px;
	background-color: #000000;
}

.landing-footer p
{
	text-align:center;
}

.landing-logo
{
	text-align:center; 
	padding:0px; 
	margin-top:0px;
}

.landing-logo img
{
	/*
	max-height:80px;
	*/
	max-width:100%;
}






























@media (max-width:775px)
{
	.landing-main
	{
		-webkit-filter: none;
		-moz-filter: none;
		-o-filter: none;
		-ms-filter: none;
		filter: none;
	
	}
	
	#quotes
	{
		height:135px;
		font-size:12px;
	}
	
	.floating-text
	{
		font-size:18px;
		padding-top:10px;
		display:block;
	}
	
	.landing-top-socialbuttons img
	{
		max-height:20px;
		margin-right:5px;
		vertical-align:top;
	}

}

.jshowoff
{
	background-color: rgba(0,0,0,0.5);
}














@media (max-width:550px)
{
	.floating-text
	{
		display:table-cell;
		width:100%;
	}
	.floating-image
	{
		margin:0 auto;
		padding:0px;
		-webkit-transform:none;
		transform:none;
		float:none;
		max-width:290px;
	}
	.landing-login-window
	{
		width:auto;
	}
	
}