/* 
@yellow=#fcf8c6 tints=#fffce1;
@brown=#6b4d2e tints=#b7996d + #dcccb6 (and maybe #907a62);
@lavender=#c2aacf tints=#ddd1e6;
*/
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on May 6, 2010 */
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on May 4, 2010 */
/* Museo was designed and given by Jos Buivenga (exljbris) -> http://www.exljbris.nl 
Museo-Slab license: http://www.fontsquirrel.com/license/Museo-Slab
Museo-Sans license: http://www.fontsquirrel.com/license/Museo-Sans
Bryant was designed by Eric Olson of Process Type Foundry -> http://processtypefoundry.com/about/
Bryant license: http://processtypefoundry.com/licensing/our-license-agreement
*/

            /* ¿¿¿ Firefox and Opera are choking on Bryant Bold */ 
            
@font-face {font-family: 'BryantBold'; src: url('http://www.theablebaker.com/bryant-bold-webfont.eot'); src: local('☺'), url('http://www.theablebaker.com/t/bryant-bold-webfont.woff') format('woff'), url('http://www.theablebaker.com/t/bryant-bold-webfont.ttf') format('truetype'), url('http://www.theablebaker.com/t/bryant-bold-webfont.svg#webfontDUACxpM9') format('svg'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'BryantRegular'; src: url('http://www.theablebaker.com/t/bryant-regular-webfont.eot'); src: local('☺'), url('http://www.theablebaker.com/t/bryant-regular-webfont.woff') format('woff'), url('http://www.theablebaker.com/t/bryant-regular-webfont.ttf') format('truetype'), url('http://www.theablebaker.com/t/bryant-regular-webfont.svg') format('svg'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'BryantMedium'; src: url('http://www.theablebaker.com/t/bryant-medium-webfont.eot'); src: local('☺'), url('http://www.theablebaker.com/t/bryant-medium-webfont.woff') format('woff'), url('http://www.theablebaker.com/t/bryant-medium-webfont.ttf') format('truetype'), url('http://www.theablebaker.com/t/bryant-medium-webfont.svg') format('svg'); font-weight: bold; font-style: normal;}
@font-face {font-family: 'MuseoSlab100'; src: url('http://www.theablebaker.com/t/museo_slab_100-webfont.eot'); src: local('☺'), url('http://www.theablebaker.com/t/museo_slab_100-webfont.woff') format('woff'), url('http://www.theablebaker.com/t/museo_slab_100-webfont.ttf') format('truetype'), url('http://www.theablebaker.com/t/museo_slab_100-webfont.svg#webfont') format('svg'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'MuseoSlab300'; src: url('http://www.theablebaker.com/t/museo_slab_300-webfont.eot'); src: local('☺'), url('http://www.theablebaker.com/t/museo_slab_300-webfont.woff') format('woff'), url('http://www.theablebaker.com/t/museo_slab_300-webfont.ttf') format('truetype'), url('http://www.theablebaker.com/t/museo_slab_300-webfont.svg#webfont') format('svg'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'MuseoSlab500'; src: url('http://www.theablebaker.com/t/museo_slab_500-webfont.eot'); src: local('☺'), url('http://www.theablebaker.com/t/museo_slab_500-webfont.woff') format('woff'), url('http://www.theablebaker.com/t/museo_slab_500-webfont.ttf') format('truetype'), url('http://www.theablebaker.com/t/museo_slab_500-webfont.svg#webfont') format('svg'); font-weight: bold; font-style: normal;}
@font-face {font-family: 'MuseoSlab700'; src: url('http://www.theablebaker.com/t/museo_slab_700-webfont.eot'); src: local('☺'), url('http://www.theablebaker.com/t/museo_slab_700-webfont.woff') format('woff'), url('http://www.theablebaker.com/t/museo_slab_700-webfont.ttf') format('truetype'), url('http://www.theablebaker.com/t/museo_slab_700-webfont.svg#webfont') format('svg'); font-weight: bold; font-style: normal;}
@font-face {font-family: 'HelveticaNeue-Medium'; src: url('http://www.theablebaker.com/t/helveticaneuemedium-webfont.eot'); src: local('☺'), url('http://www.theablebaker.com/t/helveticaneuemedium-webfont.woff') format('woff'), url('http://www.theablebaker.com/t/helveticaneuemedium-webfont.ttf') format('truetype'), url('http://www.theablebaker.com/t/helveticaneuemedium-webfont.svg#webfont9JhytQg1') format('svg'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'HelveticaNeue-Light'; src: url('http://www.theablebaker.com/t/helveticaneuelight-webfont.eot'); src: local('☺'), url('http://www.theablebaker.com/t/helveticaneuelight-webfont.woff') format('woff'), url('http://www.theablebaker.com/t/helveticaneuelight-webfont.ttf') format('truetype'), url('http://www.theablebaker.com/t/helveticaneuelight-webfont.svg#webfontKC0w7OGc') format('svg'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'HelveticaNeue-Bold'; src: url('http://www.theablebaker.com/t/helveticaneuebold-webfont.eot'); src: local('☺'), url('http://www.theablebaker.com/t/helveticaneuebold-webfont.woff') format('woff'), url('http://www.theablebaker.com/t/helveticaneuebold-webfont.ttf') format('truetype'), url('http://www.theablebaker.com/t/helveticaneuebold-webfont.svg#webfontNbZFUadY') format('svg'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'HelveticaNeue-Regular'; src: url('http://www.theablebaker.com/t/helveticaneue-webfont.eot'); src: local('☺'), url('http://www.theablebaker.com/t/helveticaneue-webfont.woff') format('woff'), url('http://www.theablebaker.com/t/helveticaneue-webfont.ttf') format('truetype'), url('http://www.theablebaker.com/t/helveticaneue-webfont.svg#webfontpRvNZHV3') format('svg'); font-weight: normal; font-style: normal;}
.wf-bryantbold-n7-loading h1, .wf-bryantmedium-n4-loading h1, .wf-museoslab500-n4-loading h2, .wf-museoslab300-n4-loading h2, .wf-museoslab700-n4-loading h3, .wf-museoslab100-n4-loading h3, .wf-museoslab300-n4-loading h3, .wf-bryantmedium-n4-loading h3, .wf-bryantmedium-n4-loading li, 
.wf-bryantregular-n4-loading body, .wf-museoslab300-n4-loading a {visibility:hidden;}

/* The Basics */
* {margin: 0; padding: 0;}
html { background-color: #ddd1e6;}
li {display: inline;}
em, strong {font-style: normal; font-weight: normal; font-family: MuseoSlab500, HelveticaNeue-Bold;}

        /* 
        major positioning ids 
        */
        #header {}
        #page-wrapper {margin: 0 auto; position: relative; width: 900px;}
        #logo {top: -40px; position: relative; height: 240px; float: left; width: 300px; background: url(http://www.theablebaker.com/i/abY2.png) no-repeat center;}
        /*nav class here (if necessary)*/
        #top-navigation {top: -40px; left: -10px; position: relative; font-size: 10px; height: 40px; text-align: center; float: right; width: 580px;}
        #content-wrapper {width: 900px; /* text-align: center; */}
        #lead-story {top: -40px; position: relative; width: 596px; float: right; height: 92px; margin-bottom: 4px; background-color: #fffce1; border: 2px #6b4d2e solid; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
        #lead-story-bs {top: -40px; position: relative; width: 600px; float: right; height: 96px; margin-bottom: 4px; background: #c2aacf url(http://www.theablebaker.com/i/hdr-bs.png) no-repeat; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
        #mosaic {top: -140px; position: relative; float: right; height: 500px; width: 600px;}
        #archive {text-overflow: clip; height: 300px;}
        #second-story{min-height: 78px; float: right; clear: right; position: relative; top: -140px; width: 394px; margin: 10px 202px 6px 0; background-color: #6b4d2e;border: 2px #6b4d2e solid; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
        #second-story-right{min-height: 78px; float: right; clear: right; position: relative; top: -140px; width: 394px; margin: 10px 2px 6px 0; background-color: #6b4d2e;border: 2px #6b4d2e solid; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
        #second-story-wide{min-height: 78px; float: right; clear: right; position: relative; top: -140px; width: 594px; margin: 10px 2px 6px 0; background-color: #6b4d2e;border: 2px #6b4d2e solid; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
        /* #third-story{min-height: 78px; float: right; clear: right; width: 96px; background-color: #c2aacf; padding: ; border: 2px #c2aacf solid; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;} */

        #details {text-overflow: clip; top: -40px; position: relative; clear: left; float: left; min-height: 394px; margin: 0 10px 0 10px; padding: 2px 8px 2px 8px; width: 262px;background-color: #fffce1; border: 1px #c2aacf solid; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
        #footer {position: relative; top: -150px; clear: both; text-align: center;}

/* banner animation (parallax1 is inside body element) */
body {background: url(http://www.theablebaker.com/i/AB-banner-px1b.png) 40% 0 repeat-x;text-rendering:optimizeLegibility;font: .95em/1.1em BryantRegular, MuseoSlab100, HelveticaNeue-Light, Arial-Rounded, Helvetica, Arial, sans-serif;
color:#6b4d2e;
orphans: 2;
widows: 2;
text-decoration: none;
}
.parallax2 {background: transparent url(http://www.theablebaker.com/i/AB-banner-px2b.png) 75% 0 repeat-x;}
.parallax3 {background: transparent url(http://www.theablebaker.com/i/AB-banner-px3b.png) 135% 0 repeat-x; height: 120px;}

        /* navigation styling */
        #bakery {}
        #cakes {}
        #cookies {}
        #pies {}
        #about {}
        #answers {}
        #order {}
        #signup {}
        #top-navigation ul, #top-navigation li, #top-navigation a {display: inline-block; font: 14px/60px BryantMedium, MuseoSlab300, "Josefin Slab", HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial-Rounded, Arial, sans-serif; width: 80px; height: 40px; margin-bottom: 4px;}
        #footer .navigation ul, #footer .navigation li, #footer .navigation a {color: #6b4d2e; display: inline-block; font: 14px/60px BryantMedium, MuseoSlab300, "Josefin Slab", HelveticaNeue-Light, "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial-Rounded, Arial, sans-serif; width: 80px; height: 40px; margin-bottom: 4px; border-bottom: 6px solid #fcf8c6; }
        #bakery a:hover {background: transparent url(http://www.theablebaker.com/i/cck-top-w.png) no-repeat;}
        #cakes a:hover {background: transparent url(http://www.theablebaker.com/i/cck-top-w.png) no-repeat;}
        #cookies a:hover {background: transparent url(http://www.theablebaker.com/i/cck-top-w.png) no-repeat;}
        #pies a:hover {background: transparent url(http://www.theablebaker.com/i/cck-top-w.png) no-repeat;}
        #about a:hover {background: transparent url(http://www.theablebaker.com/i/cck-top-w.png) no-repeat;}
        #theSpecial a:hover {background: transparent url(http://www.theablebaker.com/i/cck-top-w.png) no-repeat;}
        #order a:hover {background: transparent url(http://www.theablebaker.com/i/cck-top-w.png) no-repeat;}
        #signup a:hover {background: transparent url(http://www.theablebaker.com/i/cck-top-w.png) no-repeat;}

/* 
content sections 
*/
.body {
font: .95em/1.1em BryantRegular, MuseoSlab100, HelveticaNeue-Light, Arial-Rounded, Helvetica, Arial, sans-serif;
color:#6b4d2e;
orphans: 2;
widows: 2;
text-decoration: none;
}
h1 {
font: 1.4em/1.3em BryantMedium, MuseoSlab500, "Josefin Slab", HelveticaNeue-Medium, Helvetica, Arial-Rounded, Arial;
color: #6b4d2e;
}
#lead-story h1 {
display: inline; line-height: 1.4em;padding: 0px 4px 0 8px;
}
#lead-story-bs h1 {
font: 32px/1em BryantMedium, MuseoSlab500, "Josefin Slab", HelveticaNeue-Medium, Helvetica, Arial-Rounded, Arial;  padding:28px 20px 0 160px;
}
#lead-story-bs h1 .h1-highlight {
font: 48px/1.3em BryantMedium, MuseoSlab500, "Josefin Slab", HelveticaNeue-Medium, Helvetica, Arial-Rounded; color: #fcf8c6;
}
#lead-story h1+p {display: inline;
}
#details h1 + p:first-line {font: 1.2em/1.1em BryantMedium, MuseoSlab300, "Josefin Slab", HelveticaNeue-Medium, Helvetica, Arial-Rounded, Arial, sans-serif;
}
#details h1+p {margin: 0;
}
#details h1 {line-height: 1.2em; padding: 3px 0 0 0
}

h2 {font: 1.3em/1.4em MuseoSlab500, HelveticaNeue-Bold, "Josefin Slab", Helvetica, Arial-Rounded, Arial, sans-serif; color: #6b4d2e;
}
.two-line h2 {padding-top: 0.3em; line-height: .9em;
}
#lead-story h2{
font: 1.2em/1.3em MuseoSlab300, HelveticaNeue-Bold, "Josefin Slab", Helvetica, Arial-Rounded, Arial, sans-serif;
padding: 0px 6px 0 6px;
}
#details h2 {line-height: 1em; margin: 12px 0 0 0;
}
#details h2+p {margin: 0;
}
#details .box-highlight h2, #details .box-highlight-brown h2 {margin-top: 0;
}
#details .box-highlight h2+p, #details .box-highlight-brown h2+p {margin: 0;
}
#second-story h2, #second-story-right h2, #second-story-wide h2 {
color: #c2aacf;
margin: .5em;
}
h3 {
font: 1.1em/1em MuseoSlab300, BryantMedium, "Josefin Slab", HelveticaNeue-Medium, Helvetica, Arial-Rounded; color: #6b4d2e;
}
.two-line h3{
line-height: 1.3em; 
}
#lead-story h3{font-size: 1.15em/1em;
}
#second-story h3, #second-story-right h3, #second-story-wide h3{
font: 1.3em/1.1em MuseoSlab700, HelveticaNeue-Medium, "Josefin Slab", Helvetica, Arial-Rounded, Arial, sans-serif;
color: #fcf8c6;
padding: 4px 6px 0 6px;
}
#details h3 {font: 1.1em/1em MuseoSlab100, HelveticaNeue-Medium, "Josefin Slab", Helvetica, Arial-Rounded; margin-top: 1em;
}
#details .box-highlight h3, #details .box-highlight-brown h3 {margin-top: 0; font: 1.1em/1em MuseoSlab100, "Josefin Slab", HelveticaNeue-Medium, Helvetica, Arial-Rounded;
}
#details .box-highlight h3+p, #details .box-highlight-brown h3+p {margin: 0;
}
.highlight-2col h3, .highlight-3col h3 {font: 1.2em/1em MuseoSlab700, "Josefin Slab", HelveticaNeue-Bold, Helvetica, Arial-Rounded;}
/*
#third-story h3{
font: 1.3em/1.2em MuseoSlab500, HelveticaNeue-Medium, Helvetica, Arial-Rounded, Arial, sans-serif;
color: black;
padding: 4px 6px 0 6px;
}
*/
h4 {
margin-top: 1.5em;
font: 1.3em/1.3em BryantMedium, MuseoSlab500, "Josefin Slab", HelveticaNeue-Regular, Helvetica, Arial-Rounded;
}
#details h4 {margin-top: 1em;
}
#mosaic h4 {margin-top: 0;
}
.salutation {
font: 1.3em/1.3em BryantBold, MuseoSlab500, "Josefin Slab", HelveticaNeue-Regular, Helvetica, Arial-Rounded;
}
#lead-story p {
padding: 0px 6px 0 6px;
font-family: BryantRegular, MuseoSans500, "Josefin Slab", HelveticaNeue-Light, Arial-Rounded, Helvetica, Arial, sans-serif;
}
#mosaic p {color: #6b4d2e;
}
#second-story p, #second-story-right p, #second-story-wide p {
font: 1.1em/1.2em MuseoSlab500, "Josefin Slab", HelveticaNeue-Regular, Helvetica, Arial-Rounded;
color: #ddd1e6;
padding: 0px 6px 0 6px;
}
#details p {margin: 6px 0 0 0;
}
#details .box-highlight p, {margin: .5em 0 0 0;
}
#details .box-highlight-brown h2, #details .box-highlight-brown h4, #details .box-highlight-brown p {color: white;
}
#mosaic .order-yellow p, #mosaic .order-yellow-2row p, #mosaic .order-yellow-4col p {font-family: BryantRegular, MuseoSans500, "Josefin Slab", HelveticaNeue-Light, Arial-Rounded, Helvetica, Arial, sans-serif;
}
/*
#third-story p {
font-size: 1.1em/1.2em MuseoSlab100, HelveticaNeue-Light, Helvetica, Arial-Rounded, Arial, sans-serif;;
color: black;
padding: 0px 6px 0 6px;
}
*/
h1>a {
text-decoration: none;
color: #6b4d2e;
font: 1em/1em MuseoSlab500, "Josefin Slab", HelveticaNeue-Regular, Helvetica, Arial-Rounded, Arial, sans-serif;
}
a {
text-decoration: none;
color: #6b4d2e;
font: .9375em/1em MuseoSlab500, "Josefin Slab", HelveticaNeue-Regular, Helvetica, Arial-Rounded, Arial, sans-serif;
}
a:hover {
color:black
}
.rave a {
border-bottom: 3px;
border-bottom-color: #c2aacf;
border-bottom-style: solid;
}
.order a {
border-bottom: 3px;
border-bottom-color: #c2aacf;
border-bottom-style: solid;
}
#details .indent6 a {
border-bottom: 3px;
border-bottom-color: #ddd1e6;
border-bottom-style: solid;
}
#details .box-highlight a {
border-bottom: 3px;
border-bottom-color: #fcf8c6;
border-bottom-style: solid;
}
#details .box-highlight-brown a {
border-bottom: 3px;
border-bottom-color: #fcf8c6;
border-bottom-style: solid;
color: #fcf8c6;
}
#second-story a, #second-story-right a, #second-story-wide a {
    border-bottom: 3px;
    border-bottom-color: #fcf8c6;
    border-bottom-style: solid;
    font: 1.1em/1.2em MuseoSlab500, "Josefin Slab", HelveticaNeue-Regular, Arial-Rounded, Arial, sans-serif;
    color: #fcf8c6;
}
#details cite {
text-align: right;
color: #6b4d2e; 
font-style: normal; 
font-weight: normal; 
font: 1em/1.125em MuseoSlab300, "Josefin Slab", HelveticaNeue-Light, Helvetica-Rounded, Arial-Rounded, Arial;
}
#mosaic cite a {font-style: normal; font-weight: normal; font: 1em/1.5em MuseoSlab700, "Josefin Slab", HelveticaNeue-Bold, Helvetica, Arial-Rounded, Arial;
}
#mosaic cite {color: #6b4d2e; font-style: normal; font-weight: normal; font: 1.125em/1.375em MuseoSlab700, "Josefin Slab", HelveticaNeue-Bold, Helvetica, Arial-Rounded, Arial;
}
#mosaic blockquote {font-size: 1.375em; line-height: 1.125em; display: inline; text-align: center; 
}
#details ul {margin: 0 .5em;
}
#details ul.last {padding-bottom: 1em;
}
#details ol {margin: 0 .5em;
}
#details ol.last {padding-bottom: 1em;
}
#second-story ul, #second-story-right ul, #second-story-wide ul {
font: 1.1em/1.2em MuseoSlab500, "Josefin Slab", HelveticaNeue-Regular, Helvetica, Arial-Rounded, Arial;
color: #c2aacf;
padding: 0 24px 0 18px;
}
#second-story ol, #second-story-right ol, #second-story-wide ol {
display: block;
font: 1.1em/1.2em MuseoSlab500, "Josefin Slab", HelveticaNeue-Regular, "Helvetica Neue", Helvetica, Arial-Rounded;
color: #c2aacf;
padding: 0 24px 0 18px;
}
#second-story .text-highlight, #second-story-right .text-highlight, #second-story-wide .text-highlight {font: 1.1em/1.2em MuseoSlab700, "Josefin Slab", HelveticaNeue-Bold, "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial-Rounded, Arial; color: #fcf8c6;
}
#lead-story li{
line-height: .8em;
display: list-item;
list-style-type: none;
padding: 2px 4px 0 8px;
}
#lead-story li.first {
display: list-item;
padding: 0px 48px 0 8px;
}
#mosaic li {
display: list-item;
}
#mosaic li.first {
display: list-item;
}
#second-story li {
margin-left: 18px;
display: list-item;
color: #c2aacf;
}
#second-story li.first {
margin-left: 18px;
display: list-item;
color: #c2aacf;
}
.dessertName {font: 1.1em/1.2em MuseoSlab700, "Josefin Slab", HelveticaNeue-Bold, Helvetica, Arial-Rounded, Arial; color: #fcf8c6;
}
.indent6 { padding-left: 6px; 
}
.indent12 { padding-left: 12px; 
}
.text-highlight {
font-size: 1.1em;
font-family: MuseoSlab500, MuseoSans500, "Josefin Slab", HelveticaNeue-Regular, Helvetica, Arial-Rounded, Arial;
}
#mosaic .text-highlight {
font-size: 1em;
}
#details .text-highlight {
font-size: 1em;
font-family: BryantMedium, "Josefin Slab", HelveticaNeue-Light, Helvetica, Arial-Rounded, Arial;
}
#lead-story .priceHighlight, #details .priceHighlight {font: 1.1em/1.5em MuseoSlab500, "Josefin Slab", HelveticaNeue-Regular, Helvetica, Arial-Rounded, Arial; color: #6b4d2e; }


        /* mosaic grid */
        #mosaic li {list-style: none; }
        .photo {z-index: 998;}
        .content {z-index: 999;}
        .m1a{position: absolute; height: 100px; width: 100px;}
        .m1b{position: absolute; height: 100px; width: 100px; left:100px;}
        .m1c{position: absolute; height: 100px; width: 100px; left:200px;}
        .m1d{position: absolute; height: 100px; width: 100px; left:300px;}
        .m1e{position: absolute; height: 100px; width: 100px; left:400px;}
        .m1f{position: absolute; height: 100px; width: 100px; left:500px;}
        .m2a{position: absolute; height: 100px; width: 100px; top:100px;}
        .m2b{position: absolute; height: 100px; width: 100px; top:100px; left:100px;}
        .m2c{position: absolute; height: 100px; width: 100px; top:100px; left:200px;}
        .m2d{position: absolute; height: 100px; width: 100px; top:100px; left:300px;}
        .m2e{position: absolute; height: 100px; width: 100px; top:100px; left:400px;}
        .m2f{position: absolute; height: 100px; width: 100px; top:100px; left:500px;}
        .m3a{position: absolute; height: 100px; width: 100px; top:200px;}
        .m3b{position: absolute; height: 100px; width: 100px; top:200px; left:100px;}
        .m3c{position: absolute; height: 100px; width: 100px; top:200px; left:200px;}
        .m3d{position: absolute; height: 100px; width: 100px; top:200px; left:300px;}
        .m3e{position: absolute; height: 100px; width: 100px; top:200px; left:400px;}
        .m3f{position: absolute; height: 100px; width: 100px; top:200px; left:500px;}
        .m4a{position: absolute; height: 100px; width: 100px; top:300px;}
        .m4b{position: absolute; height: 100px; width: 100px; top:300px; left:100px;}
        .m4c{position: absolute; height: 100px; width: 100px; top:300px; left:200px;}
        .m4d{position: absolute; height: 100px; width: 100px; top:300px; left:300px;}
        .m4e{position: absolute; height: 100px; width: 100px; top:300px; left:400px;}
        .m4f{position: absolute; height: 100px; width: 100px; top:300px; left:500px;}
        .m5a{position: absolute; height: 100px; width: 100px; top:400px; top:400px; background-color: rgba (221, 209, 230, 0.2);}
        .m5b{position: absolute; height: 100px; width: 100px; top:400px; left:100px;}
        .m5c{position: absolute; height: 100px; width: 100px; top:400px; left:200px;}
        .m5d{position: absolute; height: 100px; width: 100px; top:400px; left:300px;}
        .m5e{position: absolute; height: 100px; width: 100px; top:400px; left:400px;}
        .m5f{position: absolute; height: 100px; width: 100px; top:400px; left:500px;}
        
        #mosaic .highlight-2col {z-index: 999;
        padding: 6px 4px 2px 4px; margin: 4px; height: 75px; width: 180px; color: #000000; background-color: #ffffff; 
        border-color: #6b4d2e; border-width: 4px; border-style: solid;
        border-radius: 10px; -moz-border-radius: 10px;  -webkit-border-radius: 10px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;
        }
        #mosaic .highlight-3col {z-index: 999;
        padding: 6px 4px 2px 4px; margin: 4px; height: 75px; width: 280px; color: #000000; background-color: #ffffff; 
        border-color: #6b4d2e; border-width: 4px; border-style: solid;
        border-radius: 10px; -moz-border-radius: 10px;  -webkit-border-radius: 10px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;
        }
        #mosaic .highlight-3col-long {z-index: 999;
        padding: 6px 4px 2px 4px; margin: 4px; height: 140px; width: 280px; color: #000000; background-color: #ffffff; 
        border-color: #6b4d2e; border-width: 4px; border-style: solid;
        border-radius: 10px; -moz-border-radius: 10px;  -webkit-border-radius: 10px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;
        }
        #mosaic .caption-2col {z-index: 999;
        padding: 6px 4px 8px 4px; margin: 90px 8px 0 8px; height: 1em; width: 178px; background-color: #fcf8c6; 
        border-radius: 10px; -moz-border-radius: 10px;  -webkit-border-radius: 10px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;
        font-family: MuseoSlab700, HelveticaNeue-Bold, Helvetica, Arial-Rounded, Arial, sans-serif; text-align: center; color: #6b4d2e;
        }
        #mosaic .captionTop-2col {z-index: 999;
        padding: 6px 4px 8px 4px; margin: -20px 8px 0 8px;; height: 1em; width: 178px; background-color: #fcf8c6; 
        border-radius: 10px; -moz-border-radius: 10px;  -webkit-border-radius: 10px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;
        font-family: MuseoSlab700, HelveticaNeue-Bold, Helvetica, Arial-Rounded, Arial, sans-serif; text-align: center; color: #6b4d2e;
        }
        #mosaic .caption-3col {z-index: 999;
        padding: 6px 4px 2px 4px; margin: 4px; height: 50px; width: 280px; color: #000000; background-color: #ffffff; 
        border-color: #6b4d2e; border-width: 4px; border-style: solid;
        border-radius: 10px; -moz-border-radius: 10px;  -webkit-border-radius: 10px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;
        }

        /* rave reviews */
        #mosaic .rave {z-index: 999; padding: 8px 2px 2px 2px; margin: 4px; height: 74px; font-family: MuseoSlab700, HelveticaNeue-Bold, Helvetica, Arial-Rounded, Arial, sans-serif; border-style: solid; border-width: 0px; background-color: #fcf8c6; text-align: center; outline: none; height: 82px;
        }
        /* order styling*/
        #mosaic .order {color: #6b4d2e; line-height: 1.2em; 
        }
        #mosaic .order li{font-size: 1.1em; padding-bottom: 2px; margin-left: 32px; list-style-type: decimal;
        }
        #mosaic .order-white {z-index: 999; padding: 6px 4px 2px 4px; margin: 4px; height: 75px; width: 180px; text-align: center; color: #000000; background-color: #ffffff; 
        border-color: #6b4d2e; border-width: 4px; border-style: solid;
        border-radius: 10px; -moz-border-radius: 10px;  -webkit-border-radius: 10px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;
        }
        #mosaic .order-white-2row {z-index: 999; padding: 6px 4px 2px 4px; margin: 4px; height: 175px; width: 280px; text-align: center; color: #000000; background-color: #ffffff; 
        border-color: #6b4d2e; border-width: 4px; border-style: solid;
        border-radius: 10px; -moz-border-radius: 10px;  -webkit-border-radius: 10px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;
        }
        #mosaic .order-white-2col {z-index: 999; padding: 6px 4px 2px 4px; margin: 4px; height: 75px; width: 180px; text-align: center;color: #000000; background-color: #ffffff; 
        border-color: #6b4d2e; border-width: 4px; border-style: solid;
        border-radius: 10px; -moz-border-radius: 10px;  -webkit-border-radius: 10px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;
        }
        #mosaic .order-yellow {text-overflow: clip; z-index: 999; padding: 8px 2px 2px 2px; height: 75px; width: 180px; margin: 4px; font-family: MuseoSlab700, HelveticaNeue-Bold, Helvetica, Arial-Rounded, Arial, sans-serif; background-color: #fcf8c6; text-align: center; outline: none;
            border-color: #c2aacf; border-width: 4px; border-style: solid;
            border-radius: 10px; -moz-border-radius: 10px;  -webkit-border-radius: 10px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;
        }
        #mosaic .order-yellow-2row {text-overflow: clip; z-index: 999; padding: 8px 2px 2px 2px; height: 175px; width: 280px; margin: 4px; font-family: MuseoSlab700, HelveticaNeue-Bold, Helvetica, Arial-Rounded, Arial, sans-serif; background-color: #fcf8c6; text-align: center; outline: none;
            border-color: #c2aacf; border-width: 4px; border-style: solid;
            border-radius: 10px; -moz-border-radius: 10px;  -webkit-border-radius: 10px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;
        }
        #mosaic .order-yellow-4col {text-overflow: clip; z-index: 999; padding: 8px 2px 2px 2px; height: 75px; width: 380px; margin: 4px; font-family: MuseoSlab700, HelveticaNeue-Bold, Helvetica, Arial-Rounded, Arial, sans-serif; background-color: #fcf8c6; text-align: center; outline: none;
            border-color: #c2aacf; border-width: 4px; border-style: solid;
            border-radius: 10px; -moz-border-radius: 10px;  -webkit-border-radius: 10px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;
        }
/* details sidebar */
#details .box-highlight {padding: 8px; background-color: #ddd1e6; border: border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;
}
#details .box-highlight-brown {padding: 8px; background-color: #6b4d2e; border: border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;
}
p.box-highlight+table.pricelist {margin-top: 1em;
}

    /* table styles */
    #details table {width: 262px; /* padding: 8px;  */border-spacing: 0; background-color: #fcf8c6; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border: solid; border-width: 1px; border-color: #6b4d2e; }
    #second-story table, #second-story-right table, #second-story-wide table {width: 380px; margin: 6px 6px 8px 6px ; border-spacing: 0; background-color: #fcf8c6; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border: solid; border-width: 1px; border-color: #6b4d2e; }

/* pricelist elements */
.pricelist thead {font-family: MuseoSlab700, "Josefin Slab", HelveticaNeue-Bold, Helvetica, Arial-Rounded, Arial, sans-serif; font-size: 16px; line-height: 16px; color: #6b4d2e;}
.pricelist tfoot {font-size: 11px; line-height: 12px; color: #6b4d2e; text-align: center;}
.pricelist {font-family: MuseoSlab500, "Josefin Slab", HelveticaNeue-Regular, Helvetica, Arial-Rounded, Arial, sans-serif; font-size: 13px; line-height: 12px;margin-bottom: 1.5em;}
.pricelist td.first{border-top: solid; border-top-width: 1px; border-top-color: #6b4d2e;}
.pricelist td.last{padding-bottom: 8px;}
.pricelist td {padding: 6px 4px 0 10px;}
/* .pricelist td.nested {padding: 2px 4px 0 16px;} */
/* .pricelist td.price .nested{padding: 2px 4px 0 10px;} */
.pricelist tr:hover, .pricelist tr:active {
    background-color: #fffce1;}
.pricelist thead tr:hover, .pricelist tfoot tr:hover, .pricelist ul:hover {
    background-color: transparent;}
.dessert {width: 140px; text-align: left; vertical-align: top}
.pricelist td.dessert-nested {padding: 3px 4px 0 16px;}
.pricelist td.dessert-nested-last {padding: 3px 4px 8px 16px;}
.price {width: 40px; text-align: left; vertical-align: top}
.pricelist td.price-nested {padding: 3px 4px 0 10px;}
.pricelist td.price-nested-last {padding: 3px 4px 8px 10px;}
.transparent50 {filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}