/* CSS Document */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333;
}

* {
	padding: 0;
	margin: 0;
}

a {
	color: #333;
}

img {
	border: 0px none;
}

#wrapper {
	width: 880px;
	margin: 0 auto;
}

#panel-left, #panel-center {
	padding-right: 8px;
}

#panels {
}

.panel{
	float: left;
	width: 288px;
}

.panel .image-link {
	float: left;
}

.panel .label-link {
	float: left;
	width: 288px;
	border-top: 1px #444 solid;
}

.panel p {
	color: #fff;
	padding: 10px;
	background: #222;
	font-size: 16px;
}

.page {
	float: left;
	width: 584px;
}

.page p {
	padding: 10px;
}

.page h1 {
	padding: 0 10px;
	font-weight: normal;
}

#header {
	padding: 24px 0 2px 0;
}

#logo-wrapper {
	
}

#menu {
	float: left;
	padding: 16px 0 8px 0;
	border-bottom: 1px solid #222;
	width: 100%;
	margin-bottom: 8px;
}

#menu a {
	text-decoration: none;
	font-size: 14px;
	padding: 2px 16px;
	margin-right: 4px;
}

.foodmenu {
	padding: 8px 12px;
}

.teamenu {
	padding: 0px 0 12px 36px;
}

.foodmenu .item {
	padding-top: 12px;
}

.foodmenu p {
	padding-top: 4px;
	padding-left: 24px;
}

.teamenu h2 {
	font-weight: normal;
	padding-top: 12px;
}

.teamenu p {
	padding: 4px 0 0 24px;
}


#home #menu-home,
#about #menu-about,
#tea #menu-tea,
#food #menu-food,
#art #menu-art,
#location #menu-location {
	background: #333;
	color: #fff;
}

#footer {
	border-top: 1px solid #222;
	margin-top: 8px;
	float: left;
	width: 100%;
	text-align: right;
	padding: 4px 0px;
	font-size: 10px;
}

#footer p {
	padding: 4px;
}

#buttons {
	margin: 1px 0px;
	padding: 0 0px;
	font-size: 12px;
	text-align: center;
}

#imagelabel {
	padding-top: 6px;
}

.right-button, .left-button {
	width: 32px;
	height: 24px;
	background: #333 no-repeat center;
	color: #fff;
}

.right-button:hover, .left-button:hover {
	background-color: #666;
}

.left-button {
	float: left;
	background-image: url(arrow_left.gif);
}

.right-button {
	float: right;
	background-image: url(arrow_right.gif);
}

/* IE7 fixes */
.ie7 #header {
}