/* CSS Document */
* {
	padding: 0;
	margin: 0 auto;
	line-height: 20pt;
}
body {
 font-family: Georgia, "Times New Roman", Times, serif;
 font-size:11px; 
 color:#000000;
 background: #FFFFFF;
}
#content {
 width:100%;
 height:100%;
 position:center;
 border-top:#d8d8d8 solid 15px;
}
#header{
 width:837px;
 height:85px;
 font-family: Arial, Helvetica, sans-serif;

}
.logo{
 float:left;
 padding-top:20px;
}
#about {
 width:63px;
 background-image: url(home/about.gif);
 margin-right:25px;
 }
#restaurant{
 width:70px;
 background-image:url(home/restaurant.gif);
 margin-right:30px;
 }
#catering{
 width:52px;
 background-image:url(home/cat.gif);
 margin-right:30px;
}
#restmanagement{
 width:141px;
 background-image:url(home/rm.gif);
 margin-right:30px;
}
#news{
 width:87px;
 background-image:url(home/news.gif);
 margin-right:30px;
}
#recipes{
 width:48px;
 background-image:url(home/recipes.gif);
 margin-right:30px;
}
#books{
 width:82px;
 background-image:url(home/books.gif);
 margin-right:30px;
}
#center{
 float:left;
 font-size:12px;
 pading:5px;
 margin-top:30px;
 width:380px;
 line-height:18px;
}

.tex1{
	font-size:12px;
	line-height:16px;
}
 .home{
 color:#666666;
 text-decoration:underline;
}
 a.home:hover{
 color:#FFFFFF;
 text-decoration:underline;
}
 .copy{
font-family: Arial, Helvetica, sans-serif;
 font-size:11px;
 line-height:18px;}
 
  .copy2{
 font-size:13px;
 font-weight: bold;
 line-height:18px;}
 
.tex2{
	font-size:11px;
	font-family: Arial, Helvetica, sans-serif;
	color:#464646;
	font-weight:bold;
	line-height: 16px;
}

.titcel{
 font-weight:bold;
 font-size:19px;
}
 .titcel2{
 font-weight:bold;
 font-size:12px;
 color:#FF0000;
 }
.columnl{
 width:300px;
 font-size:11px;
 padding:30px 0px 0px 25px;
 float:right;
}
.wnews{
 font-size:11px;
 padding:10px;
 float:right;
 border:#d8d8d8 solid 5px;
 background-color:#FFFFFF;
}
.wnews2{
 width:266px;
 font-size:11px;
 padding:10px;
 float:right;
 border:#d8d8d8 solid 5px;
 background-color:#FFFFFF;
 margin-top:10px;
}
.floatl{
 float:left;
 padding-right:10px;
}
.floatr{
 float:right;
}
.rightext{
 text-align:right;
 font-family: Arial, Helvetica, sans-serif;
}
.tit1{
 font-weight:bold;
 color:#28B5CE;
}
.et{ background-image:url(home/et1.gif);
background-repeat: repeat-x;}
a, a.photos{
	color:#000000;
	text-decoration: underline;
}
a:hover, a.photos:hover{
 color:#000000;
 text-decoration: underline;
}
a.photos:hover{
color:#FFFFFF;}
a.red{
 color: #FF0000;
 font-weight:bold;
 text-decoration:underline;
}
 a.red:hover{
 color: #C4001E;
 font-weight:bold;
 text-decoration:underline;
}
a.recipes{
 font-size:11px;
 color: #000000;
 text-decoration: underline;
}
 a.recipes:hover{
 font-size:11px;
 color: #666666;
 text-decoration: underline;
}
div.row2 {
  clear: both;
  padding:10px 5px 5px 5px;
  width:200px;
  float:right;
  font-weight: normal;
  }
div.row {
  clear: both;
  padding-top:2px;
  font-weight: normal;
  }
div.rowb{
  padding-top:2px;
  padding-left:5px;
  font-weight: normal;
  width:180px;
  float:left;
  margin-top:3px;
  }
div.row3 {
  float:right;
  width: auto;
  }

div.row span.label {
  float: left;
  width: 70px;
  text-align: right;
  font-weight: normal;
  }

div.row span.formw {
  width: 120px;
  text-align: left;
  font-weight: normal;
 
  } 
  
  FORM { margin: 0px 0px 0px 0px;}
P, PRE { margin: 0px 0px 0px 0px; }
INPUT, TEXTAREA, SELECT { 
 font-family:"Trebuchet MS";
 color:#000000;
 padding:2px;
 font-size: 10px; 
 border: none;
 background-color:#EDEDED;
}
.button{
 background-image:url(home/etbutton.gif);
 background-repeat: repeat-x;
 border: 1px solid #d8d8d8;
 color: #FFFFFF;
 font-weight:bold;
 text-align:center;
 font-size:11px;} 
 
#footer{
	padding:5px;
	width: 550px;
	text-align:right;
	float:left;
	margin-top:50px;
}
.photo {width:915px; text-align:left; position:relative; margin:0 auto;}

.photo ul.topic {padding:0; margin:0; list-style:none; width:915px; height:auto; position:relative; z-index:10;}

.photo ul.topic li {display:block; width:227px; height:30px; float:left;}
.photo ul.topic li a.set {display:block; font-size:11px; width:227px; height:30px; text-align:center; color:#464648; background:#ccc; }

.photo ul.topic li a ul, 
.photo ul.topic li ul 
{display:none;}

.photo ul.topic li.active a
{color:#000; background:#bbb;}

.photo ul.topic li a:hover,
.photo ul.topic li:hover a
{color:#fff; background:#aaa;}

.photo ul.topic li.active ul
{
	display:block;
	position:absolute;
	left:0;
	top:30px;
	list-style:none;
	padding:0;
	margin:0;
	height:800px;
	background:#FFFFFF;
	width:848px;
	padding:0 0 20px 20px;
	border:20px solid #bbb;
	z-index:1;
}

.photo ul.topic li a:hover ul, 
.photo ul.topic li:hover ul
{
	display:block;
	position:absolute;
	left:0;
	top:30px;
	list-style:none;
	padding:0;
	margin:0;
	height:800px;
	background:#FFFFFF;
	width:848px;
	padding:0 0 20px 20px;
	border:20px solid #aaa;
	z-index:100;
}

.photo ul.topic li ul li
{display:inline; width:112px; height:87px; float:left; border:1px solid #fff; margin:25px;}

.photo ul.topic li ul li a
{display:block; width:110px; height:85px; cursor:default; float:left; text-decoration:none; background:#cdcdcd; border:1px solid #cdcdcd;}

.photo ul.topic li ul li a img
{display:block; width:100px; height:75px; border:5px solid #cdcdcd;}

.photo ul.topic li a:hover ul li a:hover, 
.photo ul.topic li:hover ul li a:hover 
{white-space:normal; position:relative;}

.photo ul.topic li a:hover ul li a:hover img, 
.photo ul.topic li:hover ul li a:hover img 
{position:absolute; left:-50px; top:-32px; width:300px; height:225px; border-color: #c00b1c;}