* { margin: 0px; padding: 0px; color: #bababa; font-family: Georgia; font-size: 16px; }

body { text-align: center; background: #000000 url(bg.gif) repeat-x; }

#page { margin: 0px auto; width: 600px; text-align: justify; }

	#header { position: relative; height: 830px; margin: -2px 0px 2px 0px; }
	* html #header { height: 820px; margin-bottom: 6px; }

		#flashobj { margin-left: 50px; }
		.oldna { position: absolute; top: 6px; margin-left: -100px; font-size: 10px; font-family: Trebuchet MS; line-height: 20px; color: #748996; }
		* html .oldna { margin-left: -654px; }
		.oldna a { font-size: 16px; width: 30px; height: 28px; margin-right: 5px; padding: 1px 4px 5px 4px; border: 2px solid #233846; }
		* html .oldna a { padding: 1px 0px 0px 4px; }
		.oldna a:hover { border: 2px solid #314552; background: #122735; text-decoration: none; color: #7affff; }
		h1 { margin: 0px 0px 10px 219px; width: 163px; height: 37px; background: url(nalogo.jpg) no-repeat; }
		h1 span { display: none; }
		.intro { margin-bottom: 20px; color: #e3fbff; }
		#header p { padding: 20px 0px 0px 0px; }
		.flashtip { padding: 10px; margin-left: 50px; text-align: center; font-size: 11px; background: #222222; }
		.flashtip a { font-size: 11px; }

	#products { position: relative; height: 366px; padding: 100px 0px 0px 0px; background: url(secttop.jpg) top center no-repeat; }
		#products h2 { width: 126px; height: 26px; background: url(tuotteet.gif) no-repeat; }
		#products p { padding-top: 10px; }
		#products img { margin-left: -60px; position: absolute; }
		#products .category { margin-left: 50px; }

	#clients { position: relative; height: 220px; padding: 100px 0px 0px 0px; background: url(secttop.jpg) top center no-repeat; }
		#clients h2 { width: 149px; height: 22px; background: url(asiakkaat.gif) no-repeat; }
		.llist { position: relative; margin-left: 80px; }
		li { width: 180px; list-style-image: url(bullet.jpg); line-height: 20px; }
		.not { list-style-image: url(bullet2.jpg); color: #ffffff; }
		.rlist { position: absolute; margin: -220px 0px 0px 340px; }

	#contact { padding: 100px 0px 0px 0px; background: url(secttop.jpg) top center no-repeat; }
		#contact h2 { width: 126px; height: 27px; background: url(otayhteytta.gif) no-repeat; }
		.lcontact { position: absolute; margin-left: 80px; }
		.rcontact { position: absolute; margin: 10px 0px 0px 328px; }

			#contact form { position: relative; margin: 100px 0px 0px 54px; }
			#contact form * { color: #FFFFFF; }
			#contact th { width: 184px; font-weight: 300; text-align: right; padding-right: 10px; }
			#contact td { width: 250px; }
			#contact select { width: 240px; border: none; background: #122735; }
			#contact textarea { width: 470px; height: 200px; background: #122735; border: 2px solid #233846; }
			#contact .submit { position: absolute; right: 80px; width: 100px; padding: 4px 10px 4px 10px; border: 2px solid #233846; background: #122735; color: #FFFFFF; }
			.longtxt { width: 240px; border: none; background: #122735; }
			.error { margin: 0px 0px 10px 150px; width: 200px; padding: 10px; background: #880000; text-align: center; }

	#contactresult { text-align: center; margin: 150px 20px 100px 0px; }

	h2 span { display: none; }
	h2 { position: absolute; margin: -40px 0px 0px -30px; font-size: 28px; }
	* html h2 { margin-left: -15px; }
	h3 { font-size: 22px; font-weight: 300; }
	a { color: #58dfff; text-decoration: none; }
	a:hover { text-decoration: underline; }
