html, body {
	margin: 0;
	padding: 0;
	direction: ltr;
	height: 100%; }

body { background: #E2D6A8 url(../images/back.jpg) repeat fixed center; }

i { visibility: hidden; }

#container {
	position:relative; /* needed for footer positioning*/
	width: 740px;
	left: 50%;
	margin-top: 0;
	margin-left: -370px;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
	background: White url(../images/back_idx.gif) repeat-y scroll center; }

#kometo,
#kometo2 {
	z-index: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%; }

#content {
	position: relative;
	width: 100%;
	height: 510px;	
	padding: 0 0 30px 0; }

body#bidx #kometo p,
body#bidx #kometo h1,
body#bidx #kometo h2,
body#bidx #kometo2 p,
body#bidx #kometo2 h1,
body#bidx #kometo2 h2  {
	margin: 0;
	padding: 0;
	font: normal normal normal 10px/10px Verdana, Geneva, Arial, Helvetica, sans-serif; }

#content #kometologo {
	z-index: 11;
	position: absolute;
	top: 30px;
	left: 60px;
	width: 240px;
	height: 160px;
	background: transparent url(../images/logo_kometo.gif) no-repeat scroll center; }

#content #kometofune {
	z-index: 12;
	position: absolute;
	top: 180px;
	left: 280px;
	width: 345px;
	height: 211px;
	background: transparent url(../images/kometo_fune.jpg) no-repeat scroll center; }

#content #kometologo p,
#content #kometofune p {
	font: normal normal normal 8px/8px Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0; }

#kometodata {
	z-index: 13;
	position: absolute;
	top: 60px;
	right: 70px;
	width: 300px;
	height: 60px;
	text-align: right; }

#kometodata p {
	font: normal normal normal 12px/12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 0 0 6px 0;
	padding: 0;
	color: Gray; }

#kometobuttons {
	z-index: 14;
	position: absolute;
	top: 450px;
	left: 0;
	width: 100%;
	height: 20px;
	text-align: center; }

#kometobuttons p {
	font: normal normal normal 15px/15px Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0;
	color: Gray; }

#kometomap {
	z-index: 14;
	position: absolute;
	top: 180px;
	left: 0;
	width: 500px;
	padding: 0 70px 0 170px; }

#kometomap h1 {
	font: normal normal bold 15px/20px Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0 0 6px 0;
	color: Gray; }

#kometomap ul { padding-top: 0; padding-bottom: 0; }

#kometomap p,
#kometomap li {
	font: normal normal normal 10px/13px Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0;
	color: Gray; }

#kometomap p a,
#kometomap li a {
	text-decoration: none;
	color: Gray; }

#kometomap p a:hover,
#kometomap li a:hover {
	text-decoration: underline;
	color: Black; }

#kometocopy {
	z-index: 14;
	position: absolute;
	top: 180px;
	left: 0;
	width: 700px;
	padding: 0 20px 0 20px; }

#kometocopy h1 {
	font: normal normal bold 13px/15px Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0 0 6px 0;
	color: Gray; }
	
#kometocopy p {
	font: normal normal normal 10px/11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 0 0 3px 0;
	color: Gray; }

#footer {
	z-index: 100;
	position:absolute;
	width: 730px;
	height: 30px;
	left: 50%;
	margin-left: -370px;
	bottom:0; /* stick to bottom */
	padding-right: 10px;
	text-align: right; }

#footer p {
	font: normal normal normal 10px/10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 0 0 4px 0;
	padding: 0;
	color: Gray; }

#kometodata p a,
#footer p a,
#kometobuttons p a {
	text-decoration: none;
	color: Gray; }

#kometodata p a:hover,
#footer p a:hover {
	text-decoration: underline;
	color: Black; }

#kometobuttons p a:hover {
	border-bottom: 1px solid Black;
	color: #ee3224; }

#mawweb {
	z-index: 200;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 60px;
	height: 30px;
	font: normal normal normal 6px/6px Verdana, Geneva, Arial, Helvetica, sans-serif; }

#mawweb a#maw {
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	background: transparent url(../images/mawweb.gif) no-repeat scroll center; }