.index-page div.header {
	height: 150px;
	margin-right: 30px;
	background: url('../images/homepage_logo.gif') no-repeat 30px 0;			
}

.index-page div#border-top {
	background: url('../images/bg_homepage_top.gif') no-repeat 0px 0px;
	width: 513px;
	height: 19px;
	position: absolute;
	right: 20px;
	top: 16px;
	z-index: ;
}
.index-page div#overlay {
	background: url('../images/swirl.png') no-repeat 0px 0px;
	width: 513px;
	height: 579px;
	position: absolute;
	right: 18px;
	top: 24px;
	z-index: 20;
}

.index-page div.content {
	height: 500px;
	width: 380px;		
	position: absolute;
	left: 40px;
	top: 109px;
}

.index-page div.illustration { 
	position: absolute;
	right: 45px;
	top: 90px;	
	height: 470px;
	width: 470px;		
}


.index-page div.container div.inner ul.navigation {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 1000px;
	height: 64px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	background: url('../images/bg_homepage_menu.gif') no-repeat -1px 0;
}

		.index-page div.container div.inner ul.navigation li a {
			display: block;
			height: 64px;
			position: absolute;
		}

		.index-page div.container div.inner ul.navigation li a:hover {
			/*border-bottom: 1px dashed #c1bfc0;*/
			background: url('../images/menu_highlight.gif') no-repeat bottom right;
		}

		.index-page div.container div.inner ul.navigation li.back,
		.index-page div.container div.inner ul.navigation li.home {
			display: none;
		}

		.index-page div.container div.inner ul.navigation li.personal-projects a {
			width: 170px;
			top: 0px;
			left: 135px;
		}

		.index-page div.container div.inner ul.navigation li.work-in-progress a {
			width: 135px;
			top: 0px;
			left: 325px;
		}

		.index-page div.container div.inner ul.navigation li.commission a {
			width: 110px;
			top: 0px;
			left: 500px;
		}

		.index-page div.container div.inner ul.navigation li.biography a {
			width: 124px;
			top: 0px;
			left: 646px;
		}

		.index-page div.container div.inner ul.navigation li.contact a {
			width: 85px;
			top: 0px;
			left: 805px;
		}