/* CSS Document */

/*---------------------------- ALL ------------------------*/

@import url(http://fonts.googleapis.com/css?family=Lato|Crimson+Text);

*	{
	
	margin:	0px;
		
	padding:0px;

}

html, body {
	
	height:100%;
	font-family: 'Crimson Text', serif;
	background-size: 100%;
	background-image: url(img/background.jpg);
	
}

#distance {

	height:50%;
	
	margin-bottom:-310px; /* half of container's height */
		
}


#wrapper {
	
	margin:0 auto;
	
	position:relative; /* puts container in front of distance */
	
	height:620px;
	
	width:800px;
	
}

div#page {
	width: 800px;
	margin: 0 auto;
	text-align: left;
	height:420px;
}

div#container {
	padding: 0 20px 0 20px;
}

A:link {
	color:#010101;
	text-decoration: none;
}

A:visited {
	color:#010101;
	text-decoration: none;
}

A:active {
color:#010101;
	text-decoration: none;

}

A:hover {
	color:#999;
	text-decoration: none;

}
.navigationbar_bg {
	background-image:url(img/navigationbar.jpg);
	height:25px;
}

#navigationbar {
	font-family: 'Lato', sans-serif;
	text-transform: uppercase;
	letter-spacing: 3px;
	color:#010101;
	font-size: 11px;
	height:25px;
	text-align:center;
	
}

.about_text {
	padding: 10px 20px;
	vertical-align: text-top;
	font-size: 0.9em;
	letter-spacing: 0.07em;
	background-color: #FFF;
}

.about_text_jp {
	padding: 10px 20px;
	vertical-align: text-top;
	font-size: 0.8em;
	letter-spacing: 0.07em;
	background-color: #FFF;
}

.japanese{
	font-size: 0.85em;
	letter-spacing: 0.07em;
	
}

.navigationbar_spacing{
	width:145px;	
}

.navigationbar_middlespacing{
	width:200px;	
}

#navigationbar a:link {text-decoration: none; padding:0 5px;}
#navigationbar a:visited {text-decoration: none; padding:0 5px;}
#navigationbar a:active {color:#9a9996; text-decoration: none; padding:0 5px;}
#navigationbar a:hover {color:#9a9996; text-decoration: none; padding:0 5px;}

.main_background {
	background:url(img/main_background.jpg);
	background-repeat: no-repeat;
}

.copyright {
	font-family: 'Crimson Text', serif;
	text-transform: uppercase;
	font-size: 11px;
	letter-spacing: 2px;
	text-align: center;
	vertical-align:bottom;
	height: 45px;
}

td.indexbottom_1 img{
	float: left;
}

td.indexbottom_2{
	text-align:center;
	}

td.indexbottom_3 img{
	float: right;
}



.background_link{

	background-image:url(img/background_link.jpg);

	background-repeat:no-repeat;

	width: 750px;

	height: 500px;

}

.background_watercolor{

	background-image:url(img/background_watercolor.gif);

	background-repeat:no-repeat;

	width: 750px;

	height: 500px;

}


/*---------------------------- SPACING ------------------------*/

#fortune {
  height: 38px;
  width: 160px;
  margin: 30px auto 0px auto;
  padding-top: 10px;
  background-image: url(img/fortune.jpg);
  background-repeat:no-repeat;
  background-position:center;
  text-align:center;
  vertical-align:bottom;
  color:#CC0000;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:9px;
}

#height
{
height:500px;
}

.height {
height:500px;
}

.portfolio_scrollbar{
	overflow-x:scroll;
	overflow-y: hidden;
	
	}