/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
	line-height: 1.5;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* end css reset */






* { 
	margin: 0px; 
	padding: 0px; 
}
img { 
	border: 0px; 
	vertical-align: bottom; 
}
body { 
	background-color: #10000e; 
	font-size: 14px; 
	color:#ece2b2; 
	font-family: 'Merienda', 'Georgia', cursive;
}

/* NAV */
ul#panelControl { 
	position: fixed; 
	top: 13px; 
	left: 50%; 
	margin-left: -100px; 
	z-index: 999; 
}
ul#panelControl li { 
	float: left; 
	display: block; 
	padding-right: 10px; 
	padding-top: 20px;
}



	
/* PARALLAXER */
#overflowControl { overflow: hidden; position: relative; height: 620px; top: 90px; }
#layerSling {}
#layerSling>div { display: block; position: absolute; top: 0px; left: 0;  }


#layerSling .p { height: 400px; float: left; position: relative; overflow: visible; text-align: center; }
#layerSling .p img { display: block; position: absolute; top: 0; left: 0; }
	#layerB .p { width: 300px; }

	.narrative { position: absolute; top: 400px; left: auto; right: auto; width: 300px; padding: 20px; text-align: left; }

	
	
#cited a{
	position: fixed;
	bottom: 10px;
	right: 10px;
	color: #d3a429;
	text-decoration: none;
}	

a{
	color: #d3a429;
	text-decoration: none;
}	
#citedpage{
	text-align: center;
	padding-top:50px;
}
/* IMAGES 
#layerA .p { background-image:url('images/base-1.png'); }
#a1 {background-image:url('images/a-1.jpg'); }
#a2 {background-image:url('images/a-2.jpg'); }
#a3 {background-image:url('images/a-3.jpg'); }
#a4 {background-image:url('images/a-4.jpg'); }
#a5 {background-image:url('images/a-5.jpg'); }
#a6 {background-image:url('images/a-6.jpg'); }*/

/*#b1 { background-image:url('images/b-1.jpg');} */
#b2 { background-image:url('images/b-2.jpg');}
#b3 { background-image:url('images/b-3.jpg');}
#b4 { background-image:url('images/b-4.jpg');}
#b5 { background-image:url('images/b-5.jpg');}
/*#b6 { background-image:url('images/b-6.jpg');}*/

#c1 { background-image:url('images/c-1.png');}
#c2 { background-image:url('images/c-2.png');}
#c3 { background-image:url('images/c-3.png');}
#c4 { background-image:url('images/c-4.png');}
#c5 { background-image:url('images/c-5.png');}
#c6 { background-image:url('images/c-6.png');}

#d1 { background-image:url('images/d-1.png');}
#d2 { background-image:url('images/d-2.png');}
#d3 { background-image:url('images/d-3.png');}
#d4 { background-image:url('images/d-4.png');}
#d5 { background-image:url('images/d-5.png');}
#d6 { background-image:url('images/d-6.png');}

/*#e1 { background-image:url('images/e-1.png');} */
#e2 { background-image:url('images/e-2.png');}
#e3 { background-image:url('images/e-3.png');}
#e4 { background-image:url('images/e-4.png');}
#e5 { background-image:url('images/e-5.png');}
#e6 { background-image:url('images/e-6.png');}

/*#f1 { background-image:url('images/f-1.png');} */
#f2 { background-image:url('images/f-2.png');}
#f3 { background-image:url('images/f-3.png');}
#f4 { background-image:url('images/f-4.png');}
#f5 { background-image:url('images/f-5.png');}
#f6 { background-image:url('images/f-6.png');}

#g1 { background-image:url('images/g-1.png');}
#g2 { background-image:url('images/g-2.png');}
#g3 { background-image:url('images/g-3.png');}
#g4 { background-image:url('images/g-4.png');}
/*#g5 { background-image:url('images/g-5.png');}*/
#g6 { background-image:url('images/g-6.png');}

/*
#h1 { background-image:url('images/h-1.png');}
#h2 { background-image:url('images/h-2.png');}
#h3 { background-image:url('images/h-3.png');}
#h4 { background-image:url('images/h-4.png');}
#h5 { background-image:url('images/h-5.png');}
#h6 { background-image:url('images/h-6.png');}*/

/*OTHER ANIMATIONS*/

@-webkit-keyframes parents{
	50%{top:25px;}
	100%{top:0px;}
}
.parents{
	-webkit-animation:parents 3s infinite;
}

@-webkit-keyframes daughter{
	50%{top:30px;}
	100%{top:0px;}
}
.daughter{
	-webkit-animation:daughter 5s infinite;
}

@-webkit-keyframes glowrotate {
	from {-webkit-transform: rotate(0deg);}
	to {-webkit-transform: rotate(359deg);}
}
#glow{
    -webkit-animation-name: glowrotate; 
    -webkit-animation-duration: 3s; 
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;	
}