/* defaults, globals, etc.
==============================================================================*/
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;}

:focus 
{outline: 0;}

body 
{line-height: 1;
font: 12px "Trebuchet MS", sans-serif;
text-align: left;}

ol, ul 
{list-style: none;}

table 
{border-collapse: separate;
border-spacing: 0;}

caption, th, td 
{text-align: left;
font-weight: normal;}

a, a img
{text-decoration: none}

.mooncakehead span
{display: block;
width: 0;
height: 0;
overflow: hidden;}

.clearit 
{clear: both;
height: 0;
line-height: 0.0;
font-size: 0;}




/* main layout
==============================================================================*/
.container
{width: 824px;
margin: 0 auto;
overflow:visible;
position: relative;
padding: 0 10px;}

#wrapper
{min-height: 1px;}

#headernav
{min-height: 90px;
width: 824px;}

#leftcol
{float: left;
clear: both;
width: 184px;
height: 420px;}

#swfcontent
{height: 556px;
width: 824px;
margin-bottom: 5px;
display: block;
float:left;
background: none;}

#swfcontent
{background: transparent url('/images/illo2.jpg') no-repeat top left;}

#aboutusillo
{float: right;
clear: both;
width: 184px;
height: 378px;
margin-left: 36px;
background: transparent url('/images/aboutus.jpg') no-repeat bottom left;}

#wholesaleillo
{float: right;
clear: both;
width: 184px;
height: 378px;
margin-left: 36px;
background: transparent url('/images/wholesale.jpg') no-repeat bottom left;}

#restillo
{float: right;
clear: both;
width: 184px;
height: 378px;
margin-left: 36px;
background: transparent url('/images/rest.jpg') no-repeat bottom left;}

#deliveryillo
{float: right;
clear: both;
width: 184px;
height: 378px;
margin-left: 36px;
background: transparent url('/images/delivery.jpg') no-repeat bottom left;}

#swfholder
{float: left;
clear: both;
position: relative;
width: 184px;
height: 342px;
background-color: #F6E8CB}

#lefthome
{float: left;
width: 412px;
min-height: 105px;
background: transparent url('/images/yingyang.jpg') no-repeat top left;}

#righthome
{float: right;
width: 412px;
min-height: 105px;
background: transparent url('/images/pigfu.jpg') no-repeat top right;}

.rightcol
{float: right;
width: 622px;
margin-left: 18px;
border-top:#ececec 1px solid;}


/* Header and Navigation
==============================================================================*/
.mooncakehead
{width: 199px;
height: 37px;
background: transparent url('/images/mooncakeheader.gif') no-repeat bottom left;}

.logobadge
{float: left;
margin-top: 9px;}

#headernav ul
{float: left;
text-align: left;
margin-top: 6em;
font-size:0.833em;
line-height: 1.8em;
padding-bottom: .9em;
letter-spacing: .2em;
font-weight: bold;
overflow: auto;
text-transform: uppercase;}

#headernav li
{display: inline;
padding-left: 40px;
padding-right: 2px;}

#headernav ul a:link, #headernav ul a:visited
{color: #918f8f;}

#headernav ul a:focus, #headernav ul a:hover, #headernav ul a:active,  #headernav ul li.active
{color: #a7362c}

#headernav li.active a:link, #headernav li.active a:visited
{color: #a7362c}

#headernav li.active a:hover
{cursor: default}


#ordernow
{border-top: 2px solid #731a12;
position: absolute;
right: 10px;}

#ordernow ul
{
-webkit-border-bottom-right-radius: 18px;
-webkit-border-bottom-left-radius: 18px;
-moz-border-radius-bottomright: 18px;
-moz-border-radius-bottomleft: 18px;
border-bottom-right-radius: 18px;
border-bottom-left-radius: 18px;
background: #731a12 url('/images/orderonlineback.jpg') repeat bottom left; }

#ordernow ul li
{color: #CDAD3C;
float: left;
font-weight: bold;
font-size:0.917em;
line-height: 1.636em;
font-style: italic;}

#ordernow ul li.info
{padding: 7px 12px 9px 18px;}

#ordernow ul li a
{display: block;
padding: 7px 18px 9px 18px;
font-style: normal;
font-weight: bold;
letter-spacing: .12em;
text-transform: uppercase;
font-size:1.467em;
border-left: 1px solid #731a12}

#ordernow ul li a:link, #ordernow ul li a:visited
{color: #e6c654;
text-shadow: 0px 1px 3px #41100b}

#ordernow ul li a:focus, #ordernow ul li a:hover, #ordernow ul li a:active
{text-shadow: none;
color: #f9e59d;
background-color: #58150f;}

#ordernow ul li a:focus.rlink, #ordernow ul li a:hover.rlink, #ordernow ul li a:active.rlink
{-webkit-border-bottom-right-radius: 18px;
-moz-border-radius-bottomright: 18px;
border-bottom-right-radius: 18px;}

li.comingsoon
{position: relative}

.comingsoon span
{position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: transparent;
background: rgba(0, 0, 0, 0.5) none;
text-align: center;
font-size:0.667em;
line-height: 24px;}

#promo
{-webkit-border-radius: 24px;
-moz-border-radius: 24px;
border-radius: 24px;
padding: 18px 9px;
text-align: center;
background: transparent url('/images/bubtext.jpg') repeat bottom right;
border: 4px solid rgba(250, 250, 250, 0.6);

}

#promo_outer
{position: absolute;
bottom: -283px;
right: 484px;
width: 180px;
min-height: 18px;
padding-bottom: 44px;
background: transparent url('/images/bottomspeak.png') no-repeat bottom right;}

#promo h2
{color: #851E15;
font-weight: 900;
letter-spacing: .04em;
font-size:1.5em;
text-shadow: 0px 1px 1px #EEE;
line-height: 1em;
padding-bottom: 4px;
font-family: "adelle-1","adelle-2","Trebuchet MS", serif;}

#promo h3
{color: #474646;
font-size:0.833em;
line-height: 1.2em;
font-weight: bold;
font-style: italic}

#promo a
{font-weight: bold;
color: #851E15;
padding: 0 1px;
text-shadow: 0px 1px 1px #EEE;}

#promo h3 a:focus, #promo h3 a:hover, #promo h3 a:active
{color: white;
text-shadow: none;
background-color:#851E15}


/* Home
==============================================================================*/
#lefthome h2
{font-size:1.167em;
line-height: 1.286em;
color: #474646;
font-weight: bold;
}

#righthome h2
{font-size:1.333em;
line-height: 1.125em;
font-weight: bold;
color: #a6373d;
}

#lefthome h2, #lefthome p
{padding-left: 108px;
padding-right: 9px;}

#lefthome h2
{padding-top: 18px;}

#righthome p, #lefthome p
{font-size:0.917em;
line-height: 1.636em;
padding-bottom: 1.636em;
color: #686767}

#lefthome p em, #righthome p em
{font-style: italic;}

#righthome p, #righthome h2
{padding-left: 9px;
padding-right: 156px;}

#righthome h2
{padding-top: 18px;}

#righthome > h2.price
{padding-left: 38px;
background: transparent url('/images/495.gif') no-repeat bottom left;}


/* Other Pages
==============================================================================*/
.rightcol h2
{font-size:1.167em;
line-height: 1.286em;
padding-top: 18px;
color: #474646;
font-weight: bold;
}

.rightcol h3
{font-size:0.917em;
line-height: 1.636em;
color: #474646;
font-weight: bold}

.rightcol p
{font-size:0.917em;
line-height: 1.636em;
padding-bottom: 1.636em;
color: #686767;
padding-right: 18px;}


.rightcol a:link, .rightcol a:visited 
{font-weight: bold;
color: #504f4f;
border-bottom:#ececec 1px solid;}

.rightcol a:focus, .rightcol a:hover, .rightcol a:active
{color: #a7362c;
border-bottom:#a7362c 1px solid;}

.pdf
{padding-left: 19px;
background: transparent url('/images/pdf.gif') no-repeat left top;}

.saying
{width: 184px;
float: right;
padding-top: 90px;
padding-left: 9px;
margin-top: 9px;
background: transparent url('/images/takeoutbubble.jpg') no-repeat top center;}


.saying p
{font-style: italic;
padding: 20px 18px 0 18px;
text-align: center;
font-size:0.917em;
line-height: 1.636em;
color: #686767;
}

.oneofakind
{width: 184px;
float: right;
padding-top: 100px;
background: transparent url('/images/oneofakind.jpg') no-repeat top center;}

.oneofakind p
{color: #686767;
padding: 0 18px 0 27px;
font-size:0.917em;
font-style: italic;
line-height: 1.636em;}

.oneofakind h3
{color: #686767;
padding: 0 27px .818em 27px;
font-size:0.917em;
line-height: 1.636em;
font-weight: bold;
color: #a6373d;
text-align: center}

.deliveryphone
{width: 184px;
float: right;
padding-top: 109px;
padding-left: 9px;
margin-top: 9px;
background: transparent url('/images/iphoneillo.jpg') no-repeat top center;}

.deliveryphone h3
{font-size:0.833em;
line-height: 1.8em;
color: #686767;
font-style: italic;
padding: 18px 18px 9px 18px;
text-align: center;}

.deliveryphone h4
{font-size:1em;
line-height: 1.5em;
padding: 9px 18px;
color: #474646;
text-align: center;
background: transparent url('/images/phoneback.jpg') no-repeat top center;
border-bottom:#FFF 2px solid;}

.deliveryphone h4 strong
{font-weight: bold;}

.deliveryphone h4 span
{font-weight: bold;
color: #FFF;
font-size: 1.5em}

.deliveryphone a
{font-weight: bold;
display: block; 
text-transform: uppercase;
letter-spacing: .12em}

.deliveryphone a:link, .deliveryphone a:visited
{color: #a7362c}

.deliveryphone a:focus, .deliveryphone a:hover, .deliveryphone a:active
{color: #973128}

.headfix
{padding-bottom: 1.286em}

.formbox
{border: #EEE 1px solid;
padding: 9px 18px 0 18px;
width: 271px; 
float: left;}

.restinfo
{float: left;
width: 201px;
padding-top:140px;
background: transparent url('/images/iphoneillo.jpg') no-repeat top left;
margin-left: 36px}

.restinfo h4, .map h3
{text-transform: uppercase;
letter-spacing: .22em;
font-size:1.167em;
line-height: 1.286em;
font-weight: bold;
color: #a7362c}

.map
{width: 184px;
float: right;
padding-top: 112px;
background: transparent url('/images/mapl.jpg') no-repeat top center;
}

.map h2
{color: #474646;
font-style: italic;
font-size:0.833em;
line-height: 60px;
padding: 10px 18px 14px 80px;
margin-bottom: 16px;
background: transparent url('/images/map.jpg') no-repeat top left;
}

.map p
{font-size:0.833em;
line-height: 1.8em;
padding-bottom: 1.8em;
color: #686767;}

.map a
{color:#a7362c;
font-size: 0.833em;
font-weight:bold;
letter-spacing:0.08em;
line-height:1.8em;
clear: both;
padding:4px;
background-color: #EEE;
text-transform:uppercase;}

.map a:link, .map a:visited
{border:1px solid #D4D3D3;}

.map a:focus, .map a:hover, .map a:active
{border:1px solid #a7362c;}

.rightcol > .photo a
{color:#a7362c;
font-size: 0.833em;
font-weight:bold;
letter-spacing:0.08em;
line-height:1.8em;
clear: both;
padding:4px 6px 4px 24px;
background: #EEE url('/images/picture_go.png') no-repeat left center;
text-transform:uppercase;}

.rightcol > .photo a:link, .rightcol > .photo a:visited
{border:1px solid #D4D3D3;}

.rightcol > .photo a:focus, .rightcol > .photo a:hover, .rightcol > .photo a:active
{border:1px solid #a7362c;}

#locations
{width: 100%;
background: rgb(248,248,248);}

.location_info
{width: 25%;
float: left;
padding: 12px 0;}

.location_info h3
{text-transform: uppercase;
color: rgb(167,54,44);
font-size: 1em;
font-weight: 900;
padding: 0 3px 0 12px;}

.location_info p
{padding: 0 12px 0 12px;}


/* form style
==============================================================================*/
.textfield
{color: #363636;
line-height:2em;
padding: 4px; 
margin-bottom: 8px;
font-size: 1em;
font-weight: 400;
width: 260px;
font: 12px "Trebuchet MS", sans-serif;
background-color: #F2F2F2;
border: 1px solid #D4D3D3}

.textfield:focus, .textbox:focus, .textfield:hover, .textbox:hover
{border: 1px solid #a7362c;
background-color: #FFF}

.post
{border:1px solid #D4D3D3;
color:#a7362c;
cursor:pointer;
font-size:0.916em;
font-weight:bold;
letter-spacing:0.08em;
line-height:2em;
clear: both;
padding:4px;
text-transform:uppercase;}

button:hover
{border: 1px solid #a7362c;}

#googleform
{padding: 18px 18px 0px 18px;
border:1px solid #D4D3D3;}

#googleform h1
{font-size:1.167em;
line-height: 1.286em;
padding-bottom: 1.286em;
color: #474646;
font-weight: bold;}

#googleform p
{font-size:0.833em;
line-height: 1.8em;
padding-bottom: 1.8em;
color: #686767;}




/* coming soon
==============================================================================*/

.containercs
{width:550px;
margin:0 auto;
padding: 0 10px}

#comingsoon
{padding-left: 352px;
margin-top: 20%;
height: 385px;
background: transparent url('/images/mooncaketeaser.jpg') no-repeat top left;}

#comingsoon h1
{font-size:1.167em;
line-height: 1.286em;
padding-top: 7.5em;
color: #474646;
font-weight: bold}

#comingsoon p
{font-size:0.917em;
line-height: 1.636em;
padding-bottom: 1.636em;
color: #686767}

#footer
{clear: both;}

#footer p
{font-size:0.75em;
line-height: 2em;
padding-bottom: 2em;
padding-top: 2em;
text-align: center;
color: #909090;}

#footer img
{vertical-align: middle;
padding-left: 4px;}