body {
    margin:20px 0px;
    font-size: 12px;
    line-height: 1.8em;
    text-align: center;
}
p {
    margin:0px;
    padding:5px 5px 5px 20px;
    line-height: 1.5em;
    text-align: left;
}
a {
    color: #487001;
    text-decoration: none;
}
a:hover {
    color: #eb8f18;
}

.impo {
font-weight: bold;}
.hri {
border-bottom:solid 1px #b3b3b3;
width:97%;
}
/**************排版設定***************/

#all {
	width: 1003px;
	height:auto;
	text-align: left;
	border:solid 1px #b3b3b3 ;
}
＃title {
float: left;
width:1003px;
height:458px;
}
   #news #title {
   float: left;
   background-image: url(images/title/n3.jpg) ;
   background-repeat: no-repeat;
   }
   #fairtrade #title {
   float: left;
   background-image: url(images/title/fairtrade.jpg) ;
   background-repeat: no-repeat;
   }
   #meal #title {
   float: left;
   background-image: url(images/title/meal.jpg) ;
   background-repeat: no-repeat;
   }
   #sauce #title {
   float: left;
   background-image: url(images/title/sauce.jpg) ;
   background-repeat: no-repeat;
   }
   #about #title {
   float: left;
   background-image: url(images/title/shop.jpg) ;
   background-repeat: no-repeat;
   }
   #refreshments #title {
   float: left;
   background-image: url(images/title/coffee2.jpg) ;
   background-repeat: no-repeat;
   }



#title-menu {
float: left;
    display:block;
    width:810px;
    height:110px;
    padding-top: 276px;
    
}
#title-text {
    float: left;
    display:block;
    width:183px;
    height:308px;
	*height:308px;
	_height:308px;
    padding:25px 5px 0px 5px;
    text-align: right;
    color: gray;
    border-bottom:solid 1px #b3b3b3 ;
}
    #title-text p{
    text-align: right;
    font-size: 10px;
    color: gray;
    line-height: 2em;
    }

#content {
    padding: 5px 57px;
    text-align: center;
}
#heading {
    float: left;
    display:block;width:888px;
    height:57px;
	margin:0px;
    text-align: left;
}
#heading .share{
    float: right;
    display:block;
    padding-top:35px;
	margin:0px;
	padding-right:10px;
    text-align: left;
}
    #news #heading {
    background-image: url(images/heading/news.gif) ;
   background-repeat: no-repeat;
    }
    #fairtrade #heading {
    background-image: url(images/heading/fairtrade.gif) ;
   background-repeat: no-repeat;
    }
    #meal #heading {
    background-image: url(images/heading/meal.gif) ;
   background-repeat: no-repeat;
    }
    #sauce #heading {
    background-image: url(images/heading/sauce.gif) ;
   background-repeat: no-repeat;
    }
    #about #heading {
    background-image: url(images/heading/about.gif) ;
   background-repeat: no-repeat;
    }
    #refreshments #heading {
    background-image: url(images/heading/refreshments.gif) ;
   background-repeat: no-repeat;
    }
    
    
#main-content {
    float: left;
    border-left:solid 1px #c8c5c4;
    border-right:solid 1px #c8c5c4;
    border-bottom:solid 1px #c8c5c4;
    padding:14px;
	 margin:0px;
    height:auto;
    width:858px;
    text-align: left;
}

#gotop {
    text-align: right;
    width:870px;
    
}

#footer {
    float:both;
    height:100px;
    margin-top:20px;
    padding:10px 40px;
    text-align: center;
    line-height:1.5em;
}

/**************內容設定***************/
.menuload {
float:left;
padding-top:40px;
padding-left:250px;
}


#news-area-left {/*****最新消息的特別設定home.php******/
float:left;
border-right:solid 1px #c8c5c4;
width:428px;
}
#news-area-right {
float:left;
width:428spx;
}
    #news #main-content {/*important-fix*/
	width:858px;
	*width:888px;
	_width:888px;
	}
	#news #title-text {/*important-fix*/
	*width:188px;
    _width:188px;
	*height:333px;
	_height:333px;
	}

    .newsbox-line {
    border-bottom:solid 1px #c8c5c4;
    width:428px;
    padding-bottom: 20px;
    text-align: center;
    }
    .newsbox-noline {
    width:428px;
    padding-bottom: 20px;
    text-align: center;
    }
    .newsbox-line h3,.newsbox-noline h3 {
    margin:0px;text-align:left;
    padding:5px 0px 15px 5px;
    }
    h3 span {
    display:none;
    }
    .newsbox-line h4 {
    text-align: left;
    margin:3px 3px 3px 10px;
    }
    .newsbox-noline h4 span {
    display:none;
    }
    
    
#meal-area-top {/*****餐點介紹的特別設定meal.php******/
height:530px;
border-bottom:solid 1px #c8c5c4;
}
#meal-area-bottom {
height:365px;
}
    #meal #title-text {/*important-fix*/
	padding:10px 5px 0px 5px;
	height:323px;
	}
    .mealbox-line {
    height:100%;
    width:210px;
    float:left;
    border-right:solid 1px #c8c5c4;
    }
    .mealbox-line p,.mealbox-noline p{
    margin:0px;
    padding:5px 5px 5px 10px;
    }
	.mealbox-line img,.mealbox-noline img{
    margin:0px;
    margin:0px 0px 0px 10px;
    }
    .mealbox-noline {
    height:100%;
    float:left;
    width:215px;
    }
    .mealbox-line h3,.mealbox-noline h3,.mealbox-line h3 img ,.mealbox-noline h3 img {
    margin:0px;
    padding:3px 0px 3px 3px;
    text-align: left;
    }
    .mealbox-line h3 span,.mealbox-noline h3 span {
    display:none;
    }
    .mealbox-line h4 {
    text-align: left;
    margin:3px 3px 3px 10px;
    }
    .mealbox-line h4 span {
    display:none;
    }
	.newMeal {
	font-size:14px;
	color:#CC0000;
	font-weight: bold;
}

#sauce-area-top {/*****手工醬的特別設定sauce.php******/
height:530px;
border-bottom:solid 1px #c8c5c4;
}
#sauce-area-bottom {
height:870px;
}
#sauce-area-bottom  .hri{
margin-left:4px;
}
   #sauce #title-text {
   padding:35px 5px 0px 5px;
   height:298px;
	*height:298px;
	_height:298px;
   }
    .saucebox-line {
    height:100%;
    width:210px;
    float:left;
    border-right:solid 1px #c8c5c4;
    }
    .saucebox-line p,.saucebox-noline p{
    margin:0px;
    padding:5px 5px 5px 10px;
    }
	.saucebox-line img,.saucebox-noline img{
    margin:0px;
    margin:0px 0px 0px 10px;
    }
    .saucebox-noline {
    height:100%;
    float:left;
    width:215px;
    }
    .saucebox-line h3,.saucebox-noline h3,.saucebox-line h3 img,.saucebox-noline h3 img {
    margin:0px;
    padding:3px 0px 3px 3px;
    text-align: left;
    }
    .saucebox-line h3 span,.saucebox-noline h3 span {
    display:none;
    }
    .saucebox-line h4 {
    text-align: left;
    margin:3px 3px 3px 10px;
    }
    .saucebox-line h4 span {
    display:none;
    }
	
	
#about #title-text {
   padding:55px 5px 0px 5px;
   height:278px;
	*height:278px;
	_height:278px;
   }
   
   
   
   
#flash-welcome {
	background: url(flash-bg.jpg) repeat-x top;  
}

.balzac-facebook {
float:right;
}
.balzac-facebook a{background-color:#ffffff;color:#777777;margin:10px 10px 0px 10px;padding:3px 6px;}
.balzac-facebook a:hover{
	color:#ffffff;background-color:#003399;
}