/* CSS Document */

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	
	font-family : "Lucida Grande", Verdana, Lucida, Arial, Helvetica, ËÎÌå,sans-serif;
	font-size : 14px;
	background:url(../images/bg.jpg) #D70707 left top repeat-x;	
}

a:link{font-weight : bold ;text-decoration : none ;color : #fff ;}
a:visited {font-weight : bold ;text-decoration : none ;color : #fff ;}
a:hover {font-weight : bold ;text-decoration : underline ;color : #fff ;}
a:active {font-weight : bold ;text-decoration : none ;color : #fff ;} 

#header{
	width:760px;
	height:98px;
	margin-right: auto;
	margin-left: auto;
	background:url(../images/TerraceFace_02.jpg) no-repeat left top;	
}

#nav{
	position:relative;
	float:right;
	top:68px;
}

#nav ul { 
	CLEAR: left;
	MARGIN: 0px; 
	PADDING:0px; 
	BORDER: 0px; 
	LIST-STYLE-TYPE:none; 
	TEXT-ALIGN: center; 
	DISPLAY:inline;
}

#nav li { 
	FLOAT:right; 
	DISPLAY: block; 
	MARGIN: 0px; 
	PADDING: 6px; 
	TEXT-ALIGN:left;

}

#nav li a {
	background:url(../images/arrow.gif) no-repeat left;  
	DISPLAY: block; 
	PADDING:2px 3px 2px 10px; 
	FONT-WEIGHT: bold; 
	WIDTH: 100%; 
	COLOR: #fff; 
	TEXT-DECORATION: none;
	font-size:14px;
} 

#nav li a:hover { 
	COLOR: #fff;
	text-decoration:underline;
	font-size:14px; 
} 

#nav ul li#one A { WIDTH: 70px} 
#nav ul li#two A { WIDTH: 70px} 
#nav ul li#three A { WIDTH: 70px} 
#nav ul li#four A { WIDTH: 70px}
#nav ul li#five A { WIDTH: 70px}

#middle{
	width:756px;
	/*height:400px;*/
	margin-right: auto;
	margin-left: auto;
	background-color:#FFFFFF;
	border:#D70707 solid 2px;
	
}

#showpic{
	width:756px;
	height:185px;
	background-image:url(../images/TerraceFace_05.jpg);
}

#titlename{
	width:746px;
	padding:5px 8px 5px 2px;
	text-align:right;
	font-size:16px;
	font-weight:bold;
	color:#D70707;
}

#content{
	width:756px;
	padding-bottom:15px;
}

#left{
	width:210px;
	float:left;
	text-align:center;
	padding:5px 8px 5px 2px;

}

#right{
	width:518px;
	float:left;
	padding:10px 10px 15px 8px;
}

#menutree{
	width:210px;
	float:left;
	text-align:left;
	padding:5px 8px 5px 2px;
}

#menutree ul{
	BORDER: medium none; /*²»ÏÔÊ¾±ß¿ò*/
	LINE-HEIGHT: normal; 
	LIST-STYLE-TYPE: none;
	FONT-WEIGHT: bold; 
	COLOR: #CD9026;
	font-size:11px;
	text-align:left;
	
}

#menutree li a {	
	DISPLAY: block;
	WIDTH: 100%;
	height:26px; 
	COLOR: #CD9026; 
	TEXT-DECORATION: none;
	font-weight:bold;
	
}

#menutree li a:hover { 
	COLOR: #fff;
	font-weight:bold;
	background-color:#D70707;
	
}

#menutitle{
	color:#35467B;
	font-weight:bold;
	font-size:15px;
	padding:0px 0px 10px 0px;
	text-align:left;
}

#menutitlesp{
	color:#35467B;
	font-weight:bold;
	font-size:15px;
	text-decoration:underline;
	padding:0px 0px 10px 0px;
	text-align:left;
}

#info{
}

#deli{
	text-align:center;
	padding-top:10px;
}

h5{
	color:#9D0708;
}

#footer{
	width:758px;
	height:36px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom:20px;
	font-size:11px;
	font-weight:bold;
	color:#fff;
	background-color:#9D0708;
	text-align:center;
}
