body {
				background: #fff none;
				font-family: Eurostile,Tahoma, Arial, Verdana, sans-serif;
				text-align: left;
			}
			#container {
				width: 780px;
				height: 460px;
				margin: 30px auto 10px auto;
				background: #fff url("01_image/background.gif") no-repeat;
			}
			#nav {
				float: right;
			}
			#nav li {
				float: left;
				list-style: none;
				padding-right: 10px;
			}
			#main {
				float: left;
				width: 510px;
				height: 270px;
				overflow: auto;
				background: #fff none;
				margin-left: 264px;
			}
			#footer {
				margin: 0px auto 0px auto;
				clear:both;
				background: #fff;
				height: 10px;
				width: 780px;
			}
			
			#nav li span {
				visibility: hidden;
			}
			
			li a {
				display: block;
				height: 28px;
				text-decoration: none;
			}
			
			#bio a, #bio a:link, #bio a:active, #bio a:visited { 
				background: url("02_images/01_bio.gif") no-repeat; 
				width: 50px; 
			}
				#bio a:hover { background: #fff url("02_images/01_bio_red.gif");
			width: 50px; }
			#resume a, #resume a:link, #resume a:active, #resume a:visited { 
				background: url("02_images/02_resume.gif") no-repeat; 
				width: 126px; 
			}
				#resume a:hover { background: #fff url("02_images/02_resume_red.gif");
			width: 126px;}
			
			
			#portfolio a, #portfolio a:link, #portfolio a:active, #portfolio a:visited { 
				background: url("02_images/03_portfolio.gif") no-repeat; 
				width: 134px;
			}
				#portfolio a:hover { background: #fff url("02_images/03_portfolio_red.gif");
				width: 134px;}
			
			#contact a, #contact a:link, #contact a:active, #contact a:visited { 
				background: url("02_images/04_contact.gif") no-repeat; 
				width: 126px;
			}
				#contact a:hover { background: #fff url("02_images/04_contact_red.gif");
				width: 126px;}