body { 
	background: #efefef url('images/background4.png')  fixed top center !important;
	background-repeat: repeat-y;
	margin-top: 45px;
	font-size: 100%;
	font-family: 'Droid Sans', serif;
	letter-spacing: -0.04em;
	word-spacing: 0em;
}

html { 
	min-height: 100%; 
	margin-bottom: 1px;
	overflow-y: scroll 
}

div.mainbody {
   margin-left: auto;
	margin-right: auto;
	width: 920px;
}

a:link, a:visited {
	text-decoration: none;
	color: #555;
	border: 0;
}

a img {
   border: 0; 
}

a:hover {
	text-decoration: underline;
}

div.navbar{
	position: absolute;
	margin-top: 20px;
	font-size: 155%;
	width: 920px;
	height: 42px;
	z-index: 1; 
   background-color: #E5E5E5;
   border-style: none;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-opera-border-radius: 8px;
	-khtml-border-radius: 8px;
	border-radius: 8px;
	padding: 0;
}

div.navbar a:link, div.navbar a:visited {
	text-decoration: none;
	color: #ababab;
}

div.navbar ul {
	list-style-type: none;
	margin: 0px;
	padding: 0;
	padding-top:6px;
	padding-bottom:6px;
	border: 0;
	height: 42px;	
}

div.navbar ul li {
	border: 0;
	margin: 0;
	padding: 0;
	float: left;
	height: 42px;
}

div.navbar li {
	display: inline;
	padding: 0;
	margin: 0;
	height: 42px;	
} 

.navbar a:link, .navbar a:visited {
	text-color: #acabab;
	text-align: center;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 6px;
	padding-bottom: 6px;
	text-decoration: none;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-opera-border-radius: 8px;
	-khtml-border-radius: 8px;
	border-radius: 8px;
}

div.navbar a.current-tab {
	background-color: #AAA;
	color: #FFF;
}

div.navbar a:hover, div.navbar a:active {
   background-color:#888;
	color: #FFF;
}

div.spacer {
	height: 60px;
}

p.etusivu-1 {
	font-size: 550%;
	font-weight: bold;	
	color: #727272;
	margin-top: 30px;
	margin-bottom: 0px;
}

p.etusivu-2 {
	font-size: 300%;
	font-weight: bold;	
	color: #acabab;
	margin-top: -10px;
	margin-bottom: 40px;
}

p.etusivu-3 {
	font-size: 260%;
	color: #939292;
	margin-top: -20px;
	margin-bottom: 30px;
}

p.etusivu-4 {
	font-size: 110%;
	color: #939292;
	margin-top: 40px;
	width: 550px;
   text-align: justify;
}

div.n8 {
	position: absolute;
	margin-top: -30px;
	margin-left: 530px;
}

h1 {
	font-size: 200%;
	font-weight: bold;	
	color: #727272;
}

p.article {
	font-size: 110%;
	color: #939292;
}

img.screencap {
	border: 1px solid #acabab;
	max-width: 220px;
}

ul.bullets {
	font-size: 110%;
	color: #939292;
}

div.contact-area {
	width: 600px;
	margin-top: 25px;
}

div.contact-area input, div.contact-area textarea {
	padding: 5px;
	width: 471px;
	color: black;
	margin: 0px 0px 10px 0px;
	border: 2px solid #ccc;
}

div.contact-area textarea {
	height: 150px;
}

div.contact-area textarea:focus, div.contact-area input:focus {
	border: 2px solid #888;
}

div.contact-area input.submit-button {
	width: 100px;
   margin-left: 65px;
	float: left;
	color: #FFF;
	font-size: 130%;
	background-color: #888;
	border: 2px solid #666;
}

label {
	color: #939292;
	float: left;
	text-align: right;
	margin-right: 15px;
	width: 50px;
	padding-top: 5px;
}

p.footer {
	width: 920;
	text-align: center;
	margin-top: 50px;
	margin-bottom: 20px;
	color: #939292;
}

div.ba-etusivu {
   height: 250px;
   display: table-cell;
   vertical-align: middle;
}

img.n8-ba-etusivu {
   vertical-align: middle;
   margin-left: -45px;
}

a.ba-etusivu {
   font-size: 260%;
   color: #939292;
}