BODY {
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
	line-height: 14px;
	margin: 0px;
}

P {
	margin: 0px;
	margin-bottom: 14px;
}

IMG {
	border: 0px;
}

A {
	text-decoration: none;
	color: #00f;
}

A:hover {
	color: #f00;
}

/* info panel */
#panel {
	position: absolute;
	margin: 20px;
	color: #000;
	z-index: 10;
}

/* info panel 2*/
#panel2 {
	position: absolute;
	top: 104px;
	left: 20px;
	color: #000;
	z-index: 10;
}
/* a panel containing project detail */
#project_container {
	position: absolute;
	top: 80px;
	left: 100px;
	width: 800px;
	height: 600px;
	background-color: #eee;
	z-index: 20;
}
/* a panel containing about detail */
#about_container {
	position: absolute;
	top: 80px;
	left: 100px;
	width: 515px;
	height: 230px;
	background-color: #eee;
	z-index: 20;
}

/* style for the details of */
#about_detail {
	margin: 40px 10px 20px 10px;
	width: 495px;
	height: 210px;
	overflow: auto;
}

#close_about {
	position: absolute;
	top: 4px;
	right: 10px;
}
/* style for the details of a project*/
#project_detail {
	margin: 40px 10px 20px 10px;
	width: 780px;
	height: 540px;
	overflow: auto;
}

#close_project {
	position: absolute;
	top: 4px;
	right: 10px;
}

/* main div to ensure there are no scrollbars */
#main {
	position: absolute;
	top: 0px;
	left: 0px;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

/* div of each project*/
.project {
	text-align: center;
	position : absolute;
	z-index : 5;
	white-space: nowrap;
}

.project A {
	background-color: none;
	text-decoration: none;
}