
#my-info {
	margin: -146px 0px 0px -250px;
	width: 508px;
	height: 280px;
	position: absolute;
	top: 50%;
	left: 50%;
}
	#my-info .box {
		position: relative;
		width: 508px;
		height: 280px;
	}
	#my-info .title {
		background: url("../images/about/title.png") no-repeat;
		height: 78px;
		width: 254px;
		margin: 50px auto 0px auto;
		position: relative;
	}
		#my-info .title img {
			position: absolute;
			top: 3px;
			left: 4px;
		}
		#my-info .title h2 {
			font-size: 22px;
			position: absolute;
			top: 11px;
			left: 78px;
			visibility: hidden;
		}
		#my-info .title h3 {
			font-size: 10px;
			position: absolute;
			top: 43px;
			left: 78px;
			visibility: hidden;
		}
	#my-info .info {
		font-size: 12px;
		margin: 0px auto 0px auto;
		width: 254px;
		text-shadow: #000 1px 1px 2px;
}
		#my-info .info dt {
			float: left;
			width: 70px;
			text-align: right;
			margin: 0px 4px 0px 5px;
			/*opacity: 0.35;*/
			color: #575b5f;
			text-shadow: #161b1e 1px 1px 2px;
		}
		#my-info .info dt a {
			color: #575b5f;
		}
		#my-info .info dd {
			margin-left: 79px;
		}
	
	#my-info .c {
		height: 10px;
		width: 10px;
	}
	#my-info .tl {
		background: url("../images/about/box-tl.png") no-repeat;
		position: absolute;
		top: 0px;
		left: 0px;
	}
	#my-info .tr {
		background: url("../images/about/box-tr.png") no-repeat;
		position: absolute;
		top: 0px;
		right: 0px;
	}
	#my-info .t {
		background: url("../images/about/box-t.png") repeat-x;
		position: absolute;
		top: 0px;
		left: 10px;
		right: 10px;
		height: 10px;
	}
	#my-info .l {
		background: url("../images/about/box-l.png") repeat-y;
		position: absolute;
		top: 10px;
		left: 0px;
		bottom: 10px;
		width: 10px;
	}
	#my-info .fill {
		background: url("../images/about/box-m.png") repeat;
		position: absolute;
		top: 10px;
		left: 10px;
		right: 10px;
		bottom: 10px;
	}
	#my-info .r {
		background: url("../images/about/box-r.png") repeat-y;
		position: absolute;
		top: 10px;
		right: 0px;
		bottom: 10px;
		width: 10px;
	}
	#my-info .bl {
		background: url("../images/about/box-bl.png") no-repeat;
		position: absolute;
		bottom: 0px;
		left: 0px;
	}
	#my-info .br {
		background: url("../images/about/box-br.png") no-repeat;
		position: absolute;
		bottom: 0px;
		right: 0px;
	}
	#my-info .b {
		background: url("../images/about/box-b.png") repeat-x;
		position: absolute;
		bottom: 0px;
		left: 10px;
		right: 10px;
		height: 10px;
	}
	
	.resume a {
		opacity: 0.75;
		-webkit-transition: opacity 0.3s ease-in-out;
	}
	.resume a:hover {
		opacity: 1;
		text-decoration: none;
	}
	.resume-title {
		background: url("../images/resume/title.png");
		width: 280px;
		height: 32px;
		margin: 50px auto 0px auto;
	}
	.resume-back {
		background: url("../images/resume/back.png");
		width: 37px;
		height: 15px;
		position: absolute;
		top: 1px;
		left: 3px;
	}
	.resume-links {
		width: 225px;
		height: 115px;
		margin: 24px auto 0px auto;
	}
		.resume-links .pdf-link {
			background: url("../images/resume/pdf-icon.png");
			display: block;
			float: left;
			width: 94px;
			height: 113px;
		}
		.resume-links .doc-link {
			background: url("../images/resume/doc-icon.png");
			display: block;
			float: right;
			width: 94px;
			height: 113px;
		}















