@charset "UTF-8";
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

.clearthis {
	clear: both;
	font-size: 1px;
	line-height: 1px;
	display: block;
	color: #f00;
	}

/*///////// Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/*///////// End hide from IE-mac */

/*/////////  */
.StyleSheetHiddenPlaceHolder  {
	display : none;
}

/*///////// ///////////*/

BODY {	margin:10px 0 2em 0; 
		padding:0px; 			
		text-align:center;
		background: #e2e2e0/*#E5E7D9*/ url(img/bg.jpg) repeat-x; 	
		}
		
body, div, p, li, h1, h2, h3, textarea{
font-family: arial, Sans-Serif;
color:#000;		
}

p, li{
font-size:80%;	
}
		
.framevideo object, .framevideo embed{
	width:348px;
	height:255px;
}
		
a {color:#78a110;text-decoration:underline;}
a:hover {text-decoration:none;}

img { border: none; }



h1,h2,h3,h4,h5,h6 {
	font-size:1em;
	margin: 0 0 0.5em 0;
	}


h1 {
	padding:0 0 0 0px;
	margin:0 0 .2em 0px;
	font-size:26px;
	font-weight:normal;
	}

	
h2{		
	padding:0 0 0 0px;
	margin:0 0 20px 0px;
	font-size:24px;	
	font-weight:normal;
	height:30px;
	}
	
	.right h1, .right h2{		
	padding:0 14px;	
	}
	
	
h3{	
	font-size:13px;
	margin:0 0 10px 0px;	
	padding:0 0 0px 0;	
	border:0;
	color:#7e1b2d;
	font-weight:bold;
}
	

h4{	
	font-size:13px;
	margin:0 0 .4em 0px;	
	padding:0 0 0px 0;
	color:#666666;
	font-weight:normal;	
	}
	
p{
	line-height:1.3em;
	margin:0 0 1em 0;
	padding:0;
	
	}
	
	
form {
	padding:0;
	margin:0;
	}
	
	form table {font-size: 80%;}
	
fieldset {
	border:none;
	padding:0;
	margin:0;
	}
	
legend {
	display:none;
	}
	
	ul{}
	
	li {margin:0 10px .5em 0}
	

/*/////////   styles have have been moved up!  ///////////*/
.frameBgwidebboard, .fbb {color:#FFFFFF; background-repeat:repeat-y; padding:20px;}
.frameBgwidebboard p, .fbb p{color:#FFFFFF;}	

.available_holder	{float:left; width:700px; background: grey; text-align: left;}
.available			{float:left; width:220px; margin-right:17px; font-size:90%;}
.end 				{ margin:0px;}

.inframe_holder		{float: left; width:700px; margin: 0px 0 0px 0px; text-align:left}
.inframe_img1		{float: left; margin: 0px 90px 0px 0px;}
.inframe_img2		{float: left; margin: 0px 0 0px 0px;}

.frameBgwidefour { background-image:url(img/frame_bg_livemusic.gif)/*background-color:#999900*/; padding:20px; /*height:130px; min-height:130px;*/}
*html .frameBgwidefour { background-image:url(img/frame_bg_livemusic.gif)/*background-color:#999900*/; padding:20px; /*height:130px; min-height:130px;*/ width: 634px;}
.frameBgwidefour a:visited, .frameBgwidefour a:hover {color: black;}

.topimage {float: right; width: 825px; height: 271px; padding: 20px 30px 0 0; }

.logofloating1 {width: 200px; height:80px; float: left; top:281px; left:565px; position:absolute; z-index:2;}
.logofloating2 {width: 200px; height:80px; float: left; top:710px; left:450px; position:absolute; z-index:2;}


/*/////////   main layout  ///////////*/

	
#wrap{position:relative;
		width:880px;			
		margin:0 auto;  											
		z-index:0;	
		text-align:left;		
		padding:0 10px;
		background:url(img/frame_main_bg.gif) repeat-y ;	
}

		#wrap_coffee
		{position:relative;
		width:880px;			
		margin:0 auto;  											
		z-index:0;	
		text-align:left;		
		padding:0 10px;
		background:url(img/frame_main_bg_coffee.jpg) repeat-y ;	
		}

		#wrap_wine
		{position:relative;
		width:880px;			
		margin:0 auto;  											
		z-index:0;	
		text-align:left;		
		padding:0 10px;
		background:url(img/frame_main_bg_wine.jpg) repeat-y ;	
		}		


#header{
	height:62px;
	padding:193px 0px 0px 0px
}
		
#wrap_top{position:relative;
		width:880px;			
		margin:0 auto;  											
		z-index:0;	
		background:url(img/frame_main_bg_top.gif);	
		height:9px
		}	

#wrap_bot{position:relative;
		width:900px;			
		margin:0 auto;  											
		z-index:0;	
		background:url(img/frame_main_bg_bot.gif) no-repeat;	
		height:17px
		}			
	
#flash { height:455px; background:url(img/frame_main_bg_mid.gif) no-repeat left bottom; }
#flash.small { height:197px; background:url(img/frame_main_bg_mid.gif) no-repeat left bottom; }

#content {min-height:400px; padding-bottom: 0; margin-bottom: 0; /*background:#E2E3D5;*/}

#content.one 			{background:#E8E8DC;}
#content.two			{background:#E8E8DC;}
#content.three			{background:#E8E8DC;}
#content.threenone		{}
#content.threecoffee	{background:#E8E8DC url(img/bg_coffee.jpg) no-repeat right 50px;}
#content.threewine		{background:#E8E8DC url(img/bg_wine.jpg) no-repeat right 50px;}
#content.four			{background:#E8E8DC;}
#content.five			{background:#E8E8DC;}
#content.six			{background:#E8E8DC;}
#content.seven			{background:#E8E8DC;}
#content.eight			{background:#E8E8DC;}
#content.nine			{background:#E8E8DC;}

*html #content.threecoffee	{background:#E8E8DC url(img/bg_coffee.jpg) no-repeat right 50px;}
*html #content.threewine		{background:#E8E8DC url(img/bg_wine.jpg) no-repeat right 50px;}

	
/*/////////      header     ///////////*/



/*/////////      end header     ///////////*/
		

/*/////////      float left nav     ///////////*/

#nav{
	height:37px;
	background-color:#d4d4d4;
}
#nav ul {
	margin:0 0 0 0px;	
	padding:0px 50px 0px 50px;
	}
	
	#nav  li {	
	list-style-type:none;
	margin:0 0px 0 0;
	padding:0;
	float:left;	
	height:38px;
	}
		
	#nav li a, #nav li a:visited{	
	display: block;	
	text-indent:-3000em;		
	background-repeat:no-repeat;	
	height:37px;	
	}	
	
	#nav li.home a, #nav li.home a:visited{		
		background-image:url(img/nav_home.gif);	
		width:80px;	
	}
	#nav li.home a:hover{background-position:0px -37px;}
	
	#nav li.winebar a, #nav li.winebar a:visited{		
		background-image:url(img/nav_wine.gif);	
		width:99px;	
	}
	#nav li.winebar a:hover{background-position:0px -37px;}
	
	#nav li.coffee a, #nav li.coffee a:visited{		
		background-image:url(img/nav_coffee.gif);	
		width:126px;	
	}
	#nav li.coffee a:hover{background-position:0px -37px;}
	
	#nav li.tapas a, #nav li.tapas a:visited{		
		background-image:url(img/nav_tapas.gif);	
		width:76px;	
	}
	#nav li.tapas a:hover{background-position:0px -37px;}
	
	#nav li.gallery a, #nav li.gallery a:visited{		
		background-image:url(img/nav_gallery.gif);	
		width:84px;	
	}
	#nav li.gallery a:hover{background-position:0px -37px;}
	
	#nav li.join a, #nav li.join a:visited{		
		background-image:url(img/nav_join.gif);	
		width:132px;	
	}
	#nav li.join a:hover{background-position:0px -37px;}
	
	#nav li.location a, #nav li.location a:visited{		
		background-image:url(img/nav_location.gif);	
		width:94px;	
	}
	#nav li.location a:hover{background-position:0px -37px;}
	
	#nav li.contact a, #nav li.contact a:visited{		
		background-image:url(img/nav_contact.gif);	
		width:89px;	
	}
	#nav li.contact a:hover{background-position:0px -37px;}
	
	
/*///////// end float left nav  */

/*///////// cols */ 

#left {
	width:388px; 
	float:left; 
	padding:20px 16px 20px 16px;
}		
#right{
	width:444px; 
	float:left; 
	padding:20px 0;
}
#full{
	width:789px;
	padding:20px;
}

.bboard  p{ color:#FFFFFF}

.beer {
margin:0;
height:120px; 
min-height:120px;
padding:0 0 0 200px;
position:relative;

clear:both;
}

.beer img {
left:0;
padding:0 0 10px;
position:absolute;
top:0;
}
		
/*///////// end col on the right */

.botRightImg 		{height:398px; background: url(img/bttmImage.jpg) no-repeat; margin: 0; padding: 0;}  
.botRightImg img	{margin: 0; padding: 0;}  



#footer { 
background-image:url(img/footer.gif);
background-repeat:no-repeat;
background-color:#000000; 
color:#fff; 
height:129px; 
padding:25px 15px 15px 15px;
}
 
#footer_left {
	float:left;
	height:129px;
	width:380px;
	color:#FFFFFF;
	background: url(img/footer_wifi_logo.gif) no-repeat 90px 5px;
}

#footer_right {
float:left;
/*height:129px;*/
height:100px;
}

#footer_logo {
float:left;
text-align:right;
height:29px;
background: grey;
}
	
#footer p{	
padding:0 0px .6em 0;
margin:0;		
color:#fff
}
	
#footer a, #footer a:visited {color:#fff; text-decoration:underline}
#footer a:hover { text-decoration:none}


/*///////// frames */

.frame { background-repeat:repeat-y; width:350px; padding:0px 19px}
.frameTop, .frameBot { background-repeat:no-repeat; width:388px;  height:19px}
.frameBg  	{ padding:10px;}
.frameBg2  	{ padding: 5px 20px 10px 25px;}
.frameBg2 p { color: white;}


.framewidefood {
	background-repeat:repeat-y;
	width:843px;
	background-image:url(img/frame_bboard_n_bg_mid2.gif);
/*	background-color: #212129;*/
}

.frameTopwidefood{background-image:url(img/frame_bboard_n_bg_top2.gif); background-repeat:no-repeat; width:843px;  height:43px;}
.frameBotwidefood{ background-image:url(img/frame_bboard_n_bg_bot2.gif); background-repeat:no-repeat; width:843px;  height:43px;}

.framewide {
	background-repeat:repeat-y;
	width:735px;
	padding:0px 27px;
	background-image:url(img/frame_1w_bg.gif);
/*	background-color: #212129;*/
}
.frameTopwide, .frameBotwide { background-repeat:no-repeat; width:789px;  height:28px;}
.frameTopwide{ background-image:url(img/frame_1w_top.gif); background-repeat:no-repeat; width:789px;  height:28px;}

.frameTopwideshadow{ background-repeat:none; width:735px; padding:0px 27px; background-image:url(img/frame_1w_topshadow.gif); height:31px;}
.frameBotwide{ background-image:url(img/frame_1w_bot.gif); background-repeat:no-repeat; width:789px;  height:28px;}
.frameBgwide  { padding:20px; background-color:#FFFFFF;}



.frameTopwideshadow{ background-repeat:none; width:735px; padding:0px 27px; background-image:url(img/frame_1w_topshadow.gif); height:31px;}

.frameBgwide  { padding:20px; background-color:#FFFFFF;}

.framewide .pic {margin:-20px -20px 20px}
.frameBgwideswirls  { background-color:#FFFFFF; background-image:url(img/bg_pic1.gif); background-repeat:repeat-y; padding:20px;}

.frameGild {background-image:url(img/frame_gild_bg.gif); padding:0px 45px; width:298px; background-repeat:repeat-y; }
.frameTopGild {background-image:url(img/frame_gild_bg_top.gif);  height:42px; background-repeat:no-repeat; width:388px; }
.frameBotGild {background-image:url(img/frame_gild_bg_bot.gif);  height:46px; background-repeat:no-repeat; width:388px; }
.promoBox {padding:10px 10px 0px 10px; margin:0 0 0 0;}

.frameDark {background-image:url(img/frame_dark_bg.gif); padding:0px 47px 0px 43px; width:298px; background-repeat:repeat-y; }
.frameTopDark {background-image:url(img/frame_dark_bg_top.gif);  height:38px; /*height:42px;*/ background-repeat:no-repeat; width:388px; }
.frameBotDark {background-image:url(img/frame_dark_bg_bot.gif);  height:46px; background-repeat:no-repeat; width:388px; }


.frameone {background-image:url(img/frame_1n_bg.gif); background-repeat:repeat-y; width:406px; padding:0px 19px}
.frameTopone {background-image:url(img/frame_1n_bg_top.gif); background-repeat:no-repeat; width:444px;  height:17px}
.frameBotone {background-image:url(img/frame_1n_bg_bot.gif); background-repeat:no-repeat; width:444px;  height:33px}

.framebevel{
	background-image:url(img/frame_bevel_bg.gif);
	background-repeat:repeat-y;
	padding:0px 19px;
	color:#FFFFFF;
}
.framebevelTop	{background-image:url(img/frame_bevel_bg_top.gif); background-repeat:no-repeat; width:444px;  height:33px}
.framebevelBot	{background-image:url(img/frame_bevel_bg_bot.gif); background-repeat:no-repeat; width:444px;  height:37px; margin-bottom:20px;}


.frametwo {
	background-image:url(img/frame_2n_bg.gif);
	background-repeat:repeat-y;
	width:350px;
	padding-top: 2px;
	padding-right: 19px;
	padding-bottom: 0px;
	padding-left: 21px;
}
.frameToptwo {background-image:url(img/frame_2n_bg_top.gif); background-repeat:no-repeat; width:388px;  height:19px}
.frameBottwo {background-image:url(img/frame_2n_bg_bot.gif); background-repeat:no-repeat; width:388px;  height:25px}

.framevideo {background-image:url(img/frame_video_bg.gif); padding:0px 20px; width:348px;}
.frameTopvideo {background-image:url(img/frame_video_bg_top.gif);  height:20px; margin-top:10px; background-repeat:no-repeat; width:388px;}
.frameBotvideo {background-image:url(img/frame_video_bg_bot.gif);  height:25px; background-repeat:no-repeat; width:388px;}

.framebboard {background-image:url(img/frame_bboard_n_bg_mid.gif); background-repeat:repeat-y; width:350px; padding:0px 19px}
.frameTopbboard {background-image:url(img/frame_bboard_n_bg_top.gif; background-repeat:no-repeat; width:388px;  height:19px}
.frameBotbboard {background-image:url(img/frame_bboard_n_bg_bot.gif); background-repeat:no-repeat; width:388px;  height:19px}


	.blackboardtext { width: 500px; float: left; text-align: left; color:red;}
	.blackboardtext p {color:red;}




/*///////// end  frames */




	
	/*/////////    end   footer     ///////////*/ 
		
/* CALENDAR */


	table.calendar { border-collapse:collapse; margin:1.5em 0 10px 0; width:100%; background:#f7f7f7}
	
	table.calendar td, table.calendar th {vertical-align:top; text-align:center }

td.calendar{
    background-color:#FFFFFF;
    height:18px;
    width: 10px; 
    font-size:12px; 
}
td.calendar_on{
    background-color:#59779F;
    color:#FFFFFF;
    width: 10px;
    font-size:12px;
}
table.calendar th.month{
   font-size:12px;
/*    width: 10px;*/
text-align:left;
padding:4px;
}




/* LIVE */

.live_date {
    color: #660000;
    padding:0 0 0 0px;
    margin:0em 0 0.2em 0px;
    font-size:105%;
    font-weight:bold;
    text-transform:uppercase;
}

.live_list {
    color: #000000;
    padding:0 0 0.3em 0px;
    margin:0em 0 0.3em 0px;
    font-size:100%;
    border-bottom: dashed #333333 1px;
}

.live_table	{width: 760px;	}
*html .live_table	{/*width: 760px; */ width: 692px;	}
  
#homepagevideo embed, #homepagevideo object, #homepagevideo param{
    width: 348px;
    height: 253px;
}      

.error{
    color:red;
    font-weight:bold;
}