@font-face
{
	font-family: Lato;
	src: url(/fonts/lato-regular.ttf);
	font-weight: normal;
}


@font-face
{
font-family: Lato-Light;
src: url(/fonts/Lato-Light.ttf);
font-weight: normal;
}

@font-face
{
font-family: Lato-LightItalic;
src: url(/fonts/Lato-LightItalic.ttf);
font-style: italic;
}



@font-face
{
font-family: AverageMono;
src: url(/fonts/AverageMono.ttf);
font-weight: normal;
}

@font-face
{
font-family: UniversElse;
src: url(/fonts/UniversElse-Regular.ttf);
font-weight: normal;
}




body {
	font-family: Lato-Light;
	width: 100%;
	margin: 0px;
	padding: 0px;
	border-top: 0px;
	font-size: 1em;
	background-color: white;
    }


body.black {
	background-color: black;
}

div#topBar {
	
	text-align: center;
	line-height: 1.5;
	width: 100%;
	white-space: nowrap;
	background-color: transparent;
	z-index: 90;
	position: fixed;
	top: 10px;
	opacity:;
}

div#bottomBar {
	text-align: center;
	line-height: 1.5;
	width: 100%;
	white-space: nowrap;
	background-color: transparent;
	z-index: 90;
	position: fixed;
	bottom: 5%;
}

div#sideBar {
	text-align: left;
	line-height: 1.4;
	width: 20%;
	background-color: transparent;
	z-index: 90;
	position: fixed;
	left: 0%;
	top: 3%;
}


div#sideBarRight {
	text-align: right;
	line-height: 1.1;
	width: 20%;
	background-color: transparent;
	z-index: 90;
	position: absolute;
	right: 0%;
	top: 18%;
	opacity: 1;
}



div#numberBarRight {
	text-align: right;
	line-height: 1;
	display: inline;
	width: 20%;
	background-color: transparent;
	z-index: 90;
	position: fixed;
	right: 0%;
	bottom: 6%;
	opacity: 1;
}








div#titleholder_index_only {
font-family: AverageMono;
font-size: 2.5em;
letter-spacing: 25px;
width: 60%;
padding: 10px;
text-align: center;
background-color: transparent;
position: fixed;
top: 2%;
left:20%;
color: black;
opacity: 1;
     
    -moz-animation-name: feintToFull;
    -moz-animation-iteration-count: once;
    -moz-animation-timing-function: ease-in;
    -moz-animation-duration: 15s;

    -webkit-animation-name: feintToFull;
    -webkit-animation-iteration-count: once;
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-duration: 1s;

    -o-animation-name: feintToFull;
    -o-animation-iteration-count: once;
    -o-animation-timing-function: ease-in;
    -o-animation-duration: 15s;

    -animation-name: feintToFull;
    -animation-iteration-count: once;
    -animation-timing-function: ease-in;
    -animation-duration: 15s;
   
}

@-moz-keyframes feintToFull {
    0% {
         color: rgb(190, 190, 190);
    }
    100% {
color: rgb(10,10,10);
    }
}
@-webkit-keyframes feintToFull {
    0% {
         opacity: 0;
    }
    100% {
opacity: 1;
    }
}
@-o-keyframes feintToFull {
    0% {
         color: rgb(190, 90,90);
    }
    100% {
color: rgb(10,10,10);
    }
}
@-keyframes feintToFull {
    0% {
         color: rgb(90, 90,90);
}
    100% {
color: rgb(10,10,10);
    }

}


div#titleholder_reveil {
font-family: AverageMono;
font-size: 2.5em;
letter-spacing: 25px;
width: 60%;
padding: 10px;
text-align: center;
background-color: transparent;
position: fixed;
top: 2%;
left:12%;
color: black;
opacity: 1;
     
    -moz-animation-name: feintToFull;
    -moz-animation-iteration-count: once;
    -moz-animation-timing-function: ease-in;
    -moz-animation-duration: 15s;

    -webkit-animation-name: feintToFull;
    -webkit-animation-iteration-count: once;
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-duration: 1s;

    -o-animation-name: feintToFull;
    -o-animation-iteration-count: once;
    -o-animation-timing-function: ease-in;
    -o-animation-duration: 15s;

    -animation-name: feintToFull;
    -animation-iteration-count: once;
    -animation-timing-function: ease-in;
    -animation-duration: 15s;
   
}

@-moz-keyframes feintToFull {
    0% {
         color: rgb(190, 190, 190);
    }
    100% {
color: rgb(10,10,10);
    }
}
@-webkit-keyframes feintToFull {
    0% {
         opacity: 0;
    }
    100% {
opacity: 1;
    }
}
@-o-keyframes feintToFull {
    0% {
         color: rgb(190, 90,90);
    }
    100% {
color: rgb(10,10,10);
    }
}
@-keyframes feintToFull {
    0% {
         color: rgb(90, 90,90);
}
    100% {
color: rgb(10,10,10);
    }

}

.front {
	z-index: 90;
}

.back {
	z-index: -20;
}

div.image_default {
width: 100%;
text-align: center;
padding: 0px;
background-color: white;
position: relative;
top: 50px;
left: %;
opacity: 1;
z-index:;
}

div.image_top {
width: 100%;
text-align: center;
padding: 0px;
background-color: white;
position: relative;
top: 0px;
left: %;
opacity: 1;
z-index:;
}

div.image_default_black {
width: 100%;
text-align: center;
padding: 0px;
background-color: black;
position: relative;
top: 50px;
left: %;
opacity: 1;
z-index:;
}


div.boxcentre {
width: 30%;
height: ;
position: relative;
left: 35%;
background-color: yellow;
}

#moveable {
position: relative;
width: ;
left: 25%;
top: -90px;
background-color: transparent;
}


div.image_def_up {
width: 100%;
text-align: center;
padding: 0px;
background-color: white;
position: relative;
top: -80px;
left: %;
opacity: 1;
z-index:;
}

div.image_center {
width: 100%;
text-align: center;
padding: 0px;
background-color: white;
position: relative;
top: 0px;
left: 0px;
opacity: 1;
z-index:;
}

div.image_left {
width: 60%;
text-align: left;
padding: 0px;
background-color: white;
position: relative;
top: 0px;
left: 20%;
opacity: 1;
z-index:;
}

div.image_title {
width: 100%;
height: ;
text-align: center;
padding: 0px;
background-color: transparent;
position: relative;
top: 10%;
left: %;
opacity: 1;
z-index:;
}

div.text_default {
width: 60%;
text-align: left;
padding: 0px;
background-color: transparent;
position: relative;
top: 100px;
left: 20%;
opacity: 1;
z-index:;
}

div.text_raised {
width: 60%;
text-align: left;
padding: 0px;
background-color: transparent;
position: relative;
left: 20%;
opacity: 1;
z-index:;
top: -50px;
}

div.text_high {
width: 60%;
text-align: left;
padding: 0px;
background-color: transparent;
position: relative;
top: 5%;
left: 20%;
opacity: 1;
z-index:;
}

div.text_wide {
width: 80%;
text-align: center;
padding: 0px;
background-color: transparent;
position: relative;
top: 10%;
left: 10%;
opacity: 1;
z-index:;
}

div.text_vwide {
width: 90%;
text-align: center;
padding: 0px;
background-color: transparent;
position: relative;
top: 10%;
left: 5%;
opacity: 1;
z-index:;
}

div.text_title {
width: 80%;
text-align: center;
padding: 0px;
background-color: transparent;
position: relative;
top: 200px;
left: 10%;
opacity: 1;
z-index:;
}


div.navigation {
position: fixed;
text-align: center;
width: 90%;
height: 20px;
overflow: hidden;
left: 5%;
bottom: 40px;
z-index: 12;
background-color: transparent;
}




div.arrows {
position: fixed;
text-align: center;
width: ;
height: ;
overflow: hidden;
left: 90%;
top: 80%;
z-index: 52;
background-color: transparent;
}

a.circleFill:link {
	text-decoration: none;
}

a.h1:visited {
	text-decoration: none;
}


a.h1:hover {
	text-decoration: none;
}

a.h1:active {
	color: rgb(120,120,120);
	background-color: black;
	letter-spacing: 2px;
	text-decoration: none;
}

a.h1now:link {
	font-family: Lato-Light;
	font-size: 1em;
	text-align: center;
	color: white;
	font-weight: bold;
	background-color:black;
	letter-spacing:2px;
	padding-left: 5px;
	padding-right: 3px;
	text-decoration: none;
}

a.h1now:visited {
	font-family: Lato-Light;
	font-size: 1em;
	color: white;
	font-weight: bold;
	background-color:black;
	letter-spacing:2px;
	padding-left: 5px;
	padding-right: 3px;
	text-decoration: none;
}

a.h1now:hover {
	font-family: Lato-Light;
	font-size: 1em;
	font-weight: bold;
	text-align: center;
	color: rgb(120,120,120);
	background-color:black;
}





span.circleFill {
	position: relative;
	top: 0px;
	left: 0px;

}

span.fillCircle {
	position: relative;
	top: 0px;
	margin-left: -12px;
	display: none;
	z-index: -10;
}

span.fillCircle2 {
	position: relative;
	top: 0px;
	margin-left: -11px;
	display: none;
	z-index: -10;
}

span.switch {
	width: %;
	background-color: transparent;
}

###################


div#textContainer1_index_only
{
width: 60%;
text-align: left;
line-height:1.6;
font-size: 0.9em;
background-color: transparent;
position: absolute;
left: 20%;
top: 60%;
}



div#textAbout
{
width: 60%;
text-align: left;
line-height:1.6;
font-size: 0.9em;
background-color: transparent;
position: relative;
left: 20%;
top: -220px;
}


div#textIndex
{
width: 60%;
text-align: left;
line-height:1.6;
font-size: 0.9em;
background-color: transparent;
position: relative;
left: 20%;
top: 0px;
}

div#text_news {
width: 60%;
text-align: left;
line-height:1.6;
font-size: 0.9em;
background-color: transparent;
position: relative;
left: 20%;
top: 80px;
}

div#text_contribute
{
width: 40%;
text-align: left;
line-height:1.6;
font-size: 0.9em;
background-color: transparent;
position: fixed;
left: 30%;
margin-top: -1180px;
}

div#textContainer_camp
{
width: 60%;
text-align: left;
line-height:1.6;
font-size: 0.9em;
background-color: transparent;
position: relative;
left: 20%;
top: 90px;
}



div#textcontainer_camp? {
width: 30%;
height:%;
overflow: scroll;
text-align: left;
line-height:1.6;
font-size: ;
background-color: transparent;
margin-top: 10%;
position: absolute;
overflow: hidden;
left: 20%;
top: 10%;
color: black;
z-index: -20;
}


.greyedOut {
	opacity: 0.1;
}


########## paragraph #########


p	{
	font-family: Lato-Light;
	background-color: transparent;
	letter-spacing: 1px;
	text-align: left;
	line-height:1.8;

}


p.oneEm {

	font-size: 1em;
}

p.onePointOneEm {

	font-size: 1.1em;
}

p.onePointTwoEm {

	font-size: 1.2em;
}

p.onePointThreeEm {

	font-size: 1.3em;
}


p.onePointFourEm {

	font-size: 1.4em;
}


p.onePointFiveEm {

	font-size: 1.5em;
}


p.twoEm {

	font-size: 2em;
}


p.line_spaced {
	line-height: 2.5;
}

p.line_spaced_2point3 {
	line-height: 2.3;
}

p.line_spaced_3 {
	line-height: 3;
}

p.c	{
	font-family: Lato-Light;
	background-color: transparent;
	letter-spacing: 1px;
	text-align: center;
	line-height:1.8;

}

p.ctr	{
	
	text-align: center;
	line-height:1.8;

}

p.r {
	font-family: Lato-Light;
	background-color: transparent;
	letter-spacing: 1px;
	text-align: right;
	line-height:1.8;

}



p.close {
font-family: Lato-Light;
	background-color: transparent;
	letter-spacing: 1px;
	text-align: left;
	line-height:1.3;


}

p.r {
	font-family: Lato-Light;
	background-color: transparent;
	letter-spacing: 1px;
	text-align: right;
	line-height:1.8;

}

p.lr {
	font-family: Lato;
	src: url(../../../../fonts/lato-regular.ttf);
	font-weight: normal;
}


p.bigger {
	font-size: 1.3em;
}

p.biggerStill {
	font-size: 2em;
}

p.spaced {
	letter-spacing: 2px;
}

p.bold {
	font-family: Lato;
	font-weight: normal;
}

p.aM {
	font-family: AverageMono;
	src: url(../../../fonts/AverageMono.ttf);
	font-weight: normal;
}


p.sideBar {
	font-size: 1em;
}


p.italic	{
	font-family: Lato-LightItalic;
	font-style: italic;
}


p.smaller {
font-size: 0.9em;	
}


p.overlay {
	color: black;
	background-color:white ;
	opacity: 1;
}

p.big {
	font-family: Lato-Light;
	font-size: 3em;
	letter-spacing: 15px;
}



p.italic	{
	font-family: Lato-LightItalic;
	font-style: italic;
}



p.ul {
	text-decoration: underline;
}



########### font ############


font.h1 {
	font-family: Lato-Light;
	font-size: 1em;
	font-weight: normal;
	text-align: center;
	font-style: normal;
	color: rgb(220,220,220);
	background-color:black ;
	letter-spacing:2px;
}





span.ul {
	text-decoration: underline;
}

span.blackOnWhite {
	color: black;
	font-size: 0.8em;
	background-color: white;
	opacity: 1;
}



a.h1:link {
	color: rgb(240,240,240);
	background-color: black;
	letter-spacing: 2px;
	text-decoration: none;
	padding-left: 5px;
	padding-right: 3px;
}

a.h1:visited {
	color: rgb(240,240,240);
	background-color: black;
	letter-spacing: 2px;
	text-decoration: none;
}


a.h1:hover {
	color: rgb(120,120,120);
	background-color: black;
	letter-spacing: 2px;
	text-decoration: none;
}

a.h1:active {
	color: rgb(120,120,120);
	background-color: black;
	letter-spacing: 2px;
	text-decoration: none;
}

a.h1now:link {
	font-family: Lato-Light;
	font-size: 1em;
	text-align: center;
	color: white;
	font-weight: bold;
	background-color:black;
	letter-spacing:2px;
	padding-left: 5px;
	padding-right: 3px;
	text-decoration: none;
}

a.h1now:visited {
	font-family: Lato-Light;
	font-size: 1em;
	color: white;
	font-weight: bold;
	background-color:black;
	letter-spacing:2px;
	padding-left: 5px;
	padding-right: 3px;
	text-decoration: none;
}

a.h1now:hover {
	font-family: Lato-Light;
	font-size: 1em;
	font-weight: bold;
	text-align: center;
	color: rgb(120,120,120);
	background-color:black;
}


a.h1now:active {
	font-family: Lato-Light;
	font-size: 1em;
	font-weight: bold;
	text-align: center;
	color: rgb(120,120,120);
	background-color:black;
}



a.h1mute:link {
	color: rgb(200,200,200);
	background-color: black;
	letter-spacing: 2px;
	text-decoration: none;
	padding-left: 3px;
	padding-right: 2px;
}

a.h1mute:visited {
	color: rgb(200,200,200);
	background-color: black;
	letter-spacing: 2px;
	text-decoration: none;
}


a.h1mute:hover {
	color: rgb(200,200,200);
	background-color: black;
	letter-spacing: 2px;
	text-decoration: none;
}


a.twentyFourteen:link {
	font-family: Lato-Light;
	font-size: 1em;
	text-align: center;
	color: black;
	background-color: transparent;
	letter-spacing:2px;
	text-decoration: none;
	padding-left: 3px;
	border-top: 2px solid black;
	border-left: 2px solid black;
	border-bottom: 2px solid black;
}

a.twentyFourteen:visited {
	font-family: Lato-Light;
	font-size: 1em;
	text-align: center;
	color: black;
	background-color: transparent;
	letter-spacing:2px;
	text-decoration: none;
	padding-left: 3px;
	border-top: 2px solid black;
	border-left: 2px solid black;
	border-bottom: 2px solid black;
}

a.twentyFourteen:active {
	font-family: Lato-Light;
	font-size: 1em;
	text-align: center;
	color: black;
	background-color: transparent;
	letter-spacing:2px;
	text-decoration: none;
	padding-left: 3px;
	border-top: 2px solid black;
	border-left: 2px solid black;
	border-bottom: 2px solid black;
}

a.twentyFourteen:hover {
	font-family: Lato-Light;
	font-size: 1em;
	text-align: center;
	color: black;
	background-color: transparent;
	letter-spacing:2px;
	text-decoration: none;
	padding-left: 3px;
	border-top: 2px solid rgb(100,100,100);
	border-left: 2px solid rgb(100,100,100);
	border-bottom: 2px solid rgb(100,100,100);
}





a.twentyFourteen_off:link {
	font-family: Lato-Light;
	font-size: 1em;
	text-align: center;
	color: black;
	background-color: rgb(230,230,230);
	letter-spacing:2px;
	text-decoration: none;
	padding-left: 3px;
	border-top: 2px solid black;
	border-left: 2px solid black;
	border-bottom: 2px solid black;
}

a.twentyFourteen_off:visited {
	font-family: Lato-Light;
	font-size: 1em;
	text-align: center;
	color: black;
	background-color: rgb(245,245,245);
	letter-spacing:2px;
	text-decoration: none;
	padding-left: 3px;
	border-top: 2px solid black;
	border-left: 2px solid black;
	border-bottom: 2px solid black;
}

a.twentyFourteen_off:active {
	font-family: Lato-Light;
	font-size: 1em;
	text-align: center;
	color: black;
	background-color: rgb(230,230,230);
	letter-spacing:2px;
	text-decoration: none;
	padding-left: 3px;
	border-top: 2px solid black;
	border-left: 2px solid black;
	border-bottom: 2px solid black;
}

a.twentyFourteen_off:hover {
	font-family: Lato-Light;
	font-size: 1em;
	text-align: center;
	color: black;
	background-color: rgb(230,230,230);
	letter-spacing:2px;
	text-decoration: none;
	padding-left: 3px;
	border-top: 2px solid black;
	border-left: 2px solid black;
	border-bottom: 2px solid black;
}









a.h2:link {
	font-family: Lato-Light;
	font-size: 1em;
	font-weight: normal;
	text-align: center;
	font-style: normal;
	color: black;
	background-color: white ;
	letter-spacing:2px;
	text-decoration: ;
	opacity: 1;
}

a.h2:visited {
	font-family: Lato-Light;
	font-size: 1em;
	font-weight: normal;
	text-align: center;
	font-style: normal;
	color: black;
	background-color: white ;
	letter-spacing:2px;
	text-decoration: ;
	opacity: 1;
}

a.h2:hover {
	font-family: Lato-Light;
	font-size: 1em;
	font-weight: normal;
	text-align: center;
	font-style: normal;
	color: white;
	background-color:black ;
	letter-spacing:2px;
	text-decoration: none;
	
}



a.h2now:link {
	font-family: Lato-Light;
	font-size: 1em;
	font-weight: normal;
	text-align: center;
	font-style: normal;
	color: white;
	background-color:black ;
	letter-spacing:2px;
	text-decoration: none;
}

a.h2now:visited {
	font-family: Lato-Light;
	font-size: 1em;
	font-weight: normal;
	text-align: center;
	font-style: normal;
	color: white;
	background-color:black ;
	letter-spacing:2px;
	text-decoration: none;
}

a.h2now:hover {
	font-family: Lato-Light;
	font-size: 1em;
	font-weight: normal;
	text-align: center;
	font-style: normal;
	color: rgb(120,120,120);
	background-color:black ;
	letter-spacing:2px;
	text-decoration: none;
	
}










a.h3:link {
	font-family: Lato-Light;
	font-size: 1em;
	font-weight: normal;
	text-align: center;
	font-style: normal;
	color: white;
	background-color: rgb(100,100,100) ;
	letter-spacing:2px;
	text-decoration: none;
	opacity: 1;
	padding-left: 2px;
	padding-right: 2px;
	padding-left: 3px;
	padding-right: 1px;
}

a.h3:visited {
	font-family: Lato-Light;
	font-size: 1em;
	font-weight: normal;
	text-align: center;
	font-style: normal;
	color: white;
	background-color: rgb(100,100,100) ;
	letter-spacing:2px;
	text-decoration: none;
	opacity: 1;
	padding-left: 3px;
	padding-right: 1px;
}


a.h3:hover {
	font-family: Lato-Light;
	font-size: 1em;
	font-weight: normal;
	text-align: center;
	font-style: normal;
	color: white;
	background-color: rgb(200,200,200) ;
	letter-spacing:2px;
	text-decoration: none;
	padding-left: 3px;
	padding-right: 1px;
}




a.h3now:link {
	font-family: Lato-Light;
	font-size: 1em;
	font-weight: normal;
	text-align: center;
	font-style: normal;
	color: white;
	background-color: rgb(200,200,200) ;
	letter-spacing:2px;
	text-decoration: none;
	padding-left: 3px;
	padding-right: 1px;
}


a.h3now:visited {
	font-family: Lato-Light;
	font-size: 1em;
	font-weight: normal;
	text-align: center;
	font-style: normal;
	color: white;
	background-color: rgb(200,200,200) ;
	letter-spacing:2px;
	text-decoration: none;
	padding-left: 3px;
	padding-right: 1px;
}


a.h3now:hover {
	font-family: Lato-Light;
	font-size: 1em;
	font-weight: normal;
	text-align: center;
	font-style: normal;
	color: white;
	background-color: rgb(200,200,200) ;
	letter-spacing:2px;
	text-decoration: none;
	padding-left: 3px;
	padding-right: 1px;
	
}





a.h5:link {
	font-family: Lato-Light;
	font-size: 1em;
	font-weight: normal;
	text-align: center;
	font-style: normal;
	color: white;
	background-color: rgb(150,150,150) ;
	letter-spacing:2px;
	text-decoration: none;
	opacity: 1;
	padding-left: 2px;
	padding-right: 2px;
	padding-left: 3px;
	padding-right: 1px;
}

a.h5:visited {
	font-family: Lato-Light;
	font-size: 1em;
	font-weight: normal;
	text-align: center;
	font-style: normal;
	color: white;
	background-color: rgb(150,150,150) ;
	letter-spacing:2px;
	text-decoration: none;
	opacity: 1;
	padding-left: 3px;
	padding-right: 1px;
}


a.h5:hover {
	font-family: Lato-Light;
	font-size: 1em;
	font-weight: normal;
	text-align: center;
	font-style: normal;
	color: white;
	background-color: rgb(200,200,200) ;
	letter-spacing:2px;
	text-decoration: none;
	padding-left: 3px;
	padding-right: 1px;
}




a.h5now:link {
	font-family: Lato-Light;
	font-size: 1em;
	font-weight: normal;
	text-align: center;
	font-style: normal;
	color: white;
	background-color: rgb(200,200,200) ;
	letter-spacing:2px;
	text-decoration: none;
	padding-left: 3px;
	padding-right: 1px;
}


a.h5now:visited {
	font-family: Lato-Light;
	font-size: 1em;
	font-weight: normal;
	text-align: center;
	font-style: normal;
	color: white;
	background-color: rgb(200,200,200) ;
	letter-spacing:2px;
	text-decoration: none;
	padding-left: 3px;
	padding-right: 1px;
}


a.h5now:hover {
	font-family: Lato-Light;
	font-size: 1em;
	font-weight: normal;
	text-align: center;
	font-style: normal;
	color: white;
	background-color: rgb(200,200,200) ;
	letter-spacing:2px;
	text-decoration: none;
	padding-left: 3px;
	padding-right: 1px;
	
}







a.h4:link {
	font-family: Lato-Light;
	font-size: 1em;
	font-weight: normal;
	text-align: center;
	font-style: normal;
	color: white;
	background-color: black;
	letter-spacing:2px;
	text-decoration: none;
}

a.h4:visited {
	font-family: Lato-Light;
	font-size: 1em;
	font-weight: normal;
	text-align: center;
	font-style: normal;
	color: white;
	background-color:black;
	letter-spacing:2px;
	text-decoration: none;
}

a.h4:active {
	font-family: Lato-Light;
	font-size: 1em;
	font-weight: normal;
	text-align: center;
	font-style: normal;
	color: white;
	background-color:black ;
	letter-spacing:2px;
	text-decoration: none;
}

a.h4:hover {
	font-family: Lato-Light;
	font-size: 1em;
	font-weight: normal;
	text-align: center;
	font-style: normal;
	color: rgb(120,120,120);
	background-color:black ;
	letter-spacing:2px;
	text-decoration: none;
	
}

a.h4now:link {
	font-family: Lato-Light;
	font-size: 1em;
	font-weight: normal;
	text-align: center;
	font-style: normal;
	color: rgb(120,120,120);
	background-color:black;
	letter-spacing:2px;
	text-decoration: none;
}

a.h4now:active {
	font-family: Lato-Light;
	font-size: 1em;
	font-weight: normal;
	text-align: center;
	font-style: normal;
	color: rgb(120,120,120);
	background-color:black;
	letter-spacing:2px;
	text-decoration: none;
}


a.h4now:visited {
	font-family: Lato-Light;
	font-size: 1em;
	font-weight: normal;
	text-align: center;
	font-style: normal;
	color: rgb(120,120,120);
	background-color:black;
	letter-spacing:2px;
	text-decoration: none;
}

a.h4now:hover {
	font-family: Lato-Light;
	font-size: 1em;
	font-weight: normal;
	text-align: center;
	font-style: normal;
	color: rgb(120,120,120);
	background-color:black;
	letter-spacing:2px;
	text-decoration: none;
	
}






a:link {
	color: rgb(0, 0, 0);
	text-decoration: underline;
}

a:visited {
	color: rgb(20, 20, 20);
	text-decoration: underline;
}

a:active {
	color: rgb(100, 100, 100);
	text-decoration: underline;
}

a:hover {
	color: rgb(15, 15, 15);
	text-decoration: none;
	
}



a.smalltxtlink {
	font-size: 0.9em;
}


a.white {
	color: ;
	background-color: white;
}


a.pl:link {
	color: rgb(120,120,120);
	text-decoration: none;
}

a.pl:visited {
	color: rgb(120,120,120);
	text-decoration: none;
}

a.pl:active {
	color: rgb(120,120,120);
	text-decoration: underline;
}

a.pl:hover {
	text-decoration: underline;
	
}





a.lighter:link {
	color: rgb(120, 120, 120);
	text-decoration: underline;
}

a.lighter:visited {
	color: rgb(120, 120, 120);
	text-decoration: underline;
}

a.lighter:active {
	color: rgb(120, 120, 120);
	text-decoration: underline;
}

a.lighter:hover {
	color: rgb(150, 150, 150);
	text-decoration: underline;
	
}




a.topspace {
position: relative;
top: -150px;
display: block;
height: 0;
width:0
}


div#starlingContainer {
position: fixed;
top: 0px;
}

div#starlings_key {
position: fixed;
width: 10%;
top: 70%;
left: 80%;
background-color: transparent;
}


div#starlings_key {
position: fixed;
width: 10%;
top: 70%;
left: 80%;
background-color: transparent;
}

div.shiftRight {
	position: absolute;
	left: 30%;
	top: 10px;
	width: 55%;
	font-family: Lato-Light;
	line-height:;
	font-size: 0.9em;
	position: ;
	background-color: transparent;
}

div.shiftRightDown {
	position: absolute;
	left: 30%;
	top: 90px;
	width: 55%;
	font-family: Lato-Light;
	line-height:;
	font-size: 0.9em;
	position: ;
	background-color: transparent;
}

div.textContainer_B
{
font-family: Lato-Light;
line-height:;
border: 0px ;
padding: 0px;
font-size: 0.9em;
position: ;
background-color: transparent;
}

div#container_wavefarm
{
width: 60%;
text-align: left;
line-height:0em;
background-color: transparent;
position: relative;
overflow: ;
left: 20%;
top: 250px;
color: ;
background-color: transparent;
}

div#container_resonance
{
width: 60%;
text-align: left;
line-height:1.6;
background-color: transparent;
position: relative;
overflow: ;
left: 20%;
top: 380px;
color: ;
background-color: transparent;
}

div#container_rest
{
width: 60%;
text-align: left;
line-height:1.6;
background-color: transparent;
position: relative;
overflow: ;
left: 20%;
top: 510px;
color: ;
background-color: transparent;
}





div#imageContainer1
{
width: %;
overflow:;
text-align: right;
padding: 10px;
font-size: ;
background-color: transparent;
position: fixed;
left: 35%;
top: 30%;
z-index:-2;
}



div#imageContainer_resources
{
text-align: right;
width: 80%;
padding: 10px;
background-color: transparent;
position: relative;
left: 0%;
top: -10px;
z-index: -1;
opacity: 1;
}



div#imageContainer_index_tent {
width: 60%;
text-align: center;
padding: 10px;
background-color: transparent;
position: relative;
top: 3%;
left: 20%;
z-index:-2;
}

div#image_present {
width: 100%;
text-align: center;
padding: 0px;
background-color: transparent;
position: absolute;
top: 0px;
left: 0px;
opacity: ;
z-index:-20;
}

div#image_stavehill1 {
width: 110%;
text-align: center;
padding: 0px;
background-color: black;
position: absolute;
top: 0px;
left: %;
opacity: 1;
z-index:;
}

div#image_stavehill2 {
width: 110%;
text-align: center;
padding: 0px;
background-color: black;
position: absolute;
top: 0px;
left: %;
opacity: 1;
z-index:;
}

div#image_stavehill3 {
width: 100%;
text-align: center;
padding: 0px;
background-color: black;
position: absolute;
top: 0px;
left: %;
opacity: 1;
z-index:;
}



div#navigate {
	position: fixed;
	top: 90%;
	width: 20%;
	left: 40%;
	z-index: 40;
	text-align: right;
	background-color: red;
}


div#player1_stavehill1 {
	width: 260px;
	position: fixed;
	right: 0px;
	top: 73%;
	height: 60px;
	z-index: 10;
	background-color: rgb(230,230,230);
	opacity: 0.4;
}


div#player1_jeju {
	width: 260px;
	position: fixed;
	right: 0px;
	top: 13%;
	height: 60px;
	z-index: 10;
	background-color: rgb(230,230,230);
	opacity: 0.4;
}



div#player1_stavhilltop {
	width: 260px;
	position: fixed;
	right: 0px;
	top: 13%;
	height: 60px;
	z-index: 10;
	background-color: rgb(230,230,230);
	opacity: 0.4;
}


div#player1_tabushima {
	width: 260px;
	position: fixed;
	right: 0px;
	top: 73%;
	height: 105px;
	z-index: 10;
	background-color: rgb(230,230,230);
	opacity: 0.4;
}


div#player1_walney{
	width: 260px;
	position: fixed;
	right: 0px;
	top: 13%;
	height: 60px;
	z-index: 10;
	background-color: rgb(230,230,230);
	opacity: 0.4;
}

div#player2_walney {
	width: 260px;
	position: fixed;
	right: 0px;
	top: 30%;
	height: 105px;
	z-index: 10;
	background-color: rgb(230,230,230);
	opacity: 0.4;
}


div#contribute_image {
width: 100%;
text-align: center;
padding: 0px;
background-color: transparent;
position: relative;
margin-top: -12px;
left: 0px;
opacity: ;
z-index:-20;
}

div#contribute {
width: 60%;
text-align: center;
padding: 10px;
background-color: transparent;
position: relative;
top: 15%;
left: 18%;
z-index:-2;
}

div#contribute_credit {
width: 30%;
text-align: right;
padding: 10px;
background-color: transparent;
position: fixed;
bottom: 50px;
right: 70px;
z-index:2;

}

div#imageContainer_About {
width: 100%;
text-align: center;
padding: 0px;
background-color: transparent;
overflow: hidden;
position: relative;
top: -10px;
left: 0px;
z-index:-2;
}


div#imageContainer1_tent
{
width: 100%;
overflow:;
text-align: center;
padding: 10px;
font-size: ;
background-color: transparent;
position: fixed;
top: 10%;
z-index:-2;
}



div#imageContainer1b_tent
{
width: 100%;
height:;
overflow:;
text-align: center;
border: 0px solid black;
padding: 10px;
font-size: 85%;
background-color: transparent;
position: fixed;
top: 10%;
z-index:-1;
opacity: 0;

    
    -moz-animation-name: fadetotransparent;
    -moz-animation-iteration-count: once;
    -moz-animation-timing-function: ease-in;
    -moz-animation-duration: 10s;

    -webkit-animation-name: fadetotransparent;
    -webkit-animation-iteration-count: once;
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-duration: 20s;

    -o-animation-name: fadetotransparent;
    -o-animation-iteration-count: once;
    -o-animation-timing-function: ease-in;
    -o-animation-duration: 20s;

    -animation-name: fadetotransparent;
    -animation-iteration-count: once;
    -animation-timing-function: ease-in;
    -animation-duration: 20s;

    
}
@-moz-keyframes fadetotransparent {
    0% {
        opacity: 0.3;
	
    }
    100% {
        opacity: 0;
	
    }
}
@-webkit-keyframes fadetotransparent {
    0% {
         opacity: 0.3;
	
    }
    100% {
         opacity: 0;
	
    }
}

@-o-keyframes fadetotransparent {
    0% {
         opacity: 0.3;
	
    }
    100% {
         opacity: 0;
	
    }
}

@-keyframes fadetotransparent {
    0% {
         opacity: 0.3;
	
    }
    100% {
         opacity: 0;
	
    }
}





div#titleholder_index {
font-family: AverageMono;
font-size: 2.5em;
letter-spacing: 25px;
width: 60%;
padding: 10px;
text-align: center;
background-color: transparent;
position: fixed;
top: 2%;
left:20%;
color: black;
opacity: 1;
     
    -moz-animation-name: feintToFull;
    -moz-animation-iteration-count: once;
    -moz-animation-timing-function: ease-in;
    -moz-animation-duration: 15s;

    -webkit-animation-name: feintToFull;
    -webkit-animation-iteration-count: once;
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-duration: 1s;

    -o-animation-name: feintToFull;
    -o-animation-iteration-count: once;
    -o-animation-timing-function: ease-in;
    -o-animation-duration: 15s;

    -animation-name: feintToFull;
    -animation-iteration-count: once;
    -animation-timing-function: ease-in;
    -animation-duration: 15s;
   
}

@-moz-keyframes feintToFull {
    0% {
         color: rgb(190, 190, 190);
    }
    100% {
color: rgb(10,10,10);
    }
}
@-webkit-keyframes feintToFull {
    0% {
         opacity: 0;
    }
    100% {
opacity: 1;
    }
}
@-o-keyframes feintToFull {
    0% {
         color: rgb(190, 90,90);
    }
    100% {
color: rgb(10,10,10);
    }
}
@-keyframes feintToFull {
    0% {
         color: rgb(90, 90,90);
}
    100% {
color: rgb(10,10,10);
    }

}




div#titleholder_supporters {
font-family: AverageMono;
font-size: 2.5em;
letter-spacing: 25px;
width: 60%;
padding: 10px;
text-align: center;
background-color: transparent;
position: fixed;
top: 2%;
left:20%;
color: black;
z-index: 5;
opacity: 1;
     
    -moz-animation-name: feintToFull;
    -moz-animation-iteration-count: once;
    -moz-animation-timing-function: ease-in;
    -moz-animation-duration: 15s;

    -webkit-animation-name: feintToFull;
    -webkit-animation-iteration-count: once;
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-duration: 1s;

    -o-animation-name: feintToFull;
    -o-animation-iteration-count: once;
    -o-animation-timing-function: ease-in;
    -o-animation-duration: 15s;

    -animation-name: feintToFull;
    -animation-iteration-count: once;
    -animation-timing-function: ease-in;
    -animation-duration: 15s;
   
}

@-moz-keyframes feintToFull {
    0% {
         color: rgb(190, 190, 190);
    }
    100% {
color: rgb(10,10,10);
    }
}
@-webkit-keyframes feintToFull {
    0% {
         opacity: 0;
    }
    100% {
opacity: 1;
    }
}
@-o-keyframes feintToFull {
    0% {
         color: rgb(190, 90,90);
    }
    100% {
color: rgb(10,10,10);
    }
}
@-keyframes feintToFull {
    0% {
         color: rgb(90, 90,90);
}
    100% {
color: rgb(10,10,10);
    }

}



div#titleholder_partners {
font-family: AverageMono;
font-size: 2.5em;
letter-spacing: 25px;
width: 60%;
padding: 10px;
text-align: center;
background-color: transparent;
position: fixed;
top: 2%;
left:20%;
color: black;
z-index: 5;
opacity: 1;
     
    -moz-animation-name: feintToFull;
    -moz-animation-iteration-count: once;
    -moz-animation-timing-function: ease-in;
    -moz-animation-duration: 15s;

    -webkit-animation-name: feintToFull;
    -webkit-animation-iteration-count: once;
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-duration: 1s;

    -o-animation-name: feintToFull;
    -o-animation-iteration-count: once;
    -o-animation-timing-function: ease-in;
    -o-animation-duration: 15s;

    -animation-name: feintToFull;
    -animation-iteration-count: once;
    -animation-timing-function: ease-in;
    -animation-duration: 15s;
   
}

@-moz-keyframes feintToFull {
    0% {
         color: rgb(190, 190, 190);
    }
    100% {
color: rgb(10,10,10);
    }
}
@-webkit-keyframes feintToFull {
    0% {
         opacity: 0;
    }
    100% {
opacity: 1;
    }
}
@-o-keyframes feintToFull {
    0% {
         color: rgb(190, 90,90);
    }
    100% {
color: rgb(10,10,10);
    }
}
@-keyframes feintToFull {
    0% {
         color: rgb(90, 90,90);
}
    100% {
color: rgb(10,10,10);
    }

}

div#title_absolute {
width: 60%;
padding: 10px;
text-align: center;
background-color: transparent;
position: absolute;
top: 70%;
left:20%;
color: black;
z-index: 5;
opacity: 1;
     
    -moz-animation-name: feintToFull;
    -moz-animation-iteration-count: once;
    -moz-animation-timing-function: ease-in;
    -moz-animation-duration: 1s;

    -webkit-animation-name: feintToFull;
    -webkit-animation-iteration-count: once;
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-duration: 1s;

    -o-animation-name: feintToFull;
    -o-animation-iteration-count: once;
    -o-animation-timing-function: ease-in;
    -o-animation-duration: 1s;

    -animation-name: feintToFull;
    -animation-iteration-count: once;
    -animation-timing-function: ease-in;
    -animation-duration: 1s;
   
}

@-moz-keyframes feintToFull {
    0% {
         color: rgb(190, 190, 190);
    }
    100% {
color: rgb(10,10,10);
    }
}
@-webkit-keyframes feintToFull {
    0% {
         opacity: 0;
    }
    100% {
opacity: 1;
    }
}
@-o-keyframes feintToFull {
    0% {
         color: rgb(190, 90,90);
    }
    100% {
color: rgb(10,10,10);
    }
}
@-keyframes feintToFull {
    0% {
         color: rgb(90, 90,90);
}
    100% {
color: rgb(10,10,10);
    }

}


div#title_abs_up {
width: 60%;
padding: 10px;
text-align: center;
background-color: transparent;
position: absolute;
top: 60%;
left:20%;
color: black;
z-index: 5;
opacity: 1;
     
    -moz-animation-name: feintToFull;
    -moz-animation-iteration-count: once;
    -moz-animation-timing-function: ease-in;
    -moz-animation-duration: .5s;

    -webkit-animation-name: feintToFull;
    -webkit-animation-iteration-count: once;
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-duration: .5s;

    -o-animation-name: feintToFull;
    -o-animation-iteration-count: once;
    -o-animation-timing-function: ease-in;
    -o-animation-duration: .5s;

    -animation-name: feintToFull;
    -animation-iteration-count: once;
    -animation-timing-function: ease-in;
    -animation-duration: .5s;
   
}

@-moz-keyframes feintToFull {
    0% {
         color: rgb(190, 190, 190);
    }
    100% {
color: rgb(10,10,10);
    }
}
@-webkit-keyframes feintToFull {
    0% {
         opacity: 0;
    }
    100% {
opacity: 1;
    }
}
@-o-keyframes feintToFull {
    0% {
         color: rgb(190, 90,90);
    }
    100% {
color: rgb(10,10,10);
    }
}
@-keyframes feintToFull {
    0% {
         color: rgb(90, 90,90);
}
    100% {
color: rgb(10,10,10);
    }

}


div#titleholder_news {
font-family: AverageMono;
font-size: 2.5em;
letter-spacing: 25px;
width: 60%;
padding: 10px;
text-align: center;
background-color: transparent;
position: relative;
top: 2%;
left:17%;
color: black;
z-index: 5;
opacity: 1;
     
    -moz-animation-name: feintToFull;
    -moz-animation-iteration-count: once;
    -moz-animation-timing-function: ease-in;
    -moz-animation-duration: 15s;

    -webkit-animation-name: feintToFull;
    -webkit-animation-iteration-count: once;
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-duration: 1s;

    -o-animation-name: feintToFull;
    -o-animation-iteration-count: once;
    -o-animation-timing-function: ease-in;
    -o-animation-duration: 15s;

    -animation-name: feintToFull;
    -animation-iteration-count: once;
    -animation-timing-function: ease-in;
    -animation-duration: 15s;
   
}

@-moz-keyframes feintToFull {
    0% {
         color: rgb(190, 190, 190);
    }
    100% {
color: rgb(10,10,10);
    }
}
@-webkit-keyframes feintToFull {
    0% {
         opacity: 0;
    }
    100% {
opacity: 1;
    }
}
@-o-keyframes feintToFull {
    0% {
         color: rgb(190, 90,90);
    }
    100% {
color: rgb(10,10,10);
    }
}
@-keyframes feintToFull {
    0% {
         color: rgb(90, 90,90);
}
    100% {
color: rgb(10,10,10);
    }

}


div#titleholder_contribute {
font-family: AverageMono;
font-size: 2.5em;
letter-spacing: 25px;
width: 60%;
padding: 10px;
text-align: center;
background-color: transparent;
position: fixed;
top: 12%;
left:20%;
color: black;
z-index: 5;
opacity: 1;
     
    -moz-animation-name: feintToFull;
    -moz-animation-iteration-count: once;
    -moz-animation-timing-function: ease-in;
    -moz-animation-duration: 15s;

    -webkit-animation-name: feintToFull;
    -webkit-animation-iteration-count: once;
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-duration: 1s;

    -o-animation-name: feintToFull;
    -o-animation-iteration-count: once;
    -o-animation-timing-function: ease-in;
    -o-animation-duration: 15s;

    -animation-name: feintToFull;
    -animation-iteration-count: once;
    -animation-timing-function: ease-in;
    -animation-duration: 15s;
   
}

@-moz-keyframes feintToFull {
    0% {
         color: rgb(190, 190, 190);
    }
    100% {
color: rgb(10,10,10);
    }
}
@-webkit-keyframes feintToFull {
    0% {
         opacity: 0;
    }
    100% {
opacity: 1;
    }
}
@-o-keyframes feintToFull {
    0% {
         color: rgb(190, 90,90);
    }
    100% {
color: rgb(10,10,10);
    }
}
@-keyframes feintToFull {
    0% {
         color: rgb(90, 90,90);
}
    100% {
color: rgb(10,10,10);
    }

}




div#titleholder_2 {
font-family: AverageMono;
font-size: 2.3em;
letter-spacing: 21px;
width: 80%;
left: 10%;
text-align: center;
background-color: transparent;
position: fixed;
left: 10%;
top: 30%;
z-index: -10;
color: rgb(10,10,10);
opacity: 1;
 }    
  

div#titleholder_3 {
font-family: AverageMono;
font-size: 2.3em;
letter-spacing: 21px;
width: 80%;
left: 10%;
text-align: center;
background-color: transparent;
position: fixed;
left: 15%;
top: 20%;
z-index: 10;
color: rgb(10,10,10);
opacity: 1;
 } 


div#titleholder_4 {
font-family: AverageMono;
font-size: 2.3em;
letter-spacing: 21px;
width: 80%;
left: 10%;
text-align: center;
background-color: transparent;
position: fixed;
left: 15%;
top: 10%;
z-index: 20;
color: rgb(10,10,10);
opacity: 1;
 } 



div#featured_streams {
position: fixed;
left: 70%;
top: 35%;	
}


div#unheard_download_index {
position: fixed;
left: 70%;
top: 45%;	
}



div#stream_link {
position: fixed;
left: 70%;
top: 30%;	
}


div#links_right {
position: fixed;
text-align: right;
right: 10%;
top: 30%;
width: 35%;	
}

div#imageContainer_tent_diagram_partners
{
width: %;
height:;
overflow:;
text-align: right;
border: 0px solid black;
padding: 10px;
font-size: 85%;
background-color: transparent;
position: fixed;
left: 69%;
top: 16%;
z-index: 20;
opacity: 0.05;

    
    -moz-animation-name: fadetotransparent;
    -moz-animation-iteration-count: once;
    -moz-animation-timing-function: ease-out;
    -moz-animation-duration: 2s;

    -webkit-animation-name: fadetotransparent;
    -webkit-animation-iteration-count: once;
    -webkit-animation-timing-function: ease-out;
    -webkit-animation-duration: 2.5s;

    -o-animation-name: fadetotransparent;
    -o-animation-iteration-count: once;
    -o-animation-timing-function: ease-out;
    -o-animation-duration: 3s;

    -animation-name: fadetotransparent;
    -animation-iteration-count: once;
    -animation-timing-function: ease-out;
    -animation-duration: 3s;
    
}
@-moz-keyframes fadetotransparent {
    0% {
        opacity: 0.6;
	
    }
    100% {
        opacity: 0.05;
	
    }
}
@-webkit-keyframes fadetotransparent {
    0% {
         opacity: 0.6;
	
    }
    100% {
         opacity: 0.05;
	
    }
}

@-o-keyframes fadetotransparent {
    0% {
         opacity: 0.6;
	
    }
    100% {
         opacity: 0.05;
	
    }
}

@-keyframes fadetotransparent {
    0% {
         opacity: 0.6;
	
    }
    100% {
         opacity: 0.05;
	
    }
}





div#imageContainer_shed {
width: 60%;
text-align: left;
padding: 10px;
font-size: ;
background-color: transparent;
position: relative;
left: 25%;
top: 40px;
z-index: -80;
opacity: 1;
}


div#warbler_box
{
width: 99%;
text-align: right;
padding: 0px;
background-color: transparent;
position: absolute;
overflow: hidden;
right: 0px;
top: 0px;
z-index: -80;
opacity: 1;
}



div#imageContainer_contact {
width: 60%;
text-align: left;
padding: 10px;
font-size: ;
background-color: transparent;
position: fixed;
left: 600px;
top: 25%;
z-index: -80;
opacity: 1;
}



div#imageContainer_sunrise {
width: 60%;
text-align: left;
padding: 10px;
font-size: ;
background-color: transparent;
position: fixed;
left: 0%;
top: 35%;
z-index: -80;
opacity: 1;
}

div#imageContainer_sunrise2 {
width: 500px;
text-align: right;
background-color: transparent;
position: fixed;
right: 0px;
top: 75%;
overflow: hidden;
z-index: -80;
}

div#imageContainer_tent_diagram
{
width: 99%;
background-color: transparent;
text-align: center;
position: relative;
right:0px;
top: 65px;
z-index: -10;
}

div#imageContainer_reveil
{
width: 60%;
background-color: transparent;
text-align: center;
position: relative;
left:15%;
top: 0px;
overflow: hidden;
z-index: -10;
}


div#reveilText
{
width: 40%;
text-align: left;
line-height:1.6;
font-size: 0.9em;
background-color: transparent;
position: relative;
left: 25%;
top: 50px;
}

div#titleholder {
font-family: AverageMono;
font-size: 2.3em;
letter-spacing: 21px;
width: 80%;
left: 10%;
text-align: center;
background-color: transparent;
position: fixed;
left: 10%;
top: 30%;
color: rgb(10,10,10);
     
    -moz-animation-name: fontWhitetoBlack;
    -moz-animation-iteration-count: once;
    -moz-animation-timing-function: ease-in;
    -moz-animation-duration: 15s;

    -webkit-animation-name: fontWhitetoBlack;
    -webkit-animation-iteration-count: once;
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-duration: 3s;

    -o-animation-name: fontWhitetoBlack;
    -o-animation-iteration-count: once;
    -o-animation-timing-function: ease-in;
    -o-animation-duration: 15s;

    -animation-name: fontWhitetoBlack;
    -animation-iteration-count: once;
    -animation-timing-function: ease-in;
    -animation-duration: 15s;
   
}

@-moz-keyframes fontWhitetoBlack {
    0% {
         color: rgb(190, 190, 190);
    }
    100% {
color: rgb(10,10,10);
    }
}
@-webkit-keyframes fontWhitetoBlack {
    0% {
         color: white;
    }
    100% {
color: rgb(10,10,10);
    }
}
@-o-keyframes fontWhitetoBlack {
    0% {
         color: rgb(190, 90,90);
    }
    100% {
color: rgb(10,10,10);
    }
}
@-keyframes fontWhitetoBlack {
    0% {
         color: rgb(90, 90,90);
}
    100% {
color: rgb(10,10,10);
    }
}








div#titleholder_index {
font-family: AverageMono;
font-size: 2.5em;
letter-spacing: 25px;
width: 60%;
padding: 10px;
text-align: center;
background-color: transparent;
position: fixed;
z-index: 10;
top: 2%;
left:20%;
color: black;
opacity: 1
     
    -moz-animation-name: feintToFull;
    -moz-animation-iteration-count: once;
    -moz-animation-timing-function: ease-in;
    -moz-animation-duration: 15s;

    -webkit-animation-name: feintToFull;
    -webkit-animation-iteration-count: once;
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-duration: 1s;

    -o-animation-name: feintToFull;
    -o-animation-iteration-count: once;
    -o-animation-timing-function: ease-in;
    -o-animation-duration: 15s;

    -animation-name: feintToFull;
    -animation-iteration-count: once;
    -animation-timing-function: ease-in;
    -animation-duration: 15s;
   
}

@-moz-keyframes feintToFull {
    0% {
         color: rgb(190, 190, 190);
    }
    100% {
color: rgb(10,10,10);
    }
}
@-webkit-keyframes feintToFull {
    0% {
         opacity: 0;
    }
    100% {
opacity: 1;
    }
}
@-o-keyframes feintToFull {
    0% {
         color: rgb(190, 90,90);
    }
    100% {
color: rgb(10,10,10);
    }
}
@-keyframes feintToFull {
    0% {
         color: rgb(90, 90,90);
}
    100% {
color: rgb(10,10,10);
    }

}





div#titleholder_resources {
font-family: AverageMono;
font-size: 2.5em;
letter-spacing: 25px;
width: 60%;
padding: 10px;
text-align: center;
background-color: transparent;
position: fixed;
top: 10%;
left:20%;
color: black;
opacity: 1
     
    -moz-animation-name: feintToFull;
    -moz-animation-iteration-count: once;
    -moz-animation-timing-function: ease-in;
    -moz-animation-duration: 15s;

    -webkit-animation-name: feintToFull;
    -webkit-animation-iteration-count: once;
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-duration: 1s;

    -o-animation-name: feintToFull;
    -o-animation-iteration-count: once;
    -o-animation-timing-function: ease-in;
    -o-animation-duration: 15s;

    -animation-name: feintToFull;
    -animation-iteration-count: once;
    -animation-timing-function: ease-in;
    -animation-duration: 15s;
   
}

@-moz-keyframes feintToFull {
    0% {
         color: rgb(190, 190, 190);
    }
    100% {
color: rgb(10,10,10);
    }
}
@-webkit-keyframes feintToFull {
    0% {
         opacity: 0;
    }
    100% {
opacity: 1;
    }
}
@-o-keyframes feintToFull {
    0% {
         color: rgb(190, 90,90);
    }
    100% {
color: rgb(10,10,10);
    }
}
@-keyframes feintToFull {
    0% {
         color: rgb(90, 90,90);
}
    100% {
color: rgb(10,10,10);
    }

}




div#titleholder_plain
{
font-family: AverageMono;
font-size: 2.3em;
letter-spacing: 21px;
width: 80%;
left: 10%;
text-align: center;
background-color: transparent;
position: absolute;
left: 10%;
top: 30%;
color: rgb(10,10,10);


}



div#titleholder_resources
{
font-family: AverageMono;
font-size: 2.3em;
letter-spacing: 21px;
width: 80%;
left: 10%;
text-align: center;
background-color: transparent;
position: absolute;
left: 10%;
top: 10%;
color: rgb(10,10,10);


}



div#wavefarm_logo {
background-color: transparent;
position: fixed;
left: 10%;
top: 40%;
color: rgb(20,20,20);
}





div#dateholder {
font-size: 1.4em;
letter-spacing: 5px;
text-align: center;
line-height:1.2;
width:80%;
background-color: transparent;
position: fixed;
left: 10%;
top: 20%;
color: rgb(20,20,20);
}

div#featured {
font-size: 1.4em;
letter-spacing: 5px;
text-align: center;
line-height:1.2;
width:80%;
background-color: transparent;
position: fixed;
left: 10%;
top: 20%;
color: rgb(10,10,10);
opacity: 0;
     
    -moz-animation-name: fontFadeIn;
    -moz-animation-iteration-count: once;
    -moz-animation-timing-function: ease-in;
    -moz-animation-duration: 3s;

    -webkit-animation-name: fontFadeIn;
    -webkit-animation-iteration-count: once;
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-duration: 3s;

    -o-animation-name: fontFadeIn;
    -o-animation-iteration-count: once;
    -o-animation-timing-function: ease-in;
    -o-animation-duration: 3s;

    -animation-name: fontFadeIn;
    -animation-iteration-count: once;
    -animation-timing-function: ease-in;
    -animation-duration: 3s;
   
}

@-moz-keyframes fontFadeIn {
    0% {
         opacity: 1;
    }
    100% {
		opacity: 0;
    }
}
@-webkit-keyframes fontFadeIn {
    0% {
         opacity: 1;
    }
    100% {
		opacity: 0;
    }
}
@-o-keyframes fontFadeIn {
    0% {
         opacity: 1;
    }
    100% {
		opacity: 0;
    }
}
@-keyframes fontFadeIn {
    0% {
         opacity: 1;
}
    100% {
		opacity: 0;
    }
}




div#textContainer1
{
width: 32%;
text-align: left;
line-height:1.6;
background-color: transparent;
position: absolute;
overflow: ;
left: 10%;
top: 40%;
color: ;
background-color: transparent;
}




div#textResources
{
width: 40%;
text-align: left;
line-height:1.6;
background-color: transparent;
position: relative;
overflow: ;
left: 30%;
top: 5%;
color: ;
background-color: transparent;
}




div#textContainer1_index
{
width: 60%;
text-align: left;
line-height:1.6;
font-size: 0.9em;
background-color: transparent;
position: absolute;
overflow: hidden;
left: 20%;
top: 20%;
color: ;
background-color: transparent;
}




div#instructions
{
width: 400px;
text-align: left;
line-height:1.6;
background-color: transparent;
position: relative;
overflow: hidden;
left: 12%;
top: 15%;
color: ;
background-color: transparent;
z-index: 90;
}


div#textContainer_stream
{
width: 52%;
text-align: left;
line-height:1.6;
background-color: transparent;
position: absolute;
overflow: hidden;
left: 10%;
top: 25%;
color: ;
background-color: transparent;
}


div#broadcasters
{
width: %;
text-align: left;
line-height:1.6;
background-color: transparent;
position: absolute;
z-index: 50;
left: 40%;
top: 25%;
color: ;
background-color: transparent;
}

    
 div#textContact
{
width: 32%;
text-align: left;
line-height:1.6;
background-color: transparent;
position: absolute;
overflow: hidden;
left: 15%;
top: 15%;
color: ;
background-color: transparent;
}  






div#textContainer_listen
{
width: 60%;
text-align: left;
line-height:1.6;
font-size: 0.9em;
background-color: transparent;
position: absolute;
left: 20%;
top: 35%;
}  



div#listenText
{
width: 60%;
text-align: left;
line-height:1.6;
font-size: 0.9em;
background-color: transparent;
position: relative;
left: 20%;
top: -170px;
}  



div#streamText
{
width: 40%;
text-align: left;
line-height:1.6;
font-size: 0.9em;
background-color: transparent;
position: absolute;
left: 17%;
top: 30%;
}  


div#textContainer2
{
width: 32%;
text-align: left;
line-height:1.6;
background-color: transparent;
position: absolute;
overflow: hidden;
left: 10%;
top: 60%;
color: ;
background-color: transparent;
}


div#pi_howto_menu
{
width: 32%;
text-align: left;
line-height:1.6;
background-color: transparent;
position: absolute;
left: 600px;
top: 40%;
color: ;
background-color: transparent;
}


div#pi_howto_menu_resources
{
width: 32%;
text-align: left;
line-height:1.6;
background-color: transparent;
position: absolute;
overflow: hidden;
left: 60%;
top: 40%;
color: ;
background-color: transparent;
}





div#whatWillIHear {
font-family: AverageMono;
line-height:1.6;
border: 0px ;
padding: 0px;
font-size: 0.9em;
position: fixed;
top: 65%;
left: 45%;
background-color: transparent;
}




div#table_container {
color: black;
width: 90%;
background-color: transparent;
position: absolute;
top: 35%;
left: 5%;
z-index: 50;	
}




table#test {
width: 90%;
position: absolute;
top: 20%;
left: 10%;
padding: 15px;
background-color: transparent;
z-index: 10;
}

img.toBack {
	z-index: -50;
}



tr {
vertical-align: top;


}

th {
padding-left: 20px;
padding-bottom: 70px;
border-bottom: solid black 1px;
text-align: left;
font-size: 1.2em;
}


td
{
padding-left: 20px;
padding-top: 30px;
padding-bottom: 30px;
font-size: 0.9em;
}

td.img
{
width: 
padding-left: 20px;
padding-top: 30px;
padding-bottom: 30px;
}


td.description {
width: 500px;
padding-left: 20px;
padding-top: 30px;
padding-bottom: 30px;
border-bottom: none;
background-color: transparent;
}


td.player {
width: 180px;
padding-left: 10px;
padding-right: 0px;
padding-top: 30px;
padding-bottom: 30px;
border-bottom: none;
background-color: transparent;
}

table#smallLogos {
	width: 70%;
	position: relative;
	left: 15%;
	top: 10%;

}

td.smallLogos {
	width: ;
	border-bottom: none;
	text-align: center;

}



table#contribute {
	width: 70%;
	position: relative;
	left: 12%;
	top: 180px;
	background-color: transparent;
	z-index: 0;
}



table#supporters {
	width: 70%;
	position: relative;
	left: 15%;
	top: 180px;
	z-index: 0;

}

td.supportersLogo {
	width: %;
	border-bottom: none;
	text-align: center;
	background-color: ;

}

td.contribute {
	width: ;
	border-bottom: none;
	text-align: center;
	background-color: ;
}





table#partners {
	width: 70%;
	position: relative;
	left: 12%;
	top: 180px;
	background-color: transparent;
	z-index: 0;
}


td.partnersLogo {
	width: ;
	border-bottom: none;
	text-align: center;
	background-color: ;
}


td.contribute_left {
	width: ;
	border-bottom: none;
	text-align: center;
	background-color: ;
}

td.partnersDescription {
width: 500px;
padding-left: 10px;
padding-top: 30px;
padding-bottom: 30px;
border-bottom: none;
background-color: transparent;
}

td.contribute_right {
width: 500px;
padding-left: 10px;
padding-top: 30px;
padding-bottom: 30px;
border-bottom: none;
background-color: transparent;
}

td.logo {
	width: %;
	border-bottom: none;
	text-align: left;
	background-color: ;
}







td.logo {
	width: %;
	border-bottom: none;
	text-align: left;
	background-color: red;

}

div#linkToPage1
{
width: 50px;
height:;
line-height:;
overflow:;
text-align: center;
opacity: 1;
color: rgb(100, 100,  100);
background-color: transparent;
position: fixed;
left: 74%;
top: 90%;
z-index: 20;
}



div#linkToPage2
{
width: 50px;
height:;
line-height:;
overflow:;
text-align: center;
opacity: 1;
border: 0px solid black;
padding: 0px;
font-size: ;
color: rgb(100, 100,  100);
background-color: transparent;
position: fixed;
left: 78%;
top: 90%;
z-index: 20;
}


div#linkToPage3
{
width: 50px;
height:;
line-height:;
overflow:;
text-align: center;
opacity: 1;
border: 0px;
padding: 0px;
font-size: ;
color: rgb(100, 100,  100);
background-color: transparent;
position: fixed;
left: 82%;
top: 90%;
z-index: 20;
}


div#players7and8 {
	width: ;
	position: fixed;
	right: 50px;
	top: 18%;
	background-color: transparent;
	opacity: 0.6;
	}





@font-face
{
	font-family: Lato;
	src: url(../fonts/lato-regular.ttf);
	font-weight: normal;
}


@font-face
{
font-family: Lato-Light;
src: url(../fonts/Lato-Light.ttf);
font-weight: normal;
}



@font-face
{
font-family: AverageMono;
src: url(../fonts/AverageMono.ttf);
font-weight: normal;
}

@font-face
{
font-family: UniversElse;
src: url(../fonts/UniversElse-Regular.ttf);
font-weight: normal;
}




body {
	font-family: Lato-Light;
	width: 100%;
	margin: 0px;
	padding: 0px;
	font-size: 1em;
    }



div#sideBar {
	text-align: left;
	line-height: 1.2;
	width: 20%;
	background-color: transparent;
	z-index: 90;
	position: fixed;
	left: 0%;
	top: 3%;
}


div#sideBarRight {
	text-align: right;
	line-height: 1.9;
	width: 20%;
	background-color: transparent;
	z-index: 90;
	position: absolute;
	right: 0%;
	top: 25%;
	opacity: 0.9;
}




div#sideBarRightFixed {
	text-align: right;
	line-height: 1.2;
	width: 20%;
	background-color: transparent;
	z-index: 90;
	position: fixed;
	right: 0%;
	top: 30%;
}





p	{
	font-family: Lato-Light;
	background-color: transparent;
	letter-spacing: 1px;
	text-align: left;
	line-height:1.8;

}


font.h1 {
	font-family: Lato-Light;
	font-size: 1em;
	font-weight: normal;
	text-align: center;
	font-style: normal;
	color: rgb(220,220,220);
	background-color:black ;
	letter-spacing:2px;
}

p.italic	{
	font-family: Lato-LightItalic;
	font-style: italic;
}


p.smaller {
font-size: 0.9em;	
}

p.bigger {
font-size: 1.2em;
}


p.overlay {
	color: black;
	background-color:white ;
	opacity: 1;
}

p.big {
	font-family: Lato-Light;
	font-size: 3em;
	letter-spacing: 15px;
}

p.white {

	color: white;
}

p.italic	{
	font-family: Lato-LightItalic;
	font-style: italic;
}



p.ul {
	text-decoration: underline;
}


span.ul {
	text-decoration: underline;
}

span.blackOnWhite {
	color: black;
	font-size: 0.8em;
	background-color: white;
	opacity: 1;
}


span.trans {
	color: black;
	font-size: 0.8em;
	background-color: transparent;
	opacity: 1;
}

span.s {
	font-size: 0.9em;
	background-color: white;
}

span.r {
	text-align: right;
}

a:link {
	color: rgb(0, 0, 0);
	text-decoration: underline;
}

a:visited {
	color: rgb(20, 20, 20);
	text-decoration: underline;
}

a:active {
	color: rgb(100, 100, 100);
	text-decoration: underline;
}

a:hover {
	color: rgb(15, 15, 15);
	text-decoration: none;
	
}




a.h1:link {
	color: rgb(220,220,220);
	background-color: black;
	letter-spacing: 2px;
	text-decoration: none;
	padding-left: 2px;
	padding-right: 2px;
}

a.h1:visited {
	color: rgb(220,220,220);
	background-color: black;
	letter-spacing: 2px;
	text-decoration: none;
	padding-left: 2px;
	padding-right: 2px;
}


a.h1:hover {
	color: rgb(120,120,120);
	background-color: black;
	letter-spacing: 2px;
	text-decoration: none;
	padding-left: 2px;
	padding-right: 2px;
}

a.h1:active {
	color: rgb(120,120,120);
	background-color: black;
	letter-spacing: 2px;
	text-decoration: none;
	padding-left: 2px;
	padding-right: 2px;
}



a.h1now:link {
	color: white;
	background-color:black;
	letter-spacing:2px;
	text-decoration: none;
}

a.h1now:visited {
	color: white;
	background-color:black;
	letter-spacing:2px;
	text-decoration: none;
}

a.h1now:hover {
	color: rgb(120,120,120);
	background-color:black;
	letter-spacing:2px;
	text-decoration: none;
}

a.h1now:active {
	color: rgb(120,120,120);
	background-color: black;
	letter-spacing: 2px;
	text-decoration: none;
}







a.h3:link {
	color: white;
	background-color: rgb(200,200,200);
	letter-spacing:2px;
	text-decoration: none;
}

a.h3:visited {
	color: white;
	background-color: rgb(200,200,200);
	letter-spacing:2px;
	text-decoration: none;
}


a.h3:hover {
	color: white;
	background-color: rgb(100,100,100) ;
	letter-spacing:2px;
	text-decoration: none;
}

a.h3:active {
	color: white;
	background-color: rgb(100,100,100);
	letter-spacing:2px;
	text-decoration: none;	
}




a.h3_here:link {
	color: white;
	background-color: black;
	letter-spacing:2px;
	text-decoration: none;
}

a.h3_here:visited {
	color: white;
	background-color: black;
	letter-spacing:2px;
	text-decoration: none;
}


a.h3_here:hover {
	color: white;
	background-color: black;
	letter-spacing:2px;
	text-decoration: none;
}

a.h3_here:active {
	color: white;
	background-color: black;
	letter-spacing:2px;
	text-decoration: none;	
}







a.twentyFourteen:link {
	font-family: Lato-Light;
	font-size: 1em;
	text-align: center;
	color: black;
	background-color: transparent;
	letter-spacing:2px;
	text-decoration: none;
	padding-left: 3px;
	border-top: 2px solid black;
	border-left: 2px solid black;
	border-bottom: 2px solid black;
}

a.twentyFourteen:visited {
	font-family: Lato-Light;
	font-size: 1em;
	text-align: center;
	color: black;
	background-color: transparent;
	letter-spacing:2px;
	text-decoration: none;
	padding-left: 3px;
	border-top: 2px solid black;
	border-left: 2px solid black;
	border-bottom: 2px solid black;
}

a.twentyFourteen:active {
	font-family: Lato-Light;
	font-size: 1em;
	text-align: center;
	color: black;
	background-color: transparent;
	letter-spacing:2px;
	text-decoration: none;
	padding-left: 3px;
	border-top: 2px solid black;
	border-left: 2px solid black;
	border-bottom: 2px solid black;
}

a.twentyFourteen:hover {
	font-family: Lato-Light;
	font-size: 1em;
	text-align: center;
	color: black;
	background-color: transparent;
	letter-spacing:2px;
	text-decoration: none;
	padding-left: 3px;
	border-top: 2px solid black;
	border-left: 2px solid black;
	border-bottom: 2px solid black;
}

a.twentyFourteen:link {
	font-family: Lato-Light;
	font-size: 1em;
	text-align: center;
	color: black;
	background-color: transparent;
	letter-spacing:2px;
	text-decoration: none;
	padding-left: 3px;
	border-top: 2px solid black;
	border-left: 2px solid black;
	border-bottom: 2px solid black;
}

a.twentyFourteen:visited {
	font-family: Lato-Light;
	font-size: 1em;
	text-align: center;
	color: black;
	background-color: transparent;
	letter-spacing:2px;
	text-decoration: none;
	padding-left: 3px;
	border-top: 2px solid black;
	border-left: 2px solid black;
	border-bottom: 2px solid black;
}

a.twentyFourteen:hover {
	font-family: Lato-Light;
	font-size: 1em;
	text-align: center;
	color: black;
	background-color: transparent;
	letter-spacing:2px;
	text-decoration: none;
	padding-left: 3px;
	border-top: 2px solid black;
	border-left: 2px solid black;
	border-bottom: 2px solid black;
}



a.twentyFourteen_off:link {
	font-family: Lato-Light;
	font-size: 1em;
	text-align: center;
	color: black;
	background-color: rgb(245,245,245);
	letter-spacing:2px;
	text-decoration: none;
	padding-left: 3px;
	border-top: 2px solid black;
	border-left: 2px solid black;
	border-bottom: 2px solid black;
}

a.twentyFourteen_off:visited {
	font-family: Lato-Light;
	font-size: 1em;
	text-align: center;
	color: black;
	background-color: rgb(245,245,245);
	letter-spacing:2px;
	text-decoration: none;
	padding-left: 3px;
	border-top: 2px solid black;
	border-left: 2px solid black;
	border-bottom: 2px solid black;
}

a.twentyFourteen_off:active {
	font-family: Lato-Light;
	font-size: 1em;
	text-align: center;
	color: black;
	background-color: rgb(230,230,230);
	letter-spacing:2px;
	text-decoration: none;
	padding-left: 3px;
	border-top: 2px solid black;
	border-left: 2px solid black;
	border-bottom: 2px solid black;
}

a.twentyFourteen_off:hover {
	font-family: Lato-Light;
	font-size: 1em;
	text-align: center;
	color: black;
	background-color: rgb(230,230,230);
	letter-spacing:2px;
	text-decoration: none;
	padding-left: 3px;
	border-top: 2px solid black;
	border-left: 2px solid black;
	border-bottom: 2px solid black;
}





a.sideBarRight:link {
	font-family: Lato-Light;
	font-size: 1em;
	text-align: center;
	color: black;
	background-color: transparent;
	letter-spacing:2px;
	text-decoration: none;
	padding-left: 3px;
	border-top: 2px solid black;
	border-left: 2px solid black;
	border-bottom: 2px solid black;
}

a.sideBarRight:visited {
	font-family: Lato-Light;
	font-size: 1em;
	text-align: center;
	color: black;
	background-color: transparent;
	letter-spacing:2px;
	text-decoration: none;
	padding-left: 3px;
	border-top: 2px solid black;
	border-left: 2px solid black;
	border-bottom: 2px solid black;
}

a.sideBarRight:active {
	font-family: Lato-Light;
	font-size: 1em;
	text-align: center;
	color: black;
	background-color: transparent;
	letter-spacing:2px;
	text-decoration: none;
	padding-left: 3px;
	border-top: 2px solid black;
	border-left: 2px solid black;
	border-bottom: 2px solid black;
}

a.sideBarRight:hover {
	font-family: Lato-Light;
	font-size: 1em;
	text-align: center;
	color: black;
	background-color: transparent;
	letter-spacing:2px;
	text-decoration: none;
	padding-left: 3px;
	border-top: 2px solid rgb(100,100,100);
	border-left: 2px solid rgb(100,100,100);
	border-bottom: 2px solid rgb(100,100,100);
}





a.sideBarRight_on:link {
	font-family: Lato-Light;
	font-size: 1em;
	text-align: center;
	color: white;
	background-color: black;
	letter-spacing:2px;
	text-decoration: none;
	padding-left: 3px;
	border-top: 2px solid black;
	border-left: 2px solid black;
	border-bottom: 2px solid black;
}

a.sideBarRight_on:visited {
	font-family: Lato-Light;
	font-size: 1em;
	text-align: center;
	color: white;
	background-color: black;
	letter-spacing:2px;
	text-decoration: none;
	padding-left: 3px;
	border-top: 2px solid black;
	border-left: 2px solid black;
	border-bottom: 2px solid black;
}

a.sideBarRight_on:active {
	font-family: Lato-Light;
	font-size: 1em;
	text-align: center;
	color: white;
	background-color: black;
	letter-spacing:2px;
	text-decoration: none;
	padding-left: 3px;
	border-top: 2px solid black;
	border-left: 2px solid black;
	border-bottom: 2px solid black;
}

a.sideBarRight_on:hover {
	font-family: Lato-Light;
	font-size: 1em;
	text-align: center;
	color: white;
	background-color: black;
	letter-spacing:2px;
	text-decoration: none;
	padding-left: 3px;
	border-top: 2px solid black;
	border-left: 2px solid black;
	border-bottom: 2px solid black;
}






div#imageContainer_soundtent {
width: 60%;
text-align: center;
padding: 10px;
background-color: transparent;
position: relative;
top: 8%;
left: 18%;
z-index: 20;
}





div#titleholder_index {
font-family: AverageMono;
font-size: 2.5em;
letter-spacing: 25px;
width: 60%;
padding: 10px;
text-align: center;
background-color: transparent;
position: fixed;
top: 2%;
left:20%;
color: black;
opacity: 1;
     
    -moz-animation-name: feintToFull;
    -moz-animation-iteration-count: once;
    -moz-animation-timing-function: ease-in;
    -moz-animation-duration: 15s;

    -webkit-animation-name: feintToFull;
    -webkit-animation-iteration-count: once;
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-duration: 1s;

    -o-animation-name: feintToFull;
    -o-animation-iteration-count: once;
    -o-animation-timing-function: ease-in;
    -o-animation-duration: 15s;

    -animation-name: feintToFull;
    -animation-iteration-count: once;
    -animation-timing-function: ease-in;
    -animation-duration: 15s;
   
}

@-moz-keyframes feintToFull {
    0% {
         color: rgb(190, 190, 190);
    }
    100% {
color: rgb(10,10,10);
    }
}
@-webkit-keyframes feintToFull {
    0% {
         opacity: 0;
    }
    100% {
opacity: 1;
    }
}
@-o-keyframes feintToFull {
    0% {
         color: rgb(190, 90,90);
    }
    100% {
color: rgb(10,10,10);
    }
}
@-keyframes feintToFull {
    0% {
         color: rgb(90, 90,90);
}
    100% {
color: rgb(10,10,10);
    }

}




div#textContainer1_index
{
width: 60%;
text-align: left;
line-height:1.6;
font-size: 0.9em;
background-color: transparent;
position: absolute;
left: 20%;
top: 60%;
}

div#text2014
{
width: 60%;
text-align: left;
line-height:1.6;
font-size: 0.9em;
background-color: transparent;
position: relative;
left: 20%;
top: 60%;
}


div#title_2014 {
font-family: AverageMono;
font-size: 2.3em;
letter-spacing: 25px;
width: 60%;
padding: 10px;
text-align: center;
background-color: transparent;
position: fixed;
top: 2%;
left:20%;
color: black;
z-index: 40;
opacity: 1;
     
    -moz-animation-name: feintToFull;
    -moz-animation-iteration-count: once;
    -moz-animation-timing-function: ease-in;
    -moz-animation-duration: 15s;

    -webkit-animation-name: feintToFull;
    -webkit-animation-iteration-count: once;
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-duration: 1s;

    -o-animation-name: feintToFull;
    -o-animation-iteration-count: once;
    -o-animation-timing-function: ease-in;
    -o-animation-duration: 15s;

    -animation-name: feintToFull;
    -animation-iteration-count: once;
    -animation-timing-function: ease-in;
    -animation-duration: 15s;
   
}

@-moz-keyframes feintToFull {
    0% {
         color: rgb(190, 190, 190);
    }
    100% {
color: rgb(10,10,10);
    }
}
@-webkit-keyframes feintToFull {
    0% {
         opacity: 0;
    }
    100% {
opacity: 1;
    }
}
@-o-keyframes feintToFull {
    0% {
         color: rgb(190, 90,90);
    }
    100% {
color: rgb(10,10,10);
    }
}
@-keyframes feintToFull {
    0% {
         color: rgb(90, 90,90);
}
    100% {
color: rgb(10,10,10);
    }

}