/* CSS Document */

* {
	padding: 0;
	margin: 0;
	font-family: "Century Gothic", Georgia, "Trebuchet MS";
	color: #fff;
}
body {
	background-color: #ffe6cb;
}
#main {
	width: 891px;
	height: 809px;
	background-image: url(../images/buttons_index/indexbkg.jpg);
	position: absolute;
	left: 50%;
	margin-left: -440px;
}
/*rollover buttons top*/
#nav {
	width: 576px;
	height: 176px;
	margin-top: 200px;
	margin-left: 259px;
}
#nav ul { list-style: none; }
#nav ul li {
	display: block;
	float: left;
}
#nav ul li a {
	display: block;
	height: 175px;
}
#nav span { display: none; }

#nav a.about {
	width: 180px;
	background: url(../images/buttons_index/about_real.jpg);
}
#nav a.about:hover { background-position: 0% -175px; }
#nav a.gallery {
	width: 178px;
	background: url(../images/buttons_index/gallery_real.jpg);
}
#nav a.gallery:hover { background-position: 0% -175px; }

/*bottom set*/
#nav2 {
	width: 576px;
	height: 131px;
	margin-top: 50px;
	margin-left: 205px;
}
#nav2 ul { list-style: none; }
#nav2 ul li {
	display: block;
	float: left;
	padding: 3px;
}
#nav2 ul li a {
	display: block;
	height: 131px;
}
#nav2 span { display: none; }
#nav2 a.journal {
	width: 142px;
	background: url(../images/buttons_index/kid_real.jpg);
}
#nav2 a.journal:hover { background-position: 0% -133px; }
#nav2 a.process {
	width: 161px;
	height: 143px;
	background: url(../images/buttons_index/process_real.jpg);
}
#nav2 a.process:hover { background-position: 0% -143px; }
#nav2 a.photo {
	width: 143px;
	background: url(../images/buttons_index/photo_real.jpg);
}
#nav2 a.photo:hover { background-position: 0% -131px; }