/* 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;
		padding-right: 0;
		text-align: center;
		margin-bottom: 14px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
	}

	header {}

	footer {
		display: block;
	}

	footer ul {
		margin-left: 14px; margin-right: 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: 14px;
	}

	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;
		padding-bottom: 0;
		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: 100px;
		overflow: hidden;
	}

	#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;
	}

	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;
		text-align: center;
		margin-top: 5px;
		margin-bottom: 5px;
	}

	#logo img {
		text-align: center;
	}

}

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

#copyright-privacy {
	padding: 15px;
	min-height: 85px;
}

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

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

#show-content {
	background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)),color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C */
	padding-top: 120px;
	position: absolute;
	bottom: 14px;
	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;
	}

	#logo img {
		max-height: 120px;
		max-width: 270px;
	}

}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 469px) {

	#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: 260px;
	}

}

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

#logo img {
	max-height: 225px;
	max-width: 270px;
}

/* #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;
	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);
	}

	.container {
		background-color:#fff;
	}

	#primary-content,footer {
		background-color:#fff;
	}

	header {
		background-color: #fff;
	}

	header hgroup {
		background-color: rgba(70,70,70,1);
		color: rgba(255,255,255,1);
	}

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

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

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

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

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

	h5#serving-area {
		padding: 4px;
		padding-left: 14px;
		padding-right: 14px;
		margin-left: 0px;
		margin-right: 0px;
		background-color: #f0f0f0;
	}

	.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 { }

	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);
	}

}