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

body {
		margin:0;
		padding:0;
		background:#fff;
		/*min-height:1155px;*/
		width:100%;
}

#wrapper {
		width:100%;
		height:100%;
		margin:0 auto;
		
		position:relative;
		z-index:1;
		background:#fff;
		position:absolute;
		min-height: 600px;
		/*overflow:scroll;*/
}

#logo_top {
		position:absolute;
		z-index:1001;
		margin-left:52px;
		margin-top:78px;
		opacity:1;
		width:200px;
		border:2px solid #000;
		background-color:#fff;
		
}
		
#logo_top img{
		width:100%;
		height:auto;
}

#gnavi {
		margin-left:364px;
		margin-top:13px;
		width:880px;
}

#gnavi ul {
		display:inline;
		position:absolute;
		top:22px;
		width:920px;
		z-index:1001;
		margin-left: -10px;
}

#navibar li {
		display:inline;
}



.gnavi a {

}

.gnavi a:link {
		text-decoration:none;
		opacity:1;
}

.gnavi a:visited {
		text-decoration:none;
		opacity:1;
}

.gnavi a:hover {
		text-decoration:none;
		opacity:1;
		transform:rotate(25deg);
		-moz-transform-origin:100% 0;
		-webkit-transform-origin:100% 0;
}

.gnavi a:active {
		text-decoration:none;
		opacity:1;
		transform:rotate(25deg);
		-moz-transform-origin:100% 0;
		-webkit-transform-origin:100% 0;
}

/*.navigation_right{
		display:inline;
		margin-right:0;
}
*/
	
	
.maincontent_wrapper {
		width:100%;
		height:auto;
	/*	width:1280px;
		height:800px;*/
		position:absolute;
		margin:auto;
		padding:0;
		top:0;
		left:0;
		right:0;
		bottom:0;
		overflow:hidden;
}
	
.maincontent {
	position: absolute;
	z-index: 1500;
	top: 132px;
	left: 365px;
	width: 800px;
	height: 80%;
	overflow: auto;
	max-height: 600px;
	padding-right: 30px;
}

a {
		text-decoration:none;
}

.about_moving a {
	display:block;
}

.about_moving a:link {
		text-decoration:none;
		opacity:1;
}

.about_moving a:visited {
		text-decoration:none;
		opacity:1;
}

.about_moving a:hover {
		text-decoration:none;
		opacity:1;
		
}

.about_moving a:active {
		text-decoration:none;
		opacity:1;
		
}

/*.about_moving:hover {
		text-decoration:none;
		opacity:1;
		transform:rotateY(360deg);
		
		-webkit-transition: all 1.5s ease;
    -moz-transition: all 3.0s ease;
	-transition: all 1.5s ease;
}*/


/*.about_moving a {
	animation-name:out;
	animation-duration:1.5s;
	/* Safari and Chrome: 
	-webkit-animation-name:out;
	-webkit-animation-duration:1.5s;
}*/*/

/*.about_moving a:hover{
animation-name:in;
animation-duration:1.5s;
animation-iteration-count:infinite;
animation-direction:normal;
/* Safari and Chrome: 
-webkit-animation-name:in;
-webkit-animation-duration:1.5s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-direction:alternate;
}*/*/

@keyframes in
{
from {transform: rotateY(0deg);}
to   {transform: rotateY(360deg);}
}
@-webkit-keyframes in /* Safari and Chrome */
{
from {transform: rotateY(0deg);}
to   {-webkit-transform: rotateY(360deg);}
}
@keyframes out
{
from {transform: rotateY(360deg);}
to   {transform: rotateY(0deg);}
}
@-webkit-keyframes out /* Safari and Chrome */
{
from {transform: rotateY(360deg);}
to   {-webkit-transform: rotateY(0deg);}
}



#logo_top a{
	
}

#logo_top a:hover{
		opacity:0.7;
		transition:all .2s;
}

.current_about {
		z-index:1000;
		position:absolute;
		margin-left:-35px;
		bottom:3px;
		/*transition:all .2s;*/
		/*display:none;*/
		/*opacity:1;*/
}

.about_moving a:hover .current_about {
		/*opacity:1;*/
		/*display:block;*/
		margin-left:90px;
		transition:all .5s;
}

.current_studio {
		z-index:1000;
		position:absolute;
		margin-left:-35px;
		bottom:3px;
		/*transition:all .2s;*/
		/*display:none;*/
		/*opacity:1;*/
}

.about_moving a:hover .current_studio {
		/*opacity:1;*/
		/*display:block;*/
		margin-left:94px;
		transition:all .5s;
}

.current_location {
		z-index:1000;
		position:absolute;
		margin-left:-35px;
		bottom:3px;
		/*transition:all .2s;*/
		/*display:none;*/
		/*opacity:1;*/
}

.about_moving a:hover .current_location {
		/*opacity:1;*/
		/*display:block;*/
		margin-left:130px;
		transition:all .5s;
}

.current_link{
		z-index:1000;
		position:absolute;
		margin-left:-35px;
		bottom:3px;
		/*transition:all .2s;*/
		/*display:none;*/
		/*opacity:1;*/
}

.about_moving a:hover .current_link {
		/*opacity:1;*/
		/*display:block;*/
		margin-left:70px;
		transition:all .5s;
}

.current_contact {
		z-index:1000;
		position:absolute;
		margin-left:-35px;
		bottom:3px;
		/*transition:all .2s;*/
		width:auto;
		/*display:none;*/
		/*opacity:1;*/
}



.about_moving a:hover .current_contact {
		/*opacity:1;*/
		/*display:block;*/
		margin-left:120px;
		transition:all .5s;
}
 .fb {
	 	margin:0 0 0 10px !important;
 }