body         { margin: 0; padding: 0; border: 0;}
#narrow-body { display: none; }
#wide-body   { display: block; position: absolute; top: 0; left: 0; }

#w-home      { display: block; position: absolute; top: 0; left: 0; display: none; background: none transparent; z-index: 5; }
#w-menu      { display: block; position: absolute; top: 0; left: 0; display: none; background: none transparent; z-index: 5; }
#w-about     { display: block; position: absolute; top: 0; left: 0; display: none; background: none transparent; z-index: 5; }
#w-contact   { display: block; position: absolute; top: 0; left: 0; display: none; background: none transparent; z-index: 5; }

#w-nav       	  { display: none; position: absolute; top: 25px; left: 0; width: 100%; z-index: 10; }
#w-nav table 	  { float: right; margin-right: 60px; }
#w-nav td    	  { padding: 0 20px 0 0; }
#w-nav a, #w-nav a.link, #w-nav a.visited, #w-nav a.active
				  { font-family: arial; color: white; font-weight: bolder; font-size: 14px; text-decoration: none; }
#w-nav a:hover	  { color: #D0D2C4; }
#w-nav a.selected { color: yellow; text-decoration: underline; }

#w-bg-img     { position: absolute; top: 0; left: 0; z-index: 2; }
#w-bg-img img { position: absolute; top: 0; left: 0; z-index: 2; display: none; }
#w-bg         { position: absolute; top: 0; left: 0; z-index: 3; }

.side-ctn   { position: absolute; top: 0; left: 0; z-index: 10; }
.side-tl  	{ height: 61px; width: 60px; background-image: url(../img/wide/side-tl.png); background-repeat: no-repeat; }
.side-tm 	{ height: 61px; background-image: url(../img/wide/side-tm.png); background-repeat: repeat-x; }
.side-tr 	{ height: 61px; width: 60px; background-image: url(../img/wide/side-tr.png); background-repeat: no-repeat; }
.side-ml 	{ width: 60px; background-image: url(../img/wide/side-ml.png); background-repeat: repeat-y; }
.side-mr 	{ width: 60px; background-image: url(../img/wide/side-mr.png); background-repeat: repeat-y; }
.side-ll 	{ height: 60px; width: 60px; background-image: url(../img/wide/side-ll.png); background-repeat: no-repeat; }
.side-lm 	{ height: 60px; background-image: url(../img/wide/side-lm.png); background-repeat: repeat-x; }
.side-lr 	{ height: 60px; width: 60px; background-image: url(../img/wide/side-lr.png); background-repeat: no-repeat; }

.logo-top     { height: 110px; width: 100%; position: absolute; top: 19px; left: 0; z-index: 10; }
.logo-top img { width: 310px; height: 110px; border: 0; left: 60px; position: relative; }

.open-sign    { position: absolute; top: 49px; right: 80px; width: 285px; height: 80px; z-index: 10; display: none; }

.bottom-left            { position:absolute; left: 60px; height: 25px; z-index: 10; display: none; }
.bottom-left a, .bottom-left a:link, .bottom-left a:visited, .bottom-left a:hover, .bottom-left a:active
						{ text-decoration: none; cursor: pointer; }
.bottom-left .addr      { position: relative; float: left; padding-left: 30px; background-image: url(../img/wide/gmap.png); background-repeat: no-repeat; background-position: 10px 0px; }
.bottom-left .addr span { font-family: arial; font-weight: normal; font-size: 12px; color: #D0D2C4; display: block; padding-top: 5px; height: 25px; }

.bottom-left .tel      { position: relative; float: left; padding-left: 40px; background-image: url(../img/wide/call.png); background-repeat: no-repeat; background-position: 10px 0px; }
.bottom-left .tel span { font-family: arial; font-weight: normal; font-size: 12px; color: #D0D2C4; display: block; padding-top: 5px; height: 25px; }

.bottom-left .order      { position: relative; float: left; padding-left: 30px; background-image: url(../img/wide/order.png); background-repeat: no-repeat; background-position: 10px 0px; }
.bottom-left .order span { font-family: arial; font-weight: normal; font-size: 12px; color: #D0D2C4; display: block; padding-top: 5px; height: 25px; }

.bottom-left .open-now   { position: relative; float: left; padding-left: 10px; }
.bottom-left .open-now span { font-family: arial; font-weight: normal; font-size: 12px; color: #D0D2C4; display: block; padding-top: 5px; height: 25px; }

.yelp     { position: absolute; width: 41px; height: 20px; display: none; z-index: 10; cursor: pointer; }
.yelp a, .yelp a:link, .yelp a:visited, .yelp a:hover, .yelp active 
          { text-decoration: none; border: 0; }
.yelp img { width: 41px; height: 20px; border: 0; }

#home { position: absolute; display: none; }
#home img { border: 0; }

#menu-list             { position: absolute; top: 135px; left: 60px; width: 648px; z-index: 10; background-color: #005234; cursor: pointer;
						 font-size: 11px; font-family: arial; line-height: 20px; color: #00a86b; font-weight: normal; text-align: center; }
#menu-list .cat-item:hover { color: yellow; }
#menu-box     		   { position: absolute; top: 155px; left: 60px; width: 626px; height: 260px; z-index: 10; padding: 10px;
					     border: 1px solid #005234; overflow-y: scroll; -webkit-overflow-scrolling: touch; 
					     background-image: url(../img/wide/menu/box.png); background-repeat: repeat; }
#menu-box table        { margin: 0; padding: 0; border: 0; width: 616px; }
#menu-box .cat1        { width: 601px; height: 20px; line-height: 20px; padding: 0 0 0 13px; margin: 0 0 5px 0;
						 background-image: url(../img/wide/menu/bg.png); background-repeat: repeat-x;
						 font-family: arial; font-size: 13px; font-weight: bold; color: yellow; border: 1px solid #800000; }
#menu-box .lunch       { width: 651px; line-height: 15px; padding: 0 0 0 13px; margin: 0 0 5px 0;
						 font-family: arial; font-size: 10px; font-weight: normal; color: #d0d2c4; font-style: italic; }
#menu-box .spicy       { width: 13px; height: 15px; }
#menu-box .spicy.chili { background-image: url(../img/wide/chili.png); background-repeat: no-repeat; background-position: 0 1px; }
#menu-box .number      { width: 20px; line-height: 15px; font-size: 10px; color: #d0d2c4; font-family: arial; font-weight: normal; }
#menu-box .number.long { font-size: 9px; }
#menu-box .item        { display: block; width: 240px; line-height: 15px; font-size: 10px; color: #d0d2c4; font-family: arial; font-weight: normal; overflow: hidden; white-space: nowrap; }
#menu-box .item:after  { content: '.....................................................................................................................................'; }
#menu-box .item-long   { display: block; width: 240px; line-height: 15px; font-size: 10px; color: #d0d2c4; font-family: arial; font-weight: normal; }
#menu-box .item-desc   { font-style: italic; display: block; line-height: 15px; font-size: 10px; color: #d0d2c4; font-family: arial; font-weight: normal; }
#menu-box .item-cup    { display: block; width: 240px; line-height: 15px; font-size: 10px; color: #d0d2c4; font-family: arial; font-weight: normal; text-align: right; }
#menu-box .pic         { width: 15px; }
#menu-box .pic img     { width: 15px; height: 15px; border: 0; padding: 0; margin: 0; vertical-align: top; }
#menu-box .price       { width: 30px; line-height: 15px; font-size: 10px; color: #d0d2c4; font-family: arial; font-weight: normal; text-align: right; }
#menu-box .sep         { line-height: 15px; width: 10px; }

#menu-legend           { position: absolute; top: 440px; left: 70px; line-height: 20px; color: #d0d2c4; font-size: 10px; font-family: arial;  vertical-align: top; }
#menu-legend img       { border: 0; margin: 0; padding: 0; }

#about-welcome     { position: absolute; top: 135px; left: 70px; width: 302px; }
#about-welcome p   { font-family: arial; font-size: 12px; font-weight: normal; color: #fffebb; text-align: justify; margin: 10px 0; }
#about-img         { margin: 5px 0 0 0; border: 1px solid #fffed0; width: 300px; height: 200px; }
#about-img img     { border: 0; width: 300px; height: 200px; position: absolute; top: 0; left: 0; display: none; }

#about-reviews     { position: absolute; top: 144px; left: 386px; z-index: 10; width: 312px;}
#about-reviews img { display: block; width: 200px; height: 28px; border: 0; }
#reviews           { width: 310px; height: 258px; border: 1px solid #fffed0; margin-top: 10px; overflow-y: scroll; -webkit-overflow-scrolling: touch; }
#reviews p         { margin: 5px 5px 12px 5px; font-family: arial; font-size: 12px; color: #e6e59e; font-weight: normal; }
#reviews p span    { display: block; font-weight: bold; margin-bottom: 2px; color: #fffebb; }
#reviews a, #reviews a:link, #reviews a:visited, #reviews a:hover, #reviews a:active
				   { font-family: arial; font-size: 12px; font-weight: bold; color: #fffebb; text-decoration: underline; }

#googlemap        { position: absolute; top: 140px; left: 60px; z-index: 10; border: 1px solid #8e0000; }
#googlemap a, #googlemap a:link, #googlemap a:visited, #googlemap a:hover, #googlemap a:active { border: 0; }
#googlemap img    { border: 1px solid #fffed0; }
#googlemap span   { display: block; width: 310px; margin-top: 10px; text-align: center;
					font-family: arial; font-size: 12px; font-weight: normal; color: #fffebb; }

#contact-info       { position: absolute; top: 140px; left: 390px; z-index: 5; }
#contact-info p     { margin: 0 0 15px 0; font-family: arial; font-size: 12px; font-weight: normal; color: #fffed0; text-align: justify; }
#contact-info table { font-family: arial; font-size: 12px; font-weight: normal; color: #fffed0; margin-top: 10px; }