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


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



body {
	font-family:;
	font-size: 80%;
	font-weight: normal;
	font-style: normal;
	color: rgb(60, 60, 60);
	letter-spacing:1px;
	background-color: rgb(255, 255 255);
	margin-top:3%;
}


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



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

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

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

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


div.textcontainer1 {
	font-family: geneva;
	font-size: 80%;
	font-weight: normal;
	font-style: normal;
	color: rgb(60, 60, 60);
	letter-spacing:1px;
	background-color: transparent;
}


div.textcontainer_lato {
	font-family: lato;
	font-size: 80%;
	font-weight: normal;
	font-style: normal;
	color: rgb(0, 0, 0);
	letter-spacing:1px;
	background-color: transparent;
}

div.textcontainer_Lato-Light {
	font-family: lato-light;
	font-size: 80%;
	font-weight: normal;
	font-style: normal;
	color: rgb(10, 10, 10);
	letter-spacing:1px;
	background-color: transparent;
}




div.textcontainer_AverageMono {
	font-family: AverageMono;
	font-size: 80%;
	font-weight: normal;
	font-style: normal;
	color: rgb(60, 60, 60);
	letter-spacing:1px;
	background-color: transparent;
}

div.textcontainer_OpenSans {
	font-family: OpenSans;
	font-size: 80%;
	font-weight: normal;
	font-style: normal;
	color: rgb(60, 60, 60);
	letter-spacing:1px;
	background-color: transparent;
}


p.typewriter {
	font-family: typewriter;
	font-size:;
	font-weight: normal;
	font-style: normal;
	color: ;
	letter-spacing:1px;
	background-color: transparent;
}

p.georgia {
	font-family: georgia;
	font-size:;
	font-weight: normal;
	font-style: normal;
	color:;
	letter-spacing:1px;
	background-color: transparent;
}


p.lato {
	font-family: lato;
	font-size:;
	font-weight: normal;
	font-style:;
	color:;
	letter-spacing:1px;
	background-color: transparent;
}

p.AverageMono {
	font-family: AverageMono;
	font-size:;
	font-weight: normal;
	font-style:;
	color:;
	letter-spacing:1px;
	background-color: transparent;
}




p.UniversElse {
	font-family: UniversElse;
	font-size:;
	font-weight: normal;
	font-style:;
	color:;
	letter-spacing:1px;
	background-color: transparent;
}



p.right {
	text-align: right;
}

p.left {
	text-align: left;
}

p.center {
	text-align: center;
}

p.u {
	text-decoration: underline;
}

p.u2 { 
	display: inline;
	padding-bottom: 1px;
	border-bottom: 1px
	solid #222; 
}

p.linespaced {
	line-height: 1.5;
}


span.u {
	text-decoration: underline;
	padding-bottom: 5px;
}

span.u2 { 
	display: inline;
	padding-bottom: 1px;
	border-bottom: 1px
	solid #222; 
}

div#headerwithbees {
	position: absolute;
	overflow: ;
	display: inline;
	line-height:;
	top: 6%;
	left: 32%;
	width:;
	border: 0px;
	height: ;
	padding: 0;
	z-index: ;
	background-color: transparent;
}	



div#selfnoiseheader {
	position: absolute;
	border: 0;
	padding: 0;
	z-index: ;
	position: absolute: ;
	right: -100%;
	top: 0%;
}


div#textbox1 {
	width: 18%;
	z-index: 3;
	position: absolute;
	left: 5%;
	top: 13%;
	background-color: ;
}

div#textbox2 {
	width: 18%;
	text-align: right;
	z-index: ;
	position: absolute;
	left: 23%;
	top: 13%;
	background-color: ;
}


div#reveil {
	border: 0;
	padding: 0;
	text-align:;
	z-index: ;
	position: absolute;
	left: 48%;
	top: 27%;
}

div#soundcamp {
	border: 0;
	padding: 0;
	text-align:;
	z-index: ;
	position: absolute;
	left: 47%;
	top: 33%;
}

div#video_X {
	border: 10px;
	border-color: black;
	padding:0;
	width: 20%;
	overflow:;
	text-align: center;
	z-index: -30;
	position: absolute;
	left: 40%;
	top: 45%;
	background-color: transparent;
}


div#videobox {
	border: 0px;
	border-color:;
	padding:0;
	width: 18%;
	overflow:;
	text-align: center;
	z-index: -30;
	position: absolute;
	left:41%;
	top: 45%;
	background-color: ;
}
	

div#journal {
	text-align: center;
	width:;
	z-index: ;
	position: absolute;
	left: 48%;
	top: 87%;
	background-color: white;	
}


div#textbox3 {
	border: 0;
	padding: 0;
	width: 18%;
	z-index: ;
	position: absolute;
	left: 59%;
	top: 13%;
	background-color: ;
}


div#sitecontact {
	position: absolute;
	top: 6%;
	left: 78%;
	border: 0;
	padding: 0;
	z-index: ;
}

div#textbox4 {
	border: 0;
	padding: 0;
	width: 18%;
	z-index: ;
	position: absolute;
	left: 77%;
	top: 13%;
	text-align: right;
	background-color: ;
}


-->


a.hovertext_journal
{
	position:relative;
	z-index:25;
	border: none;
	text-decoration: none;
	color: rgb(100, 100, 100);
	opacity: 1;
	visibility:;

	-webkit-transition-property: opacity, visibility;
  	-moz-transition-property: opacity, visibility;
  	-o-transition-property: opacity, visibility;
  	transition-property: opacity, visibility;

  	-webkit-transition-duration: 1s;
  	-moz-transition-duration: 1s;
 	-o-transition-duration: 1s;
  	transition-duration: 1s;

  	-webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
	-o-transition-delay: 0s;
	transition-delay: 0s;
}

a.hovertext_journal span
{
	display: block;
	z-index:25;
	position:absolute;
	top: 10px; left: -80px;
	width: 180px;
	padding-top:5px;
	padding-left:5px;
	padding-bottom:10px;
	padding-right:5px;
	border:0px;	border:0px;
	color: rgb(120, 120, 120);
	background:transparent;
	text-align: right;
	text-decoration:none;
	opacity: 0;
	visibility:;

	-webkit-transition-property: opacity, visibility;
	-moz-transition-property: opacity, visibility;
	-o-transition-property: opacity, visibility;
	transition-property: opacity, visibility;

	-webkit-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-o-transition-duration: 1s;
	transition-duration: 1s;

 	-webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
	-o-transition-delay: 0s;
	transition-delay: 0s;
}

a.hovertext_journal:hover span
{ 
	/*DISPLAYS ONLY ON HOVER*/
	display:block;
	z-index:25;
	position:absolute;
	top: 10px; left: -80px;
	width: 180px;
	padding-top:5px;
	padding-left:5px;
	padding-bottom:10px;
	padding-right:5px;
	color: rgb(120, 120, 120);
	background:transparent;
	text-align: right;
	opacity: 1;
	visibility:;


-webkit-transition-property: opacity, visibility;
  	-moz-transition-property: opacity, visibility;
  	-o-transition-property: opacity, visibility;
  	transition-property: opacity, visibility;

  	-webkit-transition-duration: 1s;
  	-moz-transition-duration: 1s;
 	-o-transition-duration: 1s;
  	transition-duration: 1s;

  	-webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
	-o-transition-delay: 0s;
	transition-delay: 0s;

}
  
a.hovertext_journal:hover
{
	z-index:25;
	border: none;
	background-color:transparent;
	color:;
	text-decoration:none;
	opacity: 0.2;
	visibility:;

	-webkit-transition-property: opacity, visibility;
  	-moz-transition-property: opacity, visibility;
  	-o-transition-property: opacity, visibility;
  	transition-property: opacity, visibility;

  	-webkit-transition-duration: 12s;
  	-moz-transition-duration: 12s;
 	-o-transition-duration: 12s;
  	transition-duration: 12s;

  	-webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
	-o-transition-delay: 0s;
	transition-delay: 0s;
}


-->



a.hovertext_dp1
{
	position:relative;
	z-index:25;
	border: none;
	text-decoration: none;
	color: rgb(100, 100, 100);
	opacity: 1;
	visibility:;

	-webkit-transition-property: opacity, visibility;
  	-moz-transition-property: opacity, visibility;
  	-o-transition-property: opacity, visibility;
  	transition-property: opacity, visibility;

  	-webkit-transition-duration: 1s;
  	-moz-transition-duration: 1s;
 	-o-transition-duration: 1s;
  	transition-duration: 1s;

  	-webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
	-o-transition-delay: 0s;
	transition-delay: 0s;
}

a.hovertext_dp1 span
{
	display: block;
	z-index:25;
	position:absolute;
	top: -30px; right: -100px;
	width: ;
	padding-top:5px;
	padding-left:10px;
	padding-bottom:10px;
	padding-right:5px;
	color: rgb(180, 180, 180);
	background:transparent;
	text-align: right;
	text-decoration:none;
	opacity: 0;
	visibility:;

	-webkit-transition-property: opacity, visibility;
	-moz-transition-property: opacity, visibility;
	-o-transition-property: opacity, visibility;
	transition-property: opacity, visibility;

	-webkit-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-o-transition-duration: 1s;
	transition-duration: 1s;

 	-webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
	-o-transition-delay: 0s;
	transition-delay: 0s;
}

a.hovertext_dp1:hover span
{ 
	/*DISPLAYS ONLY ON HOVER*/
	display:block;
	z-index:25;
	position:absolute;
	top: -30px; right: -100px;
	width: ;
	padding-top:5px;
	padding-left:10px;
	padding-bottom:10px;
	padding-right:5px;
	border:0px;
	color: rgb(180, 180, 180);
	background:transparent;
	text-align: right;
	opacity: 1;
	visibility:;


-webkit-transition-property: opacity, visibility;
  	-moz-transition-property: opacity, visibility;
  	-o-transition-property: opacity, visibility;
  	transition-property: opacity, visibility;

  	-webkit-transition-duration: 1s;
  	-moz-transition-duration: 1s;
 	-o-transition-duration: 1s;
  	transition-duration: 1s;

  	-webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
	-o-transition-delay: 0s;
	transition-delay: 0s;

}
  
a.hovertext_dp1:hover
{
	z-index:25;
	border: none;
	background-color:transparent;
	color:;
	text-decoration:none;
	opacity: 0.2;
	visibility:;

	-webkit-transition-property: opacity, visibility;
  	-moz-transition-property: opacity, visibility;
  	-o-transition-property: opacity, visibility;
  	transition-property: opacity, visibility;

  	-webkit-transition-duration: 12s;
  	-moz-transition-duration: 12s;
 	-o-transition-duration: 12s;
  	transition-duration: 12s;

  	-webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
	-o-transition-delay: 0s;
	transition-delay: 0s;
}


-->