/* Color Legend

dark brown:#4F2700;
light brown:#CDA355;
tan accent:#F0E9E1;

-------------------------------------------------------------- */

/* Reset
-------------------------------------------------------------- */

html, body { margin: 0; padding: 0; border: 0;  background: transparent; font-size:10px; }

div, span, article, aside, footer, header, hgroup, nav, section,
h1, h2, h3, h4, h5, h6, p, blockquote, a, img, ol, ul, li, 
table, tr, th, td, tbody, tfoot, thead {

	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	background: transparent;
}

article, aside, dialog, figure, footer, header, hgroup, nav, section { display:block; }

h1, h2, h3, h4, h5, h6, p, li, blockquote, td, th, a, caption, em, strong, b, i, u, strike { 
	font-family: Arial, Helvetica, sans-serif;
	font-size:100%;
	font-weight: normal;
	font-style: normal;
	line-height: 1; 
	text-indent: 0;
	text-decoration: none;
	text-align: left;
	color: #000;
	}

ol, ul { list-style:none;}

table { border-collapse: collapse; border-spacing: 0; }

	/* The border-collapse property sets whether the table borders are collapsed into a single border or detached as in standard HTM 
	The border-spacing property sets the distance between the borders of adjacent cells */

 
/* Headings
-------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6 { font-weight: bold; color: #000; }

h1 {
	font-size: 24px;font-family: "Lucida Handwriting"; color:#9D9D00; text-shadow:-1px -1px 1px #000;}
h2 { font-size:13px; color:#00C;}
h3 { font-size:16px; }
h4 { font-size:14px; }
h5 { font-size:14px; }
h6 { font-size:14px; }

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; }



/* Text elements
-------------------------------------------------------------- */

p           	{ color:#006; font-size:12px; line-height:130%;  }

blockquote  	{ color:#000; font-size:12px; }

strong      	{ font-weight:bold; }
em		      	{ font-style:italic; }

ol          	{ list-style-type:decimal; }

hr {}

/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX Containers XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

body				{ width:75%; height:800px; text-align:center; background-attachment: fixed; margin-top:0;}
          
#wrapper 			{
					width: 100%;
					height:auto;
					margin: 0 auto;
					background-color:#fff;
}

#top	 			{ width:100%; height:65px; background-color:#45a4b6; border-top:1px #828200 ridge; border-bottom:1px #828200 ridge; padding:2%; }
.banner h2           {color:ffffff;}
#subbanner 			{ border-top:2px #828200 ridge; border-bottom:2px #828200 ridge; background-image:url(../images/border.png); background-color:#00aab6; padding:10px 10px; text-align:right; }


									}
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX Start of Index page XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

.content-top		    { padding:20px; width:100%; height:auto;   }
	.content-top h1		{ font-size:24px; margin:12px 30px; padding-left:30px; }
    .content-top p		{ line-height:130%; margin-bottom:9px; margin-left: 30px; padding: px; color:#006;}
	.content-top img 	{ padding:5px; background-color:#fff;	 border:1px #000 dotted; margin:5px;	 }
	
.content-bottom		    {  padding:20px; width:100%; height:auto;   }
	.content-bottom h1		{ font-size:24px; margin:12px 30px; padding-left:30px; }
    .content-bottom p		{ line-height:130%; margin-bottom:9px; margin-left: 30px; padding: px; color:#006;}
	.content-bottom img 	{ padding:5px; background-color:#fff;	 border:1px #000 dotted; margin:5px;	 }	



	



/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXend of Index page XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX Start  of Menu page XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
#menus		    { background-color:#fff; padding-left:0px; width:100%; margin-left:0px; height:670px; background:#fff;  }
	#content_events h1		{ font-size:24px; margin:12px 30px; padding-left:30px; }
	#contentevents h2		{ font-size:5px; margin:7px 30px; color:#006; }
	#content_events p		{ line-height:150%; text-align:center; margin-bottom:9px; margin-left: 30px; padding: px; color:#006;}
	#content_events img 	{ padding:5px; background-color:#fff; border:1px #000 dotted; margin:4px;	 }
	
.h1                  {margin-left:35px; color:#FFF;}	

.menu_1     {width:300px; height:auto; float:left;  background-color:#00aab6; color:#fff; font-family:"Lucida Bright"; font-weight:bold font-size:1.15em; padding:1px;  text-align:center; border: 4px double #4f2700; border-radius:15px; margin:2px 2px 2px 2px ;}

.menu_2     {width:300px; height:auto; float:left;background-color:#00aab6; color:#fff; font-family:"Lucida Bright"; font-weight:bold font-size:1.15em; padding:1px; text-align:center; border: 4px double #4f2700;border-radius:15px; margin:2px 2px 2px 2px ;}

.menu_3    {width:300px; height:auto; float:left; clear:none; background-color:#00aab6; color:#fff; font-family:"Lucida Bright"; font-weight:bold font-size:1.15em; padding:1px; text-align:center; border: 4px double #4f2700;border-radius:15px;margin:2px 2px 2px 2px ;}

.menu_4   {width:300px; height:auto; float:left; clear:none; background-color:#00aab6; color:#fff; font-family:"Lucida Bright"; font-weight:bold font-size:1.15em; padding:1px; text-align:center; border: 4px double #4f2700; border-radius:15px;margin:2px 2px 2px 2px ;}

.menu_5    {width:300px; height:auto; float:left; clear:none; background-color:#00aab6; color:#fff; font-family:"Lucida Bright"; font-weight:bold font-size:1.15em; padding:1px; text-align:center; border: 4px double #4f2700; border-radius:15px;margin:0px 2px 2px 0px ; }

.left_space { font-family:"Lucida Handwriting"}
.centerimg    {width:100%; height:auto; margin:0 auto;}
.imgcenter     {padding-left:70px;}
#lowermenu  {text-align:center; margin-left:300px;}
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX end of Menu page XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX start  of regularmenu page XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
#hot-drinks              {width:250px; float:left; margin-left:-225px; margin-top:600px;}
#hot-drinks  h2		{ font-size:14px; margin:8px 30px; color:#006; }
	#hot-drinks  p		{ line-height:110%; margin-bottom:9px; margin-left: 30px; padding: px; color:#006;}
#content-menu		    { background-color:#fff; padding:20px; width:600px; margin-left:200px; height:940px;   }
	#content-menu h1		{ font-size:24px; margin:12px 30px; padding-left:30px; }
	#content-menu h2		{ font-size:14px; margin:8px 30px; color:#006; }
	#content-menu p		{ line-height:130%; margin-bottom:9px; margin-left: 30px; padding: px; color:#006;}
	#content-menu img 	{ padding:5px; background-color:#fff;	 border:1px #000 dotted; margin:5px;	 }
#wine                    { float:right;margin-left:0px; clear:left; margin-top:-870px;}	
#wine h1		{ font-size:24px; margin:12px 30px; padding-left:30px; }
	#wine h2		{ font-size:14px; margin:8px 30px; color:#006; }
	#wine p		{ line-height:130%; margin-bottom:9px; margin-left: 30px; padding: px; color:#006;}
	#wine img 	{ padding:5px; background-color:#fff;	 border:1px #000 dotted; margin:5px;	 }	
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX end of Menu page XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/	
/*XXXXXXXXXXXXXXXXXXXXXX Navigation Items XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

/*XXXXXXXXXXXXXXXXXXXXXXXX location page XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
#content-loc		    { background-image:#fff; padding:20px; width:750px; margin-left:200px; height:525px;   }
	#content-loc h1		{ font-size:24px; margin:12px 30px; padding-left:30px; }
	#content-loc h2		{ font-size:18px; margin:15px 30px; color:#006; }
	#content-loc p		{ line-height:150%; margin-bottom:9px; margin-left: 30px; padding: px; color:#006;}
	#content-loc img 	{ padding:5px; background-color:#fff;	 border:1px #000 dotted; margin:5px;	 }
	
#map {width:75%; height:250px;}
/*XXXXXXXXXXXXXXXXXXXXXlocation page-ENDXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

/*XXXXXXXXXXXXXXXXXXXX EVENTS PAGE STARTSXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX-*/
#content_events		    {width:750px; margin-left:235px;  height:560px;   }
	#content_events h1		{ font-size:24px; margin:0px 30px; padding-left:30px; }
	#content_events h2		{ font-size:18px; margin-bottom:10px; text-align:center; margin-left:75px; color:#006; }
	#content_events p		{ font-family:"Lucida Handwriting"; line-height:150%; margin-bottom:9px; margin-left: 100px; padding: px; color:#003300;}
	#content_events img 	{ padding:0px; background-color:red; margin-left:100px; }
	
.dec  {width:520px; height:400px;margin-bottom:0px; background-color:rgba(204,204,204,.2);margin-left:20px; box-shadow:-1px 0px 4px #999;}
.dec p {padding:10px ;}
#price                   {
	font-size: 18px;
	font-weight:bold;
	color: #006;
	text-shadow: 1px 1px 0px rgba(0,0,0,1);
	width: 140px;
	height: 95px;
	position: absolute;
	top: 420px;
	left: 375px;
	transform: rotate(-35deg);
}
#pricebottom                   {
	font-size: 18px;
	font-weight:bold;
	color: #006;
	text-shadow: 1px 1px 0px rgba(0,0,0,1);
	width: 140px;
	height: 95px;
	position: absolute;
	top: 420px;
	left:1050px;
	transform: rotate(35deg);
}
/*XXXXXXXXXXXXXXXXXXXX EVENTS PAGE ENDS XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX-*/

/*XXXXXXXXXXXXXXXX HOURS page-start XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

.times         {width:35%; margin-left:0;height:800px; background-color:#fff; font-family:"Lucida Bright"; }
.times h1  {line-height:125%;}							
#hanlegastimesleft			{
	width: 100%;
	float: left;
	background:#FFF;
	margin-right:px;
	height:700px;	
	margin-left: ;
	padding-top:;
	margin-bottom:
	} 
#hanlegastimesleft li  { color:#666;text-decotation:none; font-size:14px; list-style:none;font-family:'Josefin sans', sans serif; line-height:130%;}

	
#hanlegastimesbottom  {width:580px; height:235px;color:#006; float:left; margin-left:120px; margin-top:-210px; clear:both;}
#hanlegastimesbottom p {font-family:"Lucida Handwriting";}
.center                {padding-top:-200px;}


#content_hours		    { background-color:#fff;padding:20px; width:750px; margin-left:200px; height:500px;   }
	#content_hours h1		{ font-size:24px; margin:12px 20px; padding-left:30px; }
	#content_hours h2		{ font-size:18px; margin:8px 10px; color:#006; }
	#content_hours p		{ line-height:150%; margin-bottom:9px; margin-left: 30px; padding: px; color:#006;}
	#content_hours img 	    { padding:0px; background-color:#fff; border:1px #000 dotted; margin-top:0px; margin-left:-10px;	 }
	
/*XXXXXXXXXXXXXXXXXXXXXXXXX HOURS page-ENDXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

/*XXXXXXXXXXXXXXXXXXXX CONTACT PAGE STARTS XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX-*/
#content_contact		    { background-color:#fff; padding:0px 10px 10px 0px; width:750px; margin-left:200px; height:500px;   }
	#content_contact h1		{ font-size:24px; margin:12px 30px; padding-left:30px; color:#006; }
	#content_contact h2		{ font-size:18px; margin:15px 30px; color:#006; }
	#content_contact p		{ line-height:150%; margin-bottom:9px; margin-left: 30px; text-align:center; padding: px; color:#006; }
	#content_contact img 	    { padding:5px; background-color:#fff;	 border:1px #000 dotted; margin-top:100px; margin-left:50px; 	 }
	



/*XXXXXXXXXXXXXXXXXXXX CONTACT PAGE ENDS eXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX-*/
	
.hr {width:33%; color:rgba(0,204,51,1);}
/* place your layout css here */




/*  Navigation
-------------------------------------------------------------- */



/* Misc classes
-------------------------------------------------------------- */