body {
	font-family: arial;
	font-size: 100%;
	margin: 0;
	padding: 0;
	background: #E0E4E7 url(/pics/body-bg.gif) top center repeat-x;
	}
	
	a { outline: none; }

/* --- main elements --- */

#wrapper {
	position: relative;
	width: 869px;
	background: #fff url(/pics/wrapper-bg.gif) 0px 634px repeat-y;
	margin: 10px auto 15px auto;
	padding: 0 3px;
	overflow: hidden;
	border-color: #fff;
	border-width: 3px 0;
	border-style: solid;
	}

	#nav {
		position: relative;
		float: left;
		width: 182px;
		height: 100%;
		margin: 0;
		padding: 20px 0 0 0;
		background: transparent;
		z-index: 2;
		font-size: 0.75em;
		}

	#crumbpath {
		position: relative;
		width: 469px;
		margin: 0 0 0 182px;
		padding: 5px 10px 10px 10px;
		font-size: 11px;
		}

	#content {
		position: relative;
		width: 447px;
		margin: 0 0 0 185px;
		padding: 0 20px 30px 20px;
		color: #000;
		font-size: 0.7em;
		}

	#search {
		position: relative;
		float: right;
		width: 193px;
		margin: 0;
		padding: 0 0 30px 0;
		background: #BBBDC0;
		font-size: 0.75em;
		}

	#footer {
		clear: both;
		position: absolute;
		bottom: 0px;
		right: 3px;
		width: 630px;
		height: 16px;
		padding: 5px 27px;
		font-size: 0.8em;
		background: #808285;
		border-width: 3px 0 0 0;
		border-style: solid;
		border-color: #fff;
		color: #fff;
		z-index: 4;
		}

/* --- basic styles --- */

a { color: #808285; text-decoration: underline; }
a:hover { color: #67696B; text-decoration: none; }

/* --- nav specific styles --- */

#nav h1#logo { height: 90px; text-indent: -10000px; margin: 0 0 15px 0; }
#nav h1#logo a { 
	display: block;
	border: none;
	width: 83px;
	height: 90px;
	background: transparent url(/pics/logo-lamminbetoni.gif) no-repeat;
	margin: 0 auto;
	}

#nav #navigointi { 
	margin: 0 0 15px 0;
	padding: 5px;
	background: transparent url(/pics/navigointi-bg.png) repeat-y;
	}

	#nav ul { margin: 0; padding: 0 0 0 7px; list-style-type: none; }
		#nav ul ul { padding: 0; }
			#nav ul ul ul { padding: 0 0 0 7px; }

		#nav ul li { margin: 8px 0; padding: 0; }
			#nav ul li li { margin: 0; padding: 0 0 0 11px; background: transparent url(/pics/nav-li-inactive.gif) 0px 4px no-repeat; }
				#nav ul li li li { background: transparent url(/pics/nav-li-dot.gif) 2px 5px no-repeat; }

		#nav a { color: #000; text-decoration: none; font-weight: bold; padding: 0; margin: 0; border-bottom: 1px solid transparent; }
			#nav a:hover, #nav a.active { border-bottom: 1px solid #fb0; }

		#nav ul li a { text-transform: uppercase; }
			#nav ul li li a { text-transform: none; font-size: 11px; padding: 0 0 0 1px; height: auto; }
				#nav ul li li li li a { font-weight: normal; }
	
#nav-bg {
	position: absolute;
	background: transparent url(/pics/nav-bg.jpg) left top no-repeat;
	width: 182px;
	height: 634px;
	top: 0px;
	left: 3px;
	z-index: 1;
	overflow: hidden;
	}
	
#navBannerGhost { 
	position: relative;
	margin: 0;
	padding: 0;
	width: 182px;
	height: 125px;
	}
	
/* --- crumbpath specific styles --- */

#crumbpath span.arrow { font-size: 13px; font-weight: bold; }

/* --- pageheader specific styles --- */

#pageheader h1 { font-size: 20px; color: #000; margin: 0; padding: 0; }

/* --- search specific styles --- */

#search ul#lang {
	position: relative;
	height: 13px;
	padding: 0 34px 0 0;
	margin: 10px auto;
	overflow: hidden;
	}

	ul#lang li { display: inline; float: right; margin: 0 7px; }
		
	ul#lang li a { 
		display: block;
		width: 16px;
		height: 11px;
		border: 1px solid #E2ECF6;
		background-color: transparent;
		background-position: top left;
		background-repeat: no-repeat;
		}
		
		ul#lang a#fin { background-image: url(/pics/fi.gif); }
		ul#lang a#swe { background-image: url(/pics/se.gif); }
		ul#lang a#rus { background-image: url(/pics/ru.gif); }
		ul#lang a#est { background-image: url(/pics/ee.gif); }

#search #box {
	position: relative;
	width: 150px;
	padding: 10px 0 0 30px;
	}

	#box form { margin: 0; padding: 0; }
	#box strong { padding: 0 0 0 12px; margin: 0; background: transparent url(/pics/nav-li-inactive.gif) left 4px no-repeat; }
	#box input { border: none; background: #fff; margin: 5px 0; padding: 2px; }
	#box button { 
		background: transparent;
		width: 23px; 
		height: 22px;
		
		border: none;
		cursor: pointer;
		}
		
		#box button img {padding: 1px;}
		
/* position: absolute; border: none; padding: 0 7px 0 0; margin: 0; background: transparent url(/pics/search-button.gif) right 2px no-repeat; font-size: 12px; font-weight: bold; cursor: pointer; right: 5px; */
	#box a { line-height: 15px; }

#search #banners {
	position: relative;
	width: 183px;
	padding: 5px;
	margin: 8px 0;
	text-align: center;
	}
	
	#search #banners a { color: #000; font-weight: bold; text-decoration: none; }
	#search #banners a:hover { text-decoration: underline; }
	
/* --- footer --- */

#footer span { margin: 0 0 0 32px; }

#footer #navBanner { 
	position: absolute;
	right: 687px;
	bottom: 30px;
	margin: 0;
	width: 162px;
	height: 95px;
	padding: 0 10px;
	overflow: hidden;
	z-index: 4;
	}
	
	#navBanner a img { display: block; border: none; margin: 0 auto; }
	#navBanner p { margin: 0 0 8px 0; }

/* --- 404 & login & regInfo --- */

#content #error h2 { font-size: 20px; border-bottom: 1px solid #ccc; margin: 10px 0 5px 0; padding: 0; }
#content #error p { font-size: 12px; margin: 0 0 10px 0; }

#content #loginform h1 { text-align: center; font-size: 20px; margin-bottom: 20px; }
#content #loginform h2 { 
	text-align: center;
	font-size: 15px;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #fff;
	background: #900;
	margin-bottom: 20px;
	margin: 0 0 20px 0;
	padding: 5px 0 3px 0; 
	border-top: 2px solid #c00;
	border-bottom: 2px solid #c00;
	}
#content #loginform form { margin: 0 auto 0 auto; padding: 0; width: 300px; }
#content #loginform form input { border: 1px solid #999; padding: 2px; }
#content #loginform form input:focus { border: 1px solid #666; background: #FFD457; }
#content #loginform form button { position: absolute; padding: 0; left: 171px; width: 100px; }
#content #loginform form div.row, div.alt-row { margin: 0 0 10px 0; padding: 0; height: 20px; }
#content #loginform form div.row span {  }
#content #loginform form div.row input { position: absolute; left: 171px; margin-top: -3px; }
#content #loginform form div.alt-row input { border: none; }

#content #regInfo {
	position: relative;
	border: 1px solid #999;
	border-bottom: 2px solid #999;
	background: #f0f0f0;
	padding: 20px;
	margin: 0 0 15px 0;
	}

/* --- content specific styles --- */

#content img { margin: 0px; }
#content img.normaali, #content img.tyyliton { margin: 0px; padding: 0; }
#content img.normaali_vasen { margin: 5px 8px 5px 0; padding: 0; }
#content img.normaali_oikea { margin: 5px 0 5px 8px; padding: 0; }
#content img.ohut_rajaus_vasen { margin: 5px 8px 5px 0; padding: 3px;  }
#content img.ohut_rajaus_oikea { margin: 5px 0 5px 8px; padding: 3px;  }
#content img.paksu_rajaus_vasen { margin: 5px 8px 5px 0; padding: 1px;  }
#content img.paksu_rajaus_oikea { margin: 5px 0 5px 8px; padding: 1px; }

#content p.keltainenTausta a, #content td.keltainen a, #content p.harmaaTausta a, #content td.vaalea a { color: #320; }

#content ul, #content ol { margin: 0 0 8px 13px; padding: 0; }
#content td ul, #content td ol { margin: 0 1px 4px 15px; padding: 0; }
#content td ul li, #content td ol li { margin: 0; padding: 0; }

#content table { font-size: 11px; }
#content table th { font-weight: bold; }

/* -------- ADDITIONS - LammiKellari -------- */
#content ul.check { list-style-type: none; margin: 20px 0 20px 3px; }
#content ul.check li {
	padding: 2px 0 4px 27px;
	margin: 8px 0;
	background: transparent url(/pics/ul-li-check.gif) top left no-repeat;
	}

#content span.bullet {
	display: block;
	margin: 15px 0 4px 0;
	padding: 3px 8px 5px 7px;
	font-size: 12px;
	font-weight: bold;
	background: transparent url(/pics/span-bullet.gif) top left no-repeat;
	}