@charset "UTF-8";



@-webkit-keyframes content-bounce {
	0% {
		margin-top:0%;
		padding-top: 100%;
		opacity:0.0;
	}
	35% {
		margin-top:0%;
		padding-top: 15%;
		opacity:0.2;
	}
	100% {
		margin-top:0%;
		padding-top: 10%;
		opacity:1.0;
	}
}

@-webkit-keyframes gall-bounce {
	0% {
		opacity:0.1;
	}
	35% {
		opacity:0.3;
	}
	100% {
		opacity:1.0;
	}

}
/* ==== + Color ==== */
body{
	background-color:#333;
	color:#ccc;
	opacity:1;
	zoom:1;
	position: relative;
}
a{
	color:#999;
	text-decoration: none;
}
a:hover{
	color:#ccc;
}
h1, h2, h3, h4, h5, h6,
h1 a,h1 a:hover
 {
	color:#ccc;
	text-decoration: none;
}
h2
{
color:#666;
}
.domain_txt,
.menu ul a{
	color:#999;
}
/* ==== - Color ==== */

/* ==== + Font ==== */
body{
	font-family:"Helvetica Neue",helvetica,Meiryo;
	font-size:11px;
	-webkit-text-size-adjust:none;
	text-shadow: 1px 1px 1px #111;  
}
h1, h2, h3, h4, h5, h6 {
	font-weight:bold;
	font-size:2em;
}
h1 a{text-decoration: none;}
h2,h3{font-size:130%;}
/* ==== - Font ==== */

/* ==== + container ==== */
.container
{
	position: relative;
}
#copy{
	position: fixed;
	left:20px;
	top:bottom;
	font-size:80%;
	font-family: "Helvetica"
}
/* ==== - container ==== */

/* ==== + Menu ==== */
.menu{
	/*background-color:#333;*/

	position: fixed;
	top:45%;
	left:20px;
	overflow: hidden;
	z-index:10;
	/*height:100%;*/
}
.ie6 .menu{
	margin-top:40px;
}
.menu ul{
	list-style-type: none;
	padding-left:0;
}
.menu ul li{
	
}
.menu ul a{
	text-decoration: none;
}
.menu ul a.linked{
	color:#808f98;
}
#wewb,#video{
	z-index:15;
}
/* ==== - Menu ==== */

/* ==== + Section ==== */
.content_wrap{
	overflow: hidden;
	margin-top: 0;
	padding-top: 0;
	padding-left: 230px;
	position: relative;
}
.ie6 .content_wrap{
	position: absolute;
	left:0;
	top:0;
	/*background-color: blue;*/
}
.section{
	/*border:1px solid red;*/
	width:100%;
	min-height:0px;
	overflow:hidden;
	/*float:left;*/
	height:100%;
	left:270px;
	padding-top:10000px;
	position: fixed;
	top:0;
}
/* ==== - Section ==== */

/* ==== + Motion ==== */
.webkit body{
	overflow: hidden;
}
body,h1,.section,.menu li{
	-moz-transform: translate;
	-webkit-transform: translate;
	transform: translate;
	
	-moz-transition:all 0.5s ease-in-out;
	-webkit-transition:all 0.5s linear;
	transition:all 0.5s ease-in-out;
}

#toppage,#portfolio,#bio,#contact,#blog{
	/*background-color: #999;*/
	/*padding-top:100%;*/
	margin-top:100%;
	padding-top:100%;
	-moz-transition:all .8s ease-in-out;
	/*-webkit-transition:all .8s ease-in-out ;*/
	transition:all .8s ease-in-out;
	top:0%;
	opacity:0;
	filter: alpha(style=0, opacity=0);

/*
*/
}
.webkit #toppage.go,.webkit #portfolio.go,
.webkit #bio.go,.webkit #contact.go,.webkit #blog.go{
	-webkit-animation-name: content-bounce;
	-webkit-animation-duration: .8s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-direction: alternate;

	margin-top:0%;
	padding-top: 10%;
	opacity:1.0;

}

.gecko #menu,.gecko #content_wrap.
.webkit #menu,.webkit #content_wrap{
	-moz-transition:all 3s ease-in-out;
	-webkit-transition:all 3s linear;
	transition:all 3s ease-in-out;
}
.section{
}
.gecko #menu,.gecko #content_wrap,
.webkit #menu,.webkit #content_wrap
{
	opacity:0;
	filter: alpha(style=0, opacity=0);
}
.gecko body,
.webkit body{
	/*White out Fix*/
	background-color: #fff;
	opacity:1.0;
	filter: alpha(style=0, opacity=100);
}
.gecko .menu li:hover,
.webkit .menu li:hover{
	padding-left:5px;
	list-style:square;
	margin-top:0%;
	opacity:0.5;
	filter: alpha(style=0, opacity=50);
}

/* ==== - Motion ==== */

/* ==== + Gallery ==== */
#portfolio{
}
#gallery{
	-moz-transform: translate;
	-moz-transition:all 1s ease-in-out;
	-webkit-transform: translate;
	-webkit-transition:all 1s linear;
	transform: translate;
	transition:all 1s ease-in-out;
	width:6000px;
	overflow:visible;
	position: fixed;
	left:270px;
	top:auto;
	z-index:1;
	zoom:1;
}
#gallery .data{
	float:left;
	/*margin-right:100px;*/
	min-height:200px;
	position: relative;
	zoom:1;
}
#gallery .data dd{
	margin-left:0;	
}
#gallery .navi{
	position: absolute;
	top:0;/*50px;*/
	left:0;
	width:100%;
}
#gallery .navi a{
	background-color:#222;
	padding:2px;
	opacity:0.8;
	filter: alpha(style=0, opacity=80);
	position:absolute;
	left:385px;
	top:66px;
}
#gallery .navi a.prv{
	background-color:#222;
	padding:2px;
	opacity:0.2;
	filter: alpha(style=0, opacity=20);
	position: absolute;
	left:0;
	top:66px;
}
.galleryitem,
#data7,
#data6,
#data5,
#data4,
#data3,
#data2,
#data1
{
	-moz-transform: translate;
	-moz-transition:all 1s ease-in-out;
	-webkit-transform: translate;
	-webkit-transition:all 1s linear;
	transform: translate;
	transition:all 1s ease-in-out;
	opacity:0.1;
	position: relative;
	filter: alpha(opacity=10);
}
.galleryitem.gall_current,
#data7.gall_current,
#data6.gall_current,
#data5.gall_current,
#data4.gall_current,
#data3.gall_current,
#data2.gall_current,
#data1.gall_current
{
	opacity:1.0;
	filter: alpha(opacity=100);

	-webkit-animation-name: gall-bounce;
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-direction: alternate;


}
#gallery .galleryitem:hover,
#data7:hover,
#data6:hover,
#data5:hover,
#data4:hover,
#data3:hover,
#data2:hover,
#data1:hover
{
	opacity:0.3;
	/*filter: alpha(style=0, opacity=30);*/
}
#gallery .gall_current:hover,
#data7.gall_current:hover,
#data6.gall_current:hover,
#data5.gall_current:hover,
#data4.gall_current:hover,
#data3.gall_current:hover,
#data2.gall_current:hover,
#data1.gall_current:hover
{
	opacity:1.0;
}


#gallery .nxt,
#data7 .nxt,
#data6 .nxt,
#data5 .nxt,
#data4 .nxt,
#data3 .nxt,
#data2 .nxt,
#data1 .nxt
{
	float:right;
	cursor:pointer;
}
#gallery .prv,
#data7 .prv,
#data6 .prv,
#data5 .prv,
#data4 .prv,
#data3 .prv,
#data2 .prv,
#data1 .prv
{
	float:left;
	cursor:pointer;
}

#gallery .navi a.nxt:hover,
#gallery .navi a.prv:hover
{
	opacity:1.0;
	filter: alpha(style=0, opacity=100);
	-webkit-animation-name: apple-icon;
}

#gallery .thumbnail{
 -moz-box-shadow:0 0 3px #111;
 -webkit-box-shadow:0 0 3px #111;
 }

/* ==== - Gallery ==== */
/*
#bio .last{
	-webkit-transform: translate;
	-webkit-transition:all 1s linear;
}
#bio .last:hover{
	opacity:.2;
}
*/