/* Reset default browser styles */
@import url('reset.css');
	
/* Basic WordPress Styles */
@import url('wp.css');

.single-staff{
	background:#FFFFFF url(../images/white_dot.png);
}

#director-canvas{
	width:500px;
	height:350px;
	display:block;
	overflow:hidden;
	float:left;
	clear:right;
}

#staff-canvas{
	width:700px;
	height:350px;
	display:block;
	position:absolute;
	left:440px;
}

#mugshot{
	width:300px;
	height:350px;
	display:block;
	float:left;
	overflow:hidden;
	margin:0px;
}

#bio{
	width:auto;
	height:350px;
	/* float:left; */
	background-color:#FFFFFF;
	display:block;
	color:#929292;
	font-size:20px;
	line-height:0.8em;
	overflow:hidden;
}

#bio-container{
	margin-left:24px;
	margin-top:24px;
}

#class{
	margin-bottom:6px;
	font-weight:bold;
}

#position{
}

#staff-name{
 	margin-bottom:24px;
}

#education{
	font-weight:100;
	height:165px;
}

.director-portrait{
	float:left;
	display:block;
	width:125px;
	height:350px;
}

.di-sel{
	width:125px;
	height:350px;
	opacity:0.35;
	filter:alpha(opacity=35);
}

.di-sel:hover{
	opacity:0.0;
	filter:alpha(opacity=00);
}

#di-pc{
	background:url(../images/mr-pattarayut-chulsukon.png) no-repeat top left;
}

#di-ks{
	background:url(../images/mr-keerati-satasook.png) no-repeat top left;
}

#di-sl{
	background:url(../images/mr-sarawin-laokasemsukwong.png) no-repeat top left;
}

#director-gray-area{
	background:#e0e0e0;
	display:block;
	height:350px;
	width:95px;
	float:left;
}