@charset "UTF-8";
/* CSS Document */

body{
	background:#FFF;
}

#canvases{position:absolute;top:0px;left:0px;color:#FFF;}

.words{
position:absolute;
color:#000;
left:60%;
top:50%;
margin-top:-125px;
width:40%;
font-family:"GeoSans";
font-size:1em;
background:#FFF;
z-index:99;
}

.words #part1{
	position:relative;
	padding:20px;
}

.words #part2{
	position:relative;
	padding:20px;
	
}


.words #part3{
	position:relative;
	padding:20px;
	
}


#contact {
	position:absolute;
	bottom:5px;
	left:0px;
	height:20px;
	width:100%;
	text-align:center;
	color:#000;
	text-decoration:none;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

	}
	
#contact:hover{text-decoration:underline;}


#julia{
	position:absolute;
	width:30px;
	height:30px;
	background:url(../img/buttons.png);
	background-position:0px -30px;
	top:5px;
	left:5px;
	z-index:99;
}

#julia:hover{
	width:150px;	
}

#index{
	position:absolute;
	width:30px;
	height:30px;
	background:url(../img/buttons.png);
	background-position:31px -60px;
	top:5px;
	right:5px;
	z-index:99;
}

#index:hover{
	width:150px;
	background-position:151px -60px;	
}

#hit{
	position:absolute;
	width:30px;
	height:30px;
	background:url(../img/buttons.png);
	background-position:0px -90px;
	bottom:5px;
	left:5px;
	z-index:99;
}

#hit:hover{
	width:150px;	
}


#store{
	position:absolute;
	width:30px;
	height:30px;
	background:url(../img/buttons.png);
	background-position:30px -120px;
	bottom:5px;
	right:5px;
	z-index:99;
}

#store:hover{
	width:150px;
	background-position:150px -120px;	
}


@font-face {
  font-family: "GeoSans";
  src: url("../../allSiteLib/GeosansLight.ttf");
 
  }