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: 8px auto;
width: 1080px;
}
			/*WRAP*/
#container {
  margin: 0 auto;
  /*  border: 10px solid #fff;
line-height: 2em;  */
  background: #fff;
  min-height: 80vh;
}
p{text-indent: .3in;}
#top {
padding: 0;
height: 165px;
width: 750px;
background: #8fb8cc;
color: #484500;
}
#frontright{
width:50%;
}
#top h1 {
padding: 5px 0 0 25px;
margin: 4px;
font-size: 250%;
color: #000040;
letter-spacing: 5px;
}
#top h2 {
padding: 5px 0 0 25px;
margin: 4px;
font-size: 100%;
letter-spacing: 5px;
}
#divFooterInner h4{font-size: 16px;}
			/*TOP NAVIGATION MINE*/
#nav
{
	list-style-type: none;
	height: 30px;
	width: 100%;
    list-style: none;
    display: table; /* [1] */
    table-layout: fixed; /* [2] */
    background: #036;
	margin:0;
	padding: 0;
	position: relative;
}
#nav li{
    text-align:center;
    display: table-cell; /* [4] */
    padding:1px 0;
    border-right: 2px solid #3FF;
}
#nav li:last-child{ border-right-width:0;}
#nav li a{
	  /*  padding: 0px 2px;
	line-height: 40px;
	line-height: 28px; */
	display: block;
	text-align:center;
	text-decoration: none;
	font-size: 14px;
	color: #FFF;
    font-weight: 600;
}
#nav a:hover{
	color: #F11;
}
#nav li:hover  > table.subMenu{
	display: block;
}
.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;
}

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

#leftnavmenu {
list-style: none;
float: left;
width:100%;
margin: 12px 0;
padding: 0;
font-size: 0.9em;
 /* max-width:30%; */
}
#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 12px;
border-left: 0 solid #8fb8cc;
}
#leftnavmenu li a:hover {
background: #8fb8cc url('../images/right.gif') no-repeat left center;
color: #F11;
border-left: 0 solid #003366;
}
			/*MAIN CONTENT*/
#content {
margin-left: 200px;
border-left: 5px solid #fff;
padding: 1em;
min-height:80vh;
}
#content p {
padding: 0 2em 0 2em;
}
			/*FOOTER*/
#footer {
clear: both;
margin: 0;
border-radius:0px;
font-size: 1.1em;
border-top: 10px solid #fff;
color: #fff;
background: #8fb8cc;
padding-bottom: 4px;
}

			/*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: 18pt;
	font-weight: 700;
}
h2, h2 *{
	font-size: 16pt;
	font-weight: 600;
}
#H2FOOTER{font-size:18px;}
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;
font-style: italic;
}
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;}
#plinks {margin: 2px; text-indent: 0;}
#header{
background-image: url('/pics/header_bgd2.gif');
background-size:cover;
background-position:top center;
min-height: 200px;
background-repeat: no-repeat;
position: relative;
height:300px;}
#header *{
  color:red;
  font-weight: 900;
  text-shadow:2px 2px blue;
  font-size: 18pt;}
div#header  a#topLink{
  margin-top: 1px;
  font-style: oblique;
  font-size: 22pt;
 }
 /* div#header div#phonesHeader * {font-size: 14pt;} */
     img { border-radius:4px; max-width:100%;}
   .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: 2px;
  margin: 4px;
  }
  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;}
	  .floatright{float:right; padding:4px;}
	  .clear{clear:both;}
#divFooterInner, #divFooterInner * {color:#036; font-weight: 600;}
sup{color:inherit; font-size:9pt !important;}
     	.yesShow, .yesShowIN {display:none;}
  #header-address{padding-left: 25%;}
  		input[type=text], textarea, select { width:80%;}
  /*  -----------------------------------  */
 #CLICK{ background-color: gold;  border: 2px solid blue; width:100%; height:48px; overflow:hidden;}
 #CLICK a {display:block; line-height:48px; font-size: 22pt; font-weight: 700;}
 /* .subNav{
   position: absolute;
   display: none;
    background-color: #FC6;
	border:1px solid #F03;
	width:115px;
	} */
 .subNav a{border:1px solid blue; padding:4px 2px; font-size:10pt;}
	#navSlide{ z-index:100;}
    #SlideMenu {display:none; background-color: #F63;position:absolute; width:100%; z-index:100;}
	 #SlideMenu a{
		border: 1px solid blue;
		border-bottom-width: 0;
		display: block;
		line-height: 32px;
		font-size: 18px;
		text-align: left;
		padding-left:2%;
		color:#000;
		text-shadow: 0 0 #000;
	}
	 #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;}
  @media screen and (max-width: 800px)
  {
    #FBPNG{width:32px;height:32px;}
    body{max-width:100%;}
	header{height:auto;}
     /* #ulTop, #ulmenus{display:none;}
   .shimg800, .noShow{display:none;}
   .yesShow{display:block;} */
   h1,h2,h3,h4,h5,h6,fieldset{max-width:92%; margin:1px; padding:1px;}
   .thinonly{display:block;}
   #divForm{padding:0px; width:99%;}
   img{max-width:100%; height:auto;}
   #tdHeaderRight{max-width:99%; padding-left:0%;}
   #hours, #tdFBTW{display:block}
   .divTestimonial {padding:10px;}
 }
 @media screen and (max-width: 480px)
 {
   #content p {padding:0 .75em;}
   #header-address{padding: 2%;}
    #header * {
     font-size: 10pt;
     font-weight: 600;
    }
	 /* #frontright{width:70%;} */
   #footer #navcontainer{display:none;}
   #header {
    background-position: top;
    height: auto;
    position: relative;
	}
	#divContent{max-width:100%;}
	#content {
	margin-left: 0px;
	border-left: 0px solid #fff;
	padding: .4em;
	width:100%;
     }
     hr, .noShow{display:none;}
	.yesShow{display:block;}
	.yesShowIN{display:inline;}
		table.tdBlock > tbody > tr > td, td.tdBlock{display:block; width:100%; }
     .floatright, .floatleft{float:none; width:100% !important; padding:0 !important;}
	 ul#nav{
		height: auto;
	  }
	#nav li a{
		font-size:12px;
	 }
	#nav li{
		width:32%;
		height: 25px;
       border-width: 1px;
	 }
	 h1{	font-size: 18px;}
	h2, h2 *{	font-size: 17px;}
	h3, h3 *{ 	font-size: 16px;}
	h4, h4 * {	font-size: 15px;}
	h5{ 	font-size: 14px;}
	*,  .title, .des, .price{
	    font-size: 13px;
		}
td.des, td.title{max-width:120px;}
.shimg{display:none;}
input[type=button], input[type=submit], input[type=reset]{
   font-size: 12pt;
   max-width:40%;
   height:40px !important;
  }
input[type=text], textarea, select {
    min-height:30px;
	width:99%;
}
#div2  /*  homepage  */{
      height:250px; background-size:auto 100% ; background-repeat: no-repeat; }
	#main{max-width:95%;}
#divFooter{
  background-image: none;
  height:auto;
}
#H2INDEX{
color:gold; font-weight: 700; text-align: left; font-size: 15px;}
#H2FOOTER{font-size:15px;margin-bottom:1px;}
#divFooterInner h4{font-size:14px;}
img{max-width:100%; height:auto; border-width:0;}
#topimg{width:350px; height:auto;}
  /*  div{float:none; width:100% !important;}  */
.thinonly{display:block;}
.menu-pic{display:none;}
 .divMenu{float:none; width:100%;}
   /*  #best_ice_cream_in_saratoga  td{display:block;}  */
   td#hours{width:50%;}
 #divShares{display:inline;}
 .ICON{width:25px; height:25px; margin:1px;}
}  /*  end media query for small  */