/* HTML Properties Reset */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,tr,table {margin:0; padding:0; font-size: 13px; font-family: Century Gothic; color: #472d03;}
img, fieldset, input {border:0;}
a:link,a:visited,a:active{color:#573905; text-decoration:none; font-weight:bold;}
a:hover 	{color: #815407; text-decoration:none; font-weight:bold;}
ul {list-style: none;}

/* DDM CSS */
html{
	background: url('../images/wood.png') repeat;
	overflow-y: scroll;
}

body{
	background: url('../images/blonda.png') repeat-x;
	padding-top: 180px;
}

h3{
 color: transparent;
}

h4{
	font-size: 20px;
	text-align: right;
	padding: 14px 0;
	letter-spacing: 0.5px;
}

b, i{
	color: #ad5b29;
}

form{
	width: 380px;
	margin: 10px auto 0 auto;
}

label{
	float: left;
}

input, textarea{
	float: right;
	margin-bottom: 10px;
	border: 1px solid #ad5b29;
}

input[type=text]{
	width: 240px;
}

textarea{
	width: 300px;
}

#menu li{
	line-height: 20px;
	letter-spacing: 0.5px;
}

#header{
	width: 956px;
	height: 71px;
	margin: 0 auto;
	background: url('../images/header.png') no-repeat;
}

#logo{
	width: 170px;
	height: 286px;
	background: url('../images/logo.png') no-repeat;
	position: relative;
	top: -150px;
	left: 60px;
}

#logo a{
	display: block;
	width: 170px;
	height: 286px;
	text-indent: -1000px;
}

#subtitle{
	width: 319px;
	height: 22px;
	font-size: 17px;
	position: relative;
	top: -275px;
	left: 250px;
	color: transparent;
	background: url('../images/subtitle.png') no-repeat;
}

#body{
	width: 934px;
	margin: 0 auto;
	background: url('../images/body.png') repeat-y;
}

#main{
	width: 480px;
/*	border: 1px solid red; */
	float: left;
	position: relative;
	left: 70px;
	padding-bottom: 15px;
	padding-left: 15px;
	padding-right: 15px;
	text-align: justify;
}

#main p{
	text-indent: 60px;
	padding-bottom: 10px;
}

#sidebar{
	width: 268px;
	float: right;
	position: relative;
	right: 10px;
	background: url('../images/tabs.png') no-repeat right top;
}

#topsidebar{
	width: 189px;
	height: 162px;
	position: relative;
	top: -50px;
	background: url('../images/topsidebar.png') no-repeat;
	padding-top: 95px;
	padding-left: 25px;
	padding-right: 25px;
	margin-bottom: 20px;
	text-align: justify;
}

#bottomsidebar{
	width: 222px;
	margin-left: 7px;
	text-align: justify;
	position: relative;
	top: -50px;
}

#bottomsidebar #top{
	height: 26px;
	background: url('../images/bottomsidebar.png') no-repeat;
	padding-top: 12px;
	padding-left: 35px;
}

#bottomsidebar #text{
	background: url('../images/bottomsidebarbg.png') repeat-y;
	padding-left: 30px;
	padding-right: 25px;
	padding-bottom: 15px;
	padding-top: 10px;
}

#bottomsidebar #bottom{
	height: 17px;
	background: url('../images/bottomsidebarend.png') no-repeat;
}

#social{
	position: relative;
	top: -35px;
	left: 45px;
}

#footer{
	width: 936px;
	height: 55px;
	margin: 0 auto;
	margin-bottom: 50px;
	background: url('../images/footer.png') no-repeat;
	clear: both;
}

#footer p{
	position: relative;
	top: 70px;
	left: 20px;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.sub{
	font-size: 16px;
	font-weight: bold;
	text-decoration: underline;
	display: block;
	padding-bottom: 5px;
}

.detail{
	display: block;
	padding-bottom: 10px;
}

.foodlist li{
	padding-bottom: 5px;
}

.photo{
	display: block;
	margin-right: 10px;
	margin-bottom: 10px;
	float: left;
}

#gallery{
	width: 440px;
	margin: 0 auto;
}

.info{
	display: block;
	margin-bottom: 10px;
}

.error{
	clear: both;
	display: block;
	width: 400px;
	margin: 0 auto;
	font-weight: bold;
	color: red;
}