@charset "utf-8";
/* CSS Document */

/* Body of page */
body 
{
	background-image: url(../img/background_box.jpg);
	font-family: Helvetica, Verdana, Arial;
	font-size: 14px;
	color: #000000;
}

img 
{
	border: 0;
}

a, a:active, a:visited
{
	text-decoration: underline;
	color: #0494d8;
}

a:hover
{
	text-decoration: none;
}	

/* LINKIT */
.hinnasto
{
	float: left;
	display: block;
	margin-top: 57px;
	margin-left: 3px;
	width: 120px;
	height: 41px;
	background: url(../img/hinnasto.jpg) no-repeat 0 0;
}
.hinnasto:hover
{ 
	background: url(../img/hinnasto_hov.jpg) no-repeat 0 0;
}
.hinnasto span
{
	display: none;
}

.tuotteet
{
	float: left;
	display: block;
	margin-top: 44px;
	margin-left: 6px;
	width: 120px;
	height: 54px;
	background: url(../img/tuotteet.jpg) no-repeat 0 0;
}
.tuotteet:hover
{ 
	background: url(../img/tuotteet_hov.jpg) no-repeat 0 0;
}
.tuotteet span
{
	display: none;
}

.galleria
{
	float: left;
	display: block;
	margin-top: 56px;
	margin-left: 5px;
	width: 122px;
	height: 54px;
	background: url(../img/galleria.jpg) no-repeat 0 0;
}
.galleria:hover
{ 
	background: url(../img/galleria_hov.jpg) no-repeat 0 0;
}
.galleria span
{
	display: none;
}

.tarjouspyynto
{
	float: left;
	display: block;
	margin-top: 52px;
	margin-left: 6px;
	width: 170px;
	height: 46px;
	background: url(../img/tarjouspyynto.jpg) no-repeat 0 0;
}
.tarjouspyynto:hover
{ 
	background: url(../img/tarjouspyynto_hov.jpg) no-repeat 0 0;
}
.tarjouspyynto span
{
	display: none;
}

/* END OF LINKIT */

#page
{
	margin-top: 40px;
	width: 1098px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}

/* Ylin div, missä mm. logo sijaitee */
#header
{
	width: 1098px;
	height: 173px;
}

/* Logon div */
#logo
{
	position: absolute;
	width: 466px;
	height: 173px;
	margin-left: 11px;
}

/* Linkkien tausta */
#links_back
{
	position: absolute;
	width: 632px;
	height: 173px;
	margin-left: 476px;
	background-image: url(../img/links_background2.jpg);
}

/* Keskiosa */
#content_center
{
	margin-left: 23px;
	margin-right: auto;
	width: 1097px;
	height: auto;
	background-image: url(../img/background_y.jpg);
}

#pitopalvelua25v
{
	position: absolute;
	width: 455px;
	height: 44px;
	z-index: 500;
	background-image: url(../img/pitopalvelua25v.jpg);
	margin-top: 150px;
	margin-left: 145px;
}

#center_text
{
	width: 600px;
	height: auto;
	z-index: 700;
}

ul.a 
{
	list-style-type: square;
	color: #ff9900;
	margin: 9px;
	padding: 9px;
}

.b
{
	color: #000000;
}

.index
{
	padding-top: 40px;
	padding-left: 130px;
}

.center_hinnasto
{
	padding-left: 130px;
	padding-top: 1px;
}

.kahvitarjoilu_1
{
	width: 300px;
	margin: 0;
	padding: 0;
}

.taulu_hinnasto
{
	width: auto;
	border: 1px dotted #0494d8;
	padding: 2px 2px 2px 2px;
}

.tarjoilu
{
	font-size: 16px;
	font-weight: bold;
	color: #ff9900;
	text-decoration: none;
}

.kahvitarjoilu_2
{
	width: 300px;
}

.taulu_hinnasto
{
	width: auto;
	border: 1px dotted #0494d8;
	padding: 2px 2px 2px 2px;
}

#right_flower
{
	position: absolute;
	background-image: url(../img/right_flowers_img.jpg);
	z-index: 500;
	margin-top: 100px;
	margin-left: 620px;
	width: 451px;
	height: 407px;
}

/* Alaosa */
#footer
{
	margin-left: 18px;
	width: 1092px;
	height: 364px;
	background-image: url(../img/footer_background.jpg);
}

.yhteystiedot
{
	font-size: 16px;
	position: absolute;
	width: 200px;
	height: 300px;
	margin-left: 110px;
	margin-top: 86px;
}

#kartta
{
	position: absolute;
	width: 340px;
	height: 200px;
	margin-top: 75px;
	margin-left: 350px;
}

/* VAIHTUVA KUVA */

/* rotator in-page placement */
#rotator_wrap
{
	position: absolute;
	height: 150px;
	width: 190px;

}
div#rotator 
{
	margin-left: 767px;
	margin-top: 120px;

}
/* rotator css */
div#rotator ul li 
{
	float: left;
	position: absolute;
	list-style: none;
}
div#rotator ul li.show 
{
	z-index:500;
}

/* IMAGE GALLERY */
#gallery
{
	margin-top: 3px;
	width: 600px;
}
#gallery ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}
#gallery ul li
{
	margin: 0;
	padding-right: 25px;
	padding-bottom: 25px;
	display: inline;
}
#gallery ul img
{
	border: 2px solid #0494d8;
	margin: 0;
	padding: 0;
}
#gallery ul a:hover img
{
	border: 2px solid #FFFFFF;
	color: #fff;
	margin: 0;
	padding: 0;

}
#gallery ul a:hover
{
	color: #fff;
	margin: 0;
	padding: 0;
}
/* END */