*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, th, td { margin:0; padding:0; font-family: "EB Garamond","Times New Roman", sans-serif; }
table { border-collapse:collapse; border-spacing:0 }
iframe { border: 0; margin: 0; padding: 0; }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}
body { /*background: #3d3356;*/ 
	background-image:  url(../art/e_bg.jpg), url(../art/e_bg_b.jpg); 
	background-size: 100%;
	background-position: top left, 0px 800px;
	background-repeat: repeat-x, repeat-x;
	color: #fff; 
	min-width: 1024; }
div#container { 
	width: 100%; 
	height: 100%; 
	text-align: center; 
	}
h7 { font-size: 2em;}
h8 { margin-top: 4px; font-style: italic; text-align: left; font-size: 1.65em;}

div#container #marquee {
	width:457;
	height:600;
	position: absolute;
	right: 10%;
	top: 6%;
}

/*div#container div#containerinner {position: absolute; margin-left: 860;}*/
div#container div#titleblock { position: relative; margin-bottom: 10px}
div#container div#logos { position: absolute; bottom: 20; left: 20; z-index: 20;float:left;}
div#container div#preaching { position: absolute; text-align: left; float:right; }
div#container div#preaching ul { margin-top: 4px; position: relative; z-index: 10; }
div#container div#preaching ul li { float: left; margin-right: 12px; }
div#container div#pinchelines { position: absolute; width: 4px; background: url(../art/placeholder_dots.png) repeat-y; }
div#container div#bodytext { position: relative; margin-right: 16px; margin-bottom: 10%; text-align: left; width: 430px; /*z-index: 5*/}
div#container div#bodytext p { margin: 1em 0; font-size: 1em;}
/*div#container div#bodytext p.credits { margin-top: 3em; }*/
div#container div#bodytext a {
	color: #fff;
	text-decoration: none;
}
div#container div#credits {
	position: relative;
	margin-right: 16px;
	margin-bottom: 16px;
	text-align: left;
	width: 430px;
	/*z-index: 5;*/
}

div#container div#credits_left {
	width: 200px;
	float: left;
}

div#container div#credits_right {
	width: 200px;
	float: right;
}

div#container div#credits p {font-size: 0.9em;}
div#container div#credits a {
	color: #fff;
	text-decoration: none;
}
div#container div#credits div#book {
	position:absolute;
	width: 105px;
	height: 50px;
	border: 2px dotted #fff;
	right: 10px;
	top:-16;
	text-align: center;
	padding: 5px;
	font-size: 1.1em;
	z-index: 20;
}

div#container div#credits p#credits_ke {
	font-size: 1.2em;
	position: relative;
	z-index: 20;
}

div#container div#credits p#credits_gh {
	margin-top: 20px;
}
div#container div#credits p#credits_sb {
	margin-top: 15px;
}
div#container div#credits p#credits_aw {
	margin-top: 15px;
}
div#container div#credits p#credits_cb {
	margin-top: 20px;
}
div#container div#credits p#credits_bc {
	margin-top: 15px;
}
div#container div#credits p#credits_sk {
	margin-top: 15px;
}

div#logo {
	position:relative;
	margin-top: 200px;
}
div#audiodiv { display: none; }

div#container div#legacy { left: 20; width: 300px; padding: 2px; position: absolute; height: 220px; font-size: 1.3em; }
div#container div#legacy:hover { color: #fbb03b; }
div#container div#cradle { left: 20; padding: 2px; width: 300px; position: absolute; font-size: 1.3em; }
div#container div#cradle { display: block; width: auto; background: #ecda50 url(../art/c_bg.jpg); }
div#container div#cradle:hover { color: #fbb03b; }
div#container #navigation {position: relative; z-index: 5; cursor: pointer;}

.home_button { position: absolute; bottom: 30; right: 30; z-index: 1; cursor: pointer;}
.home_button img { width: 40px; height: 35px;}

.returntop_button { 
	position: absolute;
	width: 127px; height: 45px;
	cursor: pointer;
	z-index: 5;
	background: url(../art/f_playbutton.png);
    pointer-events: all; 
}

div #canvas_container {
	width: auto;
	height: auto;
	position: absolute;
	z-index: 5;
	pointer-events:visible;
}

div #cradleContent {
	width: auto;
	position: absolute;
	z-index: 10;
	top: 0px;
	left: 0px;
	text-align: right;
	pointer-events: none;
}

div #migrantsContent {
	width: auto;
	position: absolute;
	z-index: 10;
	top: 0px;
	left: 0px;
	text-align: right;
	pointer-events: none;
}

div #legacyContent {
	width: auto;
	position: absolute;
	z-index: 10;
	top: 0px;
	left: 0px;
	text-align: right;
	pointer-events: none;
}
div #svggroup {
	position: absolute;
	top: 0px;
	left: 0px;
}
div #peripheryContent {
	width: auto;
	position: absolute;
	z-index: 10;
	top: 0px;
	left: 0px;
	text-align: right;
	pointer-events: none;
}

div .main_nav_buttons {
	position: absolute;
	z-index: 10;
	opacity: 0.6;
	bottom: 30;
	right: 8%;
}

div .main_nav_buttons_top {
	position: absolute;
	z-index: 10;
	opacity: 0.6;
	float: left;
	top: 30;
	left: 30;
}

div .nav_button {
	font-size: 28px;
	font-style: italic;
	background-color: #000;
	border: none;
	padding-left: 28px;
	padding-right: 28px;
	cursor: pointer;
}


div .main_nav_buttons #legacy_cbutton { color: #fbb03b; }
div .main_nav_buttons #migrants_cbutton { color: #ff5a00; }
div .main_nav_buttons #periphery_cbutton { color: #d3314a; }

div .main_nav_buttons_top #cradle_lbutton { color: #ecda50; }
div .main_nav_buttons #migrants_lbutton { color: #ff5a00; }
div .main_nav_buttons #periphery_lbutton { color: #d3314a; }

div .main_nav_buttons_top #cradle_mbutton { color: #ecda50; }
div .main_nav_buttons_top #legacy_mbutton { color: #fbb03b; }
div .main_nav_buttons #periphery_mbutton { color: #d3314a; }

div .main_nav_buttons_top #cradle_pbutton { color: #ecda50; }
div .main_nav_buttons_top #legacy_pbutton { color: #fbb03b; }
div .main_nav_buttons_top #migrants_pbutton { color: #ff5a00; }

.vertical_linewhite {
	background: url(../../art/periphery/b_linewhite.png) repeat-y;
	width: 3px;
	position: absolute;
	overflow: hidden;
	opacity: 0.6;
}

.coming_soon {
	background: url(../../art/coming_soon_white.png); 
	width: 177px;
	height: 177px;
	position: relative;
	z-index: 5;
	left: 360px;
	top: 300px;
}