html {
    height: 100%;
}

body {
	margin: 0;
	padding: 0;
	background-color: #e5decf;
	height: 100%;
	font-family: Arial, Verdana, sans-serif;
	font-size: 100%;
	line-height:1.125em; /* 16x1.125=18 */
}
h1 {
	margin: 0px;
	padding: 0px;
}
h2 {
	color: #330033;
	font-size: 0.8em;
	padding: 0;
	margin-top: 5px;
	margin-bottom: 10px;
}
h3 {
	color: #C13B00;
	font-size: 0.9em;
	margin: 10px 0 5px 0;
	text-transform: uppercase;
}
h4 {
	color: #333333;
	font-size: 11pt;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 15px;
}
h5 {
	margin: 0px;
	font-size: 10pt;
	padding-left: 8px;
	padding-top: 8px;
	text-decoration: underline;
}
h6 {
	margin: 0px;
}
p {
	font-size:0.75em; /* 0.125 */
	padding: 0 0 15px 0;
	margin: 0px;
	color: #330033;
	line-height:1.15em; /* 16x1.125=18 */
}
a {
	color: #666;
	text-decoration: none;
}
a:hover, a:selected {
	color: #47a246;
	text-decoration: underline;
}
b, .emphasis {
	color: #666666;
}

/* Layout */
#pagewrapper {
	text-align: center;
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	height: 1px;
	overflow: visible;
	visibility: visible;
	display: block;
}

#centerbox {
	margin-left: -421px;
	position: absolute;
	top: -215px;
	left: 50%;
	visibility: visible;
	width: 842px;
	height: 430px;
	text-align: left;
	background-color: #666666;
}
#header {
	height: 80px;
	width: 842px;
	float: left;
	background-image: url(layout/logo.gif);
	background-repeat: no-repeat;
	background-color: #E5DECF;
}
#menu {
	width: 144px;
	float: left;
	background-color: #666;
	font-family:
    "courier new",		/* Windows, MacOS */
    courier,			/* Unix+X, MacOS */
    monospace;
	padding-top: 15px;
	padding-right: 10px;
	padding-left: 10px;
	height: 245px;
	display: inline;

}


#menu ul {
	list-style: none;
	font-size: 0.875em;
	padding: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 115px;
	margin-left: 0;
	float: left;
}
#menu ul li {
	float: left;
	padding: 0;
	width: 140px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 13px;
	margin-left: 0;
}
#menu ul li a {
	color: #FFFFFF;
	text-decoration: none;

}
#menu a:hover, #menu a:active,.current {

}
#menu li.current a {

}
#contact {
	font-size: 0.625em;
	font-family: arial;
	color: #FFFFFF;
	float: left;
	width: 144px;
	line-height: 12px;
	font-weight: bold;
	display: inline;
}

#contentwrapper {
	float: left;
	width: 668px;
	height: 340px;
	background-color: #FFFFFF;
	background-image: url(layout/back.gif);
	background-repeat: no-repeat;
	background-position: right top;
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #E5DECF;
	display: inline;
	padding-top: 5px;
	padding-bottom: 5px;
}
#index #contentwrapper {
	float: left;
	width: 668px;
	height: 350px;
	background-color: #FFFFFF;
	background-image: url(layout/korpi.gif);
	background-repeat: no-repeat;
	background-position: right top;
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #E5DECF;
	padding: 0;
}
#logo {
	height: 73px;
	width: 260px;
	overflow: hidden;	
}
#logo h1 {
	height: 0px;
	width: 254px;
	padding: 80px 0 0 0;
	overflow: hidden;	
}
#logo h1 a {
	height: 0px;
	width: 254px;
	padding: 80px 0 0 0;
	overflow: hidden;

}
#index #logo h1 a {
	height: 0px;
	width: 254px;
	padding: 80px 0 0 0;
	overflow: hidden;


}
#content {
	background: transparent url(layout/stitches.gif) no-repeat;
	width: 385px;
	float: left;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 10px;
}
#footer {
	background: #330033;
	width: 520px;
	float: left;
}
#submenu {
	width: 243px;
	float: left;
	height: 335px;
	background-image: url(layout/divider.gif);
	background-repeat: repeat-y;
	padding-left: 20px;
}
.selected {
	color: #47a246;
}


#footer p {
	color: #fff;
	line-height: 20px;
	padding: 0 10px;
	margin: 0;
	font-size: 0.69em;
}
#phone {
	background: transparent url(layout/footer_phone.gif) no-repeat 0 1px;
	padding: 0 0 0 15px;
	margin: 0 10px 0 10px;
}
#mail {
	background: transparent url(layout/footer_mail.gif) no-repeat 0 1px;
	padding: 0 0 0 15px;
	margin: 0 10px 0 10px;
}
#index #footer {
	background: #fff;
	width: 520px;
	float: left;
}
#index #footer p {
	color: #330033;
	line-height: 20px;
	padding: 0 10px;
	margin: 0;
}
#index #phone {
	background: transparent url(layout/footer_phone_index.gif) no-repeat 0 1px;
	padding: 0 0 0 15px;
	margin: 0 10px 0 10px;
}
#index #mail {
	background: transparent url(layout/footer_mail_index.gif) no-repeat 0 1px;
	padding: 0 0 0 15px;
	margin: 0 10px 0 10px;
}
.indent {
	padding: 0 0 15px 8px;
}
/* Form */
.inputwrap {
	font-size: 0.675em;
	width: 230px;
	margin: 0 0 4px 0;
	float: left;
}
.inputwrap label {
	width: 100px;
	float: left;
}
.inputwrap input {
	width: 110px;
	float: left;
	font-size: 1em;
}
.inputwrap textarea {
	width: 140px;
	float: left;
	font-size: 1.25em;
}
.submitwrap {
	width: 215px;
	float: left;
}
.submitwrap input {
	float: right;
}
#like {
	background-color: #E5DECF;
	font-size: 0.6em;
	float: left;
	width: 842px;
	text-align: center;
	padding-top: 3px;
}