html{
 background:#f2f2f2 url('../pics/background.jpg') no-repeat top center;
 background-size:100% 100%;
}
*{
  font:16px "Trebuchet MS", Arial, Helvetica, Tahoma, sans-serif;
  color:#111;
  font-weight:500;
  box-sizing:border-box;
}
body {
margin:0px auto 8px auto;
width:1080px;
max-width:100%;
}
p{
  text-indent: .5in;
}
			/*WRAP*/
#container {
margin:0 auto;
  /*  border:10px solid #fff;
line-height:2em;  */
background:#fff;
}
			/*TOP BANNER*/
            /*background:#8fb8cc url('../images/hotel.jpg) no-repeat;*/
#top {
padding:0;
height:165px;
width:750px;
background:#8fb8cc;
color:#484500;
}
#header *{
 color:floralwhite;
 font-weight:700;
  /* text-shadow:2px 2px gold;
 font-style: italic; */
 font-size:20px;
 }
div#header  a#topLink{
 margin-top:1px;
 font-style:oblique;
 font-size:27px;
 }
div#header u{color:Crimson; font-size: 1.4rem; text-shadow: 3px 3px navy; font-style: oblique;}
div#header div#phonesHeader * {font-size:14pt;}
span#hours{
  color:inherit;
  font-weight: 700;
  text-shadow: 3px 3px navy;
 }
#top h1 {
padding:5px 0 0 25px;
margin:4;
font-size:250%;
color:#000040;
letter-spacing:5px;
}
#top h2 {
padding:5px 0 0 25px;
margin:4;
font-size:100%;
letter-spacing:5px;
}
			/*TOP NAVIGATION MINE*/
.nav, #nav
{
	list-style-type:none;
	height:44px;
	width:100%;
	background:#036;
	color:white;
	margin:0;
	padding:0;
	position:relative;
    border: 2.5px solid gold;
	 /* border-bottom-width: 4px;
	border-left-width: 0;
	border-right-width: 0;
	top:310px;
	position:absolute;
	line-height:18px; */
}
.nav li{
   float:left;
   text-align:center;
   width:16.6666%;
   padding:2px 0;
   border-left: 2px solid gold;
   height:44px;
    /* display:table-cell;
   vertical-align:middle; */
}
.nav li:first-child{border-left: 0 solid gold;}
.nav li:hover {background:#8FB8CC;}
.nav li:hover  > table.subMenu{
	display:block;
}
.nav li a{
	display:block;
	text-align:center;
	text-decoration:none;
	font-size:14px;
	color:#FFF;
    font-weight:600;
	padding-top:11px;
	 /* vertical-align:middle; 
	height:44px;*/
}
.nav a:hover{
	color:#000;
	font-size:15px;
	font-style: italic;
}
.subMenu
{
	display:none;
	margin:0;
	position:absolute;
}
table.subMenu tr td
{
	height:20px;
	text-align:left;
	border:1px solid blue;
}
#nav li table.subMenu tr td a
{
	display:block;
	text-align:left;
	font-size:10pt;
	background-image:none;
	color:black;
	padding:4px 16px;
}
#skipNav{
    position: absolute;
	display:inline-block;
	padding:5px;
	background-color: LightSalmon;
    left: 1%;
    top: -10%;
	font-weight: 700;
	z-index:10000;
}
#skipNav:focus{
    top: 2%;
}
 .yesShow{display:none;}
 .yesShowIn{display:none;}

			/*LEFT SIDEBAR*/
#leftnav {
float:left;
width:190px;
min-height:700px;
margin:0;
padding:1em;
}
#leftnav p {
margin:0 0 1em 0;
}

#leftnavmenu {
list-style:none;
float:left;
width:190px;
margin:2px 0;
padding:0;
font-size:0.9em;
}

#nav-menu ul
{
list-style:none;
padding:0;
margin:0;
}
#leftnavmenu ul {
list-style:none;
width:150px;
margin:0 0 20px 0;
padding:0;
font-size:1.1em;
}
#leftnavmenu li {
margin-bottom:2px;
}
#leftnavmenu li a {
font-weight:bold;
height:20px;
text-decoration:none;
color:#505050;
background:#eaeaea url('../images/up.gif') no-repeat left center;
display:block;
padding:4px 0 0 30px;
border-left:0 solid #8fb8cc;
}
#leftnavmenu li a:hover {
background:#8fb8cc url('../images/right.gif') no-repeat left center;
color:#fff;
border-left:0 solid #003366;
}
			/*MAIN CONTENT*/
#content {
margin-left:200px;
border-left:5px solid #fff;
padding:1em;
min-height:400px;

}
#content p {
padding:0 2em 0 2em;
}
			/*FOOTER*/
#footer {
clear:both;
margin:0;
border-radius:12px;
font-size:1.1em;
border-top:10px solid #fff;
color:#fff;
background:#8fb8cc;
padding-bottom:0px;
}

			/*TYPOGRAPHY*/
blockquote {
padding:5px;
font-weight:bold;
font-style:italic;
color:#b29b35;
}

.quote {
border-top:1px solid #8fb8cc;
padding:10px;
color:#036;
}
h1,h2,h3,h4,h5
{
	line-height:105%;
	text-align:center;
	margin:4px 2px;
}
h1, h1 *{
	font-size:21pt;
	font-weight:700;
}
h2, h2 *{
	font-size:17pt;
	font-weight:600;
}
h3, h3 *{
	font-size:15pt;
	font-weight:600;
	color:#33C;
	font-style:italic;
}
tr{
    vertical-align:top;
}
h4{
    font-size:14pt;
}
h5{
    font-size:13pt;
}
 			/*LINKS*/
a:link, a:visited {
color:#2480ad;
background:transparent;
text-decoration:none;
}
a:hover {
color:#036;
background:#8fb8cc;
text-decoration:none;
}
a img {
border:none;
}
			/*IMAGESS*/
.imgleft {
float:left;
padding:5px;
margin-right:10px;
}
			/*CLASS*/
#navlist
{ position:relative;}
#tblLinks tr td a {
    border-right:0px solid transparent;
    color:black;
    padding:0;
	display:block;
	height:100%;
}
#plinks a {font-size:10pt;}
#header{
background-image:url('/pics/header_bgd2.jpg');
background-size:cover;
background-position:bottom center;
  /*  height:200px;   */
background-repeat:no-repeat;
position:relative;
height:300px;}
 #ShopSlogan{
    position:absolute;
	text-align: center;
	bottom:1%;
	width: 100%;
    color: gold;
    font-size: 21px;
	}
    img{
	  border-radius:4px;
	  max-width:100%;
	  height:auto;
	}
   .img{
   margin:4px auto;
   display:block;
   }

   .cap{
   margin:2px auto;
   display:block;
   font-size:10pt;
   text-align:center;
   font-weight:700;
   }
   input,textarea,select{
  border-radius:4px;
  background-color:#EED;
  font-size:13px;
  color:#333;
  border-color:blue;
  border-width:1px;
  padding:1px;
  margin:2px;
  }
  fieldset{
  border-radius:6px;
  padding:4px;
  margin:4px;
  }
  legend{ font-weight:700;   font-size:18px;}
  *:focus{background-color:#FCC;}
tr, td{vertical-align:top;}
	  .overlaycontrols{
		  font-size:60pt;
		  color:#30C;
		  cursor:crosshair;
		  position:absolute;
		  top:30%;
		  opacity:.60;
		  text-shadow:3px 3px #EEE;
	  }
  /*  FOR RESERVATION FORM  */
  		#divReservation * {
		  font-size:11px;
            /*  margin:2px;
          padding:1px;  */
		  font-weight:700;
		  color:#111;}
		#divReservation img {margin:0px;   padding:0px;}
		#divReservation{
		  width:200px;
		  background-color:#78BE95 ;
		  position:relative;
		    /*  left:50px; top:30px;  */
		  padding:0px;
		  opacity:.7;
		  border-radius:12px;
		  float:left;
		  clear:right;
	   }
	   #divReservation select, #divReservation	input,  #divReservation select {border-radius:2px; box-sizing:border-box;  padding:1px; height:20px;}
	  #divReservation textarea {border-radius:2px; box-sizing:border-box;  padding:1px; width:94%;}
      #divReservation	input[type=text]{width:94%;}
        /*  #divReservation select { margin:0px; width:42px;}  */
      #divReservation	h2, #divReservation	h2 *{font-size:17px; font-weight:800;}
	  .floatleft{float:left; padding:4px;}
	  .clear{clear:both;}
      #divFooterInner, #divFooterInner * {color:#036; font-weight:600;}
	  #header-address{padding-left:12px;}
	#navSlide{position:relative; z-index:100; background-color:#BBDE8E;  min-height:34px;}
    #SlideMenu {display:none; background-color:#F63;   /*  position:absolute; top:34px; width:100%;  */}
	div#header #SlideMenu a{
		border:1px solid blue;
		border-bottom-width:0;
		display:block;
		line-height:32px;
		font-size:18px;
		text-align:left;
		padding-left:2%;
	}
	 #SlideMenu a:hover{
        background-color:#FFF;
		color:#F00;
		}
	 #SlideMenu a:last-child{
		border-bottom:1px solid blue;
		}
	#SlideMenu a.sub{padding-left:12%; font-size:16px;}
 #CLICK{ background-color:gold;  border:2px solid blue; width:100%; height:48px;}
 #CLICK a {display:block; line-height:48px; font-size:22pt; font-weight:700;}
@media screen and (max-width:540px)
{
 div#header u{font-size: 13pt;}
  div#header, div#header *, div#phonesHeader * {
      font-size:10pt;
   }
h1, h1 *{
	font-size:15pt;
	font-weight:700;
}
h2, h2 *{
	font-size:14pt;
	font-weight:600;
}
h3, h3 *{
	font-size:12pt;
}
  td, p, table, body, fieldset, div{font-size:14px; font-weight:500;}
	  #header-address{padding-left:2px;}
	  #header-address * {font-size:10pt; font-weight:600;}
	  #footer, #footer * {font-size:11px; font-weight:500;}
	  .tdLHS{text-align:left;}
	  td.tdBlock, table.tdBlock td{display:block; width:100% !important;}
	  #nav a{font-size:12px; font-weight:500; line-height:14px;}
	  .yesShow{display:block; }
	  .yesShowIn{display:inline; }
	  .noShow{display:none; }
	  .floatleft{float:none; width:100% !important;}
	  #footer{height:auto;}
	  input[type=text],   input[type=password],  select{height:28px;}
      input[type=text],   input[type=password],  select, textarea{width:90%;}
	  input[type=submit], input[type=button], input[type=reset]{height:36px !important;}
	  div.divSlideShow, div#divSlideShow{max-width:100% !important; min-height:auto !important;}
	  img#specialPics, div#divSlideShow{min-height:auto !important;}
	  #content p {padding:0 .5em; margin:2px 0; font-size:13px;}
	  .overlaycontrols{
		font-size:30pt;
		font-weight:800;
		text-shadow:2px 2px gold;
		top:15%;
	 }
	 #leftnav {
      display:none;
	  float:none;
	  width:100%;
	  min-height:auto;
	 }
   #content {
     border-left:0px solid #fff;
	  width:100%;
     margin-left:0px;
     min-height:auto;
     padding:1em;
   }
ul.nav li a , ul#nav li a {
    font-size:12px;
    color:#FFF;
    font-weight:500;
  }
  #menu_icon{position:absolute; top:0; left:40%}
}