@CHARSET "ISO-8859-1";
html,body {
	color: #000;
	background-color: #D9DCDF;
	background-image: url('../kuvat/body-bg.jpg');
	background-repeat: repeat-x;
	text-align: center;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 20px 0px;
	height: 100%;
}

body {
	font-family: Arial, sans-serif;
	font-size: 0.8em;
	line-height: 1.5em;
	height: 100.5%;
}

#container {
	float: none;
	width: 970px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
	text-align: left;
	display: block;
}
#page {
	display: block;
	width: 970px;
	background-color: #fff;
	border-left: 1px solid #eee;
	border-right: 1px solid #eee;
}
#left {
	float: left;
	clear: both;
	width: 728px;
	background-color: #fff;
	margin: 10px 10px 10px 0;
	padding: 0px;
	text-align: left;
}
#right {
	margin: 10px 0px 10px 10px;
	width: 210px;
	float: left;
	clear: right;
	display: block;
}
#header {
	clear: both;
	background-color: #fff;
	background: url('../kuvat/front-top2.jpg');
	background-repeat: no-repeat;
	color: #999;
	margin: 0 0 30px 0;
	width: 728px;
	height: 200px;
	text-align: right;
}
#header h1 {
 font-size: 24px;
 margin: 0px;
 padding-top: 10px;
 padding-right: 20px;
 color: #7FB718;
 }
#headersmall {
	height: 30px;
	margin: 0;
	width: 730px;
	padding: 0px 10px 0 10px;
	background-color: #fefefe;
	text-align: left;
}
#headersmall p, #headersmall a {
	margin: 0;
	padding: 12px;
	font-size: 10px;
	color: #666;
}
#content {
	float: left;
	width: 730px;
	background-color: #fff;
	/*border: 1px solid #eee;*/
	margin: 0px 0 20px 0;
	padding: 0px;
	text-align: left;
}
#frontheader {
	width: 728px;
	height: 200px;
	margin: 0;
	display: block;
}
#frontheadimage {
	width: 160px;
	padding: 0px
	margin: 0px;
	float: left;
}
#frontheadbox {
	width: 568px;
	padding: 0px
	margin: 0px;
	float: left;
}
#frontfootbox {
	width: 728px;
	margin: 0px;
	text-align: center;
}
.topbox {
	width: 548 px;
	height: 80px;
	margin: 10px;
}
.topbox p, .topbox big {
	margin: 10px;
	word-spacing: 15px;
	letter-spacing: 0.5px;
}
.topbox h1 {
	font-family: Trebuchet MS, Arial;
	margin-top: 0px;
	padding: 5px;
	font-size: 20px;
	font-weight: normal;
	background-color: #fff;
	border-bottom: 3px solid #7FB718;
	color: #7FB718;
}
div.squarebox {
	background-image: url('../kuvat/square-bg2.png');
	height: 170px;
	width: 170px;
	display: block;
	margin: 5px 5px 0 5px;
}
#greenbox {
	background-color: #f6f6f6;
	color: #666;
}
#graybox {
	border-top: 10px solid #cecece;
	border-bottom: 10px solid #cecece;
}
#orangebox {
	background-color: #FFD600;
	color: #666;
}
#orangebox strong {
	padding: 20px;
	vertical-align: middle;
}
.big {
	display: block;
	padding: 3px;
	vertical-align: middle;
	font-weight: bold;
	font-size: 14px;
	color: #FFD600;
}
.gray-big {
	display: block;
	padding: 3px;
	vertical-align: middle;
	font-weight: bold;
	font-size: 24px;
	color: #cecece;
}
#frontcontent {
	width: 728px;
	height: 350px;
	margin: 0px;
	display: block;
	padding: 0;
	background-color: #fff;
}

div.frontbox {
	background-color: #fff;
	color: #666;
	margin: 0px;
	padding: 0px;
	width: 182px;
	height: 350px;
	float: left;
	display: block;
}
div.frontboxheader {
	height: 50px;
	display: block;
}
div.frontspacer {
	height: 30px;
	display: block;
}
div.frontboxtext {
	height: 70px;
	display: block;
}
div.frontbox h2 {
	margin: 0px;
	padding: 6px;
	font-size: 15px;
	font-weight: bold;
	/*color: #fff;*/
	font-family: Trebuchet MS, Arial;
}

.green {
	background-color: #fff; /*border-top: 2px solid #00CC00;*/ border-left: 0px solid #67E667; color: #00CC00;
}
.orange {
	background-color: #fff; /*border-top: 2px solid #FF7400;*/ border-left: 0px solid #FFB273; color: #FF7400;
}
.blue {
	background-color: #fff; /*border-top: 2px solid #009999;*/ border-left: 0px solid #5ccccc; color: #009999;
}
.red {
	background-color: #fff; /*border-top: 2px solid #FF0000;*/ border-left: 0px solid #FF7373; color: #FF0000;
}
.frontlink {
	text-decoration: none;
	border: 0;
	color: #666;
} 
div.frontbox p {
	padding: 6px;
	font-size: 12px;
	font-family: Arial;
}
div.pricebox {
	clear: both;
	display: block;
	text-align:center;
	height: 40px;
	width: 170px;
	margin: 0 5px 0 5px;
	background-image: url('../kuvat/pricebox_b.png');
	background-repeat: no-repeat;
}
div.pricebox a {
	font-weight: bold;
	font-size: 20px;
	color:#fff;
	font-family:arial,helvetica,sans-serif;
	line-height: 2;
	text-align:center;
	white-space:nowrap;
	text-decoration: none;
}
div.pricebox a:hover {
	font-weight: bold;
	font-size: 20px;
	color:#fff;
	font-family:arial,helvetica,sans-serif;
	line-height: 2;
	text-align:center;
	white-space:nowrap;
	text-decoration: underline;
}
#menulogo {
	height: 50px;
	margin: 0px;
	padding: 0px;
	background-color: #7FB718;
	background: url('../kuvat/logo-bg.jpg');
	text-align: center;
}
#logo {
	margin: 1px;
}
#menu {
	background-color: #fefefe;
	border: 1px solid #eee;
	padding: 5px;
}
#menu p {
	font-size: 11px;
	font-family: Arial;
	line-height: 1.4;
	margin: 2px 0 2px 0;
}
a {
	color: #1759FF;
}
#menu a:link, #menu a:visited, .rightblock a:visited, .rightblock a:link  {
	text-decoration: none;
}
#menu a:hover, #menu a:active, .rightblock a:hover, .rightblock a:active, #menu a.selected, .rightblock a.selected {
	text-decoration: underline;
	color: #75A8FC;
}
.rightblock {
	margin-top: 20px;
	background-color: #fefefe;
	border: 1px solid #eee;
	padding: 5px;
}
.rightblock p {
	font-size: 11px;
	font-family: Arial;
	line-height: 1.4;
	margin: 4px 0 8px 0;
}
.rightblock strong {
	color: #888;
	border-bottom: 2px solid #eee;
}
#basiccontent {
	width: 708px;
	margin: 0px 10px 0px 10px;
	display: block;
	padding: 0 10px 0 0;
	background-color: #fff;
}
#basiccontent p, #basiccontent td {
	font-size: 13px;
}
#basiccontent h1 {
	margin-top: 15px;
	font-family: Trebuchet MS, Arial;
}
#basiccontent h2, #basiccontent h3, #basiccontent h4, #basiccontent h5 {
	margin-top: 25px;
	font-family: Trebuchet MS, Arial;
}
#basiccontent h1 {
	font-size: 22px;
}
#basiccontent h2 {
	font-size: 19px;
}
#basiccontent h3 {
	font-size: 17px;
}
#basiccontent h4 {
	font-size: 15px;
}
#basiccontent h5 {
	font-size: 13px;
}
hr {
	color: #ddd;
	background-color: #ddd;
	border: 0px solid #ddd;
	height: 2px;
}
#footer {
	clear: both;
	background-color: #eee;
	color: #999;
	font-size: 11px;
	font-family: Arial, sans-serif;
	height: 200px;
	width: 970px;
}
#footer a {
	color: #aaa;
	padding-left: 15px;
	text-decoration: none;
}
#footer a:hover {
	color: #aaa;
	padding-left: 15px;
	text-decoration: underline;
}
#footer strong {
	margin-left: -5px;
}
#footer_top {
	background-image:url('../kuvat/footer_top.png');
	background-repeat: no-repeat;
	height:9px;
	margin-bottom:5px;
	width:970;
}
div.footbox {
	color: #666;
	margin: 0px;
	padding: 0px;
	width: 182px;
	height: 200px;
	float: left;
	display: block;
}
#footleft {
	float: left;
	font-size: 10px;
	font-family: Arial, sans-serif;
	width: 730px;
	height: 200px;
}
#footright {
	float: right;
	font-size: 10px;
	font-family: Arial, sans-serif;
	width: 210px;
	height: 200px;
}