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





/*-  BASE STYLES
----------------------------------------------------------------------*/

#content {
	width:200px;
	float:left;
	margin:0;
	padding-left: 30px;
	z-index:3;
}

#content p {
	color:#590b21;
}

#maincontainer {
	margin: 0 auto;
	width: 650px;
}


#scroll {
position:absolute;
top:0;
bottom:-0.1px;
width:1em;
z-index:-1;
} 


/*-  LAYOUT
----------------------------------------------------------------------*/





#sect-home {
	font: 8pt Arial, Helvetica, sans-serif
	}

#logo{
	clear: both;
	margin: 0 auto;
	width: 100%;
}


#epilogue {
	clear: both;
	margin: 0 auto;
	width: 650px;
	padding: 15px;
}







/*-  LINKS
----------------------------------------------------------------------*/

#maincontainer {
border-top:solid 2px #590b21;
}


a {
	color: #963;
	text-decoration: none;
}

a:hover,
a:focus {
	color: #39C;
	text-decoration: none;
}

a:active,
a:focus {
	background-color:#FFFFFF;
}

a.sub {
	color: #8DFCC7;
	font-weight: bold;
}

a.sub:hover,
a.sub:focus {
	color: #3C9;
}


/*-  LOGO
----------------------------------------------------------------------*/
#logo {
	text-align: center;
	margin-top: 15px;
	margin-bottom: 25px;
}

	
#mainimage {
	width: 400px;
	height: 434px;
	margin:0px;
	padding:0px;
	float:right;
	}


#content {
	width: 200px;
	padding-top: 20px;
	padding-left: 30px;
}





/*-  FOOTER
----------------------------------------------------------------------*/
#epilogue {
	background-color:#FFFFFF;
	font-size: 1em;	/* 10px / 16px = 0.625 */
	min-height: 20px;
	text-align: center;
	position: relative;
}

#epilogue2 {
	padding: 15px;
	background-color:#FFFFFF;
	font-size: 1em;	/* 10px / 16px = 0.625 */
	text-align: center;
	position: relative;
	clear: both;
	margin: 0 auto;
	width: 650px;
	padding: 15px;
}

#epilogue {
	padding: 15px;
	border-top:solid 1px #590b21;
}

	
/*-  NAV
----------------------------------------------------------------------*/	
	
#topnav{
	width:600px;
	height:34px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	background-color:#FFFFFF;
	margin-bottom:10px;
}

#topnav ul li { 
display: inline;
float:left;
}


#topnav li.home a
{
background-image:url(../images/homeroll.jpg);
background-position:left;
background-repeat:no-repeat;
text-indent: -9999px;
width:120px;
height:34px;
display:block;
border-bottom:solid #590b21 10px;
}


#topnav li.home a:hover
{
background-image:url(../images/homeroll.jpg);
background-position:right;
}

#topnav li.about a
{
background-image:url(../images/foodroll.jpg);
background-position:left;
background-repeat:no-repeat;
text-indent: -9999px;
width:120px;
height:34px;
display:block;
}

#topnav li.about a:hover
{
background-image:url(../images/foodroll.jpg);
background-position:right;
}

#topnav li.menu a
{
background-image:url(../images/drinkroll.jpg);
background-position:left;
background-repeat:no-repeat;
text-indent: -9999px;
width:120px;
height:34px;
display:block;
}

#topnav li.menu a:hover
{
background-image:url(../images/drinkroll.jpg);
background-position:right;
}

#topnav li.events a
{
background-image:url(../images/eventsroll.jpg);
background-position:left;
background-repeat:no-repeat;
text-indent: -9999px;
width:120px;
height:34px;
display:block;
}

#topnav li.events a:hover
{
background-image:url(../images/eventsroll.jpg);
background-position:right;
}

#topnav li.contact a
{
background-image:url(../images/contactroll.jpg);
background-position:left;
background-repeat:no-repeat;
text-indent: -9999px;
width:120px;
height:34px;
display:block;
}

#topnav li.contact a:hover
{
background-image:url(../images/contactroll.jpg);
background-position:right;
}

#reviews {
	float:left;
	padding-right:10px;
	padding-bottom:20px;
	padding-left:60px;
	margin:auto
}

#writereview {
	float:left;
	padding-left:10px;
	margin:auto;
}