/*****  Dragons  ***/
body{
	background-color: #000;
	font-family: arial, sans-serif;
	font-size: 18px;
	color: #000;
	width: 100%;
	padding: 0;
}

h1, h2{
	font-family: "Egyptian Slate Std", Georgia, serif;
	}
	
	h1{
		font-size: 36px;
		font-weight: bold;
		color: #000;
		text-align: center;
		padding: 17px;
	}
	
/*	h2{
		font-size: 1.5em;
		font-weight: bold;
		padding: 15px;
		color: #000;
	}*/
	
.wrapper{
	width: 1024px;
/*	height: 300%;*/
	margin: -25px auto 0 auto;
	background-color: #000;
	z-index: 0;
}


#absolute{
	position: absolute;
	top: 0;
	left: 23.3%;
	width: 259px;
	height: 360px;
	z-index: 10;


}

#relative{
	position: relative;
	width: 439px;
	top: 22px;
	left: 374px;
	z-index: 5;
}

h2{
	font-family: "Egyptian Slate Std", Georgia, serif;
	font-size: 22px;
	font-weight: bold;
	color: #fffce5;
	padding-left: 5px;
	padding-bottom: 22px;
}

/******   NAVIGATION  ***/
nav{
	position: relative;

	margin-left: 22.3%;

}

ul {
    list-style-type: none;
    overflow: hidden;
	font-size: 22px;
	font-weight: bold;
	position: relative;

}

li {
    float: left;
}

li a:link {
    display: inline-block;
    color: #71bdcc;
    text-align: center;
    padding: 14px 11px;
    text-decoration: none;
}

li a:visited{
	color: #71bdcc;
}

li a:hover, li a:focus {
   color: #ffcf61;
}

li a:active{
	color: #24a2ff;
}

li a.you-are-here{
	color: #24a2ff; !important
}

/* ****  INFORMATION SECTION  ***/
.main{
	width: 810px;
/*	height: 100%;*/
	position: relative;
	margin: 25px auto;
	background-color: #fffce5;
	border-radius: 15px;
	padding: 0 14px 14px 14px;
	z-index: 2;
}

.para{
	font-size: 22px;
	line-height: 1.35em;
	left-margin: 3px;
}

.para2{
	margin-top: -.5em;
}
.indent{
	margin-left: 120px;
	margin-top: -15px;
	position: relative;
}

aside{
	width: 25%;
	position: relative;
	overflow: none;
	float: left;
	margin-left: 0;
	margin-right: 10px;
	padding: 14px;
	background-color: #24a2ff;
	border-radius: 15px;
	}

.aside2{
	width: 32%;
}

.mininav a{
	 text-decoration: none;
	 color: #000;
	 line-height: 1.35em;
	 font-size: 24px;
}

.despite{
	position: relative;
	margin-top: 10px;
}
.after-chart{
	margin-top: 40px;
}

.spacer{
	width: 100%;
	height: 50px;
//	border: 1px solid red;
}


.resources{
	width: 810px;
	position: relative;
	margin: -14px auto 0 auto;
	background-color: #fffce5;
	border-radius: 15px;
	padding: 14px;
	z-index: 2;
}

.small{
	font-size: 14px;
}

/******  Origins  *****/
.chart{
	height: 354px;
	width: auto;
	margin: 35px 80px;
	position: relative;

}

.chart2{
	height: auto;
	width: auto;
	margin: 35px 106px;
	position: relative;
}

h3{
	font-family: "Egyptian Slate Std", Georgia, serif;
	font-size: 24px;
	font-weight: bold;
	color: #000;
	padding-bottom: 10px;
	margin-top: -3px;
	margin-bottom: 0;
}

.subtitle{
	margin-left: 0;
	}

.pix-background1{
	width: 324px;
	position: relative;
	overflow: none;
	float: left;
	margin-left: 0;
	margin-right: 10px;
	background-color: #ffcf61;
	padding: 14px 14px 0 14px;
	border-radius: 15px;
	z-index: 3;
	}
	
.pix-background2{
	width: 324px;
	position: relative;
	overflow: none;
	float: right;
	margin-left: 10px;
	margin-right: 0;
	background-color: #78D7FF;
	padding: 14px 14px 0 14px;
	border-radius: 15px;
	z-index: 3;
	}
	
figure{
	margin-top: 0;
	margin-left: 0;
	}

figure img{
		width: 320px;
	}

figcaption{
	font-size: 9px;
	}

.despite .para{
	padding-top: 14px;
}

.first{
	margin-top: -3px;
}
.divider{
	position: relative;
	display: block;
	margin: auto;
	width: 57%;
	padding-bottom: 50px;
//	border: 1px solid purple;
}

.banner{
	width: 103.5%;
	overflow: none;
	margin-left: -14px;
	margin-right: -28px;
}

.caption-right{
	font-size: 9px;
	font-weight: bold;
	text-align: right;
}

.caption-right2{
	font-size: 9px;
	font-weight: bold;
	text-align: right;
	margin-right: -33px;
}
.higher{
	padding-top: 57px;
}

.spacer2{
	width: 100%;
	height: 5px;
//	border: 1px solid green;
}

.spacer3{
	width: 100%;
	height: 10px;
//	border: 1px solid blue;
}

.spacer4{
	width: 100%;
	height: 20px;
//	border: 1px solid pink;
}
.spacer5{
	width: 100%;
	height: 40px;
//	border: 1px solid indigo;
}
.spacer6{
	width: 100%;
	height: 100px;
//	border: 1px solid darkgray;
}
.spacer7{
	width: 100%;
	height: 260px;
//	border: 1px solid black;
}

.spacer8{
	width: 100%;
	height: 80px;
//	border: 1px dotted red;
}



footer{
	margin-top: 10px;
	text-align: center;
	color: #fffce5;
}

footer a{
	text-decoration: none;
	color: #fffce5;
}