@import url("common.css");
@import url("topnav.css");

#content {
	background-image: url("bg-subpage");
}
body {
	background-position: 0 59px;
}
#button {
	top: 120px;
}

#work h2 {
	position: absolute;
	left: 180px;
	top: 320px;
	margin: 0;
	width: 130px;
	height: 30px;
	background: left top no-repeat;
}
#work h2 span {
	display: none;
}

.resume #work h2 {	background-image: url("titles/resume"); }
.classes #work h2 {	background-image: url("titles/classes"); }
.contact #work h2 {	background-image: url("titles/contact"); }

#contentInner, .text {
	font-size: 90%;
}
.text {
	position: absolute;
	left: 350px;
	top: 110px;
	overflow: auto;
	padding: 20px;
	/* Values for IE win 5.x */
	width: 440px;
	height: 450px;
	voice-family: "\"}{\"";
	voice-family:inherit;
	/* Values for competent browsers */
	width: 400px;
	height: 410px;
}

.text h3, #contentInner h3 {
	color: black;
	font-size: 1em;
	font-weight: normal;
}

.text dl, #contentInner dl {
}
.text dt, #contentInner dt {
	color: black;
	float: left;
	width: 40px;
	clear: left;
}
.text dd, #contentInner dd {
	margin: 0;
	margin-left: 50px;
}

.text p, #contentInner p {
	text-align: justify;
	font-size: 1em;
	margin: 20px;
}
.text table {
	margin: 20px;
	margin-right: 0;
	width: 90%;
}

.text a, #contentInner a {
	color: black;
}

#resumenav {
	width: 250px;
	text-align: right;
	padding: 0;
	margin: 0;
	position: absolute;
	left: 70px;
	top: 370px;
	list-style-type: none;
	color: black;
}
#resumenav h3 {
	color: black;
	font-weight: normal;
	font-size: 1em;
	padding: 0 5px;
	margin: 10px 0;
}
#resumenav a {
	display: block;
	padding: 1px 5px;
	color: black;
}
#resumenav a:hover {
	background: #E1E3DD;
}


.contact #content {
	/* Values for IE win 5.x */
	height: 620px;
	voice-family: "\"}{\"";
	voice-family:inherit;
	/* Values for competent browsers */
	height: 520px;
}
.contact .text {
	padding-top: 80px;
	/* Values for IE win 5.x */
	height: 600px;
	voice-family: "\"}{\"";
	voice-family:inherit;
	/* Values for competent browsers */
	height: 550px;
}
.contact #notice {
	background: white;
	position: absolute;
	font-size: 12px;
	padding: 15px 20px;
	left: 357px;
	top: 106px;
	/* Values for IE win 5.x */
	width: 445px;
	voice-family: "\"}{\"";
	voice-family:inherit;
	/* Values for competent browsers */
	width: 405px;
}
.contact p {
	margin-top: 0;
	margin-bottom: 0;
}

.classes .text {
	padding-top: 0px;
	/* Values for IE win 5.x */
	height: 480px;
	voice-family: "\"}{\"";
	voice-family:inherit;
	/* Values for competent browsers */
	height: 420px;
}

.classes p.side {
	position: absolute;
	top: 370px;
	left: 80px;
	width: 250px;
	font-size: 90%;
}

#contentUpArrows a, #contentDownArrows a {
	display: block;
	width: 12px;
	height: 12px;
	border: 1px solid black;
	background: white 1px 2px no-repeat;
}
#contentUpArrows span, #contentDownArrows span {
	display: none;
}
#contentUpArrows a { background-image: url("arrow_up") }
#contentDownArrows a { background-image: url("arrow_down") }

#contentThumb {
	cursor: move;
	background: #C6C8C2;
	border: 1px solid #666;
}

#contentBar {
	background: #EFF1EB;
	cursor: pointer; cursor: hand;
	border: 1px solid #C6C8C2;
}

#design {
	position: absolute;
	top: 620px;
	left: 100px;
}
#copy {
	font-size: 80%;
}