/* Table of Content
==================================================
	#Site Layout
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */




/* #Page Styles
================================================== */



/* #Media Queries
================================================== */






	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {




	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {




	.tel {
		padding: 14px;
		font-weight: bold;
		font-size: 18px;
		display: block;
		width: 100%;
		padding-left: 0 !important;
		padding-right: 0 !important;
		text-align: center;
		margin-bottom: 14px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;

	}




	header {


	}

	footer {

	display: block;
	}

	header,footer ul {
	margin-left: 14px; margin-right: 14px;
	/* LOGO Test padding: 14px; */
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	}

	#primary-content {
	padding: 14px;
	padding-top: 10px;

	}

header hgroup {
	padding: 10px 5px; 
}

header hgroup h1 {margin-bottom: 5px; padding-bottom: 5px;}

header h5#serving-area {padding-top: 0; margin: 0; padding-bottom: 5px;}

	.container {}


	#hours dt,dd {display: block; float: left; margin-bottom: 0 !important; padding-bottom: 0 !important; height: 22px;}



	#hours dd:after {
	  content: '\00a0';
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 100%;
      height: 10px;
	}
		#hours:after {
	  content: '\00a0';
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 100%;
      height: 0px;
	}


	section#content ul li {
		list-style-type: square;
		margin-left: 30px;
	}

    section#content {
            margin-top: 20px;
            height: 140px;
            overflow: hidden;
            clear: both;
        }


	#location:after {
	  content: '\0020';
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0;
	}

	section#services {
		clear: both;
		display: block;
		margin-top: 20px;
	}


	section h3 {
		margin-top: 40px !important;
	}

	section#services li, footer nav li {
		margin: 0;
	}

	section#services li a, footer nav li a {
		display: block;
		padding: 14px;
		padding-right: 28px;
		margin-bottom: 0px;
	}

	footer nav ul {margin-left: 10px; margin-right: 10px;}


	section#services li:last-child a {
		margin: 0;
	}

	img.half.right {float: right; margin-left: 10px; display: block;}

	img.half.left {float: left; margin-right: 10px; display: block;}

	#address {margin-top: 18px;}


	/* Allows scrolling past map on iOS */
	#map {position: relative;}
	#map-wrapper {
	z-index: 1500;

	width: 100%;
	height: 100%;
	 float: left;
	 position: absolute;
	 top: 0px;
	 }
	#map {z-index: 400; overflow: hidden;}

	#logo {background-color: #fff !important; text-align: center; margin-top: 10px; margin-bottom: 5px;}

#logo img {text-align: center;}

}




	footer nav:after {
	  content: '.';
      display: block;
      overflow: hidden;
      visibility: hidden;
      clear: both;
      width: 100%;
      height: 0px;
	}

	footer nav ul {padding-top: 20px; padding-bottom: 20px;


	}


#primary-content {position: relative; padding-bottom: 20px;}

	#show-content {

	background-image: url(../images/primary-content-mask_background.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding-top: 140px;
	position: absolute;
	bottom: 0;
	overflow: hidden;
	display: inline;

}


td, th {padding: 5px;}




	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 959px) {
		#map {width: 222px; margin-right: 10px; height: 88px; float: left; height: 102px}
		textarea, input {width: 260px; display: block;}

		button {margin-right: 120px;}

		#hours dt {width: 40px;}
		#hours dd {width: 320px;}


		#show-content {width: 390px;}		
	}


	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		#map {width: 270px; height: 88px; }

		.half {width: 145px;}

		#hours dt {width: 40px;}
		#hours dd {width: 200px;}
		textarea, input {width: 260px; display: block;}
		#show-content {width: 270px;}
	}

	.right {
		text-align: right;
		display: block;
	}


/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/


 body {
	color: #444444 !important;
	background-color: #f0f0f0;
}

a {
	color: rgba(12,78,159,0.8);
}

a:hover {
	color: rgba(12,78,159,1);
}

header a {color: rgba(255,255,255,1);}

a#show-content{text-decoration: none;}

a.tel {
background: #4d98f5; /* Old browsers */
background: -moz-linear-gradient(top,  #4d98f5 0%, #4893f0 2%, #3a85e0 6%, #3782dd 8%, #2c73cb 33%, #1052a6 82%, #0d50a1 92%, #0c4d9f 94%, #094083 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4d98f5), color-stop(2%,#4893f0), color-stop(6%,#3a85e0), color-stop(8%,#3782dd), color-stop(33%,#2c73cb), color-stop(82%,#1052a6), color-stop(92%,#0d50a1), color-stop(94%,#0c4d9f), color-stop(100%,#094083)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #4d98f5 0%,#4893f0 2%,#3a85e0 6%,#3782dd 8%,#2c73cb 33%,#1052a6 82%,#0d50a1 92%,#0c4d9f 94%,#094083 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #4d98f5 0%,#4893f0 2%,#3a85e0 6%,#3782dd 8%,#2c73cb 33%,#1052a6 82%,#0d50a1 92%,#0c4d9f 94%,#094083 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #4d98f5 0%,#4893f0 2%,#3a85e0 6%,#3782dd 8%,#2c73cb 33%,#1052a6 82%,#0d50a1 92%,#0c4d9f 94%,#094083 100%); /* IE10+ */
background: linear-gradient(top,  #4d98f5 0%,#4893f0 2%,#3a85e0 6%,#3782dd 8%,#2c73cb 33%,#1052a6 82%,#0d50a1 92%,#0c4d9f 94%,#094083 100%); /* W3C */


	color: rgba(255,255,255,1);
	
	border: 1px solid rgba(8,62,127,1);

}



@media only screen and (max-width: 767px) {	
	body {background-color: rgba(240,240,240,1); }
	
	
	#primary-content,footer {background-color:#fff;}
	
	header {background-color: #fff !important}
	
	
	
	h5#serving-area {
		padding: 4px;
		margin-left: 14px;
		margin-right: 14px;
	}
	
	.star.active {
		color: rgba(255,204,0,1);
	}
	
	.star.inactive {
		color: rgba(255,204,0,0.5);
	}

	section#services a {
		background-color: rgba(223,223,223,1);
		border: 1px solid rgba(199,199,199,1);
		color: #464646;
	}
	
	section#services a:visited {
		color: #464646;
	}
	

	footer {background-color:rgba(223,223,223,1); }

	footer nav li a {
		background-color: rgba(255,255,255,1);
		border: 1px solid rgba(70,70,70,0.5);
		border-top: 0;
		color: rgba(70,70,70,1);
	}
	
	footer nav li a:visted {

	}
	
	footer nav li:first-child a {
		border-top: 1px solid rgba(70,70,70,0.5);
	}
	
	footer nav li a:visited {
			color: rgba(70,70,70,1);
	}


	footer nav li a:hover {
		color: rgba(0,0,0,1);
	}

	footer nav li a.active {
		background-color: rgba(70,70,70,1);
		color: #fff;
	}
	
	footer #copyright-privacy {
		background-color: rgba(70,70,70,1);
		color: rgba(255,255,255,0.85);
	}
	
	footer #copyright-privacy a {
		color: rgba(255,255,255,0.85);
	}
	
	footer #copyright-privacy a:hover {
		color: rgba(255,255,255,1);
	}
	
	footer nav li a.active:after {
		color: rgba(255,255,255,1);
	}

}