/* (C) 2008 Elliot Jay Stocks. Designed for educational purposes only. This CSS has not been optimised for Internet Explorer 6. */




/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h5, h5, h6, pre, form, label, fieldset, input, 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 }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h5, h5, h6 { font-size:100% }
q:before, q:after { content:''}




/* Global reset-RESET */
/* The below restores some sensible defaults */

strong { font-weight: bold }
em { font-style: italic }
a img { border:none } /* Gets rid of IE's blue borders */
br { clear:both; height:1px; margin:-1px 0 0 0 }




/* Typography - basics */

body, h2, p, li, label, input { font:11px/14px 'Lucida Sans Unicode',Verdana, Calibri, 'Gill Sans MT', Arial, Helvetica, sans-serif;
	color: #0066FF}
p { margin:0 0 20px 0 }
h2, span { color: #0066FF }
a { color:#0066FF; text-decoration:none }
a.five:link {color: #0066FF; text-decoration: none}
a.five:hover {color: #0099FF; text-decoration: underline}
div.img a:hover img
  {
  border: 1px solid #CCCCCC;
  }
div.link a:hover { color: #FFFFFF }
a:hover { color: #FFFFFF }
p { color:#0066FF; text-decoration:none }
 }

div.oso{font:14px 'Gill Sans MT', 'Lucida Sans Unicode', Calibri, Verdana, Arial, Helvetica, sans-serif;}
p.iso {font-size:14px;}
p.iso2 {font-size:15px; color: #999966 }
/* Layout - basics */


html { text-align:center }
body { width:940px; text-align:left; margin: auto; background-image: url(kuvia/taustat/al_oikea.jpg); background-position: top right; background-repeat: no-repeat;  background-attachment: fixed; }

div.tausta {width: 560px; height:1400px; float: left; background:url(kuvia/taustat/al_vasen.jpg) no-repeat; background-attachment: fixed; position:absolute; left:0px; top:0px;z-index:-1;}
div.kuvat {width: 600px; height:100px; margin-left:-110px; margin-top: 590px; position:absolute;}
div.videot {width: 70px; height:400px; margin-left:850px; margin-top: 62px; position:absolute; text-align: center;}
div.kartta {width: 800px; height: 600px; margin-left: 50px; margin-top: 0px;}
div.twitter {width: 380px; height:120px; margin-left:500px; margin-top: 518px; position:absolute;}
div.twitter h3 { width:260px; height:14px; text-indent:0px }
div.twitter h4 { width:260px; height:18px; text-indent:0px }

div.navBar { height:40px; background:url(kuvia/pohjat/navigointi.jpg) }
div.img img
  {
  display: inline;
  margin: 0px;
  border: 1px solid #ffffff;
  }
ul.incentives { height:400px; background:#000; margin:0px 0 0 0 }
ul.incentives li { float:left; margin:0 20px 0 0 }
ul.incentives li.main { width:540px }
ul.incentives li.steps { width:220px }
ul.incentives li.more { width:140px; margin:0; }
ul.incentives li.more p { color:#999966 }
ul.incentives li p { color: #999966}
ul.incentives img {
  display: inline;
  margin: 5px;
  margin-top: 10px;
  border: 0px solid #0066FF;
  float: right;
}
ul.reasons li { float:left; width:300px; margin:0 20px 0 0 }
ul.reasons li.last { margin:0 }

div.footer { height:40px; background:url(kuvia/pohjat/footer.jpg) }

ul.incentives2 { height:400px; background:#000; margin:0px 0 0 0 }
ul.incentives2 li { float:left; margin:0 20px 0 0 }

ul.incentives3 { height:400px; background:#000; margin:0px 0 0 0 }
ul.incentives3 li { float:left; margin:0 20px 0 0 }

ul.incentives4 { height:400px; background:#000; margin:0px 0 0 0 }
ul.incentives4 li { float:left; margin:0 20px 0 0 }

ul.incentives5 { height:400px; background:#000; margin:0px 0 0 0 }
ul.incentives5 li { float:left; margin:0 20px 0 0 }

ul.incentives6 { height:400px; background:#000; margin:0px 0 0 0 }
ul.incentives6 li { float:left; margin:0 20px 0 0 }

ul.incentives7 { height:400px; background:#000; margin:0px 0 0 0 }
ul.incentives7 li { float:left; margin:0 20px 0 0 }

ul.incentives8 { height:400px; background:#000; margin:0px 0 0 0 }
ul.incentives8 li { float:left; margin:0 20px 0 0 }

ul.incentives9 { height:400px; background:#000; margin:0px 0 0 0 }
ul.incentives9 li { float:left; margin:0 20px 0 0 }

ul.incentives10 { height:400px; background:#000; margin:0px 0 0 0 }
ul.incentives10 li { float:left; margin:0 20px 0 0 }

ul.content { height:0px; background:#000; margin:0px 0 0 0 }
ul.content li { float:left; margin:0 20px 0 0 }
ul.content{ margin-left:400px; padding: 0px 0 0px 0px; width:600px }
ul.content li.paa { margin-left:100px; padding: 0px 0 0px 0px; width:350px }
ul.content li.lsaa { margin-left:100px; padding: 0px 0 0px 0px; width:150px }

#content{margin-left:400px; height:18px; }
#contentvr{margin-left:550px}
/* New styles from step 14 */

h1 a { background:url(kuvia/pohjat/paabanneri.png) top left no-repeat; width:940px; height:392px; text-indent:-9999px; display:block }


div.navBar ul { padding:12px 5px 0 30px }
div.navBar ul li { display:inline; margin:0 15px 0 0 }
div.navBar ul li a.current { color: #006600 }
div.navBar form { position:absolute; top:10px; left:560px }
div.navBar form label { display:none }
div.navBar form input { width:220px }
div.navBar form input.button { width:110px; margin:0 0 0 10px }

div.footer ul { padding:0px 0 0 15px }
div.footer ul li { display:inline; margin:0 20px 0 0 }

div.footer ul { padding:5px 0 0 15px }
div.footer ul li { display:inline; margin:0 20px 0 0 }




/* New styles from step 15 */

ul.incentives { background:url(kuvia/pohjat/keskiosa2.jpg); height:700px }
ul.incentives li { padding:0px 0 }
ul.incentives li.main { padding: 30px 0 0px 60px; width:420px }
ul.incentives li.main2 { padding: 0px 0 0px 100px; width:430px }
ul.incentives li ol li { padding:0 }
ul.incentives li.more { padding:30px 0px 0px 30px; width:325px }

/* New styles from step 15 */

ul.incentives2 { background:url(kuvia/pohjat/keskiosa_linkit5.jpg); height:820px }
ul.incentives2 li2 { padding: 30px 0 0px 60px; width:380px }
ul.incentives2 li.main2 {margin-left:10px; padding: 30px 0 0px 60px; width:380px}
ul.incentives2 li.more2 { margin-left:64px; padding:30px 0px 0px 0px; width:100px  }
ul.incentives li.more3 { margin-left:-420px; padding:40px 30px 20px 0; width:110px }
ul.incentives li.more4 { margin-left:-420px; padding:119px 30px 20px 0; width:110px }
ul.incentives li.steps1 { width:100px; margin-right: 0px; padding:0px 0px 0px 0px; width:110px }

ul.incentives3 { background:url(kuvia/pohjat/keskiosa_linkit4.jpg); height:860px }
ul.incentives3 li3 { padding: 30px 0 0px 60px; width:380px }
ul.incentives3 li.main3 {margin-left:10px; padding: 30px 0 0px 60px; width:380px}
ul.incentives3 li.more3 { margin-left:64px; padding:30px 0px 0px 0px; width:100px  }
ul.incentives li.more3 { margin-left:-420px; padding:40px 30px 20px 0; width:110px }
ul.incentives li.more4 { margin-left:-420px; padding:119px 30px 20px 0; width:110px }
ul.incentives li.steps1 { width:100px; margin-right: 0px; padding:0px 0px 0px 0px; width:110px }

ul.incentives4 { background:url(kuvia/pohjat/keskiosa_yhteys3.jpg); height:660px }
ul.incentives4 li4 { padding: 30px 0 0px 60px; width:380px }
ul.incentives4 li.main4 { margin-left:10px; padding: 30px 0 0px 60px; width:300px}
ul.incentives4 li.more4 { margin-left:110px; padding:0px 0px 0px 0px; width:100px  }
ul.incentives li.more3 { margin-left:-420px; padding:40px 30px 20px 0; width:110px }
ul.incentives li.more4 { margin-left:-420px; padding:119px 30px 20px 0; width:110px }
ul.incentives li.steps1 { width:100px; margin-right: 0px; padding:0px 0px 0px 0px; width:110px }

ul.incentives5 { background:url(kuvia/pohjat/keski_peda.jpg); height:500px }
ul.incentives5 li5 { padding: 30px 0 0px 60px; width:380px }
ul.incentives5 li.main5 { margin-left:10px; padding: 30px 0 0px 60px; width:310px}
ul.incentives5 li.more5 { margin-left:120px; padding:30px 0px 0px 0px; width:400px  }
ul.incentives li.more3 { margin-left:-420px; padding:40px 30px 20px 0; width:110px }
ul.incentives li.more4 { margin-left:-420px; padding:119px 30px 20px 0; width:110px }
ul.incentives li.steps1 { width:100px; margin-right: 0px; padding:0px 0px 0px 0px; width:110px }

ul.incentives6 { background:url(kuvia/pohjat/keskiosa_kasvatus.jpg); height:550px }
ul.incentives6 li6 { padding: 30px 0 0px 60px; width:380px }
ul.incentives6 li.main6 { margin-left:10px; padding: 30px 0 0px 60px; width:370px}
ul.incentives6 li.more6 { margin-left:50px; padding:30px 0px 0px 0px; width:370px  }
ul.incentives li.more3 { margin-left:-420px; padding:40px 30px 20px 0; width:110px }
ul.incentives li.more4 { margin-left:-420px; padding:119px 30px 20px 0; width:110px }
ul.incentives li.steps1 { width:100px; margin-right: 0px; padding:0px 0px 0px 0px; width:110px }

ul.incentives7 { background:url(kuvia/pohjat/keskiosa_yt.jpg); height:500px }
ul.incentives7 li7 { padding: 30px 0 0px 60px; width:380px }
ul.incentives7 li.main7 { margin-left:10px; padding: 30px 0 0px 60px; width:370px}
ul.incentives7 li.more7 { margin-left:50px; padding:30px 0px 0px 0px; width:370px  }
ul.incentives li.more3 { margin-left:-420px; padding:40px 30px 20px 0; width:110px }
ul.incentives li.more4 { margin-left:-420px; padding:119px 30px 20px 0; width:110px }
ul.incentives li.steps1 { width:100px; margin-right: 0px; padding:0px 0px 0px 0px; width:110px }

ul.incentives7 { background:url(kuvia/pohjat/keskiosa_saksa.jpg); height:500px }
ul.incentives7 li7 { padding: 30px 0 0px 60px; width:380px }
ul.incentives7 li.main7 { margin-left:10px; padding: 30px 0 0px 60px; width:370px}
ul.incentives7 li.more7 { margin-left:50px; padding:30px 0px 0px 0px; width:370px  }
ul.incentives li.more3 { margin-left:-420px; padding:40px 30px 20px 0; width:110px }
ul.incentives li.more4 { margin-left:-420px; padding:119px 30px 20px 0; width:110px }
ul.incentives li.steps1 { width:100px; margin-right: 0px; padding:0px 0px 0px 0px; width:110px }

ul.incentives8 { background:url(kuvia/pohjat/keskiosa_ve.jpg); height:500px }
ul.incentives8 li8 { padding: 30px 0 0px 60px; width:380px }
ul.incentives8 li.main8 { margin-left:10px; padding: 30px 0 0px 60px; width:370px}
ul.incentives8 li.more8 { margin-left:50px; padding:30px 0px 0px 0px; width:370px  }
ul.incentives li.more3 { margin-left:-420px; padding:40px 30px 20px 0; width:110px }
ul.incentives li.more4 { margin-left:-420px; padding:119px 30px 20px 0; width:110px }
ul.incentives li.steps1 { width:100px; margin-right: 0px; padding:0px 0px 0px 0px; width:110px }

ul.incentives9 { background:url(kuvia/pohjat/keskiosa_yt_yt.jpg); height:500px }
ul.incentives9 li9 { padding: 30px 0 0px 60px; width:380px }
ul.incentives9 li.main9 { margin-left:10px; padding: 30px 0 0px 60px; width:370px}
ul.incentives9 li.more9 { margin-left:50px; padding:30px 0px 0px 0px; width:370px  }
ul.incentives li.more3 { margin-left:-420px; padding:40px 30px 20px 0; width:110px }
ul.incentives li.more4 { margin-left:-420px; padding:119px 30px 20px 0; width:110px }
ul.incentives li.steps1 { width:100px; margin-right: 0px; padding:0px 0px 0px 0px; width:110px }

ul.incentives10 { height:0px }
ul.incentives10 li10 { padding: 30px 0 0px 60px; width:380px }
ul.incentives10 li.main10 { margin-left:10px; padding: 30px 0 0px 60px; width:370px}
ul.incentives10 li.more10 { margin-left:50px; padding:30px 0px 0px 0px; width:370px  }
ul.incentives li.more3 { margin-left:-420px; padding:40px 30px 20px 0; width:110px }
ul.incentives li.more4 { margin-left:-420px; padding:119px 30px 20px 0; width:110px }
ul.incentives li.steps1 { width:100px; margin-right: 0px; padding:0px 0px 0px 0px; width:110px }

ul.incentives11 { background: url(kuvia/pohjat/keskiosa2.jpg); height:700px;}
ul.incentives11 li { padding:0px 0 }
ul.incentives11 li.main11 { padding: 30px 0 0px 60px; width:420px }
ul.incentives11 li.main2 { padding: 0px 0 0px 100px; width:430px }
ul.incentives11 li ol li { padding:0 }
ul.incentives11 li.more { padding:30px 0px 0px 30px; width:325px }

/* New styles from step 16 */

h3 { width:260px; height:50px; text-indent:-9999px }
h4 { width:260px; height:14px; text-indent:-9999px }
h5 { width:260px; height:14px; text-indent:-9999px }
h3.customer { background:url(kuvia/pohjat/teksti_03.png) }
h3.cutting { background:url(kuvia/pohjat/teksti_02.png)no-repeat }
h3.environ { background:url(kuvia/pohjat/uusi_gtf.png) no-repeat }
h3.palvelu { background:url(kuvia/pohjat/palvelu.png) no-repeat }
h3.toiminta { background:url(kuvia/pohjat/toiminta.png) no-repeat }
h3.karjala_oy { background:url(kuvia/pohjat/karjala_oy.png) no-repeat }
h3.peda { background:url(kuvia/pohjat/peda_teksti.png) no-repeat }
h5.vali { background:url(kuvia/pohjat/uus_j.png) no-repeat }
h5.leiri { background:url(kuvia/pohjat/teksti_03_vali_leiri.png) no-repeat }
h3.taulu { background:url(kuvia/pohjat/taulu_txt.png) no-repeat; width:400px;  }
h3.kasvatus { background:url(kuvia/pohjat/kasvatus.png) no-repeat; width:400px;  }
h3.apu { background:url(kuvia/pohjat/apu.png) no-repeat; width:400px;  }
h3.yt { background:url(kuvia/pohjat/yt.png) no-repeat; width:400px;  }
h3.saksa { background:url(kuvia/pohjat/saksa.png) no-repeat; width:400px;  }
h3.kont { background:url(kuvia/pohjat/kont.png) no-repeat; width:400px;  }
h3.esp { background:url(kuvia/pohjat/kont_esp.png) no-repeat; width:400px;  }
h3.ve { background:url(kuvia/pohjat/kont_ve.png) no-repeat; width:400px;  }
h3.swe { background:url(kuvia/pohjat/kont_swe.png) no-repeat; width:400px;  }



/* New styles from step 17 */

h2 { font-size:14px }
p { margin:0 0 18px 0 }
div.footer { margin:0px 0 10px 0 }
div.share { width:160px; float:left; }

table.one
{
table-layout: automatic
empty-cells: show
border-collapse: separate;
border-spacing: 10px 50px
}