@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:20px;
	width:960px;
	background-color:#3d6088;
	border:#FFFFFF solid 2px;
}
/*Header section*/
#header { 
	width:960px;
	height:174px;
	padding:0;
	margin:0 auto;	
} 
/**/
#newheader { 
	width:960px;
	height:174px;
	padding:0;
	margin:0 auto;
	background-image:url(../img/aqua_header5.png);	
} 
/**/
#newheader_thaimaa { 
	width:960px;
	height:174px;
	padding:0;
	margin:0 auto;
	background-image:url(../img/aqua_header5_thaimaa.png);	
} 
/**/
#newheader_kreikka { 
	width:960px;
	height:174px;
	padding:0;
	margin:0 auto;
	background-image:url(../img/aqua_header5_kreikka.png);	
}
#newheader_kroatia { 
	width:960px;
	height:174px;
	padding:0;
	margin:0 auto;
	background-image:url(../img/aqua_header5_kroatia.jpg);	
}
#newheader_kuuba { 
	width:960px;
	height:174px;
	padding:0;
	margin:0 auto;
	background-image:url(../img/aqua_header5_kuuba.jpg);	
}
#newheader_tukholma { 
	width:960px;
	height:174px;
	padding:0;
	margin:0 auto;
	background-image:url(../img/aqua_header5_tukholma.jpg);	
}    
#slideshow {
    position:relative;
    height:174px;
    margin-left:683px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
   
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
    
}

#slideshow IMG.last-active {
    z-index:9;
}

#contentWrapper{
	overflow:auto;
	margin:0 auto;
	background-color:#FFFFFF;
	width:960px;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
}
#mainContent{ width:910px; margin-top:30px; margin:0 auto; font-family:Arial, Helvetica, sans-serif;}
#mainContent .line{ width:910px;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:auto;}


/*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 .twoCol .menuleft{ float:left; width:540px; }
#mainContent .twoCol .menuright{ float:right; width:340px; }


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

#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;}

/*Footer section*/
#footer {
	clear: left;
	background-image:url(../img/footer_bg.png);
	/*background-color:#32383f;*/
	border-left:#474f43 solid 1px;
	border-right:#474f43 solid 1px;
	text-align: left;
	width:960px;
	margin: 0 auto;
	height: 120px;
	font-family: Arial, Helvetica, sans-serif;
}
#footer .content{ padding-top:50px;}
 
#footer .content p{
	margin:0 auto;
	color:#FFFFFF;
	text-align:center;
	font-size:12px;
	font-weight:600;

}

/*Thaimaa*/

/*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;}

/*Palautelomake*/
.palaute{
	
	font-family: "Century Gothic", "Tw Cen MT", Futura, "URW Gothic L", Arial, sans-serif;
	border:none;
	margin-bottom:10px;
	width:800px;

}


.palaute div{ margin-bottom:10px; font-size:14px; color: #797979;} 

h5.lomake{
	padding-top:30px;
	padding-bottom:20px; 
	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;
}

.palaute div label{ 	
	float:left;
	color: #797979;
	font-size:14px;
	font-weight:400;
	line-height: 1.6em;
	width:250px;
	margin-left:5px;
}
.palaute div textarea{
	width: 600px;
	height: 80px;
	padding: 4px;
	color: #adaeae;
	font-style: italic;
	font-size: 12px;
	border: 1px solid #cecece;
}
.palaute div .address{
	width: 220px;
	height: 80px;
	padding: 4px;
	color: #adaeae;
	font-style: italic;
	font-size: 12px;
	border: 1px solid #cecece;
}

.nameField {
	width: 220px;
	padding: 4px;
	color: #949494;
	font-size: 11px;
	border: 1px solid #cecece;
}
.numberField{
	width: 100px;
	padding: 4px;
	color: #949494;
	font-size: 11px;
	border: 1px solid #cecece;}
.nameField2{
	width: 220px;
	margin-left:200px;
	padding: 6px;
	color: #949494;
	font-size: 11px;
	border: 1px solid #cecece;}
.numberField2{
	width: 100px;
	margin-left:200px;
	padding: 4px;
	color: #949494;
	font-size: 11px;
	border: 1px solid #cecece;}
.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;
}
.palaute a{ font-size:14px; color:#009933; border:1px dotted #FFFFFF; padding:6px; margin-right:30px; text-decoration:none; margin-top:20px;}