@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.3;
	width: 20%;
	background-color: transparent;
	z-index: 90;
	position: absolute;
	right: 0%;
	top: 40%;
	opacity: 0.7
}


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.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.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(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(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: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;
}






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





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%;
}