* { margin: 0px; padding: 0px; text-align: left; }
body { position: relative; width: 100%; height: 100%; text-align: center; font-size: 14px; font-family: Trebuchet MS; background: url(body_bg.gif); color: #3F2A1B; }
html { height: 100%; }
   #page { position: relative; width: 736px; min-height: 100%; margin: 0px auto; padding-bottom: 20px; background: #fff; }
   * html #page { height: 100%; }
	#header { position: relative; }
		h1 { position: relative; width: 736px; height: 166px; background: #F6905C; }
		.navigation { position: relative; height: 28px; padding-top: none; padding-bottom: none; list-style-type: none; background: #1C7ED1; }
			.navigation li { margin: 5px 20px 0px 0px; float: left; }
			.navigation a { color: #9FFFF9; }
			.navigation a:hover { color: #fff; }
				.navigation li a { position: relative; display: block; height: 15px; }
				.navigation li a:hover { background-position: 0px 16px; }
				.navigation li span { display: none; }
			#subnav {position: absolute; top: 223px; border-right: 20px solid #A0C9EC; background: #A0C9EC; }
			* html #subnav { top: 222px; border: none; }
	#content { position: relative; width: 636px; margin: 40px 0px 30px 50px; }
		#lcol { position: relative; width: 410px; }
		#rcol { position: absolute; right: -20px; width: 213px; }
			img { margin-left: -13px; }
			* html img { margin-left: 0px; }
			.imgtxt { position: relative;  width: 160px; margin: 12px 0px 0px 24px; letter-spacing: -1px; line-height: 15px; font-size: 15px; font-style: italic; color: #C8622B; }
				.signature { position: absolute; bottom: -20px; right: 0px; font-style: normal; font-size: 13px; }
			#contacttable { margin-bottom: 30px; font-size: 14px; }
				#contacttable th { width: 80px; font-size: 13px; font-weight: 100; color: #826A59; }
			#contactformtable { width: 420px; }
				#contactformtable th { width: 100%; padding: 4px; text-align: right; font-weight: 100; font-size: 14px; }
				#contactformtable td { }
				#contactformtable input { width: 320px; }
				#contactformtable textarea { padding: 5px; height: 100px; width: 98%; }
				* html #contactformtable textarea { width: 101%; }
	#footer { position: absolute; width: 100%; bottom: 20px; padding: 5px 0px 5px 0px; text-align: center; background: #1C7ED1; color: #fff; }
	* html #footer { bottom: 0px; }


	h2 { position: relative; width: 100%; height: 21px; margin-bottom: 10px; font-weight: 100; display: block; background: no-repeat top left; color: #1381DB; }
	h3 { position: relative; width: 100%; height: 21px; margin-bottom: 10px; background: no-repeat top left; }
	p { margin-bottom: 20px; text-align: justify; }
	h1 span, h2 span, h3 span { display: none; }
	li { margin: 10px 0px 10px 20px; color: #1274C7; }
	a { color: #1274C7; }
	a:hover { text-decoration: none; color: #3596E9; }
	.sub { width: 100%; margin-top: 10px; padding: 5px; text-align: center; }
	.del { font-size: 12px; color: #900; }
	.del:hover { color: #f00; }

	.koiraprofform { position: relative; height: 200px; margin-bottom: 50px; }
		.koiraprofform_left { position: absolute; height: 150px; text-align: center; }
			.koiraprofform_left img { height: 100px; margin: 0px; }
			.koiraprofform_left select { }
		.koiraprofform_right { position: relative; height: 150px; left: 170px; }
			.koiraprofform_right textarea { width: 430px; height: 100px; }
			.koiraprofform_right .delete { position: absolute; width: 210px; margin-top: 7px; border: 2px solid #777; border-top: 2px solid #fff; border-left: 2px solid #fff; padding: 4px 0px 4px 0px; font-size: 12px; font-family: Arial; text-decoration: none; text-align: center; color: #300; background: #efd7d3; }
			.koiraprofnimi { width: 430px; font-size: 24px; color: #1381DB; }
