@import url("basic.css");
@import url("portfolio-basic.css");
#sidenav {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 420px;
	width: 50px;
	list-style-type: none;
	list-style-position: inside;
	overflow: hidden;
	display: block;
	position: relative;
}
#sidenav li {
	margin: 0px;
	padding: 0px;
	height: 105px;
	width: 50px;
	float: left;
	overflow: hidden;
	display: block;
	position: relative;
}
#sidenav a {
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	height: 105px;
	width: 50px;
	float: left;
	display: block;
}
#sidenav a:hover {
	visibility: visible;
	background-image: none;
}
#sidenav-illustration {
	background-image: url(images/HHD_sidenav_illus03.jpg);
}
#sidenav-illustration a{
	background-image: url(images/HHD_sidenav_illus03.jpg);
}
#sidenav-print {
	background-image: url(images/HHD_sidenav_print02.jpg);
}
#sidenav-print a{
	background-image: url(images/HHD_sidenav_print01.jpg);
}
#sidenav-web {
	background-image: url(images/HHD_sidenav_web02.jpg);
}
#sidenav-web a{
	background-image: url(images/HHD_sidenav_web01.jpg);
}
#sidenav-video {
	background-image: url(images/HHD_sidenav_video02.jpg);
}
#sidenav-video a{
	background-image: url(images/HHD_sidenav_video01.jpg);
}