ol {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
ul {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
li {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
body {
	background: url("images/tausta.jpg") fixed no-repeat top rgb(44, 127, 186); margin: 0px; padding: 0px;
}
img {
	border: 0px currentColor;
}
.clear {
	height: 0px; clear: both;
}
#container {
	width: 963px; height: auto; text-align: left;
}
#topBanner {
	background: rgb(255, 255, 255); width: 963px; height: 251px;
}
#topHead {
	width: 963px; height: 110px; font-family: arial,sans-serif; font-size: 10pt;
}
#topContain {
	width: 963px; height: 110px; position: relative;
}
#topNavi {
	top: 15px; right: 10px; color: rgb(255, 255, 255); position: absolute; z-index: 3;
}
#topNavi a {
	color: rgb(255, 255, 255); text-decoration: none;
}
#topNavi a:hover {
	color: rgb(255, 255, 255); text-decoration: underline;
}
#topLogo {
	left: 10px; width: 717px; height: 39px; bottom: 25px; position: absolute; z-index: 2;
}
#topTitle {
	background: url("images/bg_green_header.png") no-repeat left top rgb(61, 140, 52); margin: 3px 0px 0px 3px; width: 401px; height: 248px; text-align: center; vertical-align: middle; float: left;
}
#topTitle h1 {
	margin: 15px 10px 0px; padding: 0px; color: rgb(255, 255, 255); font-family: "Segoe Light","Segoe UI", arial,helvetica,sans-serif; font-size: 18px; font-weight: normal;
}
#topTitle h1 span {
	color: rgb(255, 255, 255); line-height: 130%; font-family: "Segoe UI", arial,helvetica,sans-serif; font-size: 30px;
}
#topImage {
	background: rgb(255, 255, 255); margin: 3px 0px 0px; width: 556px; height: 248px; float: left;
}
#pageContent {
	background: rgb(255, 255, 255); width: 963px; height: auto; color: rgb(0, 0, 0); font-family: arial,sans-serif; font-size: 10pt;
}
#colLeft {
	margin: 20px 0px 0px 26px; width: 590px; height: auto; float: left;
}
#colRight {
	background: rgb(241, 241, 241); margin: 20px 0px 0px 28px; width: 282px; height: auto; float: left;
}
.tarjous {
	background: rgb(255, 255, 255); margin: 0px 0px 20px; width: 590px; height: auto; font-family: arial,sans-serif; font-size: 10pt;
}
.tarjous h2 {
	margin: 0px 0px 10px; padding: 0px; color: rgb(0, 0, 0); font-family: "Segoe UI", arial,sans-serif; font-size: 23px; font-weight: normal; border-bottom-color: rgb(216, 216, 216); border-bottom-width: 1px; border-bottom-style: solid;
}
.tarjous p {
	margin: 0px 0px 10px 20px;
}
.tarjous p strong {
	margin: 0px 0px 3px; font-size: 18px; display: block;
}
.tarjous p span {
	margin: 0px 0px 10px; font-family: "Segoe UI", arial,sans-serif; font-size: 16px; display: block;
}
.tarjous a {
	color: rgb(0, 117, 223); text-decoration: none;
}
.tarjous a:hover {
	color: rgb(0, 117, 223); text-decoration: underline;
}
.blokki {
	background: rgb(255, 255, 255); margin: 0px 0px 5px; width: 590px; height: auto; font-family: arial,sans-serif; font-size: 10pt;
}
.tmb {
	width: 150px; float: left;
}
.tmb2 {
	width: 140px; float: left;
}
.blokki img {
	margin: 0px 0px 10px; border: 0px currentColor; display: block;
}
.blokki a {
	color: rgb(0, 117, 223); text-decoration: none;
}
.blokki a:hover {
	color: rgb(0, 117, 223); text-decoration: underline;
}
.tuoteKuva {
	width: 100px; float: left; display: inline;
}
.blokki h2 {
	margin: 0px 0px 10px; padding: 0px; color: rgb(0, 0, 0); font-family: "Segoe UI", arial,sans-serif; font-size: 23px; font-weight: normal; border-bottom-color: rgb(216, 216, 216); border-bottom-width: 1px; border-bottom-style: solid;
}
.blokki p {
	margin: 0px 0px 10px;
}
.blokki p strong {
	margin: 0px 0px 3px; font-size: 18px; display: block;
}
.blokki p span {
	margin: 0px 0px 10px; font-family: "Segoe UI", arial,sans-serif; font-size: 16px; display: block;
}
.tuoteTarjous {
	width: 490px; float: left;
}
.tuoteTarjous h2 {
	margin: 0px 0px 10px; padding: 0px; color: rgb(0, 0, 0); font-family: "Segoe UI", arial,sans-serif; font-size: 16px; font-weight: normal; border-bottom-color: rgb(216, 216, 216); border-bottom-width: 1px; border-bottom-style: solid;
}
.tuoteTarjous p {
	margin: 0px 0px 10px 20px;
}
.tuoteTarjous p strong {
	margin: 0px 0px 3px; font-size: 18px; display: block;
}
.tuoteTarjous p span {
	margin: 0px 0px 10px; font-family: "Segoe UI", arial,sans-serif; font-size: 16px; display: block;
}
#intro ul {
	margin: 0px;
}
#intro li {
	margin-bottom: 12px; margin-left: 20px;
}
.ohjB ul {
	margin: 15px 0px;
}
.ohjB li {
	margin-bottom: 4px; margin-left: 20px;
}
.paluu {
	background: rgb(255, 255, 255); margin: 0px; padding: 3px 0px 3px 20px; width: 282px; height: 25px;
}
.paluu a {
	color: rgb(121, 121, 121); text-decoration: none;
}
.paluu a:hover {
	color: rgb(0, 0, 0); text-decoration: underline;
}
.tour {
	background: rgb(241, 241, 241); margin: 0px; padding: 0px; width: 282px; height: auto; color: rgb(121, 121, 121); border-top-color: rgb(241, 241, 241); border-bottom-color: rgb(216, 216, 216); border-top-width: 1px; border-bottom-width: 0px; border-top-style: solid; border-bottom-style: solid;
}
.tour h4 {
	background: rgb(241, 241, 241); margin: 10px 5px 0px 20px; padding: 0px; font-weight: normal;
}
.tour p {
	margin: 0px 10px 20px 20px; padding: 0px; border: 1px solid rgb(241, 241, 241);
}
.tour a {
	color: rgb(121, 121, 121);
}
.colBanner {
	background: rgb(241, 241, 241); margin: 0px; width: 282px; height: auto; border-top-color: rgb(241, 241, 241); border-bottom-color: rgb(241, 241, 241); border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid;
}
.colBanner p {
	margin: 15px 0px; padding: 0px; border: 1px solid rgb(241, 241, 241); text-align: center;
}
#footer {
	background: url("images/footer_bg.gif") no-repeat left top rgb(255, 255, 255); margin: 10px 0px 40px 26px; width: 900px; height: 100px;
}
.links {
	margin: 15px 0px 0px; width: 400px; text-align: right; color: rgb(100, 100, 100); float: right;
}
.logo {
	margin: 20px 0px 0px 15px; width: 100px; text-align: right; color: rgb(100, 100, 100); float: right;
}
.links a {
	color: rgb(100, 100, 100); text-decoration: none;
}
.links a:hover {
	color: rgb(100, 100, 100); text-decoration: underline;
}
.asiantuntija {
	width: 550px; height: 170px;
}
.asiantuntija img {
	margin: 5px 20px 0px 0px; float: left;
}
.hloText {
	margin: 10px 0px 0px; border: 0px solid rgb(204, 0, 0); width: 390px; height: 130px; float: left;
}
.hloText h4 {
	margin: 0px 0px 10px; padding: 0px; font-size: 15px;
}
.ohjA {
	margin: 0px 0px 13px; width: 80px; float: left;
}
.ohjB {
	margin: 0px 0px 13px; width: 470px; float: left;
}
#tallenteet {
	display: none;
}
#itseopiskelu {
	display: none;
}
