/*----------*/
	/* Vartalot */
	/*----------*/

	body.oranssi { 
	background-color: #ffff01;
	}

	body.harmaa { 
	background-color: #d3d3d3;
	}

	img.ylakuva {
	position: absolute;
	bottom: 0px;
	left: 0px;
	z-index: 0;
	}

	img.alakuva {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 0;
	}

	img.vasenkuva {
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 0;
	}
	
	img.oikeakuva {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 0;
	}
	
	/*---------------------*/
	/* Tekstin korostukset */
	/*---------------------*/

	/* teksti */
	font.perusasema {
	color: #000000;
	font-family: Century Gothic;
	font-size: 12pt;
	font-weight: normal;
	line-height: 12pt;
	font-variant: normal;
	font-style: normal;
	position: absolute;
	top: 100px;
	left: 5px;
	}
		
	/* taulukkojen fonttikoko */
	font.taulukko {
	color: #000000;
	font-family: Century Gothic;
	font-size: 12pt;
	font-weight: normal;
	line-height: 12pt;
	font-variant: normal;
	font-style: normal;
	}
	
	/* korostus 1 */
	h1.otsikko {
	color: black;
	font-family: Century Gothic;
	font-size: 14pt;
	font-weight: bold;
	position: absolute;
	top: 30px;
	left: 200px;
	}
	
	/* korostus 2 */
	h2.aliotsikko{
	color: black;
	font-family: Century Gothic;
	font-size: 13pt;
	font-weight: bold;
	}

	/*---------------------------------------------*/
	/* linkkien väritys eri tilanteissa            */
	/*---------------------------------------------*/

	/* linkit */
	A:link { 
	color: #686868;
	font-family: Century Gothic;
	font-size: 12pt;
	font-weight: bold;
	line-height: 12pt;
	font-variant: normal;
	font-style: normal;
	}
	
	/* katsotut linkit */
	A:visited {
	color: #686868;
	font-family: Century Gothic;
	font-size: 12pt;
	font-weight: bold;
	line-height: 12pt;
	font-variant: normal;
	font-style: normal;
	}
	
	/* valintaväri */
	A:hover {
	color: #000000;
	font-family: Century Gothic;
	font-size: 12pt;
	font-weight: bold;
	line-height: 12pt;
	font-variant: normal;
	font-style: normal;
	} 
	
	/* aktiivinen linkki */
	A:active {
	color: #000000;
	font-family: Century Gothic;
	font-size: 12pt;
	font-weight: bold;
	line-height: 12pt;
	font-variant: normal;
	font-style: normal;
	} 	

	/*---------------*/
	/* esittely.html */
	/*---------------*/
	

	img.kukka2 {
	position: absolute;
	top: 210px;
	right: 5px;
	z-index: 0;
	}


	font.esittely {
	color: #000000;
	font-family: Century Gothic;
	font-size: 12pt;
	font-weight: normal;
	line-height: 14pt;
	font-variant: normal;
	font-style: normal;
	position: absolute;
	top: 100px;
	left: 5px;
	text-align: justify;
	}
	
	font.piste1 {
	color: #000000;
	font-family: Century Gothic;
	font-size: 20pt;
	font-weight: bold;
	line-height: 20pt;
	font-variant: normal;
	font-style: normal;
	position: absolute;
	top: 126px;
	left: 220px;
	}

	font.piste2 {
	color: #000000;
	font-family: Century Gothic;
	font-size: 20pt;
	font-weight: bold;
	line-height: 20pt;
	font-variant: normal;
	font-style: normal;
	position: absolute;
	top: 215px;
	left: 220px;
	}
	
	font.piste3 {
	color: #000000;
	font-family: Century Gothic;
	font-size: 20pt;
	font-weight: bold;
	line-height: 20pt;
	font-variant: normal;
	font-style: normal;
	position: absolute;
	top: 298px;
	left: 220px;
	}
	
	/* Esittelysivun otsikko */
	h1.esitotsikko {
	color: black;
	font-family: Century Gothic;
	font-size: 14pt;
	font-weight: bold;
	position: absolute;
	top: 30px;
	left: 90px;
	}
	
	/*--------------*/
	/* erikoist.html */
	/*--------------*/
	
	img.erikoist {
	position: absolute;
	top: 165px;
	left: 280px;
	border: 0px none;
	z-index: 0
	}

	/* Tuotteet otsikko */
	h1.erikotsikko {
	color: black;
	font-family: Century Gothic;
	font-size: 14pt;
	font-weight: bold;
	position: absolute;
	top: 10px;
	left: 170px;
	}
	
	font.erikoist {
	color: #000000;
	font-family: Century Gothic;
	font-size: 12pt;
	font-weight: normal;
	line-height: 16pt;
	font-variant: normal;
	font-style: normal;
	position: absolute;
	top: 75px;
	left: 5px;
	}
	
	/*--------------*/
	/* henkilo.html */
	/*--------------*/

	img.taru {
	position: absolute;
	top: 42px;
	left: 170px;
	border: 0px none;
	z-index: 0
	}	

	img.ansku {
	position: absolute;
	top: 220px;
	right: 20px;
	border: 0px none;
	z-index: 0
	}

	img.katri {
	position: absolute;
	top: 220px;
	left: 20px;
	border: 0px none;
	z-index: 0
	}

	/* Henkilöstösivun otsikko */
	h1.henkotsikko {
	color: black;
	font-family: Century Gothic;
	font-size: 14pt;
	font-weight: bold;
	position: absolute;
	top: 0px;
	left: 140px;
	}
	
	font.taru {
	color: #000000;
	font-family: Century Gothic;
	font-size: 12pt;
	font-weight: normal;
	line-height: 12pt;
	font-variant: normal;
	font-style: normal;
	position: absolute;
	top: 260px;
	left: 195px;
	}

	font.ansku {
	color: #000000;
	font-family: Century Gothic;
	font-size: 12pt;
	font-weight: normal;
	line-height: 12pt;
	font-variant: normal;
	font-style: normal;
	position: absolute;
	top:  435px;
	right: 40px;
	}

	font.katri {
	color: #000000;
	font-family: Century Gothic;
	font-size: 12pt;
	font-weight: normal;
	line-height: 12pt;
	font-variant: normal;
	font-style: normal;
	position: absolute;
	top:  435px;
	left: 50px;
	}


	
	/*---------------*/
	/* hinnasto.html */
	/*---------------*/

	img.hinnasto {
	position: absolute;
	top: 230px;
	left: 30px;
	z-index: 0;
	}
	
	/* Hinnasto otsikko */
	h1.hinnotsikko {
	color: black;
	font-family: Century Gothic;
	font-size: 14pt;
	font-weight: bold;
	position: absolute;
	top: 30px;
	left: 110px;
	}
		
	/*------------*/
	/* keski.html */
	/*------------*/

	img.pääotsikko {
	position: absolute;
	top: 100px;
	left: 150px;
	z-index: 1;
	}
	
	img.kukka {
	position: absolute;
	top: 90px;
	left: 10px;
	z-index: 1;
	}

	img.keski {
	position: absolute;
	top: 235px;
	left: 210px;
	z-index: 1;
	}	

	/* etusivun parturi-kampaamo */
	h3.parturi {
	color: #000000;
	font-family: Century Gothic;
	font-size: 12pt;
	font-weight: bold;
	line-height: 12pt;
	font-variant: normal;
	font-style: normal;
	position: absolute;
	top: 110px;
	left: 225px;
	z-index: 5;
	}

	/* etusivun copyright */
	h3.copyright {
	color: black;
	font-family: Century Gothic;
	font-size: 8pt;
	font-weight: normal;
	line-height: 8pt;
	font-variant: normal;
	font-style: normal;
	position: absolute;
	bottom: 10px;
	left: 120px;
	}
	
	/*--------------*/
	/* palaute.html */
	/*--------------*/

	textarea.palaute {
	position: absolute;
	top: 150px;
	left: 10px;
	}

	input.palaute1 {
	position: absolute;
	top: 400px;
	left: 160px;
	}

	input.palaute2 {
	position: absolute;
	top: 400px;
	left: 240px;
	}
	
	/* palautesivun otsikko */
	h1.palaotsikko {
	color: black;
	font-family: Century Gothic;
	font-size: 14pt;
	font-weight: bold;
	position: absolute;
	top: 30px;
	left: 200px;
	}

	/*---------------*/
	/* sijainti.html */
	/*---------------*/

	img.firma {
	position: absolute;
	top: 240px;
	left: 45px;
	z-index: 1;
	}

	/* Sijainti otsikko */
	h1.sijaotsikko {
	color: black;
	font-family: Century Gothic;
	font-size: 14pt;
	font-weight: bold;
	position: absolute;
	top: 30px;
	left: 100px;
	}
	
	/*---------------*/
	/* tuotteet.html */
	/*---------------*/

	img.purkit {
	position: absolute;
	top: 300px;
	left: 10px;
	z-index: 1;
	}

	font.tuotteet1 {
	color: #000000;
	font-family: Century Gothic;
	font-size: 12pt;
	font-weight: normal;
	line-height: 12pt;
	font-variant: normal;
	font-style: normal;
	position: absolute;
	top: 60px;
	left: 5px;
	text-align: justify;
	}

	table.tuotteet { 
	position: absolute;
	top: 140px;
	left: 10px;
	}
	
	/* Tuotteet otsikko */
	h1.tuototsikko {
	color: black;
	font-family: Century Gothic;
	font-size: 14pt;
	font-weight: bold;
	position: absolute;
	top: 10px;
	left: 140px;
	}

	/*-------------------*/
	/* yhteystiedot.html */
	/*-------------------*/
	
	img.tuubi {
	position: absolute;
	top: 100px;
	left: 20px;
	z-index: 1;
	}
	
	img.pullo {
	position: absolute;
	top: 280px;
	left: 370px;
	z-index: 1;
	}
	
	table.yhteys {
	position: absolute;
	top: 120px;
	left: 160px;
	}

	table.aukiolo {
	position: absolute;
	top: 240px;
	left: 90px;
	}
	
	/* Yhteystiedot otsikko */
	h1.yhteotsikko {
	color: black;
	font-family: Century Gothic;
	font-size: 14pt;
	font-weight: bold;
	position: absolute;
	top: 30px;
	left: 140px;
	}
	
	/*---------------------------------------------*/
	/* sivun linkkien sijoittelu ylhäältä alaspäin */
	/*---------------------------------------------*/

	/* ------------------------*/	
	/* vasen rivi (vasen.html) */
	/*------------------------ */
	
	a.esittely {
	position: absolute;
	top: 155px;
	right: 80px
	}

	a.työntekijät {
	position: absolute;
	top: 225px;
	right: 70px
	}

	a.sijainti {
	position: absolute;
	top: 295px;
	right: 60px;
	}
	
	a.erikoistyöt {
	position: absolute;
	top: 365px;
	right: 50px
	}
	
	a.tuotteet {
	position: absolute;
	top: 435px;
	right: 40px
	}


	/* ------------------------*/
	/* oikea rivi (oikea.html) */
	/*------------------------ */

	a.hinnasto {
	position: absolute;
	top: 155px;
	left: 80px;
	}

	a.yhteystiedot {
	position: absolute;
	top: 225px;
	left: 70px;
	}

	a.palaute {
	position: absolute;
	top: 295px;
	left: 60px;
	}

	a.etusivu {
	position: absolute;
	top: 365px;
	left: 50px;
	}

	a.vara {	
	top: 435px;
	left: 40px;
	}