html { height:100%; }
body { margin:0px; background-color: #FFFFFF; padding:0px; min-height:100%; font-family: "helvetica", arial; color: #686868; line-height: 17px; }

h1 { font-family: "helvetica", arial; font-size:28px; font-weight:bold; line-height:normal; color:#000000; padding: 10px 0px 8px 0px; margin:0; }
h2 { font-family: "helvetica", arial; font-size:16px; font-weight:bold; line-height:normal; color:#000000; padding:0px 0px 5px 15px; margin:0; }
h3 { font-family: "helvetica", arial; font-size:14px; font-weight:normal; line-height:normal; color:#000000; padding:0 0 10px 0; margin:0; }
img { border:0; }
p { padding-top:0; margin-top:0; }
a, a:visited, a:hover, a:active { color:#000000; text-decoration:none; }
ul { list-style-type:none; margin-top:0; padding-top:0; margin-bottom:0; padding-bottom:0; margin-left:0px; padding-left:0; }
li {
	background-image:url("../graf/listitem.gif");
	background-repeat: no-repeat;
	background-position: 0 5px;
	padding-left:15px;
	margin-left:0;
	list-style-type: none;
	margin-top:5px;
}
table td {vertical-align:top;}

div#himmennin {background-image: url(../graf/himmennin.gif); z-index:90; position: absolute; top:0; left:0; width:100%; height: 150%; visibility: hidden;}
div#tilaus { background: #fff; background-repeat: no-repeat; color: #000; font-size: 11px; line-height: 16px; text-align: left; padding: 0px 5px 0px 20px; height:300px; width:200px; z-index:100; position: absolute; top:400px; right:250px; visibility: hidden; }
div#tilaus_container { width:800px; position:relative; margin-left: auto; margin-right: auto; text-align: left; z-index:100; }
div#sulje { text-align: right; font-size: 10px; color: #fff; cursor: pointer; padding-top: 5px; float: right; }
input.buttonOrder { background-color: #b8b80a; width: 130px; height: 24px; text-align: center; vertical-align: middle; border:0; color: #fff; font-size:11px; margin-bottom: 8px;}
input.buttonCancel { background-color: #b8b80a; width: 130px; height: 24px; text-align: center; vertical-align: middle; border:0; color: #fff; font-size:11px; }
a.ll_bistro {color: #7b7b7b;}

input.input, textarea.input {border: 0px; border-bottom: 1px solid #aeaeae; background-color: #fff; margin-top: 3px;}
img.logo {margin-left:32px;}

table td.menu_title {min-width:360px;width:auto; font-size:12px; color: #000000; text-align: left; padding: 8px 0px 0px 15px; vertical-align: bottom; }
table td.menu_price { width:60px; font-size:17px; color: #000000; text-align: right; vertical-align:middle; padding: 0px 0px 0px 0px;}
table td.menu_price_small { width:60px; font-size:14px; color: #000000; text-align: left; vertical-align:middle; padding: 0px 0px 0px 12px;}
table td.menu_content {width:430px; font-size:11px; color: #686868; text-align: left; padding: 0px 7px 8px 15px; }

table td.menu_price_1 {min-width: 100px; width:100px; font-size:17px; color: #000000; text-align: right; vertical-align:bottom; padding: 0px 15px 0px 0px;}
table td.menu_price_small_1 {min-width: 50px; width:auto; font-size:14px; color: #000000; text-align: left; vertical-align:bottom; padding: 0px 7px 0px 12px;}
table td.menu_price_2 {min-width: 100px; width:100px; font-size:17px; color: #000000; text-align: right; vertical-align:top; padding: 0px 15px 0px 0px;}
table td.menu_price_small_2 {min-width: 50px; width:auto; font-size:14px; color: #000000; text-align: left; vertical-align:top; padding: 0px 7px 0px 12px;}

div.clear { clear:both;line-height:0; }
div#container { width:911px; position:relative; font-family: "helvetica", arial font-size:12px; color:#000000; margin: 0px auto 0px auto; }

div#header{ width:100%; background-color: visible; color: #000000; background-image: url('../graf/header_bg.jpg'); background-repeat: repeat; }
div#header_deli{ width:100%; background-color: visible; color: #000000; background-image: url('../graf/header_bg.jpg');background-repeat: repeat; border-bottom: 8px solid #f55f32; }
div#header_bistro{ width:100%; background-color: visible; color: #000000; background-image: url('../graf/header_bg.jpg');background-repeat: repeat; border-bottom: 8px solid #b8b80a; }
div#header_dining{ width:100%; background-color: visible; color: #000000; background-image: url('../graf/header_bg.jpg');background-repeat: repeat; border-bottom: 8px solid #cdbe82; }

div#logo { width: 290px; height: 80px; margin: 0px auto 0px auto; }

div.top_content {width: 850px; min-height: 198px; margin: 0px auto 0px auto; padding: 0px; }
div#top_content_edit {float:left; width: 450px; color: #000000; margin-top: 15px; padding-left: 20px; font-size: 13px;}

div.grey_arrow {width: 15px; height: 10px; margin-left: 169px; margin-top: -2px; float: left;}
div.grey_arrow2 {width: 15px; height: 10px; margin-left: 330px; margin-top: -2px; float: left;}
div.grey_arrow3 {width: 15px; height: 10px; margin-left: 470px; margin-top: -2px; float: left;}
div.grey_arrow4 {width: 15px; height: 10px; margin-left: 587px; margin-top: -2px; float: left;}

div#toplinks{float: right; padding: 30px; text-align: right;}
#toplinks a {color: #FFFFFF;}

/*Navi*/
div#main_menu {width:768px; padding:0px; height:34px; margin: 0px auto 0px auto; background-image: url('../graf/menu_bg2.gif'); background-repeat: no-repeat; background-color: #fdfcfc; color: #000000; }
#main_menu ul { margin: 0px auto 0px auto; padding-left:107px; list-style:none;}
#main_menu ul li { list-style:none;}
#main_menu li { float: left; padding-right: 0px; height:34px; margin:0;  position:relative; background-image: url('../graphics/menu_btn.gif');}
#main_menu ul li a { color:#000000; position:relative; padding: 0px 12px 0px 12px; margin:0px; height:34px;}

div#deli {width: 294px; background-image: url('../graf/deli_bg.gif'); background-repeat: repeat-x; float: left; margin-bottom:10px; height: auto;}
div#bistro {width: 294px; background-image: url('../graf/bistro_bg.gif'); background-repeat: repeat-x; float: left; margin-left:14px; margin-bottom:10px; height: auto;}
div#dining {width: 294px; background-image: url('../graf/dining_bg.gif'); background-repeat: repeat-x; float: left; margin-left:14px; margin-bottom:10px;height: auto; }
div#deli, div#bistro, div#dining {font-size: 12px; line-height: 18px; color: #686868;}
div.open_info {font-size: 11px;}
div#deli_top {padding: 17px 7px 12px 7px;}
div#deli_bottom {border-top: 1px solid #f55f32; padding: 18px 7px 7px 7px;}
div#dining_top {padding: 16px 7px 12px 7px;}
div#deli_top a {color: #f55f32;}
div#bistro_bottom {border-top: 1px solid #b8b80a; padding: 18px 7px 7px 7px;}
div#bistro_top {padding: 17px 7px 12px 7px;}
div#bistro_top a {color: #b8b80a;}
div#dining_top a {color: #cdbe82;}

div#dining_reservation {border-top: 1px solid #cdbe82; padding: 19px 7px 12px 7px;}
div#bistro_menu {border-top: 1px solid #b8b80a; padding: 16px 7px 7px 7px;}

div#navi {margin: 20px auto 0px auto; width: 910px; z-index:50; height: 36px; position:relative;}

div#header_shadow {background-image: url('../graf/header_shadow.gif'); background-repeat: repeat-x; height: 6px; width: 100%; margin-top:-6px; z-index: 1; position:relative}
div#front_header_shadow {background-image: url('../graf/front_header_shadow.gif'); background-repeat: repeat-x; height: 14px; width: 100%; margin-bottom:-14px; }

div.navi_lunch {width: 280px; color: #000000; margin-top: 6px;}
div.weekdays {padding: 6px 0px 0px 0px; border:1px solid #b8b80a; height:24px; margin-bottom:0px; width: 278px; float: left;}
div.navi_lunch a.LlA {color: #000000; font-size:12px; padding: 0px 0px 0px 28px;}
div.navi_lunch a {color: #a3a3a3; font-size:12px; padding: 0px 0px 0px 28px;}
div#lunchlist {padding-top: 10px; }
div#lunchlist span.eilistaa {margin-top: 10px;}

div.navi_lunch tr.darkened {background-color: #eaeab5; padding: 5px;}
div.navi_lunch td { padding: 5px;}
div.navi_lunch td.fpLunchInfo {color: #686868;}

div.title_deli{margin: 32px auto 14px auto; width: 52px;}
div.title_bistro{margin: 32px auto 14px auto; width: 78px;}
div.title_dining{margin: 32px auto 14px auto; width: 85px;}
td.fpLunchRight { width:60px; padding-left: 15px;}
td.fpLunchLeft { text-align: left; padding-left: 30px;  }

img#front_img1 {border-top: #f55f32 3px solid; border-bottom: #f55f32 3px solid; margin-top: 4px;}
img#front_img2 {border-top: #b8b80a 3px solid; border-bottom: #b8b80a 3px solid; margin-top: 4px;}
img#front_img3 {border-top: #cdbe82 3px solid; border-bottom: #cdbe82 3px solid; margin-top: 4px;}

div#left_col_deli { width:294px; height: auto; float:left; text-align: center; color: #686868; font-size:11px;}
div#left_col_deli p { color: #686868; font-size: 11px; padding-top: 10px;}
div#left_col_deli p.contact_deli a {text-decoration: none; color: #f55f32;}
div#left_col_deli a {text-decoration: none; color: #f55f32;}

div#left_col_bistro { width:294px; height: auto; float:left; text-align: center; color: #686868; font-size:11px;}
div#left_col_bistro p { color: #686868; font-size: 11px; padding-top: 10px;}
div#left_col_bistro a {text-decoration: none; color: #b8b80a;}

div#left_col_dining { width:294px; height: auto; float:left; text-align: center; color: #686868; font-size:11px;}
div#left_col_dining p { color: #686868; font-size: 11px; padding-top: 10px;}
div#left_col_dining a {text-decoration: none; color: #cdbe82;}

div#right_col { float:left; width:588px; height: auto; padding:0px 0px 0px 0px; margin-left: 20px; color: #686868; font-size: 12px; }
div#right_col h1 {font-size: 15px; color: #000000;}
div#right_col table td.content {padding: 15px 15px 15px 15px;}
div#right_col table td.intro {padding: 10px 10px 16px 15px; font-size: 13px; width:260px;}
div#right_col table td.clear {background-color: #ffffff; width: 14px;}

div#maincontentarea { float:left; width:910px; min-height: 600px; margin-top:0px;}
div#bodytextarea { float:left; width:560px; min-height:450px; line-height:18px; padding-left: 20px ;margin-right:0px; }
#bodytextarea p{padding: 10px 0px 5px 15px;}

ul#menu a { display: block; text-decoration: none; font-size: 13px; margin:0px; padding:0px; width:578px;background-image: url('../graf/arrow_down.gif'); background-repeat: no-repeat; background-position: top right;}
ul#menu li { margin: 3px 0 3px 0; padding:0px;}
ul#menu li a { background: #FFFFFF; color: #a2a2a2; padding: 0.5em 0 0.5em 14px; border: 1px solid #a2a2a2; }
ul#menu li a:hover { background: #FFFFFF;}
ul#menu h1 { color: #000; font-size: 14px; padding: 0px 0px 3px 0px; font-weight: normal;}

div.sub_menu h1{color: red; font-size: 14px; padding:0;}

ul#wines a { display: block; text-decoration: none; font-size: 13px; margin:0px; padding:0px; width:578px;}
ul#wines li { margin: 3px 0 3px 0; padding:0px;}
ul#wines li a { background: #FFFFFF; color: #a2a2a2; padding: 0.5em 0 0.5em 14px; border: 1px solid #a2a2a2; }
ul#wines li a:hover { background: #FFFFFF;}
ul#wines h1 { color: #000; font-size: 14px; padding: 0px 0px 3px 0px; font-weight: normal;}

div#wines_sub_title {font: arial; font-size: 11px; color: #666666; border-bottom: 2px solid #d0c188; padding: 0px 0px 0px 16px; width: 578px; height:23px; margin-top: 20px;}

div.tarina {color: #000000; font-size: 12px; margin: 15px auto 15px auto; width:580px; }
div.tarina h1 {font-size: 14px; text-transform:uppercase;}
div.tarina table td{padding-left: 20px; }
div#tarina_edit {width: 240px;}
div#tarina_edit2 {width: 510px;}

input.closeReservationForm, input.closeContactForm, input.closeTarina, input.closeToCompanies, input.closeWinecellarReservationForm, input.closeCabinetReservationForm {float: right; font-size: 10px; border:1px solid #aeaeae; background-color:#FFFFFF; vertical-align:middle; text-transform:uppercase; padding:2px 6px 2px 6px;}
input.openReservationForm2, input.openReservationForm3, input.openReservationForm4 {text-align: center; font-size: 10px; border:1px solid #aeaeae; background-color:#FFFFFF; vertical-align:middle; text-transform:uppercase; padding:2px 6px 2px 6px;}
a.openReservationForm { margin: 10px 0px 10px 50px;}

input.btn {font-size: 10px; border:1px solid #aeaeae; background-color:#FFFFFF; vertical-align:middle; text-transform:uppercase; padding:2px 6px 2px 6px;}

div.contact_form, div.reservation_form, div.winecellar, div.cabinet, div.toimistokyytilaiset { margin: 15px auto 15px auto; width: 660px; font-size: 12px; color: #000000; }

div.to_companies { margin: 15px auto 15px auto; width: 807px; font-size: 12px; color: #000000; }
td.to_companies {width: 250px; text-align: center; padding-right: 30px;}
table.form {font-weight: normal; padding-left: 10px;}
table.form span.grey {font-weight: normal; color: #4f4f4f; font-size:11px;}

input.newsletter { width:263px; height:18px; border:1px solid #aeaeae; vertical-align:middle; margin-bottom:15px; }
img.buttonlike { vertical-align:middle; }

/* Fix IE. Hide from IE Mac \*/
* html ul#navi li { height: 1%; }
* html ul#navi li a { height: 1%; }
/* End */

div.flickr_link { float: left; width: 297px; text-align: right; margin-bottom: 20px; margin-top: 4px; font-size: 10px; }
div.flickr_title { margin-bottom: 3px; font-size: 12px; color: #686868; text-align: left; font-weight: bold;  margin-left: 0px; }
div#flickr { float: left; margin-left: 0px; border-top: 1px solid #c6c6c6; border-bottom: 1px solid #c6c6c6; padding: 0px 0px 15px 23px; width:275px; text-align: left; color: #686868; font-size:12px; }
div.flickr_badge_image { float:left; margin:15px 15px 0px 0px; border: 0px; }
div.flickr_badge_image a img { border: 0px; }


div#footer {width: 910px; height: 50px; border-top: 1px solid #c2c2c2; color:#686868; float:left; font-size: 10px; padding: 15px 10px 10px 10px;margin-top: 7px}
div.footer_contact a {color: #000000; text-decoration: none; text-align: right; float: left;}