body{
background:#323232 url(../img/main-bg.png) repeat-x left top;font-size:12px;font-family:Arial, Helvetica, sans-serif;
}
.clear{
clear:both;
}
.container{
width:1207px;margin:0 auto;
}

.leftcontainer{
width:150px;float:left; margin-top: 15px;
}

.subcontainer{
width:907px;float:left;
}

.rightcontainer{
width:150px;float:left;
}

#header{
width:841px;float:left;margin:24px 22px 0 44px;display:inline;
}
#header h1{
float:left;
}
#header h1 a{
background:url(../img/logo.png) no-repeat left top;display:block;width:191px;height:114px;text-indent:-100000px;margin-bottom:5px;
}
ul.menu{
float:right;margin:80px 0 0 0;padding:0 7px 0 0;
}
ul.menu li{
float:left;padding:0 13px 0 0;line-height:37px;vertical-align:middle;font-family:"Trebuchet MS", "Times New Roman", Verdana;
}
ul.menu li a{
color:#808080;font-size:16px;text-decoration:none;text-align:center;font-weight:bold;
}
ul.menu li a:hover{
color:#2a330d;
}

ul.menu li.etusivut a{
width:140px;height:40px;display:block;}
ul.menu li.etusivut a:hover{
background:url(../img/a-bg.png) no-repeat left top;
}
ul.menu li.etusivut-select{
background:url(../img/a-bg.png) no-repeat left top;color:#2a330d;width:140px;height:40px;font-size:16px;text-decoration:none;text-align:center;font-weight:bold;
}

ul.menu li.tuotteet a{
width:140px;height:40px;display:block;
}
ul.menu li.tuotteet a:hover{
background:url(../img/a-bg.png) no-repeat left top;
}
ul.menu li.tuotteet-select{
background:url(../img/a-bg.png) no-repeat left top;color:#2a330d;width:140px;height:40px;font-size:16px;text-decoration:none;text-align:center;font-weight:bold;
}

ul.menu li.edut a{
width:140px;height:40px;display:block;
}
ul.menu li.edut a:hover{
background:url(../img/a-bg.png) no-repeat left top;
}
ul.menu li.edut-select{
background:url(../img/a-bg.png) no-repeat left top;color:#2a330d;width:140px;height:40px;font-size:16px;text-decoration:none;text-align:center;font-weight:bold;
}

.main{
width:907px;float:left;margin:-6px 0 0 0;
}
.curve-top{
width:907px;float:left;background:url(../img/curve-top.png) no-repeat left top;height:26px;
}
.middle-main{
width:907px;float:left;background:url(../img/middle-bg.png) repeat-y left top;
}
.curve-bot{
width:907px;float:left;background:url(../img/curve-bot.png) no-repeat left top;height:17px;padding-bottom:50px;
}

.banner-main{
width:907px;float:left;
}

.banner{
width:823px;float:right;margin:0 42px; display:inline;
}
.content-main{
width:822px;float:left;margin:0 42px;display:inline;
}
.column-one{
width:513px;float:left;margin:0 20px 0 0;
}
.column-two{
width:289px;float:left;
}
.left-curve-top{
background:url(../img/left-curve-top.gif) no-repeat left top;float:left;width:821px;height:17px;margin:20px 0 0 0;
}
.left-curve-middle{
background:url(../img/left-curve-middle.gif) repeat-y left top;float:left;width:821px;
}
.left-curve-bot{
background:url(../img/left-curve-bot.gif) no-repeat left top;float:left;width:821px;height:17px;
}
.right-curve-top{
background:url(../img/right-curve-top.gif) no-repeat left top;float:left;width:289px;height:17px;margin:20px 0 0 0;
}
.right-curve-middle{
background:url(../img/right-curve-middle.gif) repeat-y left top;float:left;width:289px;
}
.right-curve-bot{
background:url(../img/right-curve-bot.gif) no-repeat left top;float:left;width:289px;height:17px;
}
h2.heading{
font-family:"Trebuchet MS", "Times New Roman", Verdana;color:#d8d8d8;font-size:20px;font-weight:bold;border-bottom:#808080 dotted 1px;margin:0 22px 0 22px;padding-bottom:20px;
}
h3.heading{
font-family:"Trebuchet MS", "Times New Roman", Verdana;color:#d8d8d8;font-size:15px;font-weight:bold; margin:0 40px 0 22px; padding-bottom:3px;
}
h2.heading span{
color:#8ba835;
}
p.para{
margin:15px 22px 0 22px;color:#e2e0e0;line-height:18px; font-size:15px;
}
p.para a{
color:#3ea3d2;text-decoration:none;font-weight:bold;
}
p.para a:hover{
text-decoration:underline
}
p.para img{
float:right;border:10px solid #000;margin:3px 0 0 5px;
}
p.pad{
margin:15px 0 2px 22px;color:#808080;line-height:18px;
}
p.pad img{
margin:0 22px 0 0;
}
.mar-minus{
margin-top:-15px;z-index:-1;
}
.select-mar{
margin-top:2px;#margin-top:10px;
}

form.center{
padding:19px 22px 0 22px;width:469px;
}
form.center label{
display:block;padding:10px 0 0 0;font-weight:bold;color:#656565;
}
form.center label span{
color:#ff5a00;
}
form.center input {
width:274px;height:17px;font-size:12px;padding:5px 5px;margin:5px 0 0 0;border:1px solid #2c2c2c;background:url(../img/input-center-bg.gif) no-repeat left top;color:#FFFFFF;
}

form.center textarea {
width:455px;height:107px;font-size:12px;padding:5px 5px;margin:5px 0 0 0;border:#2c2c2c solid 1px;overflow:hidden;background:#1e1d1d url(../img/textarea-bg.gif) no-repeat left top;color:#FFFFFF;font-family:Arial, Helvetica, sans-serif;
}
.submit-link{
margin:10px 2px 0 0px;float:left;
}
.submit-link span{
padding:0 0 0 5px;
}
form.center input.submit{
background:none;border:0;width:91px;height:26px;padding:0;margin:0;
}
.f-left{
width:286px;float:left;
}
.f-right{
width:161px;float:left;margin:0 0 0 20px;
}
.select-mar{
margin-top:2px;#margin-top:10px;
}

#footer{
margin:20px 42px 0 42px;padding:0 0 0 0;float:left;width:822px;
}
.footer-left{
float:left;width:10px;height:50px;background:url(../img/footer-left.gif) no-repeat left top;
}
.footer-center{
float:left;height:50px;background:url(../img/footer-center.gif) repeat-x left top;width:802px;color:#585858;font-size:10px;
}
.footer-right{
float:left;width:10px;height:50px;background:url(../img/footer-right.gif) no-repeat left top;
}
.footer-center span{
float:left;margin:20px 0 0 15px;
}
.footer-center span a{
color:#6c6c6c;text-decoration:none;
}
.footer-center span a:hover{
color:#fff;
}
ul.footer-link{
float:right;margin:20px 10px 0 0;
}
ul.footer-link li{
float:left;border-right:#585858 solid 1px;padding:0 8px 0 8px;
}
ul.footer-link li a{
color:#585858;text-decoration:none;
}
ul.footer-link li a:hover{
color:#fff;
}
ul.footer-link li.no-border{
border:0;
}
