@charset "utf-8";
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,b, u, i, center,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-size: 100%;vertical-align: baseline;}body {line-height: 1;}ol, ul {list-style: none;}blockquote, q {quotes: none;}blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}:focus {outline: 0;}ins {text-decoration: none;}del {	text-decoration: line-through;}table {border-collapse: collapse;border-spacing: 0;}.clear:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}.clear {display: inline-block;}html[xmlns] .clear {display: block;}* html .clear {height: 1%;}
/*end reset*/
html{height:100%;}
body{font-family:Georgia, 'Times News Roman', serif; background:#fff url(../img/body_bg.png) repeat-x; font-size:12px; line-height:1.4em;;padding:0 0 10px 0;color:#0075cb;}
p{margin:0 0 15px 0;}
#wrap{width:960px; margin:0 auto;}
#header{height:425px; background:url(../img/header.jpg) no-repeat;}
#header2{height:425px; background:url(../img/header2.jpg) no-repeat;}
#header3{height:425px; background:url(../img/header3.jpg) no-repeat;}
#left{float:left;width:454px; color:#0075cb;font-size:16px;border-right:solid 1px #B6C9D8;padding:0 30px 0 0;}
#right{float:right;width:475px;font-size:16px;}
#navi li{float:left;}
#navi li a{display:block;height:33px; text-indent:-9999px;margin:0 10px;}
#navi li#etu a{ background:url(../img/etusivu.png) no-repeat left top; width:100px;}
#navi li#tuote a{ background:url(../img/tuotteet.png) no-repeat left top; width:103px;}
#navi li#yhteys a{ background:url(../img/yhteys.png) no-repeat left top; width:151px;}
#right{text-align:center;}
#right p{width:330px;margin:0 auto; line-height:1.5em;}
.poro{text-indent:-9999px; background:url(../img/teksti.png) no-repeat; width:433px; height:51px; margin:0 auto 40px;}
.logo {width:212px;margin:40px auto 20px;display:block;}
.liha{width:364px;height:23px; text-indent:-9999px; background:url(../img/toimitamme.png) no-repeat; margin:40px 0 0 10px;}
.kuivaliha{width:364px;height:23px; text-indent:-9999px; background:url(../img/kuivaliha.png) no-repeat 180px 0; margin:40px 0 0 10px;}
.otayhteys{width:364px;height:23px; text-indent:-9999px; background:url(../img/otayhteys.png) no-repeat; margin:40px 0 0 10px;}
.ukko{background:url(../img/ukkeli.png) no-repeat 10px 30px; padding:40px 0 20px 150px;}
.ukko li{list-style:outside disc;}
.ukko ul{margin:0 0 20px 0;}
.kuiva{margin:40px  0 0 10px;}
#right .kuiva p {width:400px;}
.tuote{padding:40px 0 0;}
h2 {color:#0350A6;font-size:20px;font-weight:bold;padding: 15px 0px 0px 20px;margin: 0px;}
#frmlogin label {
	color:#29384C;
	display:block;
	float:left;
	font-size:13px;
	font-weight:bold;
	line-height:32px;
	margin-right:10px;
	text-align:right;
	width:120px;
		
}

#frmlogin input#txtusername, #frmlogin input#txtpassword {
	background-color:#FFFFFF;
	border:1px solid #8D9095;
	color:#29384C;
	font-size:13px;
	height:20px;
	padding:7px 5px 5px;
	width:300px;
	margin-bottom: 10px;
}
#frmlogin input.error {
	border-color: #CC0000;	
}

#frmlogin a:link, #frmlogin a:visited, #frmlogin a:active {
	color:#0350A6;	
}

#frmlogin a:hover {
	color:#0A50B6;	
	text-decoration: none;
}







