/* css reset */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym,address,big,cite,code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td { margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}
:focus { outline: 0; }
ul { list-style: none; }

body {
	background: #027d54 url('../images/bg.jpg') repeat-x;
	font-size: 11px;
	font-family: "verdana", "arial";
	color: #666;
	height: 100%;
	text-align: center;
}

h1 { font-size: 18px; color: #666; font-weight: normal; }
h2 { font-size: 16px; color: #666; font-weight: normal; }

#content h1 { margin-bottom: 18px; }
a { color: #666; text-decoration: underline; font-weight: bold;}
a:hover {text-decoration: none; color: #222;}

.clear {clear: both; margin: 0; padding: 0; }

#page {
	width: 809px;
	text-align: left;
	margin: 36px auto 0;
	background-color: #fff;
}

#header { height: 80px; }

#logo { position: relative; top: 13px; left: 18px; }

#container { background: url('../images/container_bg.gif') repeat-y; background-position: 3px 0; }
#container img { display: block; }

.imgB { border-bottom: 4px solid #fff; }

#content p { margin-bottom: 10px; }

.front_col {
	width: 610px;
	float: left;
	display: inline;
	margin: 0px 4px; 
}

.right_col {
	width: 185px;
	float: right;
	display: inline;
	margin-right: 4px;
	font-size: 10px;
	
}

.vasen {
	width: 150px;
	float: left;
	display: inline;
	margin-right: 40px;
}

.oikea {
	float: left;
	display: inline;
}

.right_col h2 { line-height: 24px; background-color: #b2b2b2; color: #fff; padding: 0 8px; font-size: 12px; margin-bottom: 10px;}
.right_col h3 { font-size: 12px; padding-bottom: 1px; letter-spacing: -0.03em;}
.right_col .item { padding: 0 8px 14px; }

#navi {
	width: 178px;
	font-size: 12px;
	font-family: "arial", "verdana";
	margin: 0 4px 0 0;
	float: left;
	display: inline;
}

#navi a { width: 160px; padding-left: 16px; display: block; text-decoration: none; font-weight: normal;}
#navi a:hover {; background-color: #b2b2b2; color: #fff; }
#navi li { line-height: 24px; }
#navi li.sel a { background-color: #b2b2b2; color: #fff; }

#footer { width: 100%; height: 4px; background-color: #fff; }

#content { 
	width: 368px; 
	float: left;
	display: inline;
	padding: 18px 30px 10px;
}