/* 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; }
img, div { behavior: url(iepngfix.htc) }

body {
	font-size: 14px;
	font-family: Georgia, serif;
	color: #333;
	height: 100%;
	width: 100%;
	background: #fff url(../kuvat/header-bg.jpg) repeat-x top center;
}

#wrapper {
	width: 985px;
	margin: 0 auto; 
}

.left { float: left; }
.right { float: right; }
.clear { clear: both; }

#header {
	
}


/* MENU */

#menu { 
	float: left;
	margin: 75px 0 0 40px;
}

#menu li {
	display: inline;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	color: #fff;
	padding: 3px;
}

#menu li a {
	font-family: Tahoma, Geneva, sans-serif;
	color: #fff;
	text-decoration:none;
	font-weight: normal;
}

#menu li a:hover { text-decoration: underline; }


/* CONTENT */

#content {
	width: 525px;
	padding-right: 55px;
	padding-top: 20px;
}

p {
	margin: 0 30px 20px 180px;
	line-height: 1.3;
}

p.small {
	font-size: 11px;
	line-height: 1.2;
}

h1 {
	color: #003366;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 18px;
	margin-left: 180px;
}

h1.promo { margin: 0; }

h2 {
	color: #003366;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	font-weight: bold;
	margin-left: 180px;
}

img.logo { float:left; margin: 20px 0 0 300px; }
img.promolinkki { margin: 25px 0 0 75px; }
img.kirje { position: absolute; top: 170px; margin-left: 20px; }
img.pihvi { position: absolute; top: 250px; margin-left: 0px; }
img.sisafile { position: absolute; top: 160px; margin-left: 0px; }
img.veitsi { position: relative; margin-top: -735px; margin-left: 10px; float:left; }

a {
	color: #003366;
	font-weight: bold;
}
	
a:hover { text-decoration: none; }
	
.promo {
	width: 530px;
	margin: 60px 0 0 75px;
	background-color: #e2e2e3;
}

.promo .text {
	float: left; 
	width: 345px;
	margin: 0;
	padding-top: 15px;
}

.promo p {
	margin: 0 100px 0 0;
}


/* FOOTER */

#footer { 
	width: 985px;
	height: 85px;
	padding-top: 60px;
	background: #fff url(../kuvat/footer-bg.jpg) no-repeat center top;
}

#footer .yhteys { margin-left: 750px; }

#footer .yhteys p { margin: 0; }
#footer .yhteys h2 { margin: 0; }