/* CSS Document */
body {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	background-color: #c5d6f6;
	background-image: url(../images/tausta.png);
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px; 
	font-weight: bold;
	font-style: bold;
	text-align: center;
	color: #0000FF;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FF9900;
	font-weight: bold;
	padding-left: 150px;
	padding-right: 150px;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #000000;
	font-weight: bold;
	padding-left: 150px;
	padding-right: 150px;
}

p.teksti {
	padding-left: 150px;
	padding-right: 150px;
}

div.copy	{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-left: 0px;
	padding-right: 0px;
	text-align: center;
	color: #000099;
}

p.kuvateksti	{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding-left: 150px;
	padding-right: 150px;
	text-align: left;
}

p.navi {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: center;
}

p.esitt	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding-left: 150px;
	padding-right: 150px;
	text-align: center;
}

div.foto {
	text-align: left;
	padding-left: 150px;
}

div.otsa {
	text-align: center;
	background-image: url(../images/otsakuva.png); background-position:center; background-repeat:no-repeat; background-attachment:inherit; height:auto;
}

div.h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px; 
	font-weight: bold;
	font-style: bold;
	text-align:center;
	color:#0000FF;
	padding-bottom: 10px;
	padding-left: 150px;
	padding-right: 50px;
}

div.h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #FF9900;
	font-weight: bold;
	padding-left: 150px;
	padding-bottom: 1px;
}

div.h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FF9900;
	font-weight: bold;
	font-style: inherit;
	text-decoration:
	padding-left: 150px;
	padding-bottom: 0px;
	text-align: left;
}

div.navi {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-align: center;
	padding-left: 150px;
	padding-right: 150px;
}

div.teksti {
	text-align:left;
	padding-left: 150px;
	padding-right: 150px;
}

div.vieras {
	text-align: left;
	padding-left: 150px;
	padding-right: 150px;
}

div.intro {
	text-align:center;
	background-image:url(../images/intro.png); background-position:center; background-repeat:no-repeat; background-attachment:inherit; height:auto; width:auto;
}

div.historia {
	text-align:center;
	background-image:url(../images/historia.png); background-position:center; background-repeat:no-repeat; background-attachment:inherit;
}

div.galleria {
	text-align:center;
	background-image:url(../images/galleria.png); background-position:center; background-repeat:no-repeat; background-attachment:inherit;
}

div.etu {
	text-align:center;
	background-image:url(../images/etu.png); background-position:center; background-repeat:no-repeat; background-attachment:inherit;
}

div.koirat {
	text-align:center;
	background-image:url(../images/koirat.png); background-position:center; background-repeat:no-repeat; background-attachment:inherit;
}

div.pentueet {
	text-align:center;
	background-image:url(../images/pentueet.png); background-position:center; background-repeat:no-repeat; background-attachment:inherit;
}

div.linkit {
	text-align:center;
	background-image:url(../images/linkit.png); background-position:center; background-repeat:no-repeat; background-attachment:inherit;
}

div.vieras {
	text-align:center;
	background-image:url(../images/vieras.png); background-position:center; background-repeat:no-repeat; background-attachment:inherit;
}

div.yhteydet {
	text-align:center;
	background-image:url(../images/yhteydet.png); background-position:center; background-repeat:no-repeat; background-attachment:inherit;
}

div.front {
	text-align:center;
	background-image:url(../images/front.png); background-position:center; background-repeat:no-repeat; background-attachment:inherit;
}

div.history {
	text-align:center;
	background-image:url(../images/history.png); background-position:center; background-repeat:no-repeat; background-attachment:inherit;
}

div.dogs {
	text-align:center;
	background-image:url(../images/dogs.png); background-position:center; background-repeat:no-repeat; background-attachment:inherit;
}

div.litters {
	text-align:center;
	background-image:url(../images/litters.png); background-position:center; background-repeat:no-repeat; background-attachment:inherit;
}

div.gallery {
	text-align:center;
	background-image:url(../images/gallery.png); background-position:center; background-repeat:no-repeat; background-attachment:inherit;
}

div.contacts {
	text-align:center;
	background-image:url(../images/contacts.png); background-position:center; background-repeat:no-repeat; background-attachment:inherit;
}

div.links {
	text-align:center;
	background-image:url(../images/links.png); background-position:center; background-repeat:no-repeat; background-attachment:inherit;
}

div.quest {
	text-align:center;
	background-image:url(../images/quest.png); background-position:center; background-repeat:no-repeat; background-attachment:inherit;
}

div.peris {
	text-align: left;
	background-image:url(../images/von_luomu.jpg); background-position: center; background-repeat:no-repeat; background-attachment:inherit;
}

div.pena {
	text-align:left;
	background-image:url(../images/m_pena.jpg); background-position:left; background-repeat:no-repeat; background-attachment:inherit;
}