@import url("reset.css");

html, body, #bg, #bg table, #bg td {
    height:100%;
    width:100%;
    overflow:hidden;
	font-family: "Lucida Grande";
}

#bg div {
    height:200%;
    left:-50%;
    position:absolute;
    top:-50%;
    width:200%;
}

#bg td {
    text-align:center;
    vertical-align:middle;
}

#bg img {
    margin:0 auto;
    min-height:50%;
    min-width:50%;
}

#content {
    position:absolute;
    top:0;left:0;
    z-index:70;
    overflow:auto;
	width: 100%;
	height: 100%;
}

.name {
	position: absolute;
	display: block;
	right: 0;
	font-size: 80pt;
	font-weight: bold;
	background: #00AACC;
	color: #FFFFFF;
	letter-spacing: -12px;
	margin-right: 20px;
	margin-top: 20px;
	padding-right: 20px;
	padding-left: 15px;
}

.name:hover {
	background: #00AACC;
}

.prof {
	position: absolute;
	display: block;
	right: 0;
	font-size: 30pt;
	margin-right: 20px;
	margin-top: 150px;
	font-weight: bold;
	letter-spacing: -5px;
	background: #00993B;
	color: #FFFFFF;
	padding: 7px;
}

.prof:hover {
	background: #00993B;
}

.sec-prof {
	position: absolute;
	display: block;
	right: 0;
	font-size: 30pt;
	margin-right: 20px;
	margin-top: 210px;
	font-weight: bold;
	letter-spacing: -5px;
	background: #FFCC00;
	color: #FFFFFF;
	padding: 7px;
}

.sec-prof:hover {
	background: #FFCC00;
}

.back {
	position: absolute;
	display: block;
	right: 0;
	bottom: 0;
	font-size: 20pt;
	margin-right: 20px;
	margin-bottom: 20px;
	font-weight: bold;
	letter-spacing: -2px;
	padding: 5px;
	background: #000000;
	color: #FFFFFF;
}

.back a {
	text-decoration: none;
	color: #FFFFFF;
}

.back a:hover {
	background: #ED1164;
}