* { margin:0;padding:0;border:none; }
body { background:#ddd; font:10px/10px Arial, Helvetica, sans-serif; }

/* \*/
#horizon {
	position:absolute;
	top:50%;
	left:0;
	width:100%;
	margin-top:-250px;
	text-align:center;
	min-width:770px;
	}
/*  */

#wrapper {
	background:#fff url(bg.gif) no-repeat;
	position:relative;
	width:685px;
	height:413px;
	margin:0 auto;
	text-align:left;
	}

#hero { margin:8px 0 0 11px; }

h2 {
	position:absolute;
	left:25px;
	font-size:16px;
	line-height:16px;
	text-align:right;
	font-weight:normal;
	color:#fff;
	}

#nav {
	height:10px;
	position:absolute;
	top:376px;
	left:1px;
	width:689px;
	text-indent:-9999px;
	}

#nav li { display:inline; }

#nav li {
	float:left;
	height:25px;
	background:url(nav.gif) 0 -25px no-repeat;
	}

#nav li a {
	display:block;
	width:100%; 
	height:100%;
	background:url(nav.gif) top left no-repeat;
	text-decoration:none;
	}

#nav li.prev a:hover, #nav li.contents a:hover, #nav li.next a:hover { background-image:none; }

#nav li.prev { 
	margin:15px 0 0 0;
	width:40px; 
	background:url(nav.gif) 0 -25px no-repeat;
	}

#nav li.prev a { 
	background:url(nav.gif) 0 0 no-repeat;
	}

#nav li.next { 
	float:right;
	margin:15px 0 0 0;
	width:40px; 
	background:url(nav.gif) -55px -25px no-repeat;
	}

#nav li.next a { background:url(nav.gif) -55px 0 no-repeat; }

#nav li.contents { 
	margin:0 0px 0 337px;
	width:15px; 
	background:url(nav.gif) -40px -25px no-repeat;
	}

#nav li.contents a { background:url(nav.gif) -40px 0px no-repeat; }

#text {
	position:absolute;
	top:470px;
	left:0px;
	width:100%;	
	text-align:center;
	}

#text p { margin:5px 0 0 0; }

#text a { text-decoration:none;color:#666; }

#text a:hover { color:#000;background:#eee; }

.extra { color:white; }

#text h1 { 
	font-size:22px;
	line-height:16px;
	font-weight:normal;
	}