/* (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/18px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif;
	color:#3C362F
}
p { margin:0 0 20px 0 }
p.otso {color: #0000FF}
h2, span { color:#fc0 }
a { color: #669900; text-decoration:none }
a:hover { color: #c1bb44 }

a.five {color: #669900; text-decoration: none}
a.five:hover {color: #FFFFFF; text-decoration: none}

a.fivelue {color: #669900; text-decoration: none}
a.fivelue:hover {color: #c1bb44; text-decoration: none}
/* Layout - basics */

html { text-align:center }
body { width:940px; text-align:left; margin:0 auto }

div.navBar { height:42px; background-image: url(hie_uus_04.jpg); border:none;}

ul.incentives { height:200px; 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: color: #669900 }
ul.incentives li p {
	color:#666666
}
ul.incentives li p.otso {
	color: #669900; font-size: 14px
}

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




ul.reasons li { float:left; width:300px; margin:0 20px 0 0 }
ul.reasons li.last { margin:0 }

div.footer { height:40px; background:#cf6 }


p.cvd{
	margin:1.4em 0 .75em;
	font:normal 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.4em;
	padding-left:0px;
	
	letter-spacing:0.1em;
	color: #669900;
}




/* New styles from step 14 */

div.img a:hover img
  {
  border: 1px solid #CCCCCC;
  }

h1 a { background:url(hie_uus_07_02.jpg) top left no-repeat; width:940px; height:316px; text-indent:-9999px; display:block }


div.navBar ul { padding: 13px 0 0px 90px }
div.navBar ul li { display:inline; margin:0 15px 0 0 }
div.navBar ul li a.current { color:#000 }
div.navBar form { position:absolute; top:10px; left:560px }
div.navBar form label { display:none }
div.navBar form input { width:220px }


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




/* New styles from step 15 */

ul.incentives { background:url(hieronta_05.jpg); height:422px; border:none;}
ul.incentives li { padding:0px 0 }
ul.incentives li.main {margin-left:70px; padding:80px 0 20px 30px; width:200px }
ul.incentives li ol li { padding:0 }
ul.incentives li.more { margin-left:30px; padding:40px 30px 20px 0px; width:250px }
ul.incentives li.more_more { margin-left:0px; padding:40px 30px 20px 0px; width:250px }
ul.incentives li.more_more_raili { margin-left:30px; padding:100px 0px 0px 10px; width:152px }
ul.incentives li.more_more_raili_gtf { margin-left:80px; padding:70px 0px 0px 10px; width:120px }
ul.incentives li.more_more_raili_hie {
	margin-left:35px;
	padding:65px 0px 0px 10px;
	width:152px
}	
	
ul.incentives2 { background:url(joo.jpg); height:459px }
ul.incentives2 li2 { padding: 30px 0 0px 60px; width:380px }
ul.incentives2 li.main2 {margin-left:600px; padding: 0px 0 0px 0px; width:390px;}
ul.incentives2 li.more2 { margin-left:490px; padding:60px 0px 0px 0px; width:450px  }
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 }

/* New styles from step 16 */

h3 { width:350px; height:55px; text-indent:-9999px }
h5 { width:300px; height:55px; text-indent:-9999px }
h6 { width:254px; height:20px; text-indent:-9999px }
h2 { width:152px; height:199px; text-indent:-9999px }
h3.customer { background:url(otsikkouus.png) }
h3.hoito { background:url(hoito.png) }
h3.intia { background:url(intia.png) }
h3.yritys { background:url(yritys.png) }
h3.yhteys { background:url(yhteys.png) }
h3.environ { background:url(ku.jpg) no-repeat }
h3.raili { background:url(otsikko.png) no-repeat }
h3.gtf { background:url(gtf.png) no-repeat }
h5.vali { background:url(kokous.png) no-repeat }
h6.kokeilu {background: url(kokeilu.png) no-repeat }
h2.rai {background: url(rai.jpg) no-repeat }
h3.hie {background: url(hie.jpg) no-repeat; width:197px; height:294px; text-indent:-9999px }


/* New styles from step 17 */

h2 { font-size:14px }
p { margin:0 0 18px 0 }
div.footer { margin:22px 0 40px 0 }


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