/*CSS Document */



body {

	background-color: #d0d0d0;
	color: #8C90AC;
	font-family: myriad, myriad web, myriad pro, sans-serif;
	font-size: 8pt;
	margin: 0px 5px 0px 0px;
}

.content {
	position:relative;
	top: 10px;
}

td {

	color: #262626;
	align: left;
	valign: top;
	font-size: 10pt;

}

td#main {

	background: url(main_back.gif) no-repeat bottom right;
	width: 650px;
	height: 375px;
	padding: 50px 100px 10px 50px;
	text-align: left;
	font-size: 8pt;

}

td#film {
	
	background: url(film_back.gif) no-repeat bottom right;
	width: 650px;
	height: 400px;
	text-align: left;
	font-size: 8pt;
}

div.top {

	background-color: transparent;
	position: relative;
	top: 90px;
	left: 100px;
	width: 500px;

}

div.mid {

	background-color: transparent;
	position: relative;
	top: 145px;
	left: 100px;
	width: 500px;
	

}

div.bot {

	background-color: transparent;
	position: relative;
	top: 200px;
	left: 100px;
	width: 500px;
	
	

}

div#demo {

	background-color: transparent;
	position: relative;
	top: 175px;
	left: 400px;
	width: 200px;
	

}


td#graphics {
	
	width: 650px;
	height: 400px;
	background: url(graphics_back.gif) no-repeat top center;
	text-align: left;
	font-size: 8pt;
}


.graphic {

	background-color: #8C90AC;
	color: #262626;
	font-size: 8pt;
}

td#web {
	
	width: 650px;
	height: 400px;
	background: url(web_back.gif) no-repeat top center;
	text-align: left;
	font-size: 8pt;
}

div#html {

	background-color: transparent;
	position: relative;
	top: 110px;
	left: 100px;
}

div#flash {

	background-color: transparent;
	position: relative;
	top: 170px;
	left: 100px;
}

td#vo {
	
	width: 650px;
	height: 400px;
	padding: 25px 100px 10px 50px;
	text-align: left;
	font-size: 8pt;
}

td#links {
	
	width: 650px;
	height: 400px;
	padding: 25px 100px 10px 50px;
	text-align: left;
	font-size: 8pt;
}

td#contact {
	
	width: 650px;
	height: 400px;
	background: url(contact_back.gif) no-repeat top center;
	padding: 105px 100px 10px 250px;
	text-align: left;
	font-size: 10pt;
}

td#resume {

	width: 667px;
	height: 600px;
	background: url(resume_back.gif) no-repeat top center;
	text-align: left;
	font-size: 8pt;
	padding: 150px 100px 0px 100px;

}

td#filmography {
	
	width: 650px;
	height: 400px;
	padding: 25px 100px 10px 50px;
	text-align: left;
	font-size: 8pt;
}

td.top {

	background: url(right_top_left.gif) no-repeat top center;
	width: 600px;
	height: 50px;
	padding: 0px 15px 3px 0px;
}

.bordered {

	border: 2px solid #8C90AC;

}

td.bottom {

	color: #8C90AC;
	font-size: 8pt;
	

}

a:link {
	
	color: #8C90AC;
	text-decoration: none;
}

a:hover {
	color: #3D4687;
	text-decoration: none;
}


a:visited {
	color: #8C90AC;
	text-decoration: none;
}

a:visited:hover {
	color: #3D4687;
	text-decoration: none;
}

.header {
	color: #D0D0D0;
	font-size: 12pt;
	font-weight: bold;
}

.essay {
	width: 300px;
	height: 150px;
}

.button {
	width: 100px;
	height: 20px;
	background-color: #d0d0d0;
	color: #262626;
	text-align: center;
	font-family: sans-serif;
	font-size: 10pt;
	font-weight: bolder;
	border: 0px;
}