body {
	background: #798376 url("../images/bg.jpg") top left no-repeat;
	margin: 0px;
	/*color: #FEFEFC;*/
	font-family: "courier new"
}

#mainnav ul { list-style-type: none; }

/* this hides the text and leaves the image */
#resume a span, #animation a span, #illustration a span, #interactive a span,
#performance a span, #video a span { display: none; }

/* this adds the image and changes it on rollover */
#resume a:link, #resume a:visited {
	display:block;
	/*width:50px;*/
	margin: 0.2em 0;
	padding:17px 0 0 20px;
	background: url("../images/link1.jpg") 0 0 no-repeat;
}
#resume a:hover, #resume a:active {	
/*		background-position: -157px 0; use this if the normal and rollover state are in the same image file (ie: you reuse the image file)*/
		background: url("../images/link1a.jpg") 0 0 no-repeat;
}

#bio a:link, #bio a:visited {
	display:block;
	/*width:50px;*/
	margin: 0.2em 0;
	padding:17px 0 0 20px;
	background: url("../images/link2.jpg") 0 0 no-repeat;
}
#bio a:hover, #bio a:active {	
	background: url("../images/link2a.jpg") 0 0 no-repeat;
}
		
#video a:link, #video a:visited {
	display:block;
	/*width:50px;*/
	margin: 0.2em 0;
	padding:17px 0 5px 20px;
	background: url("../images/link3.jpg") 0 0 no-repeat;
}
#video a:hover, #video a:active {	
	background: url("../images/link3a.jpg") 0 0 no-repeat;
}

#film a:link, #film a:visited {
	display:block;
	/*width:50px;*/
	margin: 0.2em 0;
	padding:17px 0 5px 20px;
	background: url("../images/link4.jpg") 0 0 no-repeat;
}
#film a:hover, #film a:active {	
	background: url("../images/link4a.jpg") 0 0 no-repeat;
}

#editing a:link, #editing a:visited {
	display:block;
	/*width:50px;*/
	margin: 0.2em 0;
	padding:20px 0 5px 20px;
	background: url("../images/link5.jpg") 0 0 no-repeat;
}
#editing a:hover, #editing a:active {	
	background: url("../images/link5a.jpg") 0 0 no-repeat;
}

#dvd a:link, #dvd a:visited {
	display:block;
	/*width:50px;*/
	margin: 0.2em 0;
	padding:17px 0 5px 20px;
	background: url("../images/link6.jpg") 0 0 no-repeat;
}
#dvd a:hover, #dvd a:active {	
	background: url("../images/link6a.jpg") 0 0 no-repeat;
}


/*style for resume section*/

.header {
	font-weight: bold;
	font-size: 20pt;
		}