body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
}
body {
	background-color: #d2d1cc;
	background-image: url(/images/bgr.jpg);
	background-repeat: repeat-x;
	padding:0;
	margin:0;
	padding-bottom:40px;
	font-size:11px;
}
#container {
margin-top: 0;
margin-bottom:100px;
width: 783px;
margin: auto;
text-align:left;
}
#head {
padding-bottom: 70px;
}
#logo {
margin-top: 5px;
float:left;
}
#navi{
float:right;
margin-top:20px;
}
#navi a {
font-weight: bold;
text-decoration: none;
padding: 4px 10px;
}
.hl_company {
color: #5aa0cd;
}
.hl_company_sel, .hl_company:hover {
color: white;
background-color: #5aa0cd;
}
.hl_services {
color: #ec9f00;
}
.hl_services_sel, .hl_services:hover {
color: white;
background-color: #ec9f00;
}

#frontcontainer {
width: 783px;
clear: both;
}
/* for front page */
#frontmain {
width: 515px;
float: left;
}
#frontmainhead {
width:515px;
height:207px;
background-image:url(/images/etusivu_lontoo.jpg);
}
#frontcontent {
background-color:#FFFFFF;
padding: 20px;
padding-top: 15px;
}
#frontmainbottom {
width:515px;
height:22px;
background-image:url(/images/etusivu_bot.gif);
background-repeat: no-repeat;
margin-bottom: 20px
}
.newsbox {
margin-top: 10px;
margin-left: 10px;
width: 192px;
float: left;
}
#loginbox {
margin-left: 10px;
width: 192px;
float: left;
}
#hide1 #loginbox {
float: right;
}
#logintop {
width: 192px;
height: 17px;
background-image:url(/images/login_head_bgr.gif);
background-repeat: no-repeat;
}
#logincontent {
width: 152px;
color: #ffffff;
background-color: #5aa0cd;
padding: 0px 20px;
}
#logincontent h3 {
margin: 0px;
margin-bottom: 10px;
left: -10px;
position: relative;
color: white;
font-size: 12px;
font-weight: bold;
}
#logincontent select {
width: 150px;
color: #888888;
font-weight: bold;
}
.loginbutton, .loginbutton:link, .loginbutton:visited, .loginbutton:hover {
  display: block;
  height: 27px;
  padding-top: 10px;
  text-align: right;
  color: #ffffff;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
  padding-right: 30px;
  background-image:url(/images/login_nuoli_sin.gif);
  background-repeat: no-repeat;
  background-position: right;
}
#loginbot {
width: 192px;
height: 12px;
background-image:url(/images/login_bot_bgr.gif);
background-repeat: no-repeat;
}
form {
margin: 0px;
}

#main{
background-color:#FFFFFF;
width: 783px;
position:absolute;
top:70px;
}

/* common definitions on all categories */

.col_r_head {
width:191px;
height:10px;
}

.col_r_bot {
width:191px;
height:10px;
background-position: bottom;
margin-bottom: 10px;
}

.col_r_cont a {
  color: #ffffff;
  font-weight: bold;
  display: block;
  background-repeat: no-repeat;
  background-position: 0px 7px;
  min-height: 16px;
  height:auto !important; /* IE6 hack */
  height:16px;            /* IE6 hack */
  padding-left: 22px;
  text-decoration: none;
  padding-top: 7px;
}



/* Services */

#serviceshead {
width:783px;
height:230px;
background-image:url(/images/palvelut_domino.jpg);
}
#services h1 {
color: #ec9f00;
border-bottom:1px solid #ec9f00;
}
#services .pullquote {
border-left: 2px solid #ec9f00;
}

#services .col_r_head {
background-image:url(/images/rcol_head_kelt.gif);
}
#services .col_r_cont {
background-color:#ec9f00;
}
#services #col_r h3 {
background-image:url(/images/huuto_kelt.gif);
}
#services .col_r_cont a {
  background-image:url(/images/pikkunuoli_kelt.gif);
}
#services .col_r_cont a.nolink {
  background-image:none;
}
#services .col_r_bot {
background-image:url(/images/rcol_bot_kelt.gif);
}


.question {
color: #ffffff;
padding: 0px 12px;
padding-bottom: 10px;
}

#services #subnav a {
background-image:url(/images/subnav_button_bgr_kelt.gif);
}
#services #subnav a.subnav_sel {
color: #ec9f00;
background-image:url(/images/subnav_button_bgr_active.gif);
}


/* services sub categories */

#servicessubhead {
width:783px;
height:230px;
background-image:url(/images/palvelut_tikka.jpg);
}

/* products / case */

#productshead {
width:783px;
height:230px;
background-image:url(/images/tuotteet_omena.jpg);
}
#productssubhead {
width:783px;
height:230px;
background-image:url(/images/case_vatu.jpg);
}
#products h1 {
color:#4bb604;
border-bottom:1px solid #4bb604;
}
#products .pullquote {
border-left: 2px solid #4bb604;
}

#products .col_r_head {
background-image:url(/images/rcol_head_vihr.gif);
}
#products .col_r_cont {
background-color:#4bb604;
}
#products #col_r h3 {
background-image:url(/images/huuto_vihr.gif);
}

/* .col_r_cont a, .col_r_cont a:link, .col_r_cont a:visited, .col_r_cont a:hover {*/
#products .col_r_cont a {
  background-image:url(/images/pikkunuoli_vihr.gif);
}
#products .col_r_cont a.nolink {
  background-image:none;
}

/* 
#products .col_r_cont a:hover {
  font-style: italic; 
}
*/
#products .col_r_bot {
background-image:url(/images/rcol_bot_vihr.gif);
}

#products #subnav a {
background-image:url(/images/subnav_button_bgr_vihr.gif);
}
#products #subnav a.subnav_sel {
color: #4bb604;
background-image:url(/images/subnav_button_bgr_active.gif);
}

.productlinks span {
display: block;
padding-left: 22px;
}
.productlinks a.nolink {
background-image:none;
}

/* company */

#companyhead {
width:783px;
height:230px;
background-image:url(/images/yritys_aurinkok.jpg);
}
#company h1 {
color: #5aa0cd;
border-bottom:1px solid #5aa0cd;
}
#company .pullquote {
border-left: 2px solid #5aa0cd;
}
#company .col_r_cont {
width:191px;
background-color: #5aa0cd;
}
#company #col_r h3 {
background-image:url(/images/huuto_sin.gif);
}

#company .col_r_head {
background-image:url(/images/rcol_head_sin.gif);
}

#company .col_r_bot {
background-image:url(/images/rcol_bot_sin.gif);
}

#company ul {
margin-bottom: 0px;
list-style-image:url(/images/nuoli_lista_sin.gif);
}
#company li {
left: -10px;
position: relative;
color: #ffffff;
padding-bottom: 7px;
}

#company #subnav {
top: 160px;
background-image:url(/images/subnav_bgr1.gif);
}

#company #subnav a {
background-image:url(/images/subnav_button_bgr_sin.gif);
}
#company #subnav a.subnav_sel {
color: #5aa0cd;
background-image:url(/images/subnav_button_bgr_active.gif);
}

/* contact / people */

#contacthead {
width:783px;
height:230px;
background-image:url(/images/ihmiset_taulu.jpg);
}


#mainhead{
width:783px;
height:230px;
background-image:url(/images/main_head_bgr.jpg);
}


#subnav {
width:200px;
height:131px;
background-image:url(/images/subnav_bgr.gif);
background-repeat: no-repeat;
position:relative;
top:80px;
left:568px;
padding-top: 1px;
}

/*
#subnav a {
display: block;
width: 146px;
height: 21px;
color: #ffffff;
font-weight: bold;
text-decoration: none;
background-repeat: no-repeat;
background-position: 95% 50%;
padding-right: 22px;
padding-left: 10px;
overflow: hidden;
white-space: nowrap;
}
*/
#subnav a {
color: #ffffff;
font-weight: bold;
text-decoration: none;
display: block;
width: 148px;
height: 28px;
text-decoration: none;
background-repeat: no-repeat;
padding-right: 22px;
padding-left: 8px;
overflow: hidden;
white-space: nowrap;
margin-left: 10px;
margin-top: 9px;
padding-top: 3px;
}
.oneline {
line-height: 27px; /* to align text middle */
}
.twolines {
line-height: 12px;

}
.subnavlink {
width: 178px;
height: 31px;
margin-left:10px;
margin-top: 9px;
}
.subnavbutton {
margin-top:10px;
margin-left:10px;
}

/* columns */

#col_wide {
margin-top:20px;
width:540px;
float:left;
margin-left:20px;
display: inline;
}
.col_wide_l {
margin-top:0px;
width:260px;
float:left;
display: inline;
}
.col_wide_c {
margin-top:0px;
width:260px;
float:right;
margin-left:20px;
display: inline;
}
#col_l {
margin-top:20px;
/* width:220px; */
width:191px;
float:left;
margin-left:20px;
display: inline;
}
#col_c {
margin-top:20px;
/*width:290px; */
width:319px;
float:left;
margin-left:20px;
display: inline;
}
#col_r {
width:191px;
float:right;
margin-right:20px;
display: inline;
}
h1 {
text-transform: uppercase;
margin-left:20px;
width:540px;
border-bottom:1px solid #73c63b;
margin-bottom:0px;
color:#73c63b;
}


#col_c p {
padding-bottom: 14px;
margin-bottom: 0px;
margin-top: 0px;
}
#col_c p.ingressi {
padding-bottom: 7px;
}
#col_c a {
color: #000000;
text-decoration:underline;
}
#col_r p {
color:#FFFFFF;
padding:0 12px;
padding-bottom: 7px;
margin-bottom: 0px;
margin-top: 0px;
}

#col_r h3 {
border-bottom: 1px solid #fff;
margin-top:0px;
color:#FFFFFF;
padding:2px 34px 6px 12px;
font-size: 11px;

background-repeat: no-repeat;
background-position:163px 0px;
min-height:21px;
height:auto !important; /* IE6 hack */
height:21px;            /* IE6 hack */



}
h2{
font-size:14px;
font-weight:bold;
margin-top:0px;
}








.line {
border-bottom: 1px solid #5aa0cd;
}
.linkbox {
padding: 10px 20px;
}
#frontcontent span {
display: block;
}
#frontcontent a {
display: block;
text-decoration: none;
  margin-top: 10px;
  padding-top: 10px;
  padding-left: 70px;
  padding-bottom: 10px;
}
.l_yritys {
  color: #5aa0cd;
  background-image:url(/images/etusivu_nuoli_sin.gif);
  background-repeat: no-repeat;
}
.l_palvelut {
  color: #ec9f00;
  background-image:url(/images/etusivu_nuoli_kelt.gif);
  background-repeat: no-repeat;
}
.link1 {
font-size: 12px;
}
.link2 {
font-size: 12px;
font-weight: bold;
}
.linktext {
padding-top: 10px;
color: black;
}

.frontingressi{
margin-top: 0px;
font-weight:bold;
font-size: 12px;
color: #5aa0cd;
}
.ingressi{
font-weight:bold;
}


.pullquote {
margin-top:0;
border-left:2px solid #73c63b;
padding-left:4px;
line-height:18px;
margin-bottom:24px;
color:#3f3f3f;
}


#mainbottom {
clear: both;
height:102px;
background-image:url(/images/bottom.gif);
}