html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {margin:0;padding:0;}table {border-collapse:collapse;border-spacing:0;}fieldset,img {border:0;}address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}li {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}q:before,q:after {content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select {font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select {*font-size:100%;}legend {color:#000;}h1 {font-size : 138.5%;  }h2 {font-size : 123.1%; }h3 {font-size : 108%;  }h1,h2,h3 {margin : 1em 0;}h1,h2,h3,h4,h5,h6,strong {font-weight : bold; }abbr,acronym {border-bottom : 1px dotted #000;cursor        : help;} em {font-style : italic;}blockquote,ul,ol,dl {margin : 1em;}ol,ul,dl {margin-left : 2em;}ol li {list-style  : decimal outside;}ul li {list-style  : disc outside;}dl dd {margin-left : 1em;}th {font-weight : bold;text-align  : center;}caption {margin-bottom : .5em;text-align    : center;}p,fieldset,table,pre {margin-bottom : 1em;}input[type=text],input[type=password],textarea{width  : 12.25em;*width : 11.9em;}body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea {font:99% arial,helvetica,clean,sans-serif;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt {font-family:monospace;*font-size:108%;}

.unit:after,.container:after,.columns:after,.column:after,.clearfix:after{content:" ";display:block;height:0;clear:both;visibility:hidden;}.unit,.container,.columns,.column,.clearfix{display:block;*zoom:1;*display:inline-block;}.full-height{display:block;}.same-height{display:block;}.elastic-height{height:0;}.horizontal-center{margin:0 auto;}.vertical-center{/* margin:auto 0; */display:block;}.center{/* margin:auto */margin:0 auto;}.column{float:left;}.column.final{display:block;}.column.fixed{width:auto;}.column.elastic{display:block;}.inverted>.column,.inverted>.container>.column{float:right;}.on-2.columns>.column:not(.fixed),.on-2.columns>.container>.column:not(.fixed){width:50%;}.on-3.columns>.column:not(.fixed),.on-3.columns>.container>.column:not(.fixed){width:33.33%;}.on-3.columns>.column.span-2,.on-3.columns>.container>.column.span-2{width:66.66%;}.on-4.columns>.column:not(.fixed),.on-4.columns>.container>.column:not(.fixed){width:25%;}.on-4.columns>.column.span-2,.on-4.columns>.container>.column.span-2{width:50%;}.on-4.columns>.column.span-3,.on-4.columns>.container>.column.span-2{width:75%;}

html,body {
	font-family: "Trebuchet MS", Arial, Helvetica, Times, sans-serif;
	background:#636363 url(taustakuva.jpg) no-repeat 50% 0;
	font-size:90%;
	color:#333;
	font-weight:normal;
	margin:0;
	padding:0;
}

body.mceContentBody { background-color:#FFF !important; background-image: none; }

.etusivun_kuva {background:#FFF url(kotisivut-kuva-pivosis.jpg) no-repeat 0 0; height:640px;}
.alatausta {background: url(alatausta.jpg) no-repeat bottom left; height:auto;}
.ylatausta {background: url(ylatausta.jpg) no-repeat top left; height:auto;}
.ftausta {background: url(footerintausta.jpg) no-repeat top left; height:auto;}
.sp_vasen {height:640px;}

h1,h2,h3,h4,h5,h6 {font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; letter-spacing:1px; margin:0; border:none;}
h4 {font-size:20px; padding:30px 0 10px 0;}
h5 {font-size:18px;}

/*main-paget*/
.valkoinen {background-color:#FFF;}
.musta {background:#000;}
.main_txt h1 {font-family: "Century Gothic", Georgia, "Times New Roman", Times, serif; text-align:right; font-size:64px; padding:56px 40px 10px 0;}
.main_txt h2 {font-size:26px; color:#ff2277; font-weight:600; padding:50px 0 0 53px;}
.main_txt h3 {font-size:18px; padding:42px 40px 0 53px; text-align:right; font-weight:bold; line-height:1.4em;}
.main_txt h4 {font-size:34px; padding:0px 40px 10px 0; text-align:right; font-weight:normal;}
.main_txt h5 { font-size:22px; color:#ff2277; text-align:right; padding:10px 40px 10px 0;}
/*etusivu ja filosofia 6.1.2010 */
.main_txt p {padding:15px 40px 0px 53px; line-height:1.5em; font-size: 1.0em;}

.yritys_txt h2 {font-size:26px; color:#ff2277; font-weight:600; padding:50px 0 0 26px;}
.yritys_txt h3 {font-size:20px; padding:29px 40px 0 26px; font-weight:bold;}
.yritys_txt p {padding:17px 40px 0px 26px; line-height:1.5em; font-size: 1.0em;}

.sec_txt h2 {font-size:22px; font-weight:normal; color:#ff2277; padding: 20px 0 0 0;}
.sec_txt p {padding:25px 17px 0 0; line-height:1.6em; font-size:1.0em;}
.sec_txt ul {padding-top:10px;}
.sec_txt li {padding:4px 10px 3px 2px; line-height:1.4em;}

/*headerit*/
.mustaa {background:#111; line-height:1.7em; font-size:1.0em; word-spacing:0.1em;}
.tekstit p {color: #999; padding:15px 50px 0 0;}
.tekstit ul {color: #999; padding:15px 50px 0 0;}
.tekstit h4 {color: #A0C216}
.tekstit h4 a, .tekstit h4 a:visited {color: #A0C216;}
.tekstit h4 a:hover {color: #f47a00;}
.tekstit h6 {color: #777;}
.tekstit h6 a, .tekstit h6 a:visited {color: #444;}
.tekstit h6 a:hover {color: #f47a00;}
.tekstit p a, .tekstit p a:visited {color:#9f9f9f; text-decoration: underline;}
.tekstit p a:hover {color: #f47a00;}

/*karuselli*/
.button_karusellil {margin-top: 0px; margin-left:30px; padding: 0 0 39px 0;}
.button_karusellir {margin-top: 0px; padding: 0 0 39px 0;}
.carousel {margin-top:20px; margin-left:30px; position: relative; visibility: hidden; left: -5000px;}
#refgallery {-moz-box-shadow:0 0 1px #aaa; -webkit-box-shadow:0 0 1px #aaa; box-shadow:0 0 1px #aaa; border:#f7f7f7 solid 10px; overflow:hidden;}

/*navigointi*/
#kotisivut_menu {margin: 0; padding: 0;}
#kotisivut_menu li {float: left; list-style: none; font-size: 12px; letter-spacing:1px; background: url(navitausta.jpg) repeat-x 0 0;}
#kotisivut_menu li a {display: block; height:19px; padding: 14px 10px 6px 15px; text-decoration: none; border-left: #333 solid 1px; width: 90px; color: #eaffed; white-space: nowrap; font-family: Georgia, "Times New Roman", Times, serif;}
#kotisivut_menu li a:hover {background:#f88e46 url(hoveri.jpg) repeat-x 0 0; color:#000;}
.navi_txt p { padding: 11px 0 0 15px; color:#888; font-size:100%;}
.linja {border-bottom:#222 solid 1px;}

/*lomake*/
.content_lomake {padding: 50px 10px 0 20px;}
.cformfieldmsg {width:240px; font-size:1.0em; margin:3px;}
input[type=text].cformfield {width:236px; font-size:1.0em; margin: 3px; padding:1px;}
input[type=text].spammi {width:100px; font-size:1.0em; margin: 3px; padding:1px;}
input[type=submit].buttonwide {width:60px; font-size:1.0em; margin:3px;}
.small_txt {font-size:0.9em;}

/*blogi*/
.bmustaa {background:#111; color:#999;}
.bmustaa p a {color:#ccc;}
.bmustaa p a, .bmustaa p a:visited {color:#9f9f9f; text-decoration: underline;}
.bmustaa p a:hover {color: #f47a00;}
.blogikuva {background: url(blogikuva.jpg) 0 0 no-repeat;}
.blogi_vasen {height:800px; font-size:1.1em;}
.blogi_otsikot {padding: 23px 0 10px 210px;}
.blogi_otsikot p {padding: 12px 0 0 24px; color:#0099FF;}
.blogi_otsikot li {color:#666;}
.blogi_otsikot li a {color:#999}
.blogi_otsikot li a:hover {color:#f47a00}
.uutiset {padding: 35px 0 30px 0;}
.uutiset p {font-size:1.1em; color:#999; line-height:1.6em; padding:4px 50px 5px 0;}
.uutiset h1 {font-size:1.6em; color:#A0C216; line-height:1.35em; padding:15px 50px 0 0;}
.uutiset h1 a {color:#A0C216;}
.uutiset h1 a:hover {color: #f47a00;}
.uutiset h4 {font-size:0.80em; color:#555; padding:10px 0 20px 0;}
.uutiset em {color:#666;}
.comment_form p {padding: 10px 0 0 5px;}
.formfieldblog {width:300px; margin-right:50px; background-color:#333; border:#222 solid 3px; color:#888;}
input[type=text].forminput {width:170px; padding:2px; margin-left:5px; background-color:#333; border:#222 solid 3px; color:#888;}
.submessage, .submessage a {color:#666; padding-top:6px;}

/*footeri*/
.footer_logo {margin-top:34px;	padding-left:50px;}
.footer_txt p {padding-left:15px; color:#777; font-size:0.9em; line-height:1.5em;}
.footer_txt a, .footer_txt a:visited {color:#999}
.footer_txt a:hover {color:#F90}
.fimg img {padding-left:8px;}
.fimgs img {padding-right:12px;padding-top:3px;}
.pohja {border-top:#222 dashed 1px}
.footer_reflection {background: url(footer_reflection.jpg) no-repeat 0 0; height:86px; }
.reuna {margin:30px 0 8px 0; height:93px;border-left:#444 dashed 1px;}

/*muut*/
.oranssi_fontti { color:#f89e5d; }
.refimg2 img {float:right; padding:32px 36px 0 0;}
.refimg3 img {padding:32px 0 0 44px;}
strong {font-weight:bold;}
em {font-style:italic;}
ul {list-style:inside;}
a, a:visited {color:#000; text-decoration: underline;}
a:hover {color: #f47a00;}
.error, .message {color: #555;}

/*paneeli*/
.panel {
position: fixed;
top: 33px;
left: 0;
display: none;
background: #000000 url(ylatausta.jpg) no-repeat top left; height:auto;
border:1px solid #111111;
-moz-border-radius-topright: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-bottomright: 10px;
-webkit-border-bottom-right-radius: 10px;
width: 715px;
height: auto;
padding: 45px 30px 30px 245px;
filter: alpha(opacity=97);
opacity: .97;
z-index:3;
}

.panel p{
margin: 16px 0 10px 0;
padding: 0;
color: #999;
}
.panel ul{padding-top:4px;}
.panel li{padding-bottom:6px;}
.panel a, .panel a:visited{
margin: 0;
padding: 0;
color: #999;
text-decoration: underline;
}
.panel a:hover, .panel a:visited:hover{
margin: 0;
padding: 0;
color: #FF9933;
text-decoration: underline;
}
a.trigger{
position: fixed;
top: 60px; left: 0;
padding: 15px 15px 15px 10px;
background:#000;
border:1px solid #444444;
-moz-border-radius-topright: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-bottomright: 10px;
-webkit-border-bottom-right-radius: 10px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-bottom-left-radius: 0px;
display: block;
z-index:4;
}
a.trigger:hover{
position: fixed;
top: 60px; left: 0;
padding: 15px 15px 15px 15px;
font-weight: 700;
background:#000;
border:1px solid #444444;
-moz-border-radius-topright: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-bottomright: 10px;
-webkit-border-bottom-right-radius: 10px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-bottom-left-radius: 0px;
display: block;
}
a.active.trigger {
background:#000;
}
.columnsp{
clear: both;
width: 675px;
padding: 0 0 20px 0;
line-height: 22px;
}
.coll{
float: left;
width: 220px;
line-height: 20px;
}
.collong{
float: left;
width: 675px;
line-height: 20px;
}
.colleft{
float: left;
width: 450px;
line-height: 20px;
}
.pblogi li {padding: 0 0 10px 0;}