/* Layout */

body {
	margin: 0px;
	text-align: center;
	background: #000 url(../images/back_body.jpg) repeat-x top left;
	background-color: #000000;
	font-family: Arial, sans-serif;
	font-size: 10pt;
	color: #fff;
}

div.container {
  font-family: Calibri;
	width: 1082px;
	margin: 0px auto;
	text-align: left;
}

	div.header {
		width: 1082px;
		height: 117px;
		background: url(../images/back_head.jpg) 0% 0% repeat-x;
	}

		div.navi {
			float: right;
			margin-top: 20px;
			color: #8d8d8d;
		}

		  div.navi a {
				padding: 2px 10px;
				font-size: 12pt;
				color: #8d8d8d;
				text-decoration: none;
			}

			div.navi a.active, div.navi a:hover {
				color: #ffffff;
			}

	div.content {
    width: 100%;
		min-height: 445px;
		padding-top: 10px;
	}

  	div.main {
      float: right;
  		width: 430px;
  	}

    	img#sivukuva {
        float: left;
      }

  	div.tuotteet {
      float: left;
  		width: 630px;
  	}

      div.tuotteet ul {
        text-align: right;
        margin: 0 20px 20px 0;
        padding: 0;
        list-style-type: none;
      }
      
      div.tuotteet ul.alakategoriat {
        position: relative;
        top: -20px;
      }
      
      div.tuotteet ul li {
        display: inline;
        margin: 0 0 0 25px;
      }
      
      div.tuotteet h2 {
        margin: 0 0 0 20px;
        padding: 0;
        font-size: 15pt;
        font-weight: normal;
      }
      
      div.tuotteet ul li a {
        font-size: 1.3em;
        color: #8d8d8d;
      }

      div.tuotteet ul.alakategoriat li a {
        font-size: 1.2em;
      }

      div.tuotteet ul.alakategoriat li a.active {
        font-weight: normal;
      }
      
      div.tuotteet ul li a.active {
        font-weight: bold;
        color: #fff;
      }
      
      div.tuotteet ul li a:hover {
        color: #fff;
      }

      div.tuote {
        float: left;
        width: 160px;
        margin: 0 25px 20px;
      }
      
      div.tuote a {
        display: block;
      }

	div.footer {
	  background: url(../images/footer_bg.jpg) repeat-x top left;
	  text-align: center;
	  min-height: 166px;
	}

		div.footer div.logos {
			padding-top: 20px;;
		}

			div.footer div.logos img {
        border: 0;
				margin-right: 40px;
				vertical-align: top;
			}

/* Yleiset */

div.main h1 {
  font-size: 14pt;
  margin: 5pt 0;
}

div.main h2, div.main h3, div.main h4 {
  font-size: 12pt;
  margin: 5pt 0;
}

a {
  color: #ff0000;
  text-decoration: none;
}