@charset "utf-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;}body {line-height: 1;}ol, ul {list-style: none;}blockquote, q {quotes: none;}blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}:focus {outline: 0;}ins {text-decoration: none;}del {	text-decoration: line-through;}table {border-collapse: collapse;border-spacing: 0;}.clear:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}.clear {display: inline-block;}html[xmlns] .clear {display: block;}* html .clear {height: 1%;}
/*end reset*/
html{background:url(../img/body_bg.png);height: 100%;}
body{background:url(../img/nav_bg.png) repeat-x 50% top; font-family:"Palatino Linotype", "Times New Roman", Times, serif;color:#5f5550;font-size:14px; line-height:18px;height: 100%; min-height:720px}
p{padding:0 0 20px 0;}
.tiedusteluform td{vertical-align:top; padding:5px 5px 5px 0;}
#contentpop{padding:60px 0 0 20px;}
#wrap{width:980px; margin:0 auto; min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -78px; /* the bottom margin is the negative value of the footer's height */
}
#intro{}
#mainnav{position:relative;}
#mainnav #logo{float:left; width:151px; height:293px; background:url(../img/logo.png) no-repeat; display:block; text-indent:-9999px;position:absolute;z-index:100;left:-3px;top:42px;}
#mainnav ul{padding:14px 0 0 84px; height:35px; }
#mainnav li{float:left; font-size:14px; background:url(../img/nav_viiva.png) no-repeat right center}
#mainnav li a{display:block; height:17px;color:#fff;text-decoration:none;line-height:21px;padding:4px 8px 0px;}
/*#mainnav li a{display:block; height:21px; background-image:url(../img/linkit.png); text-indent:-9999px;}
#mainnav li#carte a{ width:69px; background-position:left top;}
#mainnav li#carte a:hover{ width:69px; background-position:left bottom;}
#mainnav li#kausi a{ width:97px; background-position:741px top;}
#mainnav li#kausi a:hover{ width:97px; background-position:741px bottom;}
#mainnav li#lounas a{ width:64px; background-position:648px top;}
#mainnav li#lounas a:hover{ width:64px; background-position:648px bottom;}
#mainnav li#viini a{ width:74px; background-position:584px top;}
#mainnav li#viini a:hover{ width:74px; background-position:584px bottom;}
#mainnav li#haat a{ width:152px; background-position:510px top;}
#mainnav li#haat a:hover{ width:152px; background-position:510px bottom;}
#mainnav li#kokous a{ width:66px; background-position:358px top;}
#mainnav li#kokous a:hover{ width:66px; background-position:358px bottom;}
#mainnav li#catering a{ width:72px; background-position:292px top;}
#mainnav li#catering a:hover{ width:72px; background-position:292px bottom;}
#mainnav li#varaus a{ width:78px; background-position:220px top;}
#mainnav li#varaus a:hover{ width:78px; background-position:220px bottom;}
#mainnav li#auki a{ width:88px; background-position:142px top;}
#mainnav li#auki a:hover{ width:88px; background-position:142px bottom;}
#mainnav li#yhteys a{ width:54px; background-position:54px top;}
#mainnav li#yhteys a:hover{ width:54px; background-position:54px bottom;}
*/

#facebook{display:block; position:absolute; bottom:-50px; left:20px; width:104px;}
#intro{color:#58371e; font-size:14px;position:relative; background:url(../img/viiva.png) no-repeat left bottom;padding:0 0 40px 0; margin:0 0 20px 0;}
#introtext{float:right; width:400px;color:#58371e; position:absolute;right:7px;top:40px;}
#introtext h1{text-indent:-9999px;width:391px; height:42px; margin:0 0 20px;}
#content {color:#5f5550; background:url(../img/viiva.png) no-repeat left bottom;padding:0 0 50px 0;}
#content div{float:left;}
#content div p{height:90px;}
#content .kahvila{width:290px;background:url(../img/viiva_v.png) no-repeat top right; padding:0 15px 0 0; margin:0 15px 0 0;}
#content .terassi{width:300px; padding:0 15px 0 0; margin:0;}
#content .juhla{width:310px;background:url(../img/viiva_v.png) no-repeat top left; padding:0 0 0 15px;}
#content .kahvilaimg{width:290px; padding:5px 15px 0 0; margin:0 15px 0 0;}
#content .terassiimg{width:300px; padding:5px 15px 0 0; margin:0;}
#content .juhlaimg{width:310px;padding:5px 0 0 15px;}
#content h2{color:#58371e; font-size:18px; padding:0 0 10px 0;}
#napit{padding:40px 0 30px 0;}
#napit a{display:block; float:left; text-indent:-9999px; height:106px;}

#sijainti span{width:255px;}
#sijainti span, #tiedustelut span{background:url(../img/viiva_v.png) no-repeat right center; height:100%; display:block;}


#tiedustelut span{width:416px;}
#footer p{width:960px; margin:10px auto; font-size:10px;padding:20px 0 10px 20px;background:url(../img/viiva.png) no-repeat left top;}
#footer span{clear:both;display:block;}
#footer{border-bottom:solid 8px #322320; padding:0;height:70px}
#footer a{text-decoration:none; color:#5f5550;}
.push {
	height: 78px; /* .push must be the same height as .footer */
}


#sisa h2{padding:0 0 20px; font-size:18px;}
#sisa #text{float:left;width:410px;padding:40px 10px 0 160px; border-right:solid 1px #C3B6A6;}
#sisa #napit{width:399px; float:right; background: none;margin:30px 0 0;padding:0px 0;}
#sisa{padding:10px 0 60px 0;}

#sisa #tiedustelut span{width:390px;}
#sisa #sijainti span, #sisa #tiedustelut span, #sisa #avoinna span{background:none; height:100%; display:block;padding:0 0 0 10px;}
/*slideshow*/
#gallery {position:relative; width:590px; float:left; padding:0 0 0 30px;z-index:0;}
#images {}
#image {position:relative; width:590px; height:353px;background:transparent url(images/loading.gif) center center no-repeat}
#image img {position:absolute;}
#thumbwrapper {display:none;}
.imgnav {display:none;}
div#map{width:400px;float:left;height:310px;border:solid 5px #967D68;margin:0px 0 40px;z-index:1;position:relative;}
.tiedusteluform div{margin-bottom:10px;clear:both;display:inline-block;}
#contentpop .tiedusteluform div.submit{margin:0 0 0 100px;}
.tiedusteluform div:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
html[xmlns] .tiedusteluform div {display: block;}* html .tiedusteluformdiv {height: 1%;}
.tiedusteluform input, .tiedusteluform label, .tiedusteluform select{float:left;}
.tiedusteluform label{display:block;font-size:12px;font-weight:bold;padding:5px 0 5px 0;width:100px;}
.tiedusteluform input{background-color:#FFFFFF;border:solid 1px #C3B6A6;;padding:5px;width:202px;float:left; text-align:left;margin:5px 0 0 0;}
.tiedusteluform input#m83587_26, .tiedusteluform input#m83587_25{width:14px;margin:5px 0}
.tiedusteluform .submit input{background-color:#967D68;padding:10px;width:202px;color:#fff;font-weight:bold;cursor:pointer;border:none;margin:10px 0 10px;}
.tiedusteluform .submit input:hover{background-color:#9A6839;}
 .tiedusteluform select{background-color:#fff;border:1px solid #BDD5EB;padding:10px;width:294px;float:right;}
 .varaus{border-top:solid 1px #C3B6A6;border-bottom:solid 1px #C3B6A6;padding:5px 0; margin:15px 0;}
#liput{float:left;position:absolute;bottom:-10px; width:110px; left:20px;}
#liput a{}
#liput2{position:absolute;top:341px; width:110px; left:20px;}
#services li{float:left;}