html body
{
	background-color : #88B1E0;
	padding-bottom : 191px;
	padding-left : 300px;
	z-index : -2;
	color : Black;
}
html body div#landscape
{
	position : fixed;
	bottom : 0px;
	left : 0px;
	background-image : url( '/images/hills.gif' );
	height : 191px;
	width : 100%;
	z-index : 5;
}
html body div#landscape ul#navigation
{
	margin : 0px;
	padding : 0px;
	text-indent : 0px;
	width : 281px;
	height : 370px;
	position :fixed;
	bottom : 0px;
	background-image : url( '/images/signpost.gif' );
}

	html body div#landscape ul#navigation li a
	{
		position : relative;
		display : block;
		font-size : 0px;
		text-decoration : none;
	}
	html body div#landscape ul#navigation li#home a
	{
		top : 32px;
		left : 20px;
		width : 65px;
		height : 45px;
	}
	html body div#landscape ul#navigation li#family a
	{
		top : 35px;
		left : 16px;
		width : 75px;
		height : 55px;
	}
	html body div#landscape ul#navigation li#diary a
	{
		top : -92px;
		left : 156px;
		width : 95px;
		height : 70px;
	}
	html body div#landscape ul#navigation li#gallery a
	{
		top : -90px;
		left : 136px;
		width : 135px;
		height : 70px;
	}

html body div.cloud
{
	position : fixed;
}
html body div#text
{
	position : absolute; 
	z-index : 2; 
	padding-bottom : 191px;
	margin-right : 5px;
	
}
html body div#text h1
{
	color : White;
	font-style : italic;
	text-align : right;
	background-color : #8080dd;
	padding-right : 0.5em;
	-moz-border-radius: 5px;
	-moz-opacity: 0.7;
	opacity : 0.7;
	filter : alpha( opacity=70 );
	margin-left : -300px;
}
html body div#text h2
{
	color : White;
}
html body div#text p.note
{
	border : 1px solid navy;
	padding : 1ex;
	margin : 1em;
	-moz-border-radius: 10px;
	-moz-opacity: 0.7;
	opacity : 0.7;
	filter : alpha( opacity=70 );
	background-color : #8080dd;
	color : White;
}