@charset "UTF-8";

/********************about********************/
#about {
	position: fixed; _position: absolute;
	width: 640px; height: 520px;
	left: 50%; top: 50%;
	margin: -260px 0 0 -320px;
}

#aboutPeople {
	position: fixed; _position: absolute;
	width: 360px; height: 360px;
	right: 0px; bottom: 40px;
	background: url("../images/about/people.png") no-repeat;
}

#groupLogo {
	position: fixed; _position: absolute;
	width: 200px; height: 120px;
	left: 50%; top: 50%;
	margin: -60px 0 0 160px;
	background: url("../images/about/groupLogo.png") no-repeat;
}

#aboutPane {
	position: fixed; _position: absolute;
	width: 350px; height: 280px;
	left: 50%; top: 50%;
	margin: -140px 0 0 -300px; padding-top: 60px;
	color: #4f4f4f; font-size: 12px; line-height: 24px; letter-spacing: 1px;
	background: url("../images/about/about.png") no-repeat left top;
}

#aboutPane1 {
	position: fixed; _position: absolute;
	width: 400px; height: 280px;
	left: 50%; top: 50%;
	margin: -140px 0 0 -300px; padding-top: 30px;
	color: #4f4f4f; font-size: 12px; line-height: 24px; letter-spacing: 1px;
	background: url("../images/about/about1.png") no-repeat left top;
}

#aboutPane p , #aboutPane1 p {
	padding-right: 10px;
	font-size: 12px;
}

.customScrollBox {
	position: relative; 
	height: 100%; 
	overflow: hidden;
}

.customScrollBox .container {
	position: relative;
	float: left;
	width: 99.5%; 
	top: 0;
}

.customScrollBox > .content {
	clear: both;
}

.dragger_container {
	position: relative; 
	float: left;
	width: 5px; height: 100%;
	margin-left: -5px;
	cursor: pointer;
}

.dragger {
	position: absolute; 
	width: 5px; height: 60px; 
	background: #442119;  
	overflow: hidden; 
	cursor: pointer; 
}

.dragger_pressed {
	position: absolute; 
	width: 5px; height: 60px; 
	background: #900807;  
	overflow: hidden; 
	cursor: pointer;
}