@charset "utf-8";
/* CSS Document */

body {
	background: #534a41 url('../images/back.jpg') repeat-y top left;
	font-family: Tahoma, "Times New Roman", Times, serif; 
	line-height:130%; 	  	
	font-size: 13px;
	color: #534a41;
}

html {overflow-y:scroll; height:100%;} /* Firefox hack that forces the sidebar to be always visible */

a { color:#a63412; text-decoration: underline; }
a:hover{ text-decoration:none; }

#toplink{
	color: #222222;
	font-size: 12px;
	float: right;
	padding: 0px 10px 25px 0px;
	text-decoration: underline;
}

/* Layout */

#wrapper { 
margin-left: 103px;
width:884px; 
text-align:left; 
border:none;
background: #a63412; 
}

/* Top Menu */
#top ul{ list-style: none; height: 50px; }
#top li{ float: right; padding: 15px 8px 0 10px; }
#top a { text-transform: uppercase; color: #a63412; font-family: "Times New Roman", Times, serif; font-size: 13px; letter-spacing: 0.1em; text-decoration: none; font-weight: bold;}
#top a:hover { color: #a63412; text-decoration: underline; }
#top img { padding: 0px 3px 0px 3px;  vertical-align: middle;}

/* Sub Menu */
#submenu { height: 25px; }
#submenu ul{ list-style: none;}
#submenu li{ float: right; padding: 10px 8px 0 10px; }
#submenu a { text-transform: lowercase; color: #a63412; font-family: "Times New Roman", Times, serif; font-size: 13px; letter-spacing: 0.1em; text-decoration: none; font-weight: bold;}
#submenu a:hover { color: #a63412; text-decoration: underline; }
#submenu img { padding: 0px 3px 0px 3px;  vertical-align: middle;}
	
	
/* Content */

#content{
border:none;	

}	

#text { padding-top: 15px; }
#text ul{ list-style: disc; padding: 5px 8px 0 55px;  }
#text li{ padding: 5px; }

#content p{ padding: 0 20px 8px 20px; }

#content h2{
	color: #a63412;
	//font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: normal;
	font-size: 15px;
	letter-spacing: 0.1em; 
	padding: 15px 0 15px 15px; 
}

#content h3{ color: #a63412; padding: 5px 0 15px 25px; }

#content h4{ color: #a63412; padding: 0 0 5px 0; font-size: 13px; }

#content hr{ border: 0px; border-bottom: 1px dashed #ffffff; height: 0; margin: 25px;  }

#content .image{ 
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	background: #ffffff;
	float:left;
	margin: -188px 0 20px 7px;
	padding: 12px;
}


#gallery{ margin: 0 auto; padding: 15px; width: 650px; }
#gallery img{ 
	border: 1px solid #000000;
	background: #ffffff;
	float:left;
	margin: 8px;
	padding: 4px;
}

#gallery img:hover{ 
	border: 1px solid #000000;
	background: url('../images/pattern.png');	
	float:left;
	margin: 8px;
	padding: 4px;
}

#form{ margin: 0 auto; padding: 15px; width: 650px; }

#form input{
	border: 1px solid #ddd;	
	color: #6a6a6a;
	font-size: 14px;
	padding: 5px;
	width: 50%;
}

#form textarea{
	border: 1px solid #ddd;	
	color: #6a6a6a;
	padding: 5px;
	width: 80%;
}

#form label{ display: block; padding: 5px; }

#form #submit:hover{ background: #ddd; color: #005dab; cursor: pointer; }


/* Left */
#left{
	min-height:712px;
 	float:left;
	width: 442px;
	border: 0px;
	
}


/* Right */
#right{
	min-height:712px;
	background: #fcfded;
	float:right;
	width: 442px;
}

/* Content */
#yellow{
	position: absolute;
	top: 50px;
	left: 103px;
	background-image: url('../images/pattern.png');	
	text-align: right;
	height: 96px;
	width: 442px;
	font-family: "Chaparral Pro";
}

#yellow h1{
	color: #a63412;
	font-style: normal;
	font-weight: normal;
	font-size: 19px;
	letter-spacing: 0.1em; 
	padding: 19px 0 10px 0px; 
}

#yellow h2{
	color: #a63412;
	font-style: normal;
	font-weight: normal;
	font-size: 48px;
	letter-spacing: 0.1em; 
	padding: 11px 0 15px 0px; 
}

#yellow #date{
	float: left;
	text-align: center;
	padding-left: 30px;
}

#red{
	background: #a63412;
	text-align: right;
	color: #ffffff;	
	height: 96px;
}

#red p{ padding: 17px 0px 10px 0; width: 258px; float: left;}

/* Footer */

#footer{ margin: 10px auto; text-align: center; }
#footer ul{ list-style: none; }
#footer li{ float: right; padding: 10px; }
#footer a{ color:#a63412; }
#footer p{margin-bottom: 8px;}

/* Reservation */

.reservation{ margin: 10px 20px; }
.reservation td{ padding: 5px 10px 4px 10px;}
.reservation tr{ border-bottom: 1px dotted #534a41;}

/* Default */

.right{
	float: right;
}

.left{
	float: left;
}

.center{
	margin: 0 auto;
}

.flag{
	position: absolute;
	top: 8px;
	left: 0px;
}