*,* {
margin: 0;
padding: 0;
}

body { background: #B2CE96 url('./img/bodybg.png') repeat-x; font: 14px 'Georgia', serif; }
#header,#main,#masthead, #footer { width: 800px; margin: 0 auto; clear: both; overflow: hidden;}

#header { background: #fff; height: 128px; position: relative; margin-top: 3px;}
#header h1 a { background: transparent url('./img/logo.png') no-repeat; position: absolute; width: 424px; height: 81px; text-indent: -99999px; overflow: hidden; top: 10px; left: 10px;}
#header ul { list-style: none; margin: 0; padding: 0; position: absolute; bottom: 9px; left: 0;}
#header ul li {float: left;}
#header ul li a {  margin: 0 0 0 17px; color: #594b41; text-decoration: none; font: 12px Verdana, sans-serif;}
#header ul li a:hover, #b_hem #n_hem, #b_ansiktsbehandling #n_ansiktsbehandling, #b_brun-utan-sol #n_brun-utan-sol, #b_fransar-och-bryn #n_fransar-och-bryn, #b_makeup #n_makeup, #b_manikyr #n_manikyr, #b_massage #n_massage, #b_vaxning #n_vaxning, #b_clarinspro #n_clarinspro { color: #67953b; border-bottom: 1px dotted #67953b;}
#header img { position: absolute; top: 15px; right: 15px;}

#masthead {background: #90be63 url('./img/masthead.png') repeat-x bottom left; height: 190px; position: relative; border-bottom: 1px solid #6c9a40;}
#masthead h2 { background: transparent url('./img/mastheadtitle.png') no-repeat; width: 392px; height: 45px; text-indent: -99999px; overflow: hidden; margin: 7px 0 5px 13px;}
#masthead p {width: 400px; color: #fff; margin: 0 0 14px 15px;}
#masthead #blad {position: absolute; top: 0px; right: 15px;}
#masthead div#quote {width: 338px; height: 150px; position: absolute; top: 10px; right: 10px; background: transparent url('./img/quotebubble.png') no-repeat;}
#masthead div#quote p {width: 315px; margin: 10px 10px 0 10px; color: #2e3436; line-height: 18px; font-style: italic;}
#masthead div#quote span {display: block; width: 325px; text-align: right; margin: 0; color: #2e3436; font-weight: bold;}

#masthead div#quote.note {background: #F0EDDA; height: 170px; overflow-y: auto;}
#masthead div#quote.note h3 {font: 18px 'Georgia',serif; color: #6c9a3f; margin: 10px 0 5px 10px;}
#masthead div#quote.note strong {color: #618B3B;}


#main {background: #fcfcf8 url('./img/mainbg.png') repeat-x top left;}
#main h2 {font: 24px 'Georgia',serif; color: #6c9a3f; margin: 0 0 5px 0;}
#main h3 {font: bold 16px 'Georgia',serif; color: #666750; margin: 0 0 5px 0;}
#main p {margin: 0 0 13px 0;}
a {color: #90BE63;}
#main #content { float: left; width: 405px; padding: 10px;}
#main #sidebar { float: right; width: 340px; padding: 0 10px 10px;}
#main #sidebar div {background: transparent url('./img/sidebarpart.png') no-repeat top left; width: 340px; margin: 10px 0 0 0; padding: 10px 0 10px 0;}
#main #sidebar div h2 { color: #fff; margin: 0 0 10px 10px; }
#main #sidebar div h3 { color: #fff; margin: 0 0 10px 10px; }
#main #sidebar p { padding: 0 0 10px 0; }
#main .dark {color: #666750;}
#main #sidebar div p { margin: 0 0 0 10px; }

#footer {background: #9a9a80 url('./img/masthead.png') repeat-x bottom left; color: #fff; text-align: center; padding: 5px 0; }
#footer a {color: #fff;}

.left {
float: left;
}

.right {
float: right;
}

.price {
display: block;
text-align: right;
width: 370px;
font-style: italic;
}

.border {
background: #F6F6F0;
border: 1px solid #CAC9AA;
padding: 5px;