@charset "utf-8";
html,
body 
{
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	height:100%;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;	
	color: #000;
	background-image:url(../img/body_bg.png);
	background-position:center bottom;
	background-repeat:repeat-y;
}


h1
{
font-weight:bold;
font-size:100%;
}

a
{
color:#004a83;
font-weight:bold;
text-decoration:none;
}
a:hover
{
text-decoration:underline;
}

a img
{
border:0;
}


/* TAITTO DIVIT */

#container
{
width: 960px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
margin: 0px auto 0px auto; /* the auto margins (in conjunction with a width) center the page */
/* text-align: left; /* this overrides the text-align: center on the body element. */
padding:0;
text-align:left;


/* get down! */
min-height:100%;
position:relative;
/* */

}

#header
{
height:62px;
width:960px;
float:left;
clear:both;	
}



.mainnavi
{
height:22px;
width:950px;
float:left;
clear:both;
padding-left:10px	
}

.mainnavi a
{
color:#777;
font-weight:normal;
}

#subnavi a
{
color:#000;
font-weight:normal;
}


.mainnavi ul,
.mainnavi li,
#subnavi ul,
#subnavi li
{
display:inline;
}

.mainnavi li
{
line-height:22px;
margin-right:20px;
}

.mainnavi ul li .selected
{
font-weight:bold;
color:#004a83;
}


#subnavi li
{
line-height:23px;
margin-right:20px;
}


#logo
{
width:165px;
height:27px;
float:left;
margin-left:18px;
margin-top:25px;
}

#haku
{
width:200px;
/* height:62px;*/
float:right;
margin-right:12px;
padding-top:18px;
color:#83918b;
font-size:11px;

height:52px;
}

.hakuboksi
{
padding-top:5px;
width:200px;
float:left;
height:30px;
}

.language
{
padding:5px 5px 5px 30px;
}

.language a
{
color:#83918b;
font-size:11px;
font-weight:normal;
padding-right:10px;
}

#haku input
{
color: #000;
border: 1px solid #bdc5c2;
width:158px;
}

.haku_form
{
background-color:#00CCFF;
}

#subnavi
{
/*height:23px;*/
min-height:23px;
width:950px;
float:left;
clear:both;
text-align:left;
background-color:#9ba1a4;
padding-left:10px;
}

.valittu a
{
font-weight:bold !important;

}

#intro
{
height:330px;
width:960px;
float:left;
clear:both;	
background-repeat:no-repeat;
}

#intro .heading_area
{
width:410px;
height:83px;
float:left;
clear:both;	
padding-left:50px;
padding-top:30px;
}

#intro h1
{
color:#fff;
font-size:18px;
margin:0px;
padding:0px;
}

#intro .intro_text
{
clear:both;
width:410px;
height:187px;
float:left;
padding-left:50px;
padding-top:30px;
}

.intro_text p
{
margin-top:0px;
padding-top:0px;
color:#000;
font-size:13px;
line-height:15px;
}

.home
{
background-image:url(../img/home_bg.png);
}
.products
{
background-image:url(../img/products_bg.png);
}
.sales
{
background-image:url(../img/sales_bg.png);
}
.company
{
background-image:url(../img/company_bg.png);
}
.contact
{
background-image:url(../img/contact_bg.png);
}
.materialbank
{
background-image:url(../img/materialbank_bg.png);
}

#frontpage_content
{
width:920px;
float:left;
clear:both;
padding-left:15px;
margin-top:20px;
padding-bottom:30px;
}

#page_content
{
width:870px;
float:left;
clear:both;
padding-left:50px;
margin-top:20px;
padding-bottom:30px;
}

.content_column1
{
width:500px;
float:left;

}

.content_column2
{
width:320px;
float:right;

}


.frontpage_table td
{
text-align:center;
vertical-align:top;
border:0px red solid;
}

.frontpage_padding
{
padding-left:45px;
padding-top:20px;
}

.news_table
{
width:236px;
text-align:left;
color:#000;
font-size:11px;
}

.news_table a
{
color:#000;
font-weight:normal;
}

.news_table .top
{
background-image:url(../img/news_box_top.png);
height:4px;
}

.news_table .middle
{
padding:11px 15px 11px 15px;
background-color:#ccdbea;
text-align:left;
}

.news_table .bottom
{
background-image:url(../img/news_box_bottom.png);
height:4px;
}



#frontpage_footer {
  width:500px;
  float:left;
  padding-left:50px;
  padding-top:100px;
  height:30px;   /* Height of the footer */
  font-size:10px;
  color:#777;
 }
 
 #footer {
  width:500px;
  float:left;
  padding-left:0px;
  padding-top:100px;
  height:30px;   /* Height of the footer */
  font-size:10px;
  color:#777;
 }


 .footer_pic
 {
	 /*background-image:url(../img/sales_bottom_bg.png);*/
	 background-repeat:no-repeat;
	 background-position:right bottom;
	 clear:both;
	 float:right;
	 width:960px;
	 height:335px;
}

#pic_footer {
  width:500px;
  float:left;
  padding-left:50px;
  padding-top:260px;
  height:30px;   /* Height of the footer */
  font-size:10px;
  color:#777;
 }