body {
	text-align: center;
	}

	
/* HOMEPAGE */ 
	

	.home_logo_column {
		vertical-align: top;
		padding-top: 40px;
		}
		

	.home_image {
		vertical-align: top;
		padding-top: 48px;
		}
			
	.home_illustration {
			font-family: Verdana;
			margin-left: 10px;
			padding-top: 5px;
			text-align: left;
			line-height: 14px;
			vertical-align: top;
			font-size: 10px;
			}
			
			.home_illustration a {
			color:#333333;
			text-decoration: none;
			}
			
			.home_illustration a:hover {
			color:#999999;
			text-decoration: none;
			}
				
				
	.home_graphics {
			font-family: Verdana;
			margin-left: 10px;
			padding-top: 5px;
			line-height: 14px;
			vertical-align: top;
			font-size: 10px;
			text-align: left;
			}
			
			.home_graphics a {
			color:#333333;
			text-decoration: none;
			}
			
			.home_graphics a:hover {
			color:#999999;
			text-decoration: none;
			}

				
	.home_animation {
			font-family: Verdana;
			margin-left: 10px;
			padding-top: 5px;
			line-height: 14px;
			vertical-align: top;
			font-size: 10px;
			text-align: left;
			}
			.home_animation a {
			color:#333333;
			text-decoration: none;
				}
				
			.home_animation a:hover {
			color:#999999;
			text-decoration: none;
				}
	
	.home_about  {
			vertical-align: bottom;
			padding-top: 5px;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 9px;
			color: #999999;
			text-align: left;
			}

/* SUBPAGES */ 

#all {
	text-align: center;
	margin: 30px auto;
	width: 800px;
	background-color:#FFFFFF;
	}

.header {
		vertical-align: bottom;
		spacing: none;
		}
		
		.nav {
			font-size: 11px;
			font-family: verdana;
			text-transform: uppercase;
			vertical-align: bottom;
			padding-bottom: 37px;
			}
			
		.nav li /* The line of main links at top of header (not including "Contact") */ 
			{
			display: block; /* makes the list horizontal instead of vertical */
			list-style-type: none;
			float: left;
			white-space: nowrap;
			}
			
				.illust a   {
				background-image: url("Web_Square.gif");
				background-repeat: no-repeat;
				background-position: left;
				text-decoration: none;
				color: #333333;
				padding-top: 5px;
				padding-bottom: 5px;
				padding-left: 15px;
				padding-right: 17px;
				}
				.illust a:hover, .illust a:focus, .illust a:active   {
				color: #999999;
				background-image: url("Web_Square_Roll.gif");
				}
				
			.graph a   {
				background-image: url("Illustration_Square.gif");
				background-repeat: no-repeat;
				background-position: left;
				text-decoration: none;
				color: #333333;
				padding-right: 17px;
				padding-top: 5px;
				padding-bottom: 5px;
				padding-left: 16px;
				}
				
				.graph a:hover, .graph a:focus, .graph a:active   {
				color: #999999;
				background-image: url("Illustration_Square_Roll.gif");
				}
				
			.ani a   {
				background-image: url("Animation_Square.gif");
				background-repeat: no-repeat;
				background-position: left;
				text-decoration: none;
				color: #333333;
				padding-right: 17px;
				padding-top: 5px;				
				padding-bottom: 5px;
				padding-left: 16px;
				}
				.ani a:hover, .ani a:focus, .ani a:active   {
				color: #999999;
				background-image: url("Animation_Square_Roll.gif");
				}
	
				
			.bio a   {
				background-image: url("Drawing_Square.gif");
				background-repeat: no-repeat;
				background-position: left;
				text-decoration: none;
				color: #333333;
				padding-top: 5px;
				padding-bottom: 5px;
				padding-left: 16px;
				}
				.bio a:hover, .bio a:focus, .bio a:active   {
				color: #999999; 
				background-image: url("Drawing_Square_Roll.gif");
				}
				
			.email a   {
				text-transform: uppercase;
				font-size: 11px;
				text-decoration: none;
				color: #333333;
				font-family: verdana;
				}
				.email a:hover, .email a:focus, .email a:active   {
				color: #999999;
				}
			
				
			.home a   {
				background-image: url("Identity.jpg");
				background-repeat: no-repeat;
				background-position: left;
				text-decoration: none;
				padding-right: 55px;
				padding-top: 35px;
				padding-bottom: 25px;
				vertical-align: bottom;
				}
				.home a:hover, .home a:focus, .home a:active   {
				background-image: url("Identity_Roll.jpg");
				}
			
.title {
		vertical-align: bottom;
		}

		
.content {
	position:static;
	width: inherit;
		}
		
		.top {
			font-size: 11px;
			font-family: verdana;
			color: #333333;
			text-transform: uppercase;
			vertical-align: middle;
			
			}
			
		.top ul
		{
		padding-left: 0px;
		margin-left: 0px;
		}
		
		.top li /* The line of main links at top of header (not including "Contact") */ 
			{
			display: block; /* makes the list horizontal instead of vertical */
			list-style-type: none;
			float: left;
			white-space: nowrap;
			}
			
			.top_link a{				
				background-image: url("gray_square.gif");
				background-repeat: no-repeat;
				background-position: left;
				text-decoration: none;
				padding-left: 17px;
				color: #000000;
				}
				
			.top a:hover, .illust_top a:focus, .illust_top a:active {
				color: #999999;
				background-image: url("gray_square_roll.gif");
				}
				
			.top_selected a{
				color: #999999;
				background-image: url("gray_square_roll.gif");
				background-repeat: no-repeat;
				background-position: leftt;
				text-decoration: none;
				padding-left: 17px;
				}
			
		.text {
	font-size: 11px;
	font-family: verdana;
	color: #000000;
	padding-right: 20px;
			}

			.text a{
				text-decoration: none;
				text-transform: uppercase;
				font-weight: bold;
				color: #333333;
				}
				
				.text a:hover, .text a:focus {
				color:#999999;
				}

			.text li {
				list-style-image: url(gray_bullet.gif);
				line-height: 16px;
				}			

		.thumbnail_text {
			font-size: 11px;
			font-family: verdana;
			color: #000000;
			padding-right: 150px;
			}

		.descriptions {
			font-family: verdana;
			color: #000000;
			font-size: 11px;
			text-align: left;
			}
			
		.illust_nav {
			font-family: verdana;
			color: #000000;
			font-size: 11px;
			text-transform: capitalize;
			}
			
			.illust_nav a {
				text-decoration: none;
				color: #cc9900;
				text-transform: capitalize;
				}
				
		.graphic_nav {
			font-family: verdana;
			color: #000000;
			font-size: 11px;
			text-transform: capitalize;
			}
			
			.graphic_nav a {
				text-decoration: none;
				color: #990000;
				text-transform: capitalize;
				}
				
		.animate_nav {
			font-family: verdana;
			color: #000000;
			font-size: 11px;
			text-transform: capitalize;
			}
			
			.animate_nav a {
				text-decoration: none;
				color: #339933;
				text-transform: capitalize;
				}
			
		.image {
			padding-right: 20px;
			float: left;
			width: 500px;
			padding-bottom: 25px;
			}
			
		.resume {
	font-size: 11px;
	font-family: verdana;
			}
			
	.resume_column {
	border-style: none;
	padding-left: 25px;
	}
	
			
			.resume_column li {
				list-style-position: outside;
				list-style-image: url(gray_bullet.gif);
				}
			
			.work_details {
			padding-right: 15px;
			}
			
			.work_details li {
				list-style-image: url(gray_bullet.gif);
				list-style-position: outside; 
				}
			
		.bottom {
			background-image: url("bottom.gif");
			background-repeat: no-repeat;
			background-position: bottom;
				}
				
			.bottom_graphics {
			background-image: url("Illust_Bottom.jpg");
			background-repeat: no-repeat;
			background-position: bottom;
				}
				
			.bottom_illust {
			background-image: url("Graphic_Bottom.jpg");
			background-repeat: no-repeat;
			background-position: bottom;
				}
				
			.bottom_bio {
			background-image: url("Draw_Bottom.jpg");
			background-repeat: no-repeat;
			background-position: bottom;
				}
				
			.bottom_animate {
			background-image: url("Animate_Bottom.jpg");
			background-repeat: no-repeat;
			background-position: bottom;
				}
				
		.copyright {
			font-family: verdana;
			font-size: 9px;
			color: #666666;
			}