*{
	margin:0;
	font-family:arial, verdana;
	outline: none;
}

BODY{
	background:#4e5340;
	font-family:arial, verdana;
}

a {
	color:#333 !important;
}
a:hover{
	color:#333 !important;
	text-decoration:none;
}

.click{
	cursor:pointer;
}

#info, #info2{
	
	background:#fcf6d4;
	display:none;
	background-image:url(rainbow.gif);
	background-repeat:repeat-x;
	
	
}

.scrollbar, .scrollbar2 { height: 100%; overflow: auto; 
	background-image:url(cloudbg.png);
	xbackground-repeat:no-repeat;
	background-size	:cover;
}
.scrollbarinner, .scrollbarinner2 {  padding:20px; }

#inner { background:#fcf6d4;}

			
#specials {
	width:960px;
	height:34px;
	background-image:url( specials.png);
	margin:10px auto 8px !important;
	position:relative;
}

#frame {
	width:960px;
	height:590px;
	background-image:url( kabg.png);
	margin:55px auto 0px;
	position:relative;
}

.inner, .inner2{
	color:#fff;
	font-size:24pt;
	text-shadow: 2px 4px 3px rgba(0,0,0,0.6);
}

/* specials */
#specials .inner{
	text-shadow: none !important;
	color:#333 !important;
	font-size:14pt;
	height:34px;
	line-height:34px;
	padding-left:40px;
}

/* intro */
#intro .inner{
	text-shadow: none !important;
	color:#333 !important;
	padding:10px 40px 10px 40px;
}

.introe{
	font-size:22pt;
}
#intro H1{
	font-size:15pt;
	padding-left:33px;
	margin-bottom:20px;
}
				
.intro_normal{
	font-size:11pt;
	padding-bottom:20px;
}

.intro_small{
	font-size:10pt;
}

.testimonialI{
	color:#333;
	font-size:11pt;
	font-style:italic;
	text-shadow: none;
	width:500px;
	padding:24px 0 0 200px;
}

.more{
	font-size:8pt;
	line-height:34px;
}

p.jumbo{ font-size:22pt;margin-bottom:14px; }
p.big{ font-size:18pt;margin-bottom:14px; }
p.medium{ font-size:0.56em;/*font-size:13pt;*/margin-bottom:14px;}
p.small{ font-size:11pt;margin-bottom:10px;}
.center{ text-align:center; }
.mobiletext {}

#hours{
	width:210px;
	height:210px;
	/*background:#458004;*/
	position:absolute;
	top:162px;
	background-image:url(hours.png);
}


#directions{
	width:210px;
	height:209px;
	/*background:#458004;*/
	position:absolute;
	top:381px;
	background-image:url(directions.png);
}


#meet{
	width:237px;
	height:233px;
	/*background:#458004;*/
	position:absolute;
	right:0px;
	top:0px;
	background-image:url(meet.png);
	background-repeat:no-repeat;
}

#faqs{
	width:237px;
	height:235px;
	/*background:#458004;*/
	position:absolute;
	right:0px;
	top:244px;
	background-image:url(faqs.png);
	background-repeat:no-repeat;
}

#intro{
	width:479px;
	height:371px;
	/*background:#458004;*/
	position:absolute;
	left:228px;
	top:0px;
	background-image:url(intro.png);
	background-repeat:no-repeat;
}

#contact{
	width:156px;
	height:97px;
	/*background:#458004;*/
	position:absolute;
	left:228px;
	top:382px;
	background-image:url(contact.png);
	background-repeat:no-repeat;
}

#rates{
	width:95px;
	height:97px;
	/*background:#458004;*/
	position:absolute;
	left:397px;
	top:382px;
	background-image:url(rates.png);
	background-repeat:no-repeat;
}

#social{
	width:95px;
	height:97px;
	/*background:#458004;*/
	position:absolute;
	left:504px;
	top:382px;
	background-image:url(social.png);
	background-repeat:no-repeat;
}

#reviews{
	width:95px;
	height:97px;
	/*background:#458004;*/
	position:absolute;
	left:612px;
	top:382px;
	background-image:url(reviews.png);
	background-repeat:no-repeat;
}

#testimonials{
	width:732px;
	
	/*background:#458004;*/
	position:absolute;
	left:228px;
	/*
	height:102px;
	top:488px;
	*/
	
	height:101px;
	top:489px;
	background-image:url(testimonials.png);
	background-repeat:no-repeat;
}

#copyright{
	text-align:center;
	color:#ddd;
	font-size:9pt;
	margin-top:5px;
	margin-bottom:30px;
}

#hours .inner, #directions .inner, #meet .inner, #faqs .inner{
	padding:26px;
}

/* modal */
#simplemodal-container a.modalCloseImg {
	background:url(x.png) no-repeat; /* adjust url as required */
	width:25px;
	height:29px;
	display:inline;
	z-index:3200;
	position:absolute;
	top:-15px;
	right:-18px;
	cursor:pointer;
}

/* Overlay */
#simplemodal-overlay {background-color:#000; opacity:0.7 !important}

/* Container */
#simplemodal-container .simplemodal-data {padding:0 8px 0 0;}
#simplemodal-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; font-size:12px; margin-bottom:12px; padding:4px 6px 6px;}
#simplemodal-container a {color:#ddd;}
#simplemodal-container a.modalCloseImg {background:url(x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}
#simplemodal-container h2, h3{color:#84b8d9; font-family: Copperplate, "Copperplate Gothic Light", fantasy;}

#scrollbody P, #scrollbody2 P{
	margin:0px 0 0px 0;
	line-height:18pt;
	clear: both;
	padding-top:20px;
}

/* form elements */
INPUT, OPTION, SELECT {
	height:40px;
	line-height:40px;
	font-size:14pt;
}
TEXTAREA {
	height:40px;
	font-size:14pt;
}


.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

#fsubmit {
	border: 3px solid #090;
	color: #333;
	background: #9e9;
  padding:4px;
  border-radius:8px;
  font-weight: bold;
  text-decoration: none;
  height:unset;
}

#fsubmit:hover {
	background: #dfd;
}


/* Styles applied when the screen is 600px or smaller */
.scrollbarinner, .scrollbarinner2 {
		padding:20px 80px;
	}
	#heady { padding-left:80px; padding-right:80px;}
	
@media only screen and (max-width: 750px) {
	#regular {display: none;}
	#mobile {display:block !important; height:100%;}
	
	
	#intro, #directions, #hours{height:100%;}
	.testimonialI{
		margin-top:1px;
		width: unset !important;
		padding: 10px 0 0 180px !important;
	}
	#testimonials {
		height:unset;
	}
	 .scrollbarinner, .scrollbarinner2 {
		padding:30px;
	}
	#heady { padding-left:30px; padding-right:30px;}
	
	#intro .inner {
		padding: 10px 30px 30px 30px;
	}

	.mobiletext { font-size:16pt !important;}
	
	/* fix the form */
	#contactform  > TABLE { }
	#contactform  > TABLE TR{ display:block; margin-top:16px !important;}
	
	#contactform  > TABLE TD { text-align:left; display:block; width:100%;}
	#contactform  > TABLE TD INPUT, #contactform  > TABLE TD textarea { width:100%;}
	
	
}