body, html { margin: 0px; padding: 0px; }
body { background: #fff; text-align: center; }

a { text-decoration: none; color: #3399ff; }
a img { border: 0px; }

table { margin: 0px; }
table td { vertical-align: bottom; }
td p { margin-bottom: 0px; padding-bottom: 0px; }

#page { width: 700px; margin: auto; text-align: left; padding-top: 25px; padding-bottom: 80px;}
	#header { position: relative; height: 70px; }
		#header img.logo { position: absolute; top: 0px; left: 0px;  }
			#navigation { width: 445px; position: absolute; top: 25px; right: 0px; font: 9pt arial; }
				
				#promotion { background: #cccccc; height: 280px; }
					#promotionheader { margin-left: 440px; }
					#promotionheader h1 { margin: 0px; color: #fff; font: bold 8pt times; }
					
				#splasher { padding-top: 0px; }

					#content { position: relative; padding-top: 15px; }
						#content h1 { font: 12pt arial; color: #3399ff; margin-top: 28px; }
						#content h2 { font: 10pt arial; color: #666; margin: 8px 0px 8px 0px; }
						#content p { font: 9pt arial; line-height: 1.7; }
						#content ul { margin: 0px; padding: 0px; }
						#content li { margin: 0px; padding: 0px 10px; font: bold 8pt arial; list-style-position: inside; list-style-type: square; }
						#content h4 { font: bold 10pt arial; }
						#content li { font: 9pt arial; line-height: 1.7; }
						
						
					#leftframe { width: 260px; text-align: right; }
					#leftframe h1.contentheader { margin-top: 0px; padding-left: 100px; padding-right: 45px; padding-bottom: 25px; font: 12pt arial; color: #3399ff; text-align: left; }
					#leftframe p { text-align: left; }
					#leftframe p strong { color: #3399ff; }
					#leftframe img { margin: 5px 25px 5px 0px; }
					
					
				p.copyrights { font: 9pt arial; color: #c5c5c5; }
				
				a.karttalinkki { color: #000; font-weight: bold; }
				a.karttalinkki:hover { color: #3399ff; }
				
				p.inner { margin-left: 30px; }
				
				img.header { z-index: 1000; position: absolute; top: 34px; left: 125px; }
				
				#navi0 { background: url(../netusivu.jpg) left top no-repeat; z-index: 1000; width: 445px; height: 18px; position: absolute; top: 37px; right: 3px; }
				#navi6 { background: url(../ncompany.jpg) left top no-repeat; z-index: 1000; width: 445px; height: 18px; position: absolute; top: 37px; right: 3px; }
				#navi7 { background: url(../ninnovation.jpg) left top no-repeat; z-index: 1000; width: 445px; height: 18px; position: absolute; top: 37px; right: 3px; }
				#navi8 { background: url(../nbusiness.jpg) left top no-repeat; z-index: 1000; width: 445px; height: 18px; position: absolute; top: 37px; right: 3px; }
				#navi9 { background: url(../nteam.jpg) left top no-repeat; z-index: 1000; width: 445px; height: 18px; position: absolute; top: 37px; right: 3px; }
				#navi10 { background: url(../ncontact.jpg) left top no-repeat; z-index: 1000; width: 445px; height: 18px; position: absolute; top: 37px; right: 3px; }
				
				//#contact { border: 1px solid #000; width: 46px; height: 18px; position: absolute; top: 37px; right: 3px; }
				#contact a { display: block; width: 46px; height: 18px; position: absolute; top: 0px; right: 0px; }
				
				//#team { border: 1px solid #000; width: 47px; height: 18px; position: absolute; top: 37px; right: 52px; }
				#team a { display: block; width: 47px; height: 18px; position: absolute; top: 0px; right: 52px; }
				
				//#business { border: 1px solid #000; width: 133px; height: 18px; position: absolute; top: 37px; right: 102px; }
				#business a { display: block; width: 133px; height: 18px; position: absolute; top: 0px; right: 102px; }
				
				//#innovation { border: 1px solid #000; width: 143px; height: 18px; position: absolute; top: 37px; right: 238px; }
				#innovation a { display: block; width: 143px; height: 18px; position: absolute; top: 0px; right: 238px; }
				
				//#company { border: 1px solid #000; width: 56px; height: 18px; position: absolute; top: 37px; right: 384px; }
				#company a { display: block; width: 56px; height: 18px; position: absolute; top: 0px; right: 384px; }