@font-face{
	 font-family:"Helvetica W01 Light Obl";
	 src: url("/assets/fonts/Helvetica-LightOblique.eot");
}
@font-face{
	 font-family:"Helvetica W01 Light Obl";
	 src: url("/assets/fonts/Helvetica-LightOblique.ttf") format('truetype');
}

@font-face {
  font-family: myHelveticaLight;
  src: url('/assets/fonts/MyriadPro-Regular.eot');
}

@font-face {
  font-family: myHelveticaLight;
  src: url('/assets/fonts/MyriadPro-Regular.otf') format('opentype');
}

img{
	border: 0px;
}

a:link{ color: #000; text-decoration: none;}
a:active{}
	a:hover{ color:;}
a:visited{ color:#000; text-decoration:none;/*color:#74dfe9;*/}
.active{ color: #74dfe9 !important; }

ul.work {
	list-style:none;
	padding: 0px;
	margin: 10px 0px 0px 10px;
	float:left;
	width: 300px;
}
ul.info {
	list-style:none;
	padding: 0px;
	margin: 10px 0px 0px 10px;
	float:left;
	width: 150px;
}

li{
	font-family: "Helvetica W01 Light Obl";
	font-size: 10px;
	text-transform: uppercase;
	line-height: 13px;
}
li{
	margin-bottom: 10px;
}
.hlo{
	font-family: "Helvetica W01 Light Obl";
	font-size: 12px;
	text-transform: uppercase;
}
.hl{
	font-family: myHelveticaLight;
	font-size: 13px;
}


#screen
{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 500;
/*	width: 100%;
	height:100%;
*/	opacity: 0.6;
	/*display:none;*/
}

/*
@-webkit-keyframes anim_a{ 0%{opacity:0.5;} 25%{opacity: 0.25;} 50%{opacity: 0;} 75%{opacity:0;} 100%{opacity:0.25;}}
@-webkit-keyframes anim_b{ 0%{opacity:0.25;} 25%{opacity: 0.5;} 50%{opacity: 0.25;} 75%{opacity:0;} 100%{opacity:0;}}
@-webkit-keyframes anim_c{ 0%{opacity:0;} 25%{opacity: 0.25;} 50%{opacity: 0.5;} 75%{opacity:0.25;} 100%{opacity:0;}}
@-webkit-keyframes anim_d{ 0%{opacity:0;} 25%{opacity: 0;} 50%{opacity: 0.25;} 75%{opacity:0.5;} 100%{opacity:0.25;}}
@-webkit-keyframes anim_e{ 0%{opacity:0.25;} 25%{opacity: 0;} 50%{opacity: 0;} 75%{opacity:0.25;} 100%{opacity:0.5;}}

.layer{	position:absolute; width: 100%; height:100%;}
#a{-webkit-animation: anim_a 3s infinite; background: -webkit-repeating-radial-gradient(center center,circle,red,purple,blue,green,yellow);}
#b{-webkit-animation: anim_b 3s infinite; background: -webkit-repeating-radial-gradient(center center,circle,yellow,red,purple,blue,green);}
#c{-webkit-animation: anim_c 3s infinite; background: -webkit-repeating-radial-gradient(center center,circle,green,yellow,red,purple,blue);}
#d{-webkit-animation: anim_d 3s infinite; background: -webkit-repeating-radial-gradient(center center,circle,blue,green,yellow,red,purple);}
#e{-webkit-animation: anim_e 3s infinite; background: -webkit-repeating-radial-gradient(center center,circle,purple,blue,green,yellow,red);}
*/



html,body{
	margin: 0px;
	padding: 0px;
	min-width: 100%;
	overflow-x: auto;
}

.clear{ clear:both;}

#container{
	min-width: 1275px;
}

/* work list */
#work-bin{
	margin: 80px 0px 0px 150px;
	min-width: 100%;
	white-space: nowrap;
}
.work-object{
	float:left;
	margin-bottom: 50px;
	min-width:100%;
}
.image-bin{
	width: 100%;
	min-width: 100%;
	margin-top: 4px;
	white-space: nowrap;
}
div.thumbnail + div.thumbnail{
	margin-left: -4px;
}
.thumbnail{
	display: inline-block;
}
.work-title{
	margin: 0px 0px 0px -10px;	
}

/* work detail */
#work-detail{	
	float:left;
	margin: 120px 0px 50px 50px;
	width: 900px;
}
#page-detail{
	float:left;
	margin: 50px 0px 0px 50px;
	width: 900px;
}

#detail-image-bin{ 
	margin: 5px 0px 15px 0px;
}
#detail-image-bin img{
	float: left;
}

#mti_wfs_colophon{ display:none !important;}
#sb-overlay{background:none;}

canvas{  
    position: absolute;
    top: 0;
    left: 0;
}


.post{
	margin-bottom: 200px;
}

.pagination a,span{
	margin-right: 20px;
}
.pagination .current{
	color:#74dfe9;
}