@font-face {
    font-family: 'Chalkduster';
    src: url('../fonts/chalkduster.eot');
    src: url('../fonts/chalkduster.eot?#iefix') format('embedded-opentype'),
         url('../fonts/chalkduster.woff') format('woff'),
         url('../fonts/chalkduster.ttf') format('truetype'),
         url('../fonts/chalkduster.svg#chalkduster') format('svg');
    font-weight: normal;
    font-style: normal;
}

body{
	background-repeat:repeat;
	margin:0 0;
	font-family:Arial, Helvetica, sans-serif;
	-moz-user-select: none;
  	-khtml-user-select: none;
  	-webkit-user-select: none;
 	user-select: none;
}



body.iframe { background-image: none; }

a{ color:#FFFFFF; text-decoration:none; }

img{ border:none; }

li{
	padding-left:0px; 
	background-image:none;
}

ul{
	list-style-position:outside;
	/*list-style-image:url(../imgs/list-image.png);*/
	padding:0px;
	width:280px;
}

input{ border:1px solid #CCCCCC; color:#bbb; padding:5px; font-family:Arial, Helvetica, sans-serif;}
input:focus{ outline: none; color:#000; font-family:Arial, Helvetica, sans-serif;}

textarea{ border:1px solid #CCCCCC; color:#bbb; padding:5px;resize: none; font-family:Arial, Helvetica, sans-serif;}
textarea:focus{ outline: none; color:#000; font-family:Arial, Helvetica, sans-serif;}


#preloader{ 
	position:fixed;
	width:100%;
	height:100%;
	background-color:#333;
	z-index:9999;
}

#main_container{
	margin:auto auto;	
	width:1000px;
	height:4100px;
	position:relative;
}

#lightbox_back{
	position:fixed;
	width:100%;
	height:4100px;
	background-color:#000;
	opacity:0.7;
	filter:alpha(opacity=70);
	display:none;
	z-index:11000;
}

#fbc{
	color:#CCCCCC;
	position:fixed;
	width:285px;
	display:none;
	z-index:12000;
	line-height:20px;
	font-size:16px;
}

#fbcbut{
	cursor:pointer;
	width:280px;
	height:47px;
	background-position:0px 0px;
}
#fbcbut:hover{
	background-position:-280px 0px;
}
#close_fbc{
	cursor:pointer;
}

#popup{
	color:#000000;
	position:absolute;
	width:732px;
	height:411px;
	display:none;
	z-index:12000;
}

#popup2{
	color:#000000;
	position:absolute;
	width:836px;
	height:541px;
	display:none;
	z-index:12000;
}

#popup3{
	color:#000000;
	position:absolute;
	width:822px;
	height:484px;
	display:none;
	z-index:12000;
}

#popup_view{
	color:#FFFFFF;
	position:absolute;
	width:700px;
	height:500px;
	display:none;
	z-index:12000;
	background-color:#000000;
}

#popup_magazine{
	color:#000000;
	position:absolute;
	width:822px;
	height:484px;
	display:none;
	z-index:12000;
}

#popup_magazine .popup_img_container{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;	
	overflow:hidden;
}
#popup_magazine .popup_img_container_inside{
	position:absolute;
	top:0px;
	left:0px;
	width:4992px;
	height:100%;	
}
#popup_magazine .popup_img{
	float:left;
	width:822px;
	height:484px;
	margin-right:10px;
	overflow:hidden;
}
#popup_magazine .tray_left_arrow{	cursor:pointer;	width:91px;	height:107px; left:-70px; top:188px; background-position:-91px 0px; }
#popup_magazine .tray_left_arrow:hover{ background-position:0px 0px; }
#popup_magazine .tray_right_arrow{	cursor:pointer;	width:91px;	height:107px; right:-70px; top:188px; background-position:-91px 0px; }
#popup_magazine .tray_right_arrow:hover{ background-position:0px 0px; }

.pos_ab{ position:absolute; }
.objs{   position:absolute; }

#logo{ position:fixed; z-index:9998; }
#nav{  position:fixed; z-index:9998; width:635px; height:62px; font-size:12px; }
.nav_item{ float:left; margin-left:12px;cursor:pointer; }
.nav_item_chi{ float:left; margin-left:10px;cursor:pointer; }

#fb_tab{ left:447px; top:54px; }

#counter_head{   top:55px; left:329px; }
#counter_head_before{   top:85px; left:290px; }
#counter_body{   top:252px; left:577px; }
<!--#counter_memo_1{ top:213px; left:323px; font-family: 'Chalkduster'; font-size:85px; color:#3C3827; }-->
#counter_memo_2{ top:230px; left:450px; font-family: 'Chalkduster'; font-size:85px; color:#3C3827; }
#counter_memo_3{ top:221px; left:553px; font-family: 'Chalkduster'; font-size:20px; color:#3C3827; }

#subscribe{ top:583px; left:628px; }
#promotions{
	-webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
	
	/*transform:matrix(0.99026807, -0.13917310, 0.13917310, 0.99026807, 0, 0);
	-ms-transform:matrix(0.99026807, -0.13917310, 0.13917310, 0.99026807, 0, 0); 
	-moz-transform:matrix(0.99026807, -0.13917310, 0.13917310, 0.99026807, 0, 0);
	-webkit-transform:matrix(0.99026807, -0.13917310, 0.13917310, 0.99026807, 0, 0);
	-o-transform:matrix(0.99026807, -0.13917310, 0.13917310, 0.99026807, 0, 0); */
	
	top:355px;
	left:-55px;
	cursor:pointer;
	z-index:900;
}
#food_and_living{
	-webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
	
	/*transform:matrix(1, 0, 0, 1, 0, 0);
	-ms-transform:matrix(1, 0, 0, 1, 0, 0); 
	-moz-transform:matrix(1, 0, 0, 1, 0, 0); 
	-webkit-transform:matrix(1, 0, 0, 1, 0, 0); 
	-o-transform:matrix(1, 0, 0, 1, 0, 0);  */
	
	top:409px;
	left:28px;
	cursor:default;
	z-index:1000;
}
#promotions.rotate { 
	/*transform:matrix(1, 0, 0, 1, 83, 57);
	-ms-transform:matrix(1, 0, 0, 1, 83, 57); 
	-moz-transform:matrix(1, 0, 0, 1, 83, 57); 
	-webkit-transform:matrix(1, 0, 0, 1, 83, 57); 
	-o-transform:matrix(1, 0, 0, 1, 83, 57);  */
	
	cursor:default;
	z-index:1000;
}
#food_and_living.rotate {
	/*transform:matrix(0.99026807, -0.13917310, 0.13917310, 0.99026807, -68, -51);
	-ms-transform:matrix(0.99026807, -0.13917310, 0.13917310, 0.99026807, -68, -51); 
	-moz-transform:matrix(0.99026807, -0.13917310, 0.13917310, 0.99026807, -68, -51); 
	-webkit-transform:matrix(0.99026807, -0.13917310, 0.13917310, 0.99026807, -68, -51);
	-o-transform:matrix(0.99026807, -0.13917310, 0.13917310, 0.99026807, -68, -51); */
	
	cursor:pointer;
	z-index:900;
}

/*#promotions{ 
	top:412px; 
	left:38px;
	z-index:1000;
}
#food_and_living{
	top:358px;
	left:-30px;
	
	transform:rotate(-8deg);
	-ms-transform:rotate(-8deg);
	-moz-transform:rotate(-8deg);
	-webkit-transform:rotate(-8deg);
	-o-transform:rotate(-8deg);
	
	cursor:pointer;
	z-index:900;
}*/
#promotions_title{ top:44px; left:31px; }
#promotions_title_btn{ top:0px; right:0px; width:39px; height:39px; background-image:url(../img/spacer.gif); cursor:pointer; }
#food_and_living_title{ top:44px; left:31px; }

#character{ z-index:10000; left:290px; top:-100px;width:134px; height:113px; display:none;}
.objs.skin{width:134px; height:113px; overflow:hidden; background-position:-134px 0px;}
.objs.skin.tomato{background-image:url(../img/character_tomato.png);}
.objs.skin.onion{background-image:url(../img/character_onion.png);}
.objs.skin.pear{background-image:url(../img/character_pear.png);}
.objs.skin.grape{background-image:url(../img/character_grape.png);}
.objs.skin.potato{background-image:url(../img/character_potato.png);}
.objs.skin.ham{background-image:url(../img/character_ham.png);}
.objs.skin.milk{background-image:url(../img/character_milk.png);}
.objs.skin.tin{background-image:url(../img/character_tin.png);}
.objs.skin.teabag{background-image:url(../img/character_onion.png);}
.objs.skin.radish{background-image:url(../img/character_onion.png);}
.objs.skin.cherry{background-image:url(../img/character_onion.png);}


#fbface{left:52px; top:45px;}

.user{ z-index:10000; width:134px; height:113px; position:absolute; }
.user_skin{width:82px; height:67px; overflow:hidden; background-image:url(../img/character_tomato.png); position:absolute; padding-left:52px; padding-top:46px;}

#light{    top:-120px; right:-30px; pointer-events:none; }

#leaves{   top:-92px; left:193px; }   /*top:33px*/
#avocado{  top:76px; left:-138px; }   /*top:112px;*/
#salad{    top:90px;  left:686px; }   /*left:604px;*/
#oliveoil{ top:378px; left:394px; z-index:1100; }
/*#tomato{   top:840px; left:-450px; width:228px; height:230px; overflow:hidden; }*/
#pepperoni{top:689px; left:625px; }


#about{    top:1035px; left:39px; }
#knife{    top:1004px; left:1827px; }
#folk{     top:1059px; left:1854px; }
#ch_tomato{top:1160px; left:448px; }
#salmon{   top:1165px; left:1899px; width:454px; height:426px; }   /*699px;*/
#notebook{ top:1297px; left:-17px; font-size:12px; color:#000000; }
#ramen{   top:1506px; left:617px; }
#ramen_smoke{   top:-250px; left:0px; width:764px; height:811px; }
#sushi{    top:1778px; left:29px; }


/*#cloth_1{   top:2500px; left:-125px; }
#cloth_2{   top:2230px; left:-25px; }*/
#clothes{   top:2182px; left:-127px; } 
#clothes td img { display: block; }
#crackers{  top:2006px; left:-126px; width:334px; height:326px;}
#cheese_1{  top:2000px; left:328px; }
#cheese_2{  top:2290px; left:590px; }
#tray{      top:2291px; left:16px; }
#wine{      top:2162px; left:618px; }
#strawberry{top:2917px; left:-76px; }
#opener{    top:3085px; left:54px; }

#contact_us{top:3264px; left:56px; }
#form{      top:3501px; left:76px; }
#candies{   top:3239px; left:557px; width:536px; height:688px; }
#donut{     top:3206px; left:687px; }
#gelato{ top:3736px; left:345px; pointer-events:none; }
#map{ 
	top:3341px; 
	left:395px;
	/*transform:matrix(0.99026807, -0.13917310, 0.13917310, 0.99026807, -10, 0);
	-ms-transform:matrix(0.99026807, -0.13917310, 0.13917310, 0.99026807, -10, 0); 
	-moz-transform:matrix(0.99026807, -0.13917310, 0.13917310, 0.99026807, -10, 0); 
	-webkit-transform:matrix(0.99026807, -0.13917310, 0.13917310, 0.99026807, -10, 0); /
	-o-transform:matrix(0.99026807, -0.13917310, 0.13917310, 0.99026807, -10, 0); /
	
	-webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;*/
}
#map.rotate { 
	/*transform:matrix(1, 0, 0, 1, 10, 0);
	-ms-transform:matrix(1, 0, 0, 1, 10, 0); 
	-moz-transform:matrix(1, 0, 0, 1, 10, 0); 
	-webkit-transform:matrix(1, 0, 0, 1, 10, 0); 
	-o-transform:matrix(1, 0, 0, 1, 10, 0); */
}
#map_close{ cursor:pointer; }
#map_open{ top:8px; left:-15px; }
#join_us{ top:3895px; left:76px; }

#form_cnt{ width:270px; height:285px; left:36px; top:36px; font-size:14px; }
#form_cnt p{ margin-bottom:10px; }
#form_email{ width:262px; height:16px; font-size:14px; margin-top:10px; }
#form_msg{ width:261px; height:100px; padding:5px; margin-top:10px; font-size:14px; padding-left:6px; }

#footer{    top:3974px; left:42px; font-size:12px; }

#foot_and_living_container{ width:315px; height:330px; left:32px; top:103px; color:#333333; font-size:12px; line-height:16px;}
#foot_and_living_but{ color:#673905; position:absolute; bottom:0px; right:0px; font-weight:bold; text-decoration:underline; cursor:pointer; }


#news_container{ width:300px; height:425px; left:34px; top:97px; }
.news{ font-size:12px; width:300px; float:left; color:#000000;margin-bottom:15px; }
.news_img{ float:left; width:70px; height:70px; overflow:hidden; margin-right:10px;  }
.news_cnt{ width:220px; line-height:15px; float:left; margin-bottom:15px; color:#000000;}
.news_time{ font-size:10px; font-style:italic; }
.news_cnt a{ color:#000000; }

#news_scroller { clear:both; width:315px; height:425px; position: relative; }
#news_scroller .viewport { width:300px; height:425px; overflow: hidden; position: relative;}
#news_scroller .overview { position:absolute; left:0; top:0; padding: 0 10px 0 0; }
#news_scroller .thumb .end,
#news_scroller .thumb { background-color: #8E8A7E; }
#news_scroller .scrollbar_back{ height:425px; width:8px; background-color:#D1CAB8; position:absolute; left:308px; }
#news_scroller .scrollbar { position: relative; float: right; width:8px; margin:0 0 0 0; }
#news_scroller .track { height:100%; width:8px; position:relative; padding:0 1px; }
#news_scroller .thumb { height:50px; width:8px; cursor:pointer; overflow:hidden; position:absolute; top:0; }

#foot_and_living_scroller { clear:both; width:315px; height:425px; position: relative; }
#foot_and_living_scroller .viewport { width:300px; height:425px; overflow: hidden; position: relative;}
#foot_and_living_scroller .overview { position:absolute; left:0; top:0; padding: 0 10px 0 0; }
#foot_and_living_scroller .thumb .end,
#foot_and_living_scroller .thumb { background-color: #8E8A7E; }
#foot_and_living_scroller .scrollbar_back{ height:425px; width:8px; background-color:#D1CAB8; position:absolute; left:308px; }
#foot_and_living_scroller .scrollbar { position: relative; float: right; width:8px; margin:0 0 0 0; }
#foot_and_living_scroller .track { height:100%; width:8px; position:relative; padding:0 1px; }
#foot_and_living_scroller .thumb { height:50px; width:8px; cursor:pointer; overflow:hidden; position:absolute; top:0; }

#subscribe_button{ font-size:14px; top:65px; left:246px; cursor:pointer; width:81px; height:23px; background-color:#555; text-align:center; color:#FFFFFF; padding-top:5px; }
#message_button{ font-size:14px; top:324px; left:36px; cursor:pointer; width:81px; height:23px; background-color:#555; text-align:center; color:#FFFFFF; padding-top:5px; border:1px solid #BFB7AA; }

#tag_locations{ top:24px; left:10px; width:27px; height:105px; }
#tag_brands{ top:129px; left:10px; width:27px; height:105px; }
#tag_foodhall{ top:234px; left:10px; width:27px; height:105px; }
#tag_press{ top:339px; left:10px; width:27px; height:105px; }
#tag_instorel{ top:21px; left:628px; width:27px; height:173px; }
#tag_aboutjasons{ top:194px; left:628px; width:27px; height:136px; }
#tag_view{ top:330px; left:628px; width:27px; height:110px; }

.tag_left{ cursor:pointer; z-index:250; background-position:left; }
.tag_left:hover{ cursor:pointer; z-index:250; background-position:right; }
.tag_left.chosen{ cursor:pointer; z-index:250; background-position:right; }
.tag_right{ cursor:pointer; z-index:250; background-position:left; }
.tag_right:hover{ cursor:pointer; z-index:250; background-position:right; }
.tag_right.chosen{ cursor:pointer; z-index:250; background-position:right; }

.notebook_content{ z-index:150; }

#notebook_location{ top:0px; left:0px; }
#notebook_location .title{ top:9px; left:46px; }
#notebook_location .content{ top:149px; left:59px; width:210px; }
#notebook_location .picture{ top:43px; left:362px; }

#notebook_brands{ top:0px; left:0px; font-size:12px; }
#notebook_brands .title{ top:8px; left:37px; }
#notebook_brands .content{ top:144px; left:69px; width:210px; }
.brandlogo{ top:165px; left:59px; }
.brandContent{ top:-3px; left:366px; width:255px; height:465px; }
.brandContent .title{ font-family: 'Chalkduster'; font-size:24px; margin-bottom:5px; }
.returnButtpnContainer{ top:407px; left:366px; width:250px; height:265px; }
.returnButtpn{ text-decoration:underline; cursor:pointer; }

#notebook_foodhall{ top:0px; left:0px; }
#notebook_foodhall .title{ top:9px; left:37px; }
#notebook_foodhall .content{ top:144px; left:62px; width:210px; }

#notebook_press{ top:0px; left:0px; }
#notebook_press .title{ top:10px; left:38px; }
#notebook_press .paper{ top:133px; left:48px; width:248px; height:300px; background-image:url(../img/press_paper.png); }
#notebook_press .content{ top:15px; left:16px; width:215px; height:266px; }
#notebook_press .content p{ margin-top:5px; margin-bottom:0px; }
#notebook_press .right_content{ top:37px; left:370px; width:245px; height:390px; }
#notebook_press .right_content a{  color:#000000; }
#notebook_press .right_content .press{ margin-bottom:15px; }
#notebook_press .right_content .press .date{ font-weight:bold; }

#notebook_customer_services{ top:0px; left:0px; }
#notebook_customer_services .title{ top:9px; left:37px; }
#notebook_customer_services .content{ top:169px; left:50px; width:252px; }
#notebook_customer_services .tag{ float:left; width:122px; height:56px; cursor:pointer; background-position:left; }
#notebook_customer_services .tag:hover{ background-position:right; }
#notebook_customer_services .tag.chosen{ background-position:right; cursor:default;  }
#notebook_customer_services .right_content{ top:37px; left:370px; width:245px; height:390px; }
#notebook_customer_services .right_content p{ margin-top:10px; margin-bottom:10px; }
#notebook_customer_services .tag_content{width:100%; height:100% }

#notebook_about_jasons{ top:0px; left:0px; }
#notebook_about_jasons .title{ top:10px; left:46px; }
#notebook_about_jasons .content{ top:144px; left:61px; width:228px; }
#notebook_about_jasons .right_content{ top:37px; left:370px; width:245px; height:390px; }
#notebook_about_jasons .tag{ position:relative; left:53px; top:15px; width:122px; height:56px; cursor:pointer; background-position:left; }
#notebook_about_jasons .tag:hover{ background-position:right; }

.right_content { clear:both; width:245px; height:390px; position: relative; }
.right_content .viewport { width:230px; height:390px; overflow: hidden; position: relative;}
.right_content .overview { position:absolute; left:0; top:0; padding: 0 5px 0 0; }
.right_content .overview p { margin-top:0px; margin-bottom:15px; }
.right_content .thumb .end,
.right_content .thumb { background-color: #FEC75F; }
.right_content .scrollbar_back{ height:390px; width:2px; background-color:#6A4403; position:absolute; left:241px; }
.right_content .scrollbar { position: relative; float: right; width:8px; margin:0 0 0 0; }
.right_content .track { height:100%; width:8px; position:relative; padding:0 1px; }
.right_content .thumb { height:50px; width:8px; cursor:pointer; overflow:hidden; position:absolute; top:0; }

#popup_content{	left:107px;	top:100px; width:510px; height:200px; font-size:18px; font-weight:bold; text-align:left; }
.close_popup{ cursor:pointer; left:593px; top:53px; }

#tray_left_arrow{	cursor:pointer;	width:91px;	height:107px; left:25px; top:311px; background-position:-91px 0px; }
#tray_left_arrow:hover{ background-position:0px 0px; }
#tray_right_arrow{	cursor:pointer;	width:91px;	height:107px; left:575px; top:311px; background-position:-91px 0px; }
#tray_right_arrow:hover{ background-position:0px 0px; }
#tray_container{ width:446px; height:550px; left:122px; top:91px; overflow:hidden; }
#tray_content_container{ 
	position:relative; top:0px; left:0px; width:10000px; 
	-webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;'
	left:0;
}
.tray_content{ width:446px; height:550px; float:left; position:relative; }

.tray_poster{ top:0px; left:22px; }
.tray_poster_container{ top:24px; left:15px; width:366px; height:500px; text-align:center; }
.tray_poster_container .title{ font-family: 'Chalkduster'; font-size:28px; }
.tray_poster_container .content{ font-size:12px; }
.tray_poster_container .dimension{ font-size:14px; }
.tray_poster_container .dimension a{ color:#000000; }
.tray_poster_container .footer{ font-family: 'Chalkduster'; font-size:14px; margin-left:5px; color:#000000; }

.tray_fb_container{ top:0px; left:0px;}
.tray_fb_container .title{ font-family: 'Chalkduster'; font-size:28px; width:366px; top:35px; left:48px; text-align:center; }
.tray_fb_container .content{ font-size:12px; width:160px; top:121px; left:236px; }
.tray_fb_container .fbLike{ width:366px; height:26px; top:484px; left:58px; }
.tray_fb_container .footer{ font-family: 'Chalkduster'; font-size:14px; margin-left:5px; color:#000000; }

#map_canvas {
	top:13px;
	left:25px;
	width:412px;
	height:358px;
}
#map_shadow {
	top:13px;
	left:235px;
	width:10px;
	height:358px;
	background-image:url(../img/map_shadow.png);
	pointer-events:none;
}
#map_close_button{ top:23px; left:415px; cursor:pointer; }

#mute{
	width:20px;
	height:20px;
	background-position:0 0;
	cursor ointer;
}
#mute.off{
	background-position:-20px 0px;
}

.arrow_up{
	width:45px;
	height:81px;
	top:-10px;
	right:-20px;
	background-image:url(../img/arrow_up.png);
	cursor:pointer;
	display:none;
}

.arrow_down{
	width:45px;
	height:81px;
	bottom:-10px;
	right:-20px;
	background-image:url(../img/arrow_down.png);
	cursor:pointer;
	display:none;
}