@charset "utf-8";
/* CSS Document */
body {
valign: middle;
font-family: Times New Roman, Times, serif;
height:100%; /* fix height to 100% for IE */
max-height:100%; /* fix height for other browsers */
padding-top:60px;
padding-bottom: 40px;
margin:0; /* remove margins */
border:0; /* remove borders */

}

p {
	align: center;
	text-align: center;
	font-family: Times New Roman, Times, serif;
	color: #666666;
	font-size: 13px;
	line-height: 130%;
	}
	
.left{
	text-align:left;
}

td {
	text-align: center;
	font-family: Times New Roman, Times, serif;
	color: #666666;
	font-size: 13px;
	line-height: 130%;
}

.resume{
	color: #666666;
	text-decoration: underline;
}

.text1{
	font-weight: bold;
}

a:link {
	color: #666666;
	text-decoration:none
}
a:visited {
	color: #666666;
	text-decoration:none
}
a:hover {
	color: #666666;
	text-decoration:underline
}

a.resume{
	color: #666666;
	text-decoration:underline;
}

#logo_container{
	position:fixed; 
	top: 0; 
	margin:auto;
	background-color:#FFF;
	height:40px;
	width:100%;
	z-index:999;
	padding-top:10px;
	display:block;
	text-align: center;
}


#box_180{
	height:180px;
	width:280px;
	text-align:center;
	top: 50%;
	margin-top: -90px;
	left: 50%;
	margin-left:-140px;
	position:absolute;
}

#box_260{
	height:260px;
	width:280px;
	text-align:center;
	top: 50%;
	margin-top: -130px;
	left: 50%;
	margin-left:-140px;
	position:absolute;
}

#work_wrapper_haunted{
	display: block; /* set up as a block */
	width:6700px;
	height:410px;
	top:50%;
	margin-top: -205px;	
	overflow-y:auto; /* add scroll bars as required */
	position:absolute; /* set up relative positioning so that z-index will work */
	z-index:2; /* allocate a suitable z-index */
	overflow: hidden; /*get rid of scroll bars in IE */
	text-align:center;
	vertical-align: middle;
	font-family: Times New Roman, Times, serif;
	color: #666666;
	font-size: 15px;
}



#work_wrapper_care{
	display: block; /* set up as a block */
	width:9250px;
	height: 510px;
	margin-top: -255px;
	top: 50%;
	overflow-y:auto; /* add scroll bars as required */
	position: absolute; /* set up relative positioning so that z-index will work */
	z-index:2; /* allocate a suitable z-index */
	overflow: hidden; /*get rid of scroll bars in IE */
	text-align:center;
	font-family: Times New Roman, Times, serif;
	color: #666666;
	font-size: 15px;	
}


#work_wrapper_playground{
	display: block; /* set up as a block */
	width:5800px;
	height: 510px;
	margin-top: -255px;
	top: 50%;
	overflow-y:auto; /* add scroll bars as required */
	position: absolute; /* set up relative positioning so that z-index will work */
	z-index:2; /* allocate a suitable z-index */
	overflow: hidden; /*get rid of scroll bars in IE */
	text-align:center;
	font-family: Times New Roman, Times, serif;
	color: #666666;
	font-size: 15px;

}

#work_wrapper_life{
	display: block; /* set up as a block */
	width:8530px;
	height: 570px;
	top: 50%;	
	margin-top: -285px;
	overflow-y:auto; /* add scroll bars as required */
	position: absolute; /* set up relative positioning so that z-index will work */
	z-index:2; /* allocate a suitable z-index */
	overflow: hidden; /*get rid of scroll bars in IE */
	text-align:center;
	font-family: Times New Roman, Times, serif;
	color: #666666;
	font-size: 15px;
	
}

#work_wrapper_horizontal{
	display: block; /* set up as a block */
	width:3950px;
	height:440px;
	top:50%;
	margin-top: -220px;	
	overflow-y:auto; /* add scroll bars as required */
	position: absolute; /* set up relative positioning so that z-index will work */
	z-index:2; /* allocate a suitable z-index */
	overflow: hidden; /*get rid of scroll bars in IE */
	text-align:center;
	font-family: Times New Roman, Times, serif;
	color: #666666;
	font-size: 15px;

}

#work_wrapper_theatre{
	display: block; /* set up as a block */
	width:3200px;
	height:440px;
	top:50%;
	margin-top: -220px;	
	overflow-y:auto; /* add scroll bars as required */
	position: absolute; /* set up relative positioning so that z-index will work */
	z-index:2; /* allocate a suitable z-index */
	overflow: hidden; /*get rid of scroll bars in IE */
	text-align:center;
	font-family: Times New Roman, Times, serif;
	color: #666666;
	font-size: 15px;

}

#work_wrapper_dasein{
	display: block; /* set up as a block */
	width:7400px;
	height:520px;
	top:50%;
	margin-top: -260px;	
	overflow-y:auto; /* add scroll bars as required */
	position: absolute; /* set up relative positioning so that z-index will work */
	z-index:2; /* allocate a suitable z-index */
	overflow: hidden; /*get rid of scroll bars in IE */
	text-align:center;
	font-family: Times New Roman, Times, serif;
	color: #666666;
	font-size: 15px;
	
}


#work_wrapper_fota{
	display: block; /* set up as a block */
	width:8300px;
	height:530px;
	top:50%;
	margin-top: -265px;	
	overflow-y:auto; /* add scroll bars as required */
	position: absolute; /* set up relative positioning so that z-index will work */
	z-index:2; /* allocate a suitable z-index */
	overflow: hidden; /*get rid of scroll bars in IE */
	text-align:center;
	font-family: Times New Roman, Times, serif;
	color: #666666;
	font-size: 15px;

}

#work_wrapper_gita{
	display: block; /* set up as a block */
	width:4300px;
	height:390px;
	top:50%;
	margin-top: -195px;
	overflow-y:auto; /* add scroll bars as required */
	position: absolute; /* set up relative positioning so that z-index will work */
	z-index:2; /* allocate a suitable z-index */
	overflow: hidden; /*get rid of scroll bars in IE */
	text-align:center;
	font-family: Times New Roman, Times, serif;
	color: #666666;
	font-size: 15px;
	
}

#work_wrapper_institut{
	display: block; /* set up as a block */
	width:8120px;
	height:560px;
	margin-top: -280px;
	top:50%;
	overflow-y:auto; /* add scroll bars as required */
	position: absolute; /* set up relative positioning so that z-index will work */
	z-index:2; /* allocate a suitable z-index */
	overflow: hidden; /*get rid of scroll bars in IE */
	text-align:center;
	font-family: Times New Roman, Times, serif;
	color: #666666;
	font-size: 15px;
	
	
}

#work_wrapper_krafgrafik{
	display: block; /* set up as a block */
	width:5200px;
	height: 560px;
	top: 50%;
	margin-top: -280px;
	overflow-y:auto; /* add scroll bars as required */
	position: absolute; /* set up relative positioning so that z-index will work */
	z-index:2; /* allocate a suitable z-index */
	overflow: hidden; /*get rid of scroll bars in IE */
	text-align:center;
	font-family: Times New Roman, Times, serif;
	color: #666666;
	font-size: 15px;
	
}

#work_wrapper_lokco{
	display: block; /* set up as a block */
	width:6100px;
	height:470px;
	top: 50%;
	margin-top: -235px;
	overflow-y:auto; /* add scroll bars as required */
	position: absolute; /* set up relative positioning so that z-index will work */
	z-index:2; /* allocate a suitable z-index */
	overflow: hidden; /*get rid of scroll bars in IE */
	text-align:center;
	font-family: Times New Roman, Times, serif;
	color: #666666;
	font-size: 15px;
	}

#work_wrapper_valentine{
	display: block; /* set up as a block */
	width:12900px;
	height: 480px;
	top: 50%;
	margin-top: -240px;
	overflow-y:auto; /* add scroll bars as required */
	position: absolute; /* set up relative positioning so that z-index will work */
	z-index:2; /* allocate a suitable z-index */
	overflow: hidden; /*get rid of scroll bars in IE */
	text-align:center;
	font-family: Times New Roman, Times, serif;
	color: #666666;
	font-size: 15px;

}

#work_wrapper_valentine_art{
	display: block; /* set up as a block */
	width:10550px;
	height:540px;
	top: 50%;
	margin-top: -270px;
	overflow-y:auto; /* add scroll bars as required */
	position: absolute; /* set up relative positioning so that z-index will work */
	z-index:2; /* allocate a suitable z-index */
	overflow: hidden; /*get rid of scroll bars in IE */
	text-align:center;
	font-family: Times New Roman, Times, serif;
	color: #666666;
	font-size: 15px;

}

#desc{
	position: inherit;
	font-family: Times New Roman, Times, serif;
	color: #666666;
	font-size: 15px;
	width: 200px;
	text-align:center;
	margin-left:20px;
	height:50px;
	top: 50%;
	margin-top:-25px;
		
}


#desc_clientele{
	position: fixed;
	font-family: Times New Roman, Times, serif;
	color: #666666;
	font-size: 15px;
	width: 200px;
	text-align:center;
	margin-left:20px;
	height:50px;
	top: 50%;
	margin-top:-25px;
		
}

#desc_horizontal{
	float:left;
	font-family: Times New Roman, Times, serif;
	color: #666666;
	font-size: 15px;
	width: 550px;
	margin-left:30px;
	
}

#display{
	float: left;
	margin-left: 250px;
	width: 395px;
}


#display2{
	float: left;
	margin-left: 250px;
	width: 495px;
	height: 396px;
	position: relative;
	top: 50%;
	margin-top: -198px;

}

#display3{
	float: left;
	margin-left: 250px;
	width: 799px;
	height:495px;
	top:50%;
	margin-top: -247px;
	position:  relative;

}

#display4{
	float: left;
	margin-left: 250px;
	width: 396px;
	height: 495px;
	top:50%;
	margin-top: -247.5px;
	position:  relative;
}

#display5{
	float: left;
	margin-left: 250px;
	width: 432px;
	height: 540px;
	top:50%;
	margin-top: -270px;
	position:  relative;
}


#display_clientele_491{
	float: left;
	margin-left: 250px;
	width: 360px;
	height: 491px;
	top: 50%;
	margin-top: -245px;	
	position: relative;
}

#display_clientele_360{
	float: left;
	margin-left: 250px;
	width: 491px;
	height: 360px;
	top: 50%;
	margin-top: -180px;	
	position: relative;
}

#display_clientele_396{
	float: left;
	margin-left: 250px;
	width: 504px;
	height: 396px;
	top: 50%;
	margin-top: -198px;	
	position: relative;
	}
	
#display_clientele_504{
	float: left;
	margin-left: 250px;
	width: 396px;
	height:  504px;
	top: 50%;
	margin-top: -252px;	
	position: relative;
}


#display_clientele_288{
	float: left;
	margin-left: 250px;
	width: 360px;
	height: 288px;
	top: 50%;
	margin-top: -144px;	
	position: relative;
}

#display_clientele_360_288{
	float: left;
	margin-left: 250px;
	width: 288px;
	height: 360px;
	top: 50%;
	margin-top: -180px;	
	position: relative;
}

#display_clientele_360_360{
	float: left;
	margin-left: 250px;
	width: 360px;
	height: 360px;
	top: 50%;
	margin-top: -180px;	
	position: relative;
}

#display_clientele_450_360{
	float: left;
	margin-left: 250px;
	width: 360px;
	height: 450px;
	top: 50%;
	margin-top: -225px;	
	position: relative;
}

#display_clientele_540_360{
	float: left;
	margin-left: 250px;
	width: 360px;
	height: 540px;
	top: 50%;
	margin-top: -270px;	
	position: relative;
}

#display_clientele_360_432{
	float: left;
	margin-left: 250px;
	width: 432px;
	height: 360px;
	top: 50%;
	margin-top: -180px;	
	position: relative;
}

#display_clientele_432_518{
	float: left;
	margin-left: 250px;
	width: 518px;
	height: 432px;
	top: 50%;
	margin-top: -216px;	
	position: relative;
}

#display_clientele_360_540{
	float: left;
	margin-left: 250px;
	width: 540px;
	height: 360px;
	top: 50%;
	margin-top: -180px;	
	position: relative;
}

#display_clientele_360_480{
	float: left;
	margin-left: 250px;
	width: 480px;
	height: 360px;
	top: 50%;
	margin-top: -180px;	
	position: relative;
}

#display_clientele_480_360{
	float: left;
	margin-left: 250px;
	width: 360px;
	height: 480px;
	top: 50%;
	margin-top: -240px;	
	position: relative;
}


#display_clientele_458_360{
	float: left;
	margin-left: 250px;
	width: 360px;
	height: 458px;
	top: 50%;
	margin-top: -229px;	
	position: relative;
}

#display_clientele_360_458{
	float: left;
	margin-left: 250px;
	width: 458px;
	height: 360px;
	top: 50%;
	margin-top: -180px;	
	position: relative;
}

#display_clientele_360_538{
	float: left;
	margin-left: 250px;
	width: 538px;
	height: 360px;
	top: 50%;
	margin-top: -180px;	
	position: relative;
}

#display_clientele_538_360{
	float: left;
	margin-left: 250px;
	width: 360px;
	height: 538px;
	top: 50%;
	margin-top: -269px;	
	position: relative;
}

#display_clientele_link{
	float: left;
	margin-left: 200px;
	width: 150px;
	height: 538px;
	top: 50%;
	position: relative;
}

#wrapper{
  margin-top:50px;
  margin-bottom: 40px;
}


#menu_container{
position: fixed; 
width: 100%;
bottom: 0;
height:35px;
margin:0;
z-index:999;
text-align:center;
background-color: #FFF;
}