@charset "utf-8";
/*for header*/
#setHomePage{position:absolute; right:10px; top:8px;}
#header .con { margin:-166px  auto 0 auto; height:166px; width:1053px ; }
#header { height:166px; repeat-x;}
.headerbg { height:166px; background:url(../images/header2.png) repeat-x bottom left; width:50%; }
/*old settings*/
/*#header h1 { background:url(../images/build_your_restaurant.png) no-repeat 502px 0px;  height:27px; line-height:27px; font-size:12px;color:#fff; text-indent:553px; overflow:hidden;  display:block; }*/
#header h1 { background:url(../images/build_your_restaurant.png) no-repeat 592px 0px;  height:27px; line-height:27px; font-size:12px;color:#fff; text-indent:639px; overflow:hidden;  display:block; }
#logo { width:218px; overflow:hidden; text-align:right; margin-top:-19px; }
#logo img{ padding-right:10px;}
#nav { width:825px; overflow:hidden;}
#subnav { background:url(../images/subnav.png) repeat-x; height:50px; width:802px; }
#subnav li { float:left; padding-right:80px; }
#subnav li.subnavlbg { background: url(../images/subnavlbg.png) no-repeat; padding-left:120px;}
#subnav a { display:block; font-size:14px; padding:3px 10px;  color:#FFF; text-transform:capitalize; line-height:50px; }
#subnav .sign { padding-right:0; /*width:100px;*/ float:right; height:50px; overflow:hidden; }
#subnav .sign a { background:url(../images/sign.png) no-repeat; font-family: Georgia, "Times New Roman", Times, serif; text-transform:uppercase; font-size:12px; background:url(../images/sign.png) no-repeat; padding-top:13px; text-indent:20px; color:#150E22 ; }

#subnav .sign span { cursor:default; background:url(../images/sign.png) no-repeat;  padding-top:13px; text-indent:20px; color:#150E22 ; height:50px; width:100px; display:block;}

#subnav a:hover { color:#fa0000; }
#subnav .sign a:hover { text-decoration:underline; color:#150E22; }
#subnav .fa0000 { color:#fa0000; }
#mainnav { padding-left:50px; height:89px; vertical-align:bottom; width:100%; overflow:hidden; }
#mainnav li { float:left; padding:0 7px; }
#mainnav a { display:block; font-size:24px; text-transform:capitalize; width:140px; text-align:center; height:59px; padding-top:30px; background: url(../images/navhover.png) no-repeat; }

#home #special{margin-bottom:35px;}
#special{ display:block; height:49px;  line-height:49px; font-size:18px; text-align:center; margin:15px 7px 5px 8px; background:url(../images/special_03.png) no-repeat center top;}
#special .paddingL{ padding-left:60px;} 
#special .red{padding:0 15px; font-size:21px;}
#special .fontS{ padding:0 60px; font-size:12px;} 
#content #special { height:49px;  line-height:49px; font-size:14px; text-align:center; margin:0px 0px 20px 0px; background:url(../images/special_04.png) no-repeat center top; margin-top:-15px;}
#content #special .red{font-size:18px; padding:0 5px;}
#content #special .paddingL{ padding-left:20px;} 
#special .fontS{ padding:0 30px; font-size:12px;} 

/* for index*/
.posi{position:relative;}
#main { width:1035px; margin:0 auto; background:url(../images/bg2.png) no-repeat top center; margin-top:15px; padding:0 9px; position:relative;}
#main .con { height:auto !important; height:700px; min-height:700px; padding-bottom:100px; background:#fff; width:1035px; }
#home #main .con { padding:0 60px 30px 60px; width:915px; padding-bottom:50px; }
#home #main .dth2 {font-size:30px;  background:none; padding:0; line-height:60px;}
.fsize15 { font-size:15px; }
.servicesList{ height:40px; width:930px; overflow:hidden;}
.servicesList dt{height:70px;}
.servicesList dd { float:left; padding:0 20px 15px 15px; -padding:0 10px 15px 15px;}
.servicesList a { display:block; color:#000; font-size:16px; font-family:Arial, Helvetica, sans-serif; color:#444; font-weight:600; }
.servicesList a:hover { color:#fa0000; }
.homeMain{ padding:15px 20px 10px 20px; position:relative; }
.homeMain h3{ font-size:18px; padding-bottom:10px;}
.homeMain h3:first-letter,#infoInHome dt:first-letter{font-size:32px; font-style:italic; color:#fa0000;}
#home .padding20 a:hover{ color:red; }
#home .padding20{text-align:center; font-weight:bold; border-bottom:1px dashed #ccc; margin:20px 0; padding-bottom:15px;}
#home .smallSize{font-size:12px; padding-top:20px; padding-bottom:10px;}

#infoInHome {float:right; width:238px; text-align:left;}
#infoInHome dl{ background: url(../images/home-Info-m.png) repeat-y; }
#infoInHome dt{ background: url(../images/home-Info-t.png) no-repeat; height:51px; text-align:center; line-height:57px; padding-right:80px; padding-top:5px; font-size:20px;padding-bottom:10px; }
#infoInHome dl  dd{ display:block;  padding:0 25px; background:
url(../images/kitchen_layout_19.gif) no-repeat 12px 8px;}
#infoInHome .more{ background: url(../images/home-Info-b.png) repeat-y; height:43px; display:block; text-align:right; padding-right:40px; padding-top:10px; font-size:18px;}
#whoWe{width:590px; padding-top:0px; }
#mission{ padding-top:0px;}
.paddingB{padding-bottom:30px;}

#indexCase, #indexCaseT{ border-bottom:1px dashed #CCCCCC; margin-bottom:20px; padding-bottom:15px;}
#indexCase dl{ padding-bottom:15px;}
#indexCase img{ padding-right:15px;}
#home .infoHome{ padding-top:0; margin-top:0; font-size:21px;}


/* banner*/
.banner { height:408px; width:895px; overflow:hidden; outline:none; padding-bottom:15px; }

/*about us*/
#main .haveRnav { background:#f6f6f6 url(../images/mainconbg.gif) repeat-y left top ; }
#content { padding:20px 310px 0 70px; width:655px;}
#breadcrumbs{height:30px; text-transform:capitalize;}
#main h2,#home .dth2{font-size:30px; display:block; background:url(../images/h2bg.png) no-repeat bottom left; padding:20px 0 20px 0; text-transform: uppercase; margin-bottom:30px; }
#home .dth2{margin-bottom:0px; }
#main .h2bg2{background:url(../images/h2bg2.png) no-repeat bottom left;  }
#main h2:first-letter,#home .dth2:first-letter{font-size:40px; color:#fa0000;}
#content p{padding-bottom:10px;}
#aboutUs .imgalt{padding-left:20px; background:url(../images/next2.gif) no-repeat center left; font-style:italic;}
#aboutUs object{margin-bottom:10px;}


/* sidebar */
#sidebar{ width:212px;padding:50px 22px 0 0px; line-height:34px; font-size:12px; text-indent:15px; position:absolute; right:0; text-transform:capitalize; /*z-index:50*/;}
#like { width:212px;padding:20px 22px 0 0px; right:0; font-size:12px;  position:absolute; text-transform:capitalize; z-index:200;}
#sidebar dd:hover{background:#f5f5f0;}
#alsoSee dt{background:url(../images/please_also_see_11.gif) no-repeat; height:34px; width:212px;  color:#fff;font-size:14px;}
#alsoSee dd{border:1px solid #ccc; border-top:0; height:33px; width:210px; background:#fff; }
#srContactUS,#srBack,#srBackHome,#srSubmit,#srBacktoQ,#share2{display:block; width:212px; height:34px; text-indent:50px; margin-top:14px; }
#share:hover{background:url(../images/share2.png) no-repeat;}
#srContactUS{background: url(../images/contactus1.png) no-repeat; }
#srBack{background: url(../images/backtotop2.png) no-repeat;}
#srContactUS:hover{background: url(../images/contactus2.png) no-repeat; }
#srBack:hover{background: url(../images/backtotop.png) no-repeat;}
#srSubmit{background:url(../images/submit.png) no-repeat;}
#srSubmit:hover{background:url(../images/submit2.png) no-repeat;}
#srBacktoQ{background:url(../images/backToQ2.png) no-repeat;}
#srBacktoQ:hover{background:url(../images/backToQ.png) no-repeat;}
#srBackHome{background: url(../images/backtotop4.png) no-repeat; color:red;}
#srBackHome:hover{background: url(../images/backtotop3.png) no-repeat;}


/*footer*/
#footer { background:url(../images/foot.png) repeat-x; font-size:12px; position:relative; }
#footer .con { width:973px; margin:0 auto; position:relative; background:url(../images/foot.png) repeat-x; padding:0 40px; }
.footerleft { height:109px;  width:60% ;}
.footernav li { float:left; padding:40px 0 10px 0;}
.footernav li a { color:#FFF; padding:0 15px; -padding:0 10px; border-right:1px solid #322c3e; height:14px; line-height:14px; text-transform:capitalize;-text-indent:5px; display:block; float:left;}
.footernav li a:hover { text-decoration:underline; }
.footernav li a.noborder { border-right:none; }
.footernav li a:first-letter { color:#fa0000; }
.copyright { color:#eee; text-indent:15px; margin-top:-1px; }
.copyright span { padding:0 10px; }
.address {background: url(../images/foot2.png) no-repeat 80px 0px;  display:block; width:40%; color:#FFF; padding-top:40px; text-indent:180px; line-height:28px; }
.address2{background: url(../images/foot3.png) no-repeat 57px 0px;}
.address p:first-letter { color:#fa0000; padding-right:7px; }

/*contact us*/
/*#contactUS .paddingT{padding:5px 0 0px 30px;}
#contactUS .paddingT:first-letter{ color:#fa0000;}
#questionnaire{ background:url(../images/contact-bg.png) no-repeat; width:849px; height:597px; margin:20px 0 0 8px; position:relative; padding:30px 15px 20px 15px; z-index:1000;}
#contactForm input,#contactForm textarea{width:310px; padding:3px; border:1px solid #ccc; background:#fff;}
#contactForm textarea{height:150px;}
#contactForm input:hover,#contactForm textarea:hover{ background:#eee;}
#contactForm input:focus,#contactForm textarea:focus{ background:#E7F4FE; }
#questionnaire img{ position:absolute; left:10px;}
#questionnaire .paddingL{ padding-left:20px; padding-bottom:15px;}
.required{color:#fa0000;}
#contactForm button{ padding:2px 15px; border:1px solid #ccc; background:#fff; color:#777; cursor:pointer; width:318px;}
#contactForm button:hover{border:1px solid #998; background:#eee; color:#444;}
#contactForm button:focus{background:#E7F4FE; color:#444;}*/

/*contact us*/
#contactUS .paddingT{padding:0px 0 0px 1px;}
#contactUS .paddingT:first-letter{ color:#fa0000;}
#contactUS .paddingB{ padding-bottom:10px;}
#questionnairecap{ width:849px; margin:20px 0 0 8px; position:relative; padding:30px 15px 30px 15px; z-index:1000;}
#contactForm input,#contactForm textarea{width:310px; padding:3px; border:1px solid #ccc; background:#fff;}
#contactForm textarea{height:150px;}
#contactForm input:hover,#contactForm textarea:hover{ background:#eee;}
#contactForm input:focus,#contactForm textarea:focus{ background:#E7F4FE; }
#questionnairecap #ggmap{ position:absolute; top:80px;  width:348px;  padding-bottom:15px; padding-left:35px; left:0; }
#questionnairecap .paddingL{ padding-left:20px; padding-bottom:15px;}
.required{color:#fa0000;}
#contactForm button{ padding:2px 15px; border:1px solid #ccc; background:#fff; color:#777; cursor:pointer; width:318px;}
#contactForm button:hover{border:1px solid #998; background:#eee; color:#444;}
#contactForm button:focus{background:#E7F4FE; color:#444;}
#ad{font-size:18px;}
#ggmap2{/*background: url(../images/ggmap2.jpg) no-repeat center bottom; padding-bottom:15px; margin-top:15px;*/ padding:10px 15px 0 24px; }
#contactForm td.service input{width: auto; height: auto; margin-right:5px;}
#contactForm td.service{line-height:24px;}

/*side map*/
#sideMap h3{ font-weight:bold; font-size:18px; padding-bottom:5px;}
#sideMap dl{border-right:1px dashed #ccc; float:left;}
#sideMap .noborder{border:none;}
#sideMap .noPaddingL{padding-left:0;}
#sideMap .noPaddingR{padding-right:0;}
#sideMap dd{line-height:20px; padding-left:20px; background:url(../images/next2.gif) no-repeat 2px 6px;}
#topMap dl{ padding:0 50px; margin-bottom:15px; }
#topMap dl.noborder{ padding-left:30px;}
#midMap{ padding:10px 0 30px 0;}
#midMap dd{font-size:12px; background:url(../images/listtype.gif) no-repeat 5px 5px;}
#midMap h4{font-size:18px; padding-top:20px; font-weight:bold; border-top:1px dashed #ccc; margin:15px 0 5px 0; }
#midMap dl{ padding:0 7px;  height:160px; }
#midMap dt{ font-weight:normal; padding-left:18px; background:url(../images/next2.gif) no-repeat left 7px; font-size:14px;}
#botMap{margin:25px 0 0 0;}
#botMap dl{ padding:0 30px;  height:50px; width:150px; }

/*q+a*/
#main .noRnav{padding:20px 70px 100px 70px; width:895px;}
#main #questiond{ min-height:500px;}
.questions li{float:left; width:400px; padding:10px 20px;}
.questions dd{line-height:18px; font-size:12px; padding-left:15px; background:url(../images/listtype.gif) no-repeat left 3px; }
.questions dt{font-weight:bold; font-size:14px; }
#question .italic{ margin-top:30px;}
ul.questions{padding-bottom:40px;}
/*answer*/
#answer h1{padding-bottom:15px;}
#answer h3{ font-weight:bold; font-size:14px; padding-bottom:10px;}
.bottomNav span{ padding-right:14px; }
.bottomNav{margin-top:15px;}
.bottomNav img{float:left; margin-right:20px;}
.paddingT{padding-top:50px;}
#answer .borderB{border-bottom:1px dashed #777; padding-bottom:30px;}
#answer ol{list-style:decimal-leading-zero; padding-left:30px; }
#answer ol ul,#answer dl ul,#answer ul ul, .InternetDepartment #howWS ul{ padding:10px 20px; background:#f5f5f5; margin:10px 0; }
#answer ol ul li,#answer dl ul li,#answer ul ul li, .InternetDepartment #howWS li{background:url(../images/listtype2.gif) no-repeat 0 6px ; padding-left:18px;}
#answer #sidebar #searchform{margin-top:15px;}
#answer dt{font-weight:bold; margin-top:15px; font-size:16px;}
#answer h4.newstyle{font-size:14px; font-weight:bold; padding:15px 0 0px 0;}

/*other*/
.prevred,.nextred{font-weight:bold;padding-left:10px; background:url(../images/nextred.gif) no-repeat center left; padding-right:10px;}
.prevred{background:url(../images/prevred.gif) no-repeat center left;}
#mainnav .wel { background-position:-10px 52px; }
#mainnav .ser { background-position:-146px 52px; }
#mainnav .pro { background-position:-282px 52px; }
#mainnav .inf { background-position:-419px 52px; }
#mainnav .cus { background-position:-576px 52px; }
#mainnav .wel:hover { background-position:-10px -49px; }
#mainnav .ser:hover { background-position:-146px -49px; }
#mainnav .pro:hover { background-position:-282px -49px; }
#mainnav .inf:hover { background-position:-419px -49px; }
#mainnav .cus:hover { background-position:-576px -49px; }
#mainnav .wel2 { background-position:-10px -49px; color:#fa0000; }
#mainnav .ser2 { background-position:-146px -49px; color:#fa0000; }
#mainnav .pro2 { background-position:-282px -49px; color:#fa0000; }
#mainnav .inf2 { background-position:-419px -49px; color:#fa0000; }
#mainnav .cus2 { background-position:-576px -49px; color:#fa0000; }
#mainnav .width120 { width:120px; }
.height180{height:160px;}

/*a title*/
.border{border:3px solid #ccc;}
.credits {color: #999;font: 14px Georgia, "Times New Roman", Times, serif;position:absolute;top:400px;left:10px;}
body div#tooltip { position:absolute;z-index:1000;max-width:220px;width:auto !important;width:220px;background:#000;text-align:left;padding:5px;min-height:1em;}
body div#tooltip p { margin:0;padding:2px 5px;font:12px verdana,arial,sans-serif; color: #fff; font-style:normal; font-weight:bold;  }
body div#tooltip p em { display:block;margin-top:3px;color:#f60;font-style:normal;font-weight:bold; }

#followUs{height:174px; width:50px; position:absolute; left:-41px; top:70px; display:none;}
#followUs a{display:block; }
#sidebar #share2{ text-indent:0; line-height:16px; padding:10px 0 0 16px;background: url(../images/share1.png) no-repeat; width:200px;}

#searchform{height:23px; line-height:23px; background: url(../images/restaurantSearch_08.png) repeat-x;  padding-left:3px; }
#searchform .button{ background: url(../images/restaurantSearch_11.png) no-repeat; height:23px; width:43px; border:none; padding:0px; margin:0px; text-indent:-9999px; cursor:pointer; display:block; text-indent:-9999px;  }
#searchform .box{ padding:1px; width:200px; background:#e6e6e6; border:none;}
#home #searchform{margin-right:12px; margin-top:22px;}
#sidebar #searchform  .box{ width:166px; }
#sidebar #searchform{margin-top:5px; width:212px; text-indent:0px;}
#sidebar .aboutUsSearch{margin-top:15px !important;}
#main h2.nobg{ margin-bottom:0px;} 
.h2bg2{margin-bottom:20px;}

ul.links{padding-bottom:15px;}
ul.links a{display:block; font-size:16px; color:red; text-transform:uppercase; line-height:18px;}
ul.links li{padding-bottom:15px;}
div.links h3{background:#eee; padding:5px 10px; font-size:18px; font-weight:bold; margin-bottom:16px;}

.googlesite{font-size:18px; color:red; text-transform:uppercase; margin-top:20px;}
.googlesite a{font-size:24px; padding-top:30px; display:block; line-height:20px;}
.googlesite img{ margin:15px 20px 0 0; float:left;}

#indexCaseT{padding-left:20px;}
#indexCaseT .saycon{padding:10px 15px ; font-style:italic; display:block; width:240px;  height:100px; border:1px solid #848484; border-bottom:none;}
#indexCaseT li{float:left; margin: 0 8px; width:272px; overflow:hidden;}
#indexCaseT .bgcon{background:url(../images/Restaurant-Design-Projects.png) no-repeat left; height:23px;}
#indexCaseT img {border:1px solid #848484; padding:2px; margin-right:10px; margin-left:5px;}
#indexCaseT .story, #sidebar .story{text-align:right; display:block; color:red;}

#sidebar .saycon{padding:10px 15px ; font-style:italic; display:block; width:85%;  height:115px; border:1px solid #848484; border-bottom:none; line-height:24px;}
#sidebar .bgcon{background:url(../images/Restaurant-Design-Projects3.png) no-repeat left; height:23px;}
#sidebar img {border:1px solid #848484; padding:2px; margin-right:10px; margin-left:5px;}

span.big{ float:left;  padding-right:5px;}

#infoMain #next{display:block; background: url(../images/img66_12.png) no-repeat left center ; text-align:right; color:red; padding-bottom:2px; border-bottom:1px dashed #ccc;  border-top:1px dashed #ccc; margin-bottom:30px; text-transform:uppercase; }
#infoMain #next:hover{ border-bottom:1px dashed #777;  border-top:1px dashed #777;}

#indexCaseT #indexMore{width:100%; padding-top:5px;}
#indexMore a{display:block; background: url(../images/img66_12.png) no-repeat left center ; text-align:right; color:red; padding-bottom:2px; border:1px dashed #fff;   text-transform:uppercase; margin-right:30px; }
#indexMore a:hover{ border-bottom:1px dashed #ccc;}

#kouhao{padding:10px 0 0 70px; display:block; font-size:24px;}
#home #kouhao{padding:15px 0 0 16px; }
#kouhao .paddingR{padding-right:6px; padding-left:6px;}
#kouhao .fontS{font-size:18px;}
#kouhao .italic{font-size:36px; padding:0 10px;}
#content #kouhao{padding:0 0 15px 0;  font-size:17px;}
#content #kouhao .italic{font-size:26px;}
#content #kouhao .fontS{font-size:14px;}

#addItemForm{line-height:30px;}
#addItemForm input{padding:2px;}
#addItemForm #please{ line-height:20px; font-style:italic; font-size:12px; padding:10px 0px;}
#addItemForm #RECPR_TEXT{ font-size:13px;}

#bannerCon{ position:relative; margin-left:20px;}
#siteSurvey2{position:absolute; z-index:100; top:-65px; left:-40px;}
#homePageKouHao{ font-size:21px; padding-left:150px; padding-bottom:10px; padding-top:20px; }
#homePageKouHao .paddingR{padding-right:10px; padding-left:8px;}
#homePageKouHao .fontS{ text-transform:uppercase; font-size:19px; font-weight:bold;}

#our_expertise{ width:890px; height:206px; background:url(../images/homePage3_20.jpg) no-repeat ; margin-left:13px;}

#our_expertise dl{padding-left:40px;}
#our_expertise dt{ font-size:24px; text-transform:uppercase; padding-top:30px; padding-bottom:5px;}
#our_expertise dd{float:left; width:265px; background:url(../images/Restaurant-Design-Services.png) no-repeat 5px center; padding-left:18px; line-height:26px;}
#our_expertise dd.readMore{ background: url(../images/homePage3_32.png) no-repeat 5px center; text-transform:uppercase; color:red; padding-left:23px; width:260px;  }
#likeBT { padding:25px 0 0 10px; border-top:1px dashed #ccc; width:100%; margin-top:10px; }



/*internet logo */
.inet_logo{
position:absolute;

background: url(../images/inetprice.jpg) 0 0 no-repeat;
height:41px; width:169px;
text-indent: -99999px;
left: 240px ;
top: 8px;
}

.inet_logo:hover{
position:absolute;
background: url(../images/inetprice_hover.jpg) 0 0 no-repeat;
height:41px; width:169px;
text-indent: -99999px;
left: 240px ;
top: 8px;

}


/*contact or question icon */
#livechat_icon_float {

	cursor:pointer;
	height:160px;
	left:4px;
	margin-left:-5px; 
	*margin-left:-5px; 
	overflow:hidden;
	position:fixed;
	*position:absolute;
	top:200px;
	*margin-top:10px;
	width:44px;
	z-index:100000;
}
#question_icon_float {
	display:none;
	background-image:url(../images/question_icon.png);
	color:#FFFFFF;
	background-color:#333333;
	cursor:pointer;
	height:143px;
	left:0;
	margin-left:-5px; 
	*margin-left:-5px; 
	overflow:hidden;
	position:fixed;
	*position:absolute;
	text-indent:-100000px;
	top:360px;
	*margin-top:10px;
	width:44px;
	z-index:100000;
}