body{
	margin: auto;
	padding: 0;
	font-size: 62.5%;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	background: #1d0900;
}
#wrapper{
	margin: auto;
	margin-top: 12px;
	padding: 0;
	width: 750px;
	height: 575px;
	background: #1d0900 url(../imgs/body-bg.jpg) no-repeat;
	position: relative;
}

#footer {
	margin: auto;
	margin-top: 50px;
	padding: 0;
	width: 680px;
	height: 20px;
	background: #1d0900;
	color: #6F290A;
	position: relative;
	text-align: right;
}


.clear {
	clear: both;
	margin: -1px 0px 0px 0px;
	height: 1px;
	font-size: 1px;
	line-height: 1px;
	width: 100%;
}
.ahem {   
	position: absolute;
	overflow: hidden;
	height: 0px;
	width: 0px;
	left: -1000px;
	top: -1000px;
}

#logo{
	background: url(../imgs/logo.jpg) no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	height: 205px;
	width: 237px;
}

.happ-large {
font-family: arial; 
font-size: 24px; 
color: #421707; 
font-weight: bold;
}

.happ-small {
font-family: arial; 
font-size: 20px; 
color: #A49E54; 
font-weight: normal;
}


a img{
	border:0;
}

/* @group Navigation */

   /* Navigation , look ma no javascript*/
#nav {
width: 491px; 
height: 109px;
background: url(../imgs/nav.jpg);
margin: 0px auto; 
padding: 0;
position: absolute;
top:0px;
left:237px;
z-index:1000;
} 
#nav li {
margin: 0; 
padding: 0; 
list-style: none;
position: absolute; 
top: 0;
}  
#nav li, #nav a {
height: 109px; 
display: block;
}

#menu {
left: 0; 
width: 73px;
}
#wine {
left: 73px; 
width: 61px;
}
#reservations {
left: 134px; 
width: 134px;
}
#news {
left: 268px; 
width: 128px;
}
#about {
left: 396px; 
width: 95px;
}

#commercial {
position: absolute;
top: 115px;
left: 530px; 
z-index: 2000;
}

#menu a:hover {
background: transparent url(../imgs/nav.jpg) 0 -109px no-repeat;
}
#wine a:hover {
background: transparent url(../imgs/nav.jpg) -73px -109px no-repeat;
} 
#reservations a:hover {
background: transparent url(../imgs/nav.jpg) -134px -109px no-repeat;
}
#news a:hover {
background: transparent url(../imgs/nav.jpg) -268px -109px no-repeat;
}
#about a:hover {
background: transparent url(../imgs/nav.jpg) -396px -109px no-repeat;
}

/* @end */


#flash{
	position: absolute;
	top: 146px;
	left: 322px;
	z-index: 1000;
	width:432; 
	height:310;
}

#welcome{
	position: absolute;
	left: 25px;
	top: 215px;
}
#gastro{
	position: absolute;
	top: 436px;
	left: 312px;
}
#concerts{
	position: absolute;
	top: 287px;
	left: 47px;
}
#hours{
	position:absolute;
	bottom:0px;
	left:25px;
}
#alt1{
	position:absolute;
	top:361px;
	left:47px;
}
#alt2{
	position:absolute;
	top:400px;
	left:47px;
}
#gift{
	position: absolute;
	top: 325px;
	left: 47px;
}
#content{
	width:567px;
	height:397px;
 	position:absolute;
	bottom:0;
	right:0;
	background:transparent url(../imgs/content.jpg) no-repeat;
	text-align:center;
	color:	#817339;
	font-size:1.2em;
	line-height:16px;
}

#content p{
	margin:20px 47px 0 47px;
}
#content strong{
	font-weight:bold;
	color:#4d200a;
}
#happenings {
	width:567px;
	height:397px;
 	position:absolute;
	bottom:0;
	right:0;
	background:transparent url(../imgs/content.jpg) no-repeat;
	text-align:center;
}
#happenings-content {
	width:490px;
	height:397px;
 	position:absolute;
	top:110px;
	left:40px;
	text-align:center;
	z-index: 10;
}
#navbg{
	position:absolute;
	background:url(../imgs/gastropub.jpg) no-repeat;
	width:401px;
	height:60px;
	z-index:1;
	top:85px;
	right:0px;
}
.title{
	padding-top:47px;
}
#sidenav{
	position:absolute;
	top:305px;
	left:0px;
}
#sidenav li{
	list-style:none;
	padding:0;
	margin:0;
}
#aboutusimgs img {
	padding-right: 8px;
	padding-left: 8px;
	padding-top: 10px;
}
a:active
{
  outline: none;
}
:focus
{
  -moz-outline-style: none;
}

/*new side nav*/
#cnav {
	position:absolute;
	top:268px;
	left:32px;
	margin:0;
	padding:0;
}
#cnav li {
	list-style:none;
	margin:0;
	padding:0;
}

/*popup div*/
#bash-txt {
	position:absolute;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	left: 120px;
	top: 115px;
	width: 285px;
	height: 185px;
	z-index:1;
}


/* redesigned events - no flash */

#container {
width: 432px;
height; auto;
background-color: #F8F1D5;
text-align: center;
margin-left: auto ;
margin-right: auto ;

}

#greendiv {
position: relative;
top: 10px;
left: 7px;
margin-bottom: 5px;
background: url(../imgs/green-bg.jpg) no-repeat;
width: 418px;
height: 120px;
font-size: 13px;
font-family: Verdana, Arial, Helvetica, Sans-Serif;
font-weight: bold;
}

#tandiv {
position: relative;
top: 10px;
left: 7px;
margin-bottom: 5px;
background: url(../imgs/tan-bg.jpg) no-repeat;
width: 418px;
height: 120px;
font-size: 13px;
font-family: Verdana, Arial, Helvetica, Sans-Serif;
font-weight: bold;
}

img.fleft {
float: left;
margin-top: 8px;
margin-left: 12px;
}

a.event:link {
color: #000000;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, Sans-Serif;
font-weight: bold;
font-size: 12px;
}

A.event:visited {
color: #000000;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, Sans-Serif;
font-weight: bold;
font-size: 12px;
}

A.event:active {
color: #000000;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, Sans-Serif;
font-weight: bold;
font-size: 12px;
}

A.event:hover {
color: #000000;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, Sans-Serif;
font-weight: bold;
font-size: 12px;
}


A:link {
color: #6F290A;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, Sans-Serif;
font-weight: normal;
font-size: 10px;
}

A:visited {
color: #6F290A;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, Sans-Serif;
font-weight: normal;
font-size: 10px;
}

A:active {
color: #6F290A;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, Sans-Serif;
font-weight: normal;
font-size: 10px;
}

A:hover {
color: #F9F2D5;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, Sans-Serif;
font-weight: normal;
font-size: 10px;
}

A.calendar-month:link {
color: #6F290A;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, Sans-Serif;
font-weight: normal;
font-size: 16px;
}

A.calendar-month:visited {
color: #6F290A;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, Sans-Serif;
font-weight: normal;
font-size: 16px;
}

A.calendar-month:active {
color: #6F290A;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, Sans-Serif;
font-weight: normal;
font-size: 16px;
}

A.calendar-month:hover {
color: #F9F2D5;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, Sans-Serif;
font-weight: normal;
font-size: 16px;
}

A.band-sample:link {
color: #8C8B8A;
text-decoration: none;
font-family: Arial;
font-weight: bold;
font-size: 12px;
}

A.band-sample:visited {
color: #8C8B8A;
text-decoration: none;
font-family: Arial;
font-weight: bold;
font-size: 12px;
}

A.band-sample:active {
color: #8C8B8A;
text-decoration: none;
font-family: Arial;
font-weight: bold;
font-size: 12px;
}

A.band-sample:hover {
color: #000000;
text-decoration: none;
font-family: Arial;
font-weight: bold;
font-size: 12px;
}

A.band-page:link {
color: #6F290A;
text-decoration: none;
font-family: Arial;
font-weight: bold;
font-size: 12px;
}

A.band-page:visited {
color: #6F290A;
text-decoration: none;
font-family: Arial;
font-weight: bold;
font-size: 12px;
}

A.band-page:active {
color: #6F290A;
text-decoration: none;
font-family: Arial;
font-weight: bold;
font-size: 12px;
}

A.band-page:hover {
color: #B48628;
text-decoration: none;
font-family: Arial;
font-weight: bold;
font-size: 12px;
}

/* BEGIN Concert Calendar */
#calendar-wrap {
top: 160px;
left: 190px;
width: 565px;
height: 550px;
background: #B48628;
position: absolute;
}

#calendar-title {
top: 5px;
left: 5px;
width: 555px;
height: 45px;
background: #F9F2D5;
position: relative;
text-align: center;
}

#calendar-months {
top: 5px;
width: 565px;
height: 35px;
background: #B48628;
position: relative;
text-align: center;
font-size: 16px;
font-weight: bold;
line-height: 35px;
}

#calendar-days {
top: 5px;
left: 5px;
width: 555px;
height: 460px;
background: #F9F2D5;
position: relative;
}

#calendar-footer {
	margin: auto;
	top: 250px;
	padding: 0;
	width: 680px;
	height: 20px;
	background: #1d0900;
	color: #6F290A;
	position: relative;
	text-align: right;
}

#calendar {
width: 555px;
height: 460px;
background: #F9F2D5;
position: relative;
text-align: center;
}

td.weekday {
width: 60px;
height: 20px;
background: #333333;
color: #CBCBCB;
font-size: 12px;
font-weight: bold;
text-align: center;
}

td.day {
width: 60px;
height: 80px;
background: #E0D9B8;
color: #000000;
font-size: 12px;
font-weight: normal;
}

p.band-text {
font-size: 12px;
font-family: arial;
line-height: 15px;
}

b.brown {
font-size: 14px; 
color: #B48628; 
font-weight: bold;
}

b.black {
font-size: 14px; 
color: #000000; 
font-weight: bold;
}

/* END Concert Calendar */

#reservations-wrap {
top: 160px;
left: 190px;
width: 610px;
height: 350px;
background: #FFFFFF;
position: absolute;
border: 5px #B48628 solid;
}