body 
{
	margin: auto;
	padding: 0;
	font: 76% Verdana,Tahoma,Arial,sans-serif;
	background: #211d1e;
}

#wrap 
{
	background: #000000;
	color: #ffffff;
	border:  none;
	margin: auto;
	width: 790px;
}

#header 
{
	clear: both;
	margin: 0px 0em 0px 0em;
	padding: 0;
	height: 75px;
	background-color: #000000;
}

#header h3 
{
	width: 350px;
	margin: 0px 0px 0px 15px;
	float: left;
}

#header p 
{
	width: 500px;
	float: right;
	text-align: center;
	color: #a0a0a0;
	margin: 0px 0px 0px 0px;
	font-size: 0.8em;
	line-height: 1.2em;
	height: 35px;
}

#avmenu 
{
	clear: left;
	float: left;
	width: 150px;
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 0.9em;
}

#avmenu ul
{	
	list-style: none;
	width: 150px;
	margin: 0 0 20px 0;
	padding: 0;
	font-size: 1.1em;
}	

#avmenu li
{
	margin-bottom: 4px;
}

#avmenu li a 
{
	font-weight: bold;
	height: 20px;
	text-decoration: none;
	color: #FFFF66;
	display: block;
	padding: 6px 0 0 10px;
	background: #660066;
	border-left: 1px #660066 solid;
}
	
#avmenu li a:hover
{
	background: #660066;
	color: #fffff1;
	border-left: 4px #663366 solid;
}

#extras 
{
	float: right;
	width: 150px;
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 0.9em;
	line-height: 1.5em;
}

#extras p 
{
	margin: 0 0 1.5em 0;
}

#content 
{
	margin: 0em 0px 0px 160px;
	padding: 0 10px 0 10px;
	line-height: 1.6em;
	text-align: left;
}

#content h2 
{
	font-size: 1.5em;
	margin: 0 0 0.5em 0;
}

#content img 
{
	padding: 0px;
	display:inline;
}

h3 
{
	font-size: 1.3em;
	margin: 0 0 10px 0;
}

a 
{
	text-decoration: none;
	color: #b6952a;
}

a:hover 
{
	text-decoration: underline;
	color: #b6952a;
}

.left 
{
	margin: 0px 7px 0px 5px;
	float: left;
}

.right 
{
	margin: 0px 7px 0px 5px;
	float: right;
}

.textright 
{
	text-align: right;
}

.center 
{
	text-align: center;
}

.small 
{
	font-size: 0.8em;
}

.bold 
{
	font-weight: bold;
}

.hide 
{
	display: none;
}
#menu{
	width: 99%;
    padding: 10px 0;
    font-size: 20px;
    font-weight: bold;
    color: #FDFF00;
    background-color: #9747C4;
    border: 1px solid;
    box-shadow: 0px 1px 3px white;
	display:none;
	}
#demo9{background-color: #9747C4;}
.content{overflow: hidden; padding-left: 20px;color:#999}
header img{width:100%}
table{width:100%;color:silver;}
table td{padding:10px;border: 1px solid silver;}
.margin{margin-left:150px}
.full_service{color:#666666;font-family:Times New Roman;}
.full_service h1{font-size:xx-large;text-align: center;}
.full_service p{font-size: 16px;font-weight: bold;}
.box{overflow:hidden}
.box div{
	        float: left;
    width: 31%;
    border: 1px solid #660066;
    text-align: center;
    margin: 1%;
	height: 304px;
	overflow: hidden;
	}
	.box div:hover{}
	.box div img{
		width:199px;height:200px;
		
	}
	.box div p{margin:0;color:#AAA7A7}
	.overlay{
	display: none;
    position: absolute;
    background-color: rgba(255, 255, 0, 0.93);
    padding: 10px;
    font-weight: bold;
    transition: margin-left 2s;
	    width: 100px!important;
   
	}
	.box .heading{padding: 10px 0;color:#AAA7A7;border: 1px solid #660066;}
	.box .des{padding: 10px 0;color:#AAA7A7}
	.box div:hover .overlay{
		display:block;
	}
	.box .info{
		height: 120px;
    padding: 5px;
    width: 182px;
	background:yellow;
	
	}
	.napkins div{border:1px solid #606;padding:1%;text-align:center;margin:1%;}
	.napkins img{    width: 100%;}
	.none{display:none}
	.rates{text-align: center;border:1px solid #606;margin:3%;padding: 2%;}
	.rates p{color: #B6952A;font-size:14px;font-weight:bold;}
	.rates span{font-size:13px;font-weight:bold}
	.contact{text-align:center}
	.contact img{width:99%}
	.faq p{font-weight:100;text-align:left}
	.faq strong{}
	.sitemap a{    font-family: verdana;
					font-size: small;
					font-weight: bold;
					}
	.white{text-align: center;border: 1px solid #606;background-color: #fff;}
	.box2{width;100%;overflow:hidden;border: 1px solid #606;}
	.box2 h2{color:yellow}
	.box2 div{float:left;width:45%;padding:1%;margin:1%;}
	footer{color: #B6952A;float:left}
	

/* Chrome, Safari, Opera */
@-webkit-keyframes img {
    from {width:50%;height:10px}
    to {width: 199px;height:200px}
}
@-webkit-keyframes div {
    from {background:#93C}
    to {background:yellow;}
}

	
	
@media(max-width:980px){
	#wrap{width:100%}
table,tr,td{width:100% !important;}


.box div {
    width: 30%;
	height:240px !important
}
	.box div img{width:100%;height:auto}
}

@media(max-width:800px){
		#menu{display:block;pointer:cursor}
		#m_menu{display:none}
		.main{width:100%}
			.content{width:98%;padding-left: 0px;}
			#avmenu{width:100%;float: none;}
			#avmenu ul{width:100%;text-align:center}
			avmenu a{width:100%;}
			.box div {
				width: 98% !important;
				height: auto !important;
			}
			.margin{margin-left:2%}
			.center{overflow: hidden;}
			.center img{width:98%;height:auto}
			.box .info{width:98%;padding:0}
}
/*	@media(max-width:768px){
		table,td{float:left;width: 96% !important;}
		.margin{margin-left:2%}
			.center,p{overflow: hidden;width:100% !important}
			.savings_banner{width:98%}
	} */
	@media(max-width:520px){
		#menu{display:block;pointer:cursor}
		#m_menu{display:none}
		.main{width:100%}
			.content{width:98%;padding-left: 0px;}
			#avmenu{width:100%;float: none;}
			#avmenu ul{width:100%;text-align:center}
			avmenu a{width:100%;}
			.box div {
				width: 98% !important;
				height: auto !important;
			}
			.margin{margin-left:2%}
			.center{overflow: hidden;}
			.center img{width:98%;height:auto}
			.box .info{width:98%;padding:0}
		}