body { padding: 0; margin: 0; background: #D6F2FA; font-family: "Trebuchet MS"; font-size: 12px; text-align: center; }
a { color: black; }
br.clearfix { clear: both; }

#wrap { width: 868px; margin: auto; text-align: left; background: url(../i/content_bg.gif) left top repeat-y; margin-top: 30px; }

#header { background: url(../i/header_top.png) left top no-repeat; position: relative; padding: 117px 25px 0; }
#logo { width: 300px; height: 241px; overflow: visible; position: absolute; top: 0; z-index: 1; background: url(../i/babies.png) left top no-repeat; margin: 0; top: 15px; }
#logo a { display: block; width: 398px; height: 66px; background: url(../i/nagisnappen.png) left top no-repeat; text-indent: -9000px; position: absolute; left: 275px; top: 24px; overflow: hidden; }

#nappen { width: 112px; height: 114px; overflow: hidden; position: absolute; margin: 0; background: url(../i/popularaste_nappen.png) left top no-repeat; text-indent: -9000px; right: 40px; top: -15px; }

#mainmenu { margin: 0; padding: 0; list-style: none; height: 70px; border-top: 1px solid #feb1c9; border-bottom: 1px solid #ffd7e4; background: #ff9bbc url(../i/menu_bg.png) left top repeat-x; padding-left: 460px; position: relative; }
#mainmenu li { display: block; float: left; }
#mainmenu li a { display: block; padding: 26px 15px; font-weight: bold; font-size: 14px; color: white; text-decoration: none; overflow: hidden; }
#mainmenu li a span { visibility: hidden; }
#mainmenu #mn-napp { width: 109px; background: url(../i/mn-bestall_napp.png) 50% 55% no-repeat; }
#mainmenu #mn-inf { width: 106px; background: url(../i/mn-information.png) 50% 55% no-repeat; }
#mainmenu #mn-kontakt { width: 82px; background: url(../i/mn-kontakt.png) 50% 55% no-repeat; }
#mainmenu #mn-hem { width: 59px; background: url(../i/mn-hem.png) 50% 55% no-repeat; }

#names { height: 52px; background: #b9deee url(../i/names.jpg) right center no-repeat; border-top: 1px solid #c6e4f1; border-bottom: 1px solid #e3f2f8; margin-top: 5px; }

#body { padding: 20px 36px 0; position: relative; }

#content { background: #FFF; padding-left: 27px; padding-bottom: 20px; }
#content h2 { color: #b9deee; font-size: 30px; font-weight: normal; margin: 0 0 5px 0;}
#content h3 { color: #fd7ea6; font-size: 20px; font-weight: normal; margin: 0; }

#desc { width: 485px; position: relative; padding-bottom: 40px; margin: 0; margin-top: 10px; }
#desc #bestall { display: block; width: 142px; height: 36px; text-align: center; line-height: 36px; color: white; font-size: 18px; font-weight: bold; text-decoration: none; position: absolute; right: 0; bottom: 15px; background: #99c4d6 url(../i/bestall.png) left top; }
#price { width: 98px; height: 225px; background: url(../i/william.jpg) left top no-repeat; position: absolute; right: -26px; top: 5px; font: bold 40px "Arial Rounded MT Bold", Arial; margin: 0; padding: 30px 0 0 235px; }

.block { width: 390px; background: #b9deee url(../i/block_bottom.png) left bottom no-repeat; float: left; color: white; font-weight: bold; position: relative; margin-bottom: 60px; }
.block div {  background: url(../i/block_top.png) left top no-repeat; position: relative; padding-left: 25px; }
.block div * { z-index: 1; position: relative; }

.block h2 { font-size: 20px; line-height: .95; color: white; margin: 0; font-weight: normal; position: absolute; z-index: 0; }
.block h3 { color: white; font-size: 20px; font-weight: normal; margin: 0; text-align: center; position: relative; z-index: 1; }
.block p { margin: 0; line-height: 1.35; margin-bottom: 7px; }

.block.left { margin-right: 14px; }
.block.left div { height: 235px;  padding-top: 85px; }
.block.left h2 { padding: 68px 0 100px 256px; width: 150px; background: url(../i/emma.png) left top no-repeat; top: -32px; left: -11px; }
.block.left h3 { float: left; width: 220px; line-height: 36px; padding: 80px 0 35px 0; background: url(../i/hbg.png) right 80px no-repeat; left: -25px; }
.block.left a { color: white; }

.block.right div { height: 235px;  padding-top: 85px; }
.block.right h2 { background: url(../i/baby.png) right bottom no-repeat; left: 25px; top: 36px; width: 374px; height: 302px; }
.block.right h3 { position: absolute; height: 36px; line-height: 36px; right: 0; top: 36px; width: 200px; background: url(../i/hbg.png) left top no-repeat; }
a#annat { display: block; width: 107px; height: 20px; background: url(../i/annat_namn.png) left top no-repeat; color: white; text-decoration: none; font-size: 13px; padding-left: 5px; line-height: 20px; }

#footer { clear: both; background: #EEE; padding-top: 30px; text-align: left; }

#footer #columns { width: 868px; margin: auto; padding-bottom: 63px; }
#footer #columns .column { width: 175px; float: left; margin: 0 40px 0 55px; }
* html #footer #columns .column { height: 1%; }
#footer #columns h3 { font-size: 12px; margin: 0; border-bottom: 1px solid #CCC; padding-bottom: 3px; }
#footer #columns h3.quote { padding-left: 24px; background: url(../i/quote.png) left top no-repeat; }
#footer #columns p,
#footer #columns ul { margin: 0; border-top: 1px solid #FAFAFA; padding-top: 25px; }
#footer #columns ul { padding-left: 0; list-style: none; }
#footer #columns ul a { color: black; text-decoration: none; }

#footer #present { margin: 0; padding: 30px 0 30px; background: #7d96a1; color: #99c4d6; text-align: center; }