/*
Kotitehdas.fi 
XHTML / CSS Author: Harri Kilpiö, Ego Beta Ltd.
Visual Design Copyright 2008 Ego Beta Ltd.

If you have ideas/suggestions for improvement please send us email:
harri.kilpio@egobeta.fi
*/

/* =instruction*/
#instruction {width: 960px; position:relative;}
#instruction .instruction_wrapper {width:608px;}

#content-main p.ingress {width:608px; margin-top:50px; margin-left:20px; padding-left:10px; display:block; }
#content-main p.second {margin-top:10px;} 

/* =instruction hx*/
#instruction h1 {margin-left:20px; padding-left:10px; margin-bottom:30px; line-height:38px;position:relative;top:40px; }
#instruction h2 {margin-left:20px; padding-left:10px; font-size:15px;text-transform:uppercase; font-weight:bold;position:absolute; top:0;}
#content-main #instruction h1 {margin-right:0;}
#content-main #instruction h2 {padding-top:10px;}

/* =instruction ol*/
#instruction ol {clear:both; padding:0;padding-top:20px;}

/* =#instruction ol li*/
#instruction ol li {background: url("/assets/img/bg_li_1.png") 0 10px no-repeat; position:relative; left:30px; font-size:24px; list-style:none;}
#instruction li.two {background-image: url("/assets/img/bg_li_2.png");}
#instruction li.three {background-image: url("/assets/img/bg_li_3.png");}
#instruction li.four {background-image: url("/assets/img/bg_li_4.png");}
#instruction li.five {background-image: url("/assets/img/bg_li_5.png");}
#instruction li.six {background-image: url("/assets/img/bg_li_6.png");}
#instruction li.seven {background-image: url("/assets/img/bg_li_7.png");}
#instruction li.eight {background-image: url("/assets/img/bg_li_8.png");}
#instruction li.nine {background-image: url("/assets/img/bg_li_9.png");}
#instruction li.ten {background-image: url("/assets/img/bg_li_10.png");}
#instruction li.eleven {background-image: url("/assets/img/bg_li_11.png");}
#instruction li.twelve {background-image: url("/assets/img/bg_li_12.png");}
#instruction li.thirteen {background-image: url("/assets/img/bg_li_13.png");}
#instruction li.fourteen {background-image: url("/assets/img/bg_li_14.png");}
#instruction li.fifteen {background-image: url("/assets/img/bg_li_15.png");}
#instruction li.sixteen {background-image: url("/assets/img/bg_li_16.png");}
#instruction li.seventeen {background-image: url("/assets/img/bg_li_17.png");}
#instruction li.eighteen {background-image: url("/assets/img/bg_li_18.png");}
#instruction li.nineteen {background-image: url("/assets/img/bg_li_19.png");}
#instruction li.twenty {background-image: url("/assets/img/bg_li_20.png");}

#instruction ol li h3,
#instruction ol li p {width:523px;padding-left:60px;}
#instruction ol li p {font-size:12px;}
#instruction ol li h3 {font-size:16px; padding-top:15px; margin-bottom:10px; color:#5f5e57;}

/* Uusi ilme sisustuspalkeilla */
.new-look-with-decorative-balks #instruction h1 {top: 0px; margin-bottom: 15px;}
.new-look-with-decorative-balks #instruction p.ingress {margin-top:0px; width: 365px;}
.new-look-with-decorative-balks #instruction .sample-decoration {margin-left: 20px; margin-bottom: 10px;}
.new-look-with-decorative-balks #instruction #material-list {position: absolute; top: 378px; left: 396px;}
.new-look-with-decorative-balks #instruction .steps li {width: 331px; margin-left: 0px; padding-left: 272px; padding-top: 10px; padding-bottom: 20px; background-position: 5px 0px;}
.new-look-with-decorative-balks #instruction .steps p {width: 331px; margin-left: 0px; padding-left: 0px; font-size: 15px;}
.new-look-with-decorative-balks #instruction .steps .example {float: left; margin-left: -210px; margin-top: -10px; margin-bottom: 10px;}
.new-look-with-decorative-balks #instruction .sponsor {position: absolute; left: 675px; top: 614px; width: 225px; text-align: center;}
.new-look-with-decorative-balks #instruction .sponsor p {width: 225px; text-transform: uppercase; font-size: 15px; font-weight: bold;}
.new-look-with-decorative-balks #instruction .sponsor img {margin-top: 8px;}