/* Yleiset */

* {
margin:0;
padding:0;
vertical-align:top;
}

body {
	background-color:#3f3f3f;
	background-image:url(images/background.gif);
	background-position:top;
	background-repeat:repeat-x;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:left;
	color:#FFFFFF;
}


h1 {
font-size:20px;
padding:0px 10px 10px 0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

h2 {
font-size:14px;
font-weight:bold;
color:#666666;
padding:0px 10px 10px 10px;
}

h3 {
font-size:12px;
font-weight:bold;
color:#d2232a;
padding:0px 10px 5px 10px;
}

p {
padding:10px 15px 10px 0px;
line-height:1.3;
}

/* Rakenne */

#frame {
width:900px;
margin:auto;
padding-top:60px;
}

#topheader {
height:50px;
text-align:right;
}

#mainstage {
height:370px;
}

#mainstage_right {
width:616px;
float:right;
}

#mainstage_left {
width:284px;
float:left;
}

#mainstage_left a {
width:138px;
height:33px;
display:block;
background-image:url(images/button_bckg_off.gif);
background-position:left;
color:#c4c4c4;
text-align:center;
line-height:28px;
text-decoration:none;
float:right;
margin-top:20px;
}

#mainstage_left a:hover {
color:#FFFFFF;
background-image:url(images/button_bckg_over.gif);
background-position:left;
}

#ref_navi {
clear:both;
width:616px;
float:right;
}

.ref_image {
border:#CCCCCC 1px solid;
margin:5px 6px 5px 6px;
}

#contact {
padding-top:20px;
clear:both;
width:380px;
float:right;
text-align:right;
color:#CCCCCC;
}