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,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

body { background:#faf9f2 url(../img/bg_body.jpg) no-repeat center top ; font-family:'Times New Roman', 'Times', serif ; color:#491f25 ; min-height:100% ; font-size:0.875em ; line-height:1.42857em ; }


a { color:#ff2c63 ; text-decoration:none ; }
/* a:visited { color:#b32568 ; } */
a:hover { text-decoration:underline ; }
a[rel=external] { background:url(../img/extlink.png) no-repeat right 2px ; padding-right:7px ; }

/* a[rel=external]:after { content:"➤"; font-size:6px ;  position:relative ;top:-6px ;
} */

strong { font-weight:bold ; }
.small { font-size:0.9em ; }
h2 { font-size:1.3125em ; letter-spacing:2px ; text-transform:uppercase ; }
p { margin:1.42857em 0 ; }
p.lead:first-letter { font-size:1.7em ; margin-left:-0.3em ;   }


em { font-style:italic ; }

img.content { display:block ; padding:5px ; background:#fff ; 
    -moz-border-radius:5px ; 
    -webkit-border-radius:5px ; 
    border:1px solid #ddd ;
    }

img.content.left { 
    -moz-box-shadow:1px -3px 8px #ccc ; 
    -webkit-box-shadow:1px -3px 8px #ccc ;
    -webkit-transform: rotate(-5deg);
    -moz-transform: rotate(-5deg) ;
    }

img.content.right { 
    -moz-box-shadow:-1px -3px 5px #ccc ; 
    -webkit-box-shadow:-1px -3px 5px #ccc ;
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg) ;
    }

table.pricelist { margin:0 auto ;  }
table.pricelist td { font-family:inherit ; font-size:inherit ; padding:0.2em 0.5em ; border-bottom:1px solid #ddd ;  }
table.pricelist tr.odd { background:#f3f2eb ;}

#top { width:660px ; height:731px ; margin:0 auto ; position:relative ; }
    h1#logo { background:transparent url(../img/bg_logo.png) no-repeat left top ; width:325px ; height:181px ; position:absolute ; left:171px ; top:529px ; text-indent:-100em ; overflow:hidden ; }
    #logo a { width:325px ; height:181px ; display:block ; }
    #siteinfo { font-size:10px ; text-align:center ; text-transform:uppercase; text-align:center ; letter-spacing:1px ; padding-top:0.5em ; margin:0 ; }
    #siteinfo a { color:#491f25 ; font-weight:bold ; text-decoration:none ;  }
    #siteinfo a:hover { color:#ff2c63 ; } 
    
    #navi {  position:absolute ; bottom:141px ; left:0 ; width:660px ; height:60px ; }
    #navi a { text-decoration:none ; display:block ; width:100% ; height:36px ; background:transparent ; text-indent:-100em ; overflow:hidden ; }
    #navi a.myspace { height:24px ; }
    #navi span { display:block ;}
    #navi #rosti { position:absolute ; right:55px ; top:0 ; width:111px ; height:60px ; background:url(../img/bg_navi.png) no-repeat right top ;  }
    #navi #samuli { position:absolute ; left:15px; top:0 ; width:158px ; height:60px ; background:url(../img/bg_navi.png) no-repeat left top ;  }
    #navi span#rosti:hover { background-position:right bottom ; }
    #navi span#samuli:hover { background-position:left bottom ; }
    
    #subnavi { font-size:0.6875em ; position:absolute ; bottom:0 ; left:300px ; }
    #subnavi li { float:left ; text-align:center ; display:inline ; padding:0 0 0 0.3em ;}
    #subnavi a {  color:#491f25 ; text-decoration:none ; text-transform:uppercase ;  }
    #subnavi a:hover, #subnavi a.act { color:#ff2c63 ;}
    
    #clobber { text-indent:-100em ; overflow:hidden ; display:block ; width:137px ; height:101px ; background:url(../img/content/clobber.png) no-repeat left top ; position:absolute ; right:-100px ; bottom:280px ; }

.main-content { width:660px ; margin:0 auto ; position:relative ; padding:0 0 50px ; }
.main-content #introtext { width:490px ; padding-left:170px ; }
.main-content#rosti { width:530px !important ; padding:0 130px 50px 0 !important ; }
.main-content#samuli { width:530px !important ; padding:0 0 50px 130px !important ; }
.main-content .bubble { position:relative ; padding:1em 1em 0.5em 1em ; background:#fff ; width:500px ; margin:1em 0 ; -webkit-border-radius:10px ; -moz-border-radius:10px ; }
.main-content .bubble b { width:60px ; height:31px ; display:block ; top:25% ; }
.main-content#lavistykset { width:400px ; padding:0 20px ;  } 

.main-content#rosti .bubble { left:-10px ; }
.main-content#samuli .bubble { right:-10px ; }

.main-content#samuli .bubble b { background:url(../img/bg_bubble.png) no-repeat left top ; position:absolute ; left:-60px ;  }
.main-content#rosti .bubble b { background:url(../img/bg_bubble.png) no-repeat right top ; position:absolute ; right:-60px ; }

b#footerpic { width:102px ; height:144px ; margin:0 auto ; display:block ; background:url(../img/footer.png) no-repeat left top ; margin-bottom:20px ; }
/* images */
    #shop-1 { left:-120px ; position:absolute; top:-50px ; }
    #shop-2 { float:right ; margin-right:-50px; }
    #pic-rosti  { position:absolute ; right:-130px ; top:-65px ;
        -webkit-transform: rotate(4deg);
        -moz-transform: rotate(4deg) ; }
    #pic-samuli  { position:absolute ; left:-140px ; top:-80px ;
        -webkit-transform: rotate(-4deg);
        -moz-transform: rotate(-4deg) ; }
            
/* galleries */
.galleryTable td img { display:block ;  }
.galleryTable td a { display:block ; padding:3px ; background:#fff ; }
.galleryTable td a:hover { background:#ff2c63 ; }

#gallerynavi { text-align:center ; }
#gallerynavi li { display:inline ; padding:0 0 0 0.3em ; font-size:0.6875em ;}
#gallerynavi li a { color:#3f2514 ;  text-transform:uppercase ;  }
#gallerynavi li a:hover { color:#ff2c63 ; text-decoration:none ; }
#gallerynavi li a.act { color:#ff2c63 ; } 

#gallery-pagenavi { text-align:center ; font-size:11px ; }
#gallery-pagenavi a { color:#3f2514 ; padding:3px 5px ; }
#gallery-pagenavi a.act, #gallery-pagenavi a:hover { color:#ff2c63 ; }