@font-face {
                font-family: KlinicsBoldIt;					/*Font-face call*/
                src: url(fonts/KlinicSlabBoldIt.otf);
                }
            
            @font-face {
                font-family: KlinicsBook;					/*Font-face call*/
                src: url(fonts/KlinicSlabBook.otf);
                }      

            @font-face {
                font-family: KlinicsBookBold;				/*Font-face call*/
                src: url(fonts/KlinicSlabBold.otf);
                } 
            
            body {											/*body style for all pages*/
                background-color: black;
                background-image: url(./images/bkground_pasta.jpg);   
                background-size: cover;
                margin: 0;
                padding: 0;
				width: 100%;
                }
                
            #top {								/*Head division id of all page and logo styling*/
				float: left;
                background:radial-gradient(white, #d9c7b9 , #7d573e, #17110c);
				background:-moz-radial-gradient(white, #d9c7b9 , #7d573e, #17110c);
                background-size:auto;
                text-align: center;
				border-bottom: 15px double #17110c;
                padding: 0;
                width:100%;
                }

            #foot {							/*Foot division id of all pages styling*/
				float: left;
                background:#17110c;
                background-size:auto;
                text-align: center;
				font-size: 1.5vw;
                color: white;
				border-bottom: thick solid black;
				border-top: 15px double black;
				padding-bottom: 2%;
                width:100%;
				margin-top: 1%;
                }


			#pagecontent {				/*All sub head division id content styling of all pages(nav and content)*/
				float: left;
				width: 100%;
				}
            
            #maincontent {				/*About page content division id styling*/
				display: inline-block;
                background-image: url(images/chalkboard.png);
                background-size:100% 100%;
				padding: 5%;
				margin-top: 20px;
				margin-bottom: 20px;
				margin-right: 2%;
                float: right;
                width:66%;
                box-shadow: 10px 10px 5px black;
                }

            #testimcontent {				/*Testimony page content division id styling*/
				display: inline-block;
                background-image: url(images/wood2.jpg);
                background-size:100% 100%;
				padding: 5%;
				margin-top: 20px;
				margin-bottom: 20px;
				margin-right: 2%;
                float: right;
                width:66%;
				border-style:ridge;
                border-width: .3vw;
                border-color: #7d573e;
                border-radius: 10px;
                box-shadow: 10px 10px 5px black;
                }

            #menucontent {					/*Menu page content division id styling*/
				display: block;
                background-image: url(images/cuttingboard.png);
                background-size:100% 100%;
				padding: 5%;
				margin-top: 20px;
				margin-bottom: 20px;
				margin-right: 2%;
                float: right;
                width:67%;
				text-align: center;
				}	

            #specialscontent {				/*Specials page content division id styling*/
				display: block;
                background-image: url(images/wood_BG.jpg);
                background-size:100% 100%;
				padding: 5%;
				margin-top: 20px;
				margin-bottom: 20px;
				margin-right: 5%;
                border-style:ridge;
                border-width: .3vw;
                border-color: #7d573e;
                border-radius: 10px;
                float: right;
                width:60%;
				text-align: center;
				}	

            #locationcontent {				/*Location and Contact Us page content division id styling*/
				display: block;
                background-image: url(images/granite.jpg);
                background-size:100%;
				padding: 5%;
				margin-top: 20px;
				margin-bottom: 20px;
				margin-right: 5%;
                border-style:ridge;
                border-width: 1%;
                border-color: #7d573e;
                border-radius: 10px;
                float: right;
                width:60%;

				text-align: center;
				}	

            #rightcontainer {				/*About page right content division id*/
				display: inline-block;
                float:right;
                width: 42%;
                height: 100%;
				margin: 3%;
                }

            #leftcontainer {				/*About page left content division id*/
				display: inline-block;
                float: left;
                width: 42%;
                height: 100%;
				margin: 3%;
                }

			.names{							/*Testimoney name styling class*/
				color: #cf1c44; 
				font-family: KlinicsBoldIt; 
				font-size: 1.8vw; 
				text-shadow: 1px 1px 1px black;			
				}

			.lefttestim {					/*Testimonyl left paragraph class*/
				background: #d8c6b8;
				display: block;
                float: left;
                width: 42%;
                height: 100%;
				margin-top: 4%;
				padding: 2%;
				border-style:groove;
                border-width: .5vw;
                border-color: #7d573e;
                border-radius: 10px;
				color: #0b9446; 
				font-family: KlinicsBookBold; 
				font-size: 1.5vw;
				text-align: center;
                }

			.righttestim {					/*Testimonyl left paragraph class*/
				background: #d8c6b8;
				display: block;
                float: right;
                width: 42%;
                height: 100%;
				margin-top: 4%;
				padding: 2%;
				border-style:groove;
                border-width: .5vw;
                border-color: #7d573e;
                border-radius: 10px;
				color: #0b9446; 
				font-family: KlinicsBookBold; 
				font-size: 1.5vw; 
				text-align: center;
                }

            #veterans {						/*Specials page veteran section id styling*/
                float: left;
                width: 100%;
				margin-top: 3%;
				background:url(images/america.png);
				background-size: 100%;
				border-style:double;
                border-width: .5vw;
                border-color: red;
                border-radius: 10px;
				padding: 2
                }
            
            #navbar {					 	/*Navigation bar division id styling*/
				display: inline-block;
                background-image: url(images/cutboar-food_BG_2.jpg);
                background-size: cover;
                float:left;  
				width: 17%;
                height:auto;
				margin-left: 1%;
				margin-top: 20px;
				padding-bottom: 3vh;
                text-align:center;
                border-style:ridge;
                border-width: .7vw;
                border-color: #7d573e;
                border-radius: 10px;
                }

			.menu body {				/*Menu body styling override*/
				margin: 0;
                padding: 0;
				}

			.locimages{					/*Location image styling class*/
				margin-right: 3%; 
				width: 44%; 
				border: 3px solid black;
				}

			.imagescale {
				height: 200px;
				margin: 20px;
				}

			.menulink{					/*Menu link text class styling*/
				color: #cf1c44  ; 
				text-shadow: 1px 0px 1px black;
				text-decoration: none	
				}

			.menutable{					/*Menu table class styling*/
				border: 5px double #cf1c44;;
				padding: 5px;
				font-size: 100%;
				overflow:hidden;
    			text-overflow:clip;
				white-space: nowrap;
                background:radial-gradient(white , #0b9446);
				background:-moz-radial-gradient(white , #0b9446);	
				}

			h1{							/*General hear styling for all pages*/
				color: #0b9446; 
				font-family: KlinicsBook; 
				text-shadow: 0 0 4px black; 
				font-size: 5vw; 
				margin: 0;
				}

			a.foot:link {				/*Footer link styling*/
				color: #0b9446;
				text-decoration: none;
				padding: 10px;
				text-shadow: 0px 0px 10px #7d573e;
				}

			a.foot:visited {			/*Footer link conditional styling*/
				color: #0b9446;
				text-decoration: none;
				padding: 10px;
				text-shadow: 0px 0px 10px #7d573e;
				}

			table {						/*All table styling*/
				margin: 0 auto;
				padding-top: 25px;
				}

			.menuwindow{				/*Menu port styling class*/
				border: none;	
				margin-left: 5%; 
				}

			.entry{						/*Application for styling class*/
				width: 60%;
				margin-top: 3%;
				}

			#active {					/*Active navigation page indicated button id*/
                border: 1px double #0b9446;
                background: #d8c6b8;
				text-shadow: 1px 1px 1px black;
                color: crimson;
                text-decoration:underline overline;
				}
               
            .button {					/*General navigation menu button styling class*/
                display:block;
                box-shadow: 0px 2px 10px black;
                text-align: center;
				margin-top: 5vh;
				margin-left: 2vw;
				margin-right: 2vw;
                padding: 3% 3%;
                border: 1px solid #0b9446;
                border-radius: 4px;
                background: #c68b63;
                background: radial-gradient(#d9c7b9 , #cf1c44);
				background: -moz-radial-gradient(#d9c7b9 , #cf1c44);
                text-shadow: 0 0 4px black;
                font: normal normal bold 1.5vw times new roman;
                color: white;
                text-decoration: none;
                text-transform: uppercase
                }

            .button:hover {				/*General navigation menu button condition styling*/
                border: 1px solid #0b9446;
                background: #c68b63;
                background: radial-gradient(#d9c7b9 , #0b9446);
				background: -moz-radial-gradient(#d9c7b9 , #0b9446);
                text-shadow: 0 0 10px #cf1c44;
                color: white;
                text-decoration: underline;
                text-transform: uppercase
                }

			.fa {						/*Social media general class styling*/
				float: left;
				margin-left: 5.4vw;
				display: block;
				padding: 5%;
				font-size: 30px;
				width: 30%;
				margin-top: 5vh;
				margin-bottom: 1vh;
				text-align: center;
				text-decoration: none;
				border: 2px solid white;
				border-radius: 10px;
				box-shadow: 0 0 10px black;
			}

			.fa:hover {					/*Social media conditional class styling*/
				border: 2px solid #0b9446;
				box-shadow: 0 0 10px white;
			}

			.fa-facebook {				/*Facebook class styling*/
				align-content: center;
				background: #3B5998;
				color: white;

				}

			.fa-twitter {				/*Twitter class styling*/
				align-content: center;
				background: #55ACEE;
				color: white;

				}

			.fa-youtube {				/*Youtube class styling*/
				align-content: center;
				background: red;
				color: white;
				}
			
			.specials {					/*Todays Special class styling*/
				display: block;
				width:40%; 
				margin-top: -5%; 
				margin-left: auto;
				margin-right: auto;
				margin-bottom: .5%;
				border: 5px;
				border-color: #cf1c44;
				border-style: ridge;
				border-radius: 8px;
				background: radial-gradient(#d9c7b9, #0b9446); 
				background: -moz-radial-gradient(#d9c7b9, #0b9446); 
				padding: 1%;
				}

			.items {					/*Specials Page items image class styling*/
					display: block;
					margin-left: 8%;
					margin-right: 8%;
					font: normal normal bold 2vw times new roman;
					color: antiquewhite;
					text-shadow: 1px 1px 1px black;
				}