@charset "UTF-8";
/* CSS Document */
body, html {
	padding:0;
	margin:0;
	font-family:Tahoma, Geneva, sans-serif;
}
body {
	background-color:#535353;
}
.content p, .content ol, .content li, .content ul {
	line-height:1.5;
	font-size:1em;
	color: #333;
	font-weight:300;
}
.content b, .content strong {
	color: #333;
}
.page {
	max-width:1020px;
	margin:auto;
	background:url('/assets/images/gods_background.jpg') no-repeat center center;
-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
border-left:434444 2px solid;
border-right:2px solid #434444;

}
.nav {
	background-color:#434444;
	padding:0px; text-align:center;
	
	
}
.nav ul {
	list-style:none;
	margin:0;
	padding:0;
	display:block;
}
.nav ul li {
	display:inline-block;
	vertical-align:top;	
	text-align:center;
	
}
.nav ul li a {
	color:#EEE;
	display:block;
	text-transform:uppercase;
	padding:10px;
	padding-right:18px;
	padding-left:18px;
	text-decoration:none;
}
.nav ul li a:hover {
background-color:#ebd1c0;
color:#434444;	
}
.nav ul li .active {
background-color:rgba(255,255,255,0.2);
}
.header .clearfix {
	clear:both;
	background-color:#ebd1c0;
	height:3px;
}
.page .clearfix {
background-color:#9f8d82;
height:6px;
clear:both;	
}
.header {
	
background:url('/assets/images/gods_land1.jpg') no-repeat top center;
-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
padding-bottom:5%;	
}
.header .logo {
	width:30%;
	max-width:300px;
display:inline-block;
vertical-align:top;
margin:2.5%;

}
.header .header-text {
display:inline-block;
vertical-align:top;
margin-top:5%;
padding:30px;
padding-bottom:20px;
padding-top:0px;
width:55%;

/* background-color:rgba(255,255,255,0.2); */
border-radius:6px;
line-height:1.5;
font-size:1.02em;
max-width:600px;
text-shadow:0px 0px 10px #EFEFEF;	
}
.header .clearfix {
	background-color:#ebd1c0;
	height:3px;
}
.content .clearfix {
	background-color:none;
	height:auto;
}
.outer-content {
	padding:7.5%;
	padding-top:2%;
	padding-bottom:100px;
}
h1 {
color:#c63a2a;
font-weight:bold;
font-size:2em;
text-transform:uppercase;	
}
h2 {
	color: #333;
	margin:0;
	padding:0;
	padding-bottom:7px;
	border-bottom: 1px solid #333;
	font-size:1.4em;
	margin-top:25px;
	padding-top:10px;
	margin-bottom:10px;
	font-weight:700;
}
.footer {
	color:#494642;
	background-color:#c7b299;
	position:relative;
}
.footer-left {
	display:inline-block; vertical-align:top;
	width:50%;
	line-height:2;
	padding:20px;
	padding-left:5%;
padding-right:5%;
}
.footer-left .footer-header {
font-size:1.5em;	
}
.footer-right {
	display:inline-block; vertical-align:top;
	width:25%;
padding:20px;	
padding-left:5%;
padding-right:5%;
}
.footer .nav-menu {
	list-style:none;
	margin:0;
	padding:0;
	display:block;
}
.footer .nav-menu li {

	text-align:left;
	
}
.footer .nav-menu li a {
	color:#363535;
	display:block;
	text-transform:uppercase;
	padding:4px;
	font-size:.8em;
	text-decoration:none;
}
.footer .nav-menu li a:hover {
background-color:#9f8e84;
color:#FFF;	
}
.footer .nav-menu li .active {
background-color:rgba(0,0,0,0.1);
}
.footer-image {
	position:absolute;
	top:-105px;
	right:80px;
}
.footer a {
color:#494642;	
}
.footer-content b, .footer-content strong {
color:#363535;	
}
.footer-content {
padding:20px;		
}
.content img {
	margin-left:30px; margin-right:30px;
	margin-bottom:30px;
}
.content img[align=right] {
	margin-right:0px; 
}
.content img[align=left] {
	margin-left:0px; 
}
.content ul {
	list-style:square;
}
.content ol {
  margin: 0 0 1.5em;
  padding: 0;
  counter-reset: item;
}

.content ol > li {
  margin: 0;
  padding: 0 0 0 2em;
  list-style-type: none;
  counter-increment: item;
}

.content ol > li:before {
  display: inline-block;
  width: 1em;
  padding-right: 0.5em;
  font-weight: bold;
  text-align: right;
  content: counter(item) ".";
}
.content a {
	color:#065895;
	text-decoration:none;
}
.content a:hover {
	color:#17335f;
	text-decoration:underline;
}
.float-box {
display:inline-block; vertical-align:top; margin:1%; min-width:300px; width:44%; background-color:rgba(255,255,255,0.18); border-radius:6px; padding:15px; padding-top:0px; min-height:195px;
}
.nav .mobile-nav {
	display:none;
}
.nav .mobile-nav ul {
margin:0;	
}

@media screen and (max-width: 680px) {
.footer-left {
	display:block;
	width:auto;
	line-height:2;
	padding:20px;
	padding-left:5%;
padding-right:5%;
}

.footer-right {
	display:block;
	width:auto;
padding:20px;	
padding-left:5%;
padding-right:5%;
}
.header .header-text {
	display:none;
}
.header .logo {
	width:auto;
	max-width:300px;
display:block;
margin:auto;
margin-top:2.5%;
margin-bottom:2.5%;	
}
}
@media screen and (max-width: 500px) {
.nav #header-nav {
	display:none;
}
.content iframe {
	width:300px;
	height:auto;
}
.nav ul li {
	display:block;
	text-align:left;
	
}
.nav .mobile-nav ul li {
	display: inline-block;
	vertical-align:top;
	width:50%;
}
h1 {
	font-size:1.8em;
	line-height:1.5;
}
.nav .mobile-nav {
	display:block;
}
.float-box {
display:block; margin:0; max-width:auto; width:auto; min-width:auto; background-color:rgba(255,255,255,0.18); border-radius:6px; padding:15px; padding-top:1px; min-height:auto;
}
.float-box h3 {
font-size:95%;	
}
.content img {
	margin:auto;
	margin-bottom:30px;
	max-width:300px;
	height:auto;
}
.content img[align=right] {
	margin:auto;
	margin-bottom:30px;
	float:none;
	display:block;
}
.content img[align=left] {
	margin:auto;
	margin-bottom:30px;
	float:none;
	display:block;
}
	
}


.page {
	background-size: auto;
	background-repeat: repeat;
	border-left: 2px solid #434444;
	border-right: 2px solid #434444;
}