body {
	background: #990101 url("img/bg_body.gif") top repeat-y;
	text-align: center;
	margin: 0 auto;
	padding: 0;
	font: 11px/17px "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; 
	color: #281E0C;
	}

#container {
	width: 800px;
	background-color: #fff;
	text-align: left;
	margin: 0 auto;
	padding: 9px 0 0 0;
	position: relative;
	}

#language {
	position: absolute;
	width: 120px;
	height: 20px;
	z-index: 20;
	top: 5px; right: 5px;
	text-align: right;
}

#header {
	width: 728px;
	height: 49px;
	margin: 0 37px 13px 34px;
	padding: 0;
	clear: both;
	}

IMG.logo {
	width: 403px;
	float: left;
	}

IMG.info {
	width: 267px;
	float: right;
	}
IMG.info_pt {
	width: 284px;
	float: right;
	}


IMG.kuvitus_1 {
	width: 780px;
	height: 242px;
	margin: 0 9px;
	}

IMG.kuvitus_2 {
	width: 780px;
	height: 30px;
	margin: 0 9px;
	}

#content {
	position: relative;
	width: 770px;
	height: auto;
	margin: 12px 0 0 30px;
	padding: 0;
	clear: both;
	}

#content_left, #content_left_3 {
	width: 388px;
	float: left;
	margin: 0 20px 0 0;
	padding: 0 0 30px 0;
	}

#content_left_3 {
	width: 450px;
}

#content_left_2 {
	padding: 0 20px;
	margin: 0;
	}


/* #index #content_left_2 {
	margin-left: 80px;
	} */

#content_right {
	width: 323px;
	float: left;
	margin: 0;
	padding: 0;
	text-align: center;
	clear: right;
	}
#index #content_right {
	position: absolute;
	top: 0;
	right: 0;
}
#content_right_2 {
	width: 288px;
	float: left;
	margin: 0;
	padding: 0;
	text-align: center;
	clear: right;
}
#index #content_left {
	min-height: 320px;
	}

#footer {
	width: 800px;
	height: 27px;
	margin: 20px 0 0 0;
	background: #EDF3E5 url("img/bg_footer.gif") top left repeat-y;
	text-align: center;
	line-height: 25px;
	color:#AAB2A1;
	clear: both;
	}

IMG.icon {
	margin: 0 4px;
	}

H1 { 	
	font: normal 24px/28px Georgia, "Trebuchet ms", Times, serif;
	color:#990101; 
	font-style: italic; 
	margin: 12px 0 24px 0;
	padding: 0;
	}
H1.h1_grey {
	color: #444;
	font-size: 16px;
	line-height: 20px;
}


H2 { 
	font: bold 13px Arial, Helvetica, sans-serif; 
	color: #990101; 
	text-transform: uppercase; 
	margin: 18px 0 8px 4px; 
	}

.peruutukset H2, .tarjous H2 {
	margin: 8px 0 8px 4px;}
	
H3 {  }

#content P {  
	margin: 0 0 12px 4px; 
	}

#content ul {
	margin: 15px 0 20px 0;
	padding: 0 10px 0 20px;
}
#content ul li {
	list-style-type: none;
	margin: 0;
	padding-left: 10px;
	background: transparent url("img/bg_content_ul.gif") left 8px no-repeat;
}

#content table {
	margin: 0 0 12px 4px;
	width: 298px;
	border: 0;
	padding: 0;
	line-height: 14px;
	}

td.oikea { text-align: right; vertical-align: top; }

.peruutukset {
	background-color: #F5E5E5;
	padding: 4px;
	display: block;
	width: 280px; 
	margin: 0 0 10px 0;
	text-align: left;
	}
.tarjous {
	background-color: #F5E5E5;
	border: 1px solid #990101;
	padding: 4px;
	display: block;
	width: 280px; 
	margin: 0 0 10px 0;
	text-align: left;
	}
.tarjous_big {
	border: 2px solid #b70000;
	padding: 4px;
	display: block;
	margin: 10px 0;
	text-align: left;
}
.peruutukset p, .tarjous p {
	margin: 4px 0 0 0;
	padding: 0;}
.smallprint { 
			font-size: 10px;
			color: #333;
			font-weight: normal;
			margin: 5px;
			font-style: normal;
			display: block;
			}
hr {
	height: 0;
	border: 0;
	border-bottom: 1px dotted #000;
	
	}

/* linkit */
A { 
	text-decoration:none; 
	padding: 0px 3px 0px 3px; 
	}

A IMG { border: 0; }

#content A:LINK, #content A:VISITED { color:#990101; text-decoration: none; }
#content A:ACTIVE, #content A:HOVER { text-decoration: underline; }

#footer A:LINK, A:VISITED { color:#AAB2A1; text-decoration:none; }
#footer A:HOVER, A:VISITED { color:#AAB2A1; text-decoration:underline; }

#language A { margin-left: 5px; padding: 0; text-decoration: none; }
#language A img { border: 1px solid #cdcdcd; }

#content #content_right A:hover { text-decoration: none; }
#content_right div { text-align: center; margin: 15px 0 15px 15px; }

#link_katalog, #link_booklet { display: block; width: 140px; float: left; margin: 15px 0 15px 15px; }
#link_katalog img, #link_booklet img { border: 1px solid #EAEAEA; }

/* navigaatio */
#navi, #navi_en, #navi_pt {
	width: 780px;
	height: 48px;
	background: #fff url("img/navi_main_bg.gif") top left repeat-x;
	margin: 0 9px;
	padding: 0;
	text-align: center;
	clear: both;
	}
#navi ul, #navi li, #navi_pkl ul, #navi_pkl li, #navi_en ul, #navi_en li, #navi_pt ul, #navi_pt li  {
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: inline;
	}
#navi A, #navi_en A, #navi_pt A { 
	display: block;
	height: 48px;
	background-image: url("img/navi_main.gif");
	background-repeat: no-repeat;
	float: left;
	text-indent: -999px;
	overflow: hidden;
}
#navi A#navi_etusivu {
	width: 97px;
	background-position: top left;
	margin-left: 23px;
}
#navi A#navi_perinteinen {
	width: 200px;
	background-position: -130px 0px;
	margin-left: 33px;
}
#navi a#navi_hinnasto {
	width: 112px;
	background-position: -378px 0px;
	margin-left: 33px;
}
#navi a#navi_yhteystiedot {
	width: 216px;
	background-position: -524px 0px;
	margin-left: 33px;
}
#navi A#navi_etusivu:hover { background-position: 0px -48px; }
#navi A#navi_perinteinen:hover { background-position: -130px -48px; }
#navi a#navi_hinnasto:hover { background-position: -378px -48px; }
#navi a#navi_yhteystiedot:hover { background-position: -524px -48px; }
#navi A#navi_etusivu.navi_on, #navi A#navi_etusivu.navi_on:hover { background-position: 0px -96px; }
#navi A#navi_perinteinen.navi_on, #navi A#navi_perinteinen.navi_on:hover { background-position: -130px -96px; }
#navi a#navi_hinnasto.navi_on, #navi a#navi_hinnasto.navi_on:hover { background-position: -378px -96px; }
#navi a#navi_yhteystiedot.navi_on, #navi a#navi_yhteystiedot.navi_on:hover { background-position: -524px -96px; }

/*navi_en A */
#navi_en A { background-image: url("img/navi_main_en.gif"); }
#navi_en A#navi_etusivu {
	width: 87px;
	background-position: top left;
	margin-left: 23px;
}
#navi_en A#navi_perinteinen {
	width: 200px;
	background-position: -122px 0px;
	margin-left: 27px;
}
#navi_en a#navi_hinnasto {
	width: 92px;
	background-position: -356px 0px;
	margin-left: 27px;
}
#navi_en a#navi_yhteystiedot {
	width: 256px;
	background-position: -484px 0px;
	margin-left: 27px;
}
#navi_en A#navi_etusivu:hover { background-position: 0px -48px; }
#navi_en A#navi_perinteinen:hover { background-position: -122px -48px; }
#navi_en a#navi_hinnasto:hover { background-position: -356px -48px; }
#navi_en a#navi_yhteystiedot:hover { background-position: -484px -48px; }
#navi_en A#navi_etusivu.navi_on, #navi_en A#navi_etusivu.navi_on:hover { background-position: 0px -96px; }
#navi_en A#navi_perinteinen.navi_on, #navi_en A#navi_perinteinen.navi_on:hover { background-position: -122px -96px; }
#navi_en a#navi_hinnasto.navi_on, #navi_en a#navi_hinnasto.navi_on:hover { background-position: -356px -96px; }
#navi_en a#navi_yhteystiedot.navi_on, #navi_en a#navi_yhteystiedot.navi_on:hover { background-position: -484px -96px; }

/*navi_pt A */
#navi_pt A { background-image: url("img/navi_main_pt.gif"); margin-left: 10px; padding: 0; }
#navi_pt A#navi_etusivu {
	width: 93px;
	background-position: top left;
	margin-left: 0;
}

#navi_pt A#navi_perinteinen {
	width: 185px;
	background-position: -103px 0px;
}
#navi_pt A#navi_reiki {
	width: 59px;
	background-position: -298px 0px;
	}
#navi_pt A#navi_massage {
	width: 163px;
	background-position: -367px 0px;
	}
#navi_pt a#navi_hinnasto {
	width: 76px;
	background-position: -540px 0px;
}
#navi_pt a#navi_yhteystiedot {
	width: 154px;
	background-position: -626px 0px;
}
#navi_pt A#navi_etusivu:hover { background-position: 0px -48px; }
#navi_pt A#navi_perinteinen:hover { background-position: -103px -48px; }
#navi_pt A#navi_reiki:hover { background-position: -298px -48px; }
#navi_pt A#navi_massage:hover { background-position: -367px -48px; }
#navi_pt a#navi_hinnasto:hover { background-position: -540px -48px; }
#navi_pt a#navi_yhteystiedot:hover { background-position: -626px -48px; }
#navi_pt A#navi_etusivu.navi_on, #navi_pt A#navi_etusivu.navi_on:hover { background-position: 0px -96px; }
#navi_pt A#navi_perinteinen.navi_on, #navi_pt A#navi_perinteinen.navi_on:hover { background-position: -103px -96px; }
#navi_pt A#navi_reiki.navi_on, #navi_pt A#navi_reiki.navi_on:hover { background-position: -298px -96px; }
#navi_pt A#navi_massage.navi_on, #navi_pt A#navi_massage.navi_on:hover { background-position: -367px -96px; }
#navi_pt a#navi_hinnasto.navi_on, #navi_pt a#navi_hinnasto.navi_on:hover { background-position: -540px -96px; }
#navi_pt a#navi_yhteystiedot.navi_on, #navi_pt a#navi_yhteystiedot.navi_on:hover { background-position: -626px -96px; }

/* subnavi */
#navi_pkl {
	width: 779px;
	background: #fff url("img/navi_pkl_bg.gif") bottom left repeat-x;
	margin: 0 9px;
	text-align: center;
}
#navi_pkl:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#navi_pkl ul {
	display: block;
	text-align: center;
	width: 100%;
	float: left;
}
#navi_pkl li {
	display: block;
	float: left;
	text-align: center;
	height: 40px; 
	margin: 0;
}

#navi_pkl a:link, #navi_pkl a:visited, #navi_pkl a:active {
	text-decoration: none;
}
#navi_pkl a {
	color: #990101;
	font: bold 11px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, sans-serif;
	text-transform: uppercase;
	display: block;
	text-align: center;
	line-height: 2.7ex;
	padding: 12px 8px 0;
	margin: 0 12px;
}
#navi_pkl a:hover {
	/* background: transparent url("http://www.petraamo.com/img/navi_pkl_hover.gif") left 4.3ex repeat-x;*/
	border-bottom: 1px solid #990101;
}
#navi_pkl a.pkl_on, #navi_pkl a.pkl_on:hover {
	/*background: transparent url("http://www.petraamo.com/img/navi_pkl_on.gif") left 4.3ex repeat-x;*/
	border-bottom: 5px solid #990101;
}
#pkl_5 a, #pkl_6 a { padding-top: 3px; }
#pkl_6 a { margin-right: 0; }