@charset "UTF-8";
/* CSS Document */
html,body{ height:100%;}
body  {
	width:100%;
	margin: 0;
	padding: 0;
	background-image:url(../img/background.png);
	background-repeat:repeat-x;
	background-attachment:fixed;
	height:100%;
	background-color: #204d60;
}
#wrapper{ width:100%; }
#container { 
	margin:0 auto;
	margin-top:0px;
	width:720px;
	background-color:#3d6088;
	border:#FFFFFF solid 2px;
}

#contentWrapper{
	overflow:hidden;
	margin:0 auto;
	background-color:#FFFFFF;
	width:680px;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
}
#mainContent{ width:660px; margin-top:30px; margin:0 auto; font-family:Arial, Helvetica, sans-serif;}
#mainContent .line{ width:660px;border-top:solid 1px #315D8E; padding-bottom:20px;}

#mainContent h1{ 
	margin-top:20px;
	margin-left:5px;
	font-family:  "Century Gothic", "Tw Cen MT", Futura, "URW Gothic L", Arial, sans-serif;
	font-weight: normal;
      font-size: 1.55em;
	letter-spacing: .2em;
	line-height: 1.1em;
	text-transform: uppercase;
	color:#79a0a4;
}

#mainContent h2{ 
	margin-top:5px;
	margin-left:5px;
	font-family:  "Century Gothic", "Tw Cen MT", Futura, "URW Gothic L", Arial, sans-serif;
	font-weight: normal;
      font-size: 1.75em;
	letter-spacing: .2em;
	line-height: 1.1em;
	color:#79a0a4;
}

#mainContent h3{
	margin-top:5px;
	margin-left:5px;
	font-family:  "Century Gothic", "Tw Cen MT", Futura, "URW Gothic L", Arial, sans-serif;
	font-weight: normal;
	font-size: 1.2em;
	line-height: 1.1em;
	color:#566F95;
}
#mainContent h5{ 
	margin-top:5px;
	margin-bottom:5px; 
	margin-left:5px;
	font-family:  "Century Gothic", "Tw Cen MT", Futura, "URW Gothic L", Arial, sans-serif;
	font-weight: normal;
      font-size: 1em;
	line-height: 1.1em;
	color:#655B3F;
	text-transform: uppercase;
}
#mainContent h6{
	margin-top:5px;
	margin-bottom:5px;
	margin-left:0px;
	font-family:  "Century Gothic", "Tw Cen MT", Futura, "URW Gothic L", Arial, sans-serif;
	font-weight: normal;
	font-size: 1.2em;
	line-height: 1.1em;
	color:#655B3F;
	text-transform: uppercase;
}
#mainContent h7{
	margin-top:5px;
	margin-bottom:5px;
	margin-left:0px;
	font-family:  "Century Gothic", "Tw Cen MT", Futura, "URW Gothic L", Arial, sans-serif;
	font-weight: normal;
	font-size: 1em;
	line-height: 1.1em;
	color:#655B3F;
	text-transform: capitalize;
}
#mainContent .h4{  margin-bottom:15px; margin-top:0px; color:#5f6161; font-style:italic; font-size: 1em; letter-spacing: .2em; line-height: 1.1em;}
#mainContent .italic{ margin-bottom:10px; margin-top:0px; color:#5f6161; font-weight:500; font-size: 1em; letter-spacing: .2em; line-height: 1.2em;}
#mainContent a{ text-decoration:none; color:#566F95;}
#mainContent a:hover{ color:#FFCC00;}
#mainContent a:visited{}


#mainContent ul{ list-style-type:circle;}
#mainContent ul li{}
#mainContent ul li a{ text-decoration:none; color:#566F95;}
#mainContent ul li a:hover{ color:#FFCC00;}
#mainContent ul li a:visited{}

/*oneCol*/
#mainContent .oneCol { margin-bottom:20px; overflow:hidden;}


/*twoCol*/
#mainContent .twoCol{ margin-bottom:20px; overflow:hidden;}
#mainContent .twoCol .left{ float:left; width:440px; }
#mainContent .twoCol .left div img{ text-align:center; margin-bottom:10px; border:none;}
#mainContent .twoCol .right div img{ text-align:center; margin-bottom:10px; border:none;}
#mainContent .twoCol .right{ float:right; width:440px; }


#mainContent p{ margin-top:0px; margin-bottom:15px; margin-left:5px; margin-right:10px; color:#4C4C4C;}
#mainContent strong{ color:#79a0a4;}
#mainContent h5 strong{ color:#655B3F;}

#mainContent .twoCol ul{ list-style-type:circle;}
#mainContent .twoCol ul li{ margin-left:-20px;}

#mainContent .twoCol .food{ list-style-type:circle;}
#mainContent .twoCol .food li { }
ol.tulevat{ margin-left:-35px; list-style-type:none; }
ol.tulevat li{margin-bottom:10px; color:#4C4C4C; margin-right:20px; font-size:1.0em;}
ol.tulevat li a{ font-weight:700;}

ul.fb{ margin:0px; padding:0; margin-top:20px;}
ul.fb li{ list-style-type:none;}
ul.fb li a{color:#566F95; font-size:1.0em;}

ul.fb li a span{ float:left; margin-left:20px;}
ul.fb li a span img{ border:none; margin-left:0px; }
ul.fb li a strong{ float:right; margin-right:120px; padding-top:5px; color:#566F95;}
ul.fb li a strong:hover{color:#FFCC00;}
/*3 col*/
#mainContent .threeCol{ margin-bottom:20px; overflow:auto; width:910px;}
#mainContent .threeCol .tleft{ float:left; width:300px; padding-right:5px;}
#mainContent .threeCol img{ text-align:center; margin-bottom:10px; border:none;}
#mainContent .threeCol .tcenter{ float:left; width:300px; padding-right:5px;}
#mainContent .threeCol .tright{ float:right; width:298px;}

.print{ float:right; width:400px; color: #797979;}
.print ul{ margin-top:3px;}
.print ul li{font-size:14px;}
.productDetails div span{
	margin-left: 30px;
	color: #b1b1b1;
	font-size: 11px;
	font-style: italic;
}
/*subNavi*/
#subNavi{ margin-top:15px; margin-left:15px;}
#subNavi ul
{
margin: 0;
padding: 0;
list-style-type: none;
margin-top:-5px;
}

#subNavi ul li { display: inline; }

#subNavi ul li a
{
text-decoration: none;
padding: .2em 1em;
color:#4C4C4C;
}
#subNavi ul li a:hover{ text-decoration:none; color:#FF9933;}
#subNavi ul li a:visited{ text-decoration:none;}