body {
	margin: 0px;
	padding: 0px;
	background: #F8F8FA;

}
/*Header styles*/
div#header {
	position: absolute;
	width: 100%;
	left: 0px;
	top: 0px;
	background: #FFFFFF url(/kuvat/wwwlayout/headerback.jpg) repeat-x;

}
div#banner {
	background: url(/kuvat/wwwlayout/effect.jpg) no-repeat 336px;
	height: 157px;

}
img#logo {
	position: absolute;
	left: 32px;
	top: 48px;
}
img#design {
	right: 0px;
	position: absolute;
	
}
/*Navigation styles*/
div#nav{
	color : #0066CC;
	background-color : #CCCCDC;
	height : 42px;
	font-size: 90%;
	border-top : 2px solid #0066CC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	padding-top: 10px;

}
div#nav ul {
	list-style: none;
	vertical-align: middle;
}
div#nav ul li {
	display: inline;
}
	div#nav li a{
	color : #0066CC;
	text-decoration : none;
	padding: 2px;	
}
div#nav li a:hover{
	color : #FFFFFF;
	padding: 2px;
}
/*Content styles*/
div#content {
	position: absolute;
	left: 56px;
	top: 250px;
	right: 274px;
	font: 91%/160% "Trebuchet MS", Verdana, Arial;
	color: #003399;
	height: 100%;
}
div#content img {
	margin-right: 10px;
	border: 1px solid CCCCDC;
}
/*Right side column styles*/
div#sidebar {
	position: absolute;
	width: 232px;
	top: 250px;
	right: 20px;
}
div#content h1 {
	font: normal 146% Verdana, Arial, Helvetica, sans-serif;
	color: #0066CC;
}
div#content h2 {
	font: normal 126% Verdana, Arial, Helvetica, sans-serif;
	color: #0066CC;
}
div#content table td
{
	font: 91%/160% "Trebuchet MS", Verdana, Arial;
	color: #003399;
}
div#sidebar div.feature {
	font-family: "Trebuchet MS", Verdana, Arial;
	line-height: 140%;
	color: #003399;
	padding: 10px;
	margin-bottom: 11px;
	border: 1px solid #efefef;
	background: #FFFFFF;
	margin-left: 9px;
}
div#sidebar div.feature ul {
	list-style: none;
}
div#sidebar div.feature ul li {
	font-size: 94%;
	text-decoration: none;
}
div#sidebar div.feature ul li a {
	color: #0066CC;
	text-decoration: none;
}
div#sidebar div.feature ul li a:hover {
	color: #FF0000;
}
div#sidebar div.feature label {
	font: 86% Verdana, Arial, Helvetica, sans-serif;
	margin-right: 6px;
	color: #003366;
}
div#sidebar div.feature input.salasana {
	background: #EFEFEF;
	height: 20px;
	width: 80px;
	border: 1px solid #B4B4CB;
	font: bold 12px Tahoma, Arial, Helvetica, sans-serif;
	color: #003366;
	margin: 4px;
}
div#sidebar div.feature input.nappula {
	background: #CCCCDC;
	height: 24px;
	width: 80px;
	border: 4px double #B4B4CB;
	font: bold 12px Tahoma, Arial, Helvetica, sans-serif;
	color: #0066CC;
	margin: 4px;
}
div#sidebar div.feature h1 {font: bold normal 100% Arial, Helvetica, sans-serif;
	color: #0066CC;}
	/*Side Menu styles*/
div#sidebar div.links {
	background: url(/kuvat/wwwlayout/menu_back.gif) no-repeat;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
div#sidebar div.links ul {
	list-style: none;
}
div#sidebar div.links ul li {
	font-size: 94%;
	text-decoration: none;
}
div#sidebar div.links ul li a {
	color: #0066CC;
	text-decoration: none;
}
div#sidebar div.links ul li a:hover {
	color: #FF0000;
}

/*Footer styles*/
div#footer {
	border-top: 1px solid #CCCCDC;
	width: 100%;
	visibility: visible;
	left: 0px;
	bottom: 0px;
}
div#footer ul {
	list-style: none;
}
div#footer ul li {
	display: inline;
	color: B4B4CD;

}
div#footer ul li a{
	color: #B4B4CD;
	text-decoration: none;


}
div#footer ul li a:hover{
	color: #0066CC;

}
div#co{
	text-align: right;
}
div#co a{
	
	color: #B4B4CD;
	text-decoration: none;
	font-size: 10px;
}
div#co a:hover{
	color: #0066CC;
}
	


img#barrisol {
	position: absolute;
	top: 122px;
	left: 460px;
}
img#arke {
	position: absolute;
	left: 660px;
	top: 120px;
}