/* METALLIA PLANEETALTA - V.1.0, 11/2006 */

/* GENERAL MODS
- - - - - -  - - - - - - - -  - - - - - - - -  - - - - - - - -  - - */

#hidden {display:none;}

body,html {
margin:0;
padding:0;
background:#cfcfcf;
color:#000;
}

body {
min-width:750px;
font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
font-size:76%;
line-height:140%;
text-align:center;
background:#cfcfcf url(../images/punaharmaa_bg.gif) repeat-x top left;
}

/* WRAP EVERYTHING JA YLÄOSAN TAUSTA
- - - - - -  - - - - - - - -  - - - - - - - -  - - - - - - - -  - - */
#container {background:url(../images/pallo.gif) no-repeat 50% 260px;}

/* SISÄLTÖALUEEN KESKITYS
- - - - - -  - - - - - - - -  - - - - - - - -  - - - - - - - -  - - */
#container2 {width:766px; margin:0 auto;}

/* KESKITYS 2 - HARMAA VARJOTAUSTA
- - - - - -  - - - - - - - -  - - - - - - - -  - - - - - - - -  - - */
#wrap {
margin:0px auto;
width:766px;
text-align:left;
clear:both;
background:#efefef url(../images/wrap_bg.gif) no-repeat top center;
float:left;
}
/* VASEN
- - - - - -  - - - - - - - -  - - - - - - - -  - - - - - - - -  - - */
#main {
background:none;
float:left;
width:380px;
text-align:center;
padding:0 0 40px 0;
}
/* OIKEA 
- - - - - -  - - - - - - - -  - - - - - - - -  - - - - - - - -  - - */
#sidebar {
float:right;
width:367px;
}
/* OIKEAN PALSTAN WRAP + MOOFX STICKKERI
- - - - - -  - - - - - - - -  - - - - - - - -  - - - - - - - -  - - */
#content {
margin:0 13px 0 0;
clear:both;
background:url(../images/logo.gif) bottom center no-repeat;
padding:0 0 140px 0;
}
/* EDUT
- - - - - -  - - - - - - - -  - - - - - - - -  - - - - - - - -  - - */
.stretcher {
background:#F9F9F9 url(../images/2dot0strikesback.png) 0 0 repeat-y;
}
/* LIITTYMISINFO
- - - - - -  - - - - - - - -  - - - - - - - -  - - - - - - - -  - - */
#liittyminen {
width:100%;
text-align:left;
clear:both;
color:#FFF;
float:left;
background:#9b2425 url(../images/liittyminen_bg.png) 50% 0  repeat-x;
padding:80px 0 20px 0;
}

#liittyminen a {color:#FFF; font-style:italic;}
#liittyminen a:hover {text-decoration:underline; }

#floatteri {
background:url(../images/osoittava_sormi.gif) no-repeat 0px 0;
width:80%;
float:left;
}

#floatteri h2 {
color:#FFF;
margin:10px 0 20px 266px; 
font-style:italic;
font-size:2em;
} 

#floatteri p {
color:#FFF;
margin:0 0 10px 266px; 
}

#floatteri h3, #floatteri ol, #floatteri ul {margin-left:266px; padding:0;}

#osoitenavi {
width:490px; 
clear:both; 
text-align:center; 
margin:0 auto; 
padding:0; 
height:20px;
}

#osoitenavi   a {font-size:1.5em; display:block; width:160px; float:left; margin:0; padding:20px 0 20px 0; background:#9b2425; color:#FFF; text-decoration:none; border-top:dashed 0px #cfcfcf;}

#osoitenavi   a:hover {background:#0066aa; color:#FFF; }

a#jarvi, a#lapua {border-right:solid 1px #cfcfcf;}

#osoitteet {
background:#cfcfcf;
text-align:left;
width:100%;
margin:0 auto;
clear:both;
float:left;
padding-bottom:100px;
}

#osoite1, #osoite2, #osoite3   {width:420px; margin:0 auto; padding:0;background:#e3e3e3; text-align:center;}

#osoitteet h2 {margin:10px 10px 20px 10px;color:#FFF; padding:0;}
#osoitteet h3 {margin:10px 10px 20px 10px; padding:0; font-size:1.2em;}
#osoitteet dl {text-align:center; padding:0; text-indent:0; margin:0; width:100%;}
#osoitteet dt {clear:left; margin:10px 10px; font-weight:bold; padding:0;}
#osoitteet dd {padding:0; margin:0;} 
#osoitteet p {margin:10px 0 0 0; clear:both; padding:0 0 10px 0;}

/* HEADER
- - - - - -  - - - - - - - -  - - - - - - - -  - - - - - - - -  - - */
#header {
width:740px;
height:334px;
margin:0 auto;
padding:0;
clear:both;
line-height:0%;
font-size:0;
position:relative;
}

h1 {font-size:0; margin:0; padding:0; line-height:0%;}

#main h2, #main p, #main li  {text-align:left;}
#main img {margin:20px}

/* TYPOGRAPHEE
- - - - - -  - - - - - - - -  - - - - - - - -  - - - - - - - -  - - */
p {margin:1em 0 0em 40px; font-size:1.1em;}
.small {font-size:0.8em;}

ol {font-weight:bold; list-style:square;}
ul {list-style:square;}
li {list-style-position: inside;}

h2 {color:#a02294; 
padding:18px 0 0 0; 
margin-left:40px; 
font-size:20px; 
font-family:'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
}

#main h3 {color:#a80202; padding:0em 0 0em 10px; margin-left:30px; }

a {text-decoration:none; color:#0076b0;}
a:link {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:underline;}
a:active {text-decoration:none;}

.gutter h3{
margin:0;
padding:0;
text-indent:48px;
line-height:62px;
}

.gutter h3 a {
display:block; 
font-size:14px;
width:100%; 
height:52px;
background:url(../images/slider_bg.png) 0 0 no-repeat;
overflow: hidden;
color:#ac1c1c;
}

.gutter h3 a:hover {
text-decoration:none; 
background:url(../images/slider_bg.png) 0 -52px no-repeat;
}

.stretcher p {
margin:5px 10px 5px 30px; 
padding:5px 0; 
color:#444;
}