/* 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; }

html, body {
	background: #fff url('../images/bg.jpg') repeat-x top left;
	font-size: 12px;
	font-family: "arial", "tahoma", "sans-serif";
	color: #000;
	height: 100%;
	text-align: center;
}

h1 { font-size: 20px; color: #000; font-weight: bold; }
h2 { font-size: 12px; color: #fff; font-weight: bold; text-transform: uppercase; }
h3 { font-size: 12px; color: #000; font-weight: bold; text-transform: uppercase; }
	
a { color: #008a5f; text-decoration: none;}
a:hover {text-decoration: underline;}

.error {color: #ba2b2a; }

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

.ingr { font-weight: bold; }

#flashcontent { width: 100%; height: 100%; }

#page {
	width: 700px;
	margin: 0 auto;
	text-align: left;
}

#header {height: 80px;}

#logo { margin-top: 13px; float: left; }

#navi { 
	margin-top: 34px; 
	float: right; 
	font-size: 12px;
	text-transform: uppercase;
}

#navi a { color: #023624; }
#navi a:hover {color: #000; }
#navi li {display: inline; margin-left: 10px; }


#image { clear: both; width: 100%; height: 184px; padding-top: 16px; background-color: #fff; }
.image1 { background: url('../images/kuva1.jpg') no-repeat top left; }
.image2 { background: url('../images/kuva2.jpg') no-repeat top left; }
.image3 { background: url('../images/kuva3.jpg') no-repeat top left; }

#newsletter, #sidebar {
	width: 186px;
	background-color: #008a5f;
	color: #fff;
	font-size: 12px;
	padding: 15px;
}

#newsletter { 
	background-color: #fff;
	opacity: 0.92;
	color: #000;
}
#newsletter h2 { color: #000; }

#newsletter p { margin: 10px 0; line-height: 12px; font-size: 11px;}
#newsletter p.noBM {margin-bottom: 0px; }

#newsletter .email {width: 180px; }

#sidebar { float: left; padding-top: 32px;}
#sidebar ul { font-size: 12px;   font-size: 12px; margin-top: 20px; text-transform: uppercase; }
#sidebar li { padding-bottom: 4px; }
#sidebar li.sel a { color: #81ceb4; }
#sidebar a { color: #ddd; }
#sidebar a:hover { color: #fff; }
#wrapper {
	float: right;
	width: 454px;
	margin-top: 20px;
}

#sidebar ul.tp { margin: 10px 0 20px; }
.title {
	background-color: #008a5f;
	line-height: 36px;
	height: 36px;
	padding-left: 15px;
}

#content { padding: 15px; }
#content p { padding-top: 15px; }

#content .left { float: left; width: 47%; }
#content .right { float: right; width: 47%; }

.tuotekuva { float: right; margin: 10px 0 0 20px; }

#footer { clear: both; color: #999; font-size: 10px; text-align: right; padding-top: 16px; }

.item { float: left; width: 33%; padding-top: 15px; text-align: center; height: 90px;}