/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

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

/* #Site Styles
================================================== */
body {
	background-image: url('../images/bright_squares.png');
}
.header {
	margin-top: 40px;
}

.header h1 { display: none; }
.header img { width: 50%; }

.menubar {
	background-color: #539595;
	margin: 0;
}
.topmenubar {
	height: 2px;
	margin:10px 0 2px 0;
	background-color: #8b8d08;
}
.bottommenubar {
	height: 2px;
	margin: 2px 0 20px 0;
	background-color: #b9bab5;
}
#nav {
	width: 100%;
	float: left;
	margin: 0;
	padding: 0;
	list-style: none; 
	font-family: 'function_probook', Arial, sans-serif;
	font-size: 175%;
	font-variant: small-caps;
}

#nav li {
	float: left; 
	margin-bottom: 0;
}
#nav li a {
		display: block;
		padding: 15px;
		text-decoration: none;
		border-right: 1px solid #ccc; 
		color: #000000;
		font-weight:500;
		letter-spacing: 0.1em;
}
#nav li:first-child a {
		border-left: 1px solid #ccc; 
}

#nav li a:hover, #nav li.current a {
		color: #8b8D08;
		background-color: #f2f2f2; 
}
.imagebar img {
	width:100%;
}
.imagebar {
	margin-bottom: 20px;
}

h3 {
	font-family: 'function_probook', Arial, sans-serif;
	color: #006A72;
	font-weight: bold;
	margin-bottom: 22px;
}
h4 {
	font-family: 'function_probook', Arial, sans-serif;
	font-weight: bold;
	font-size: 24px;
	margin-bottom: 50px;
	margin-top: 10px;
}

.footer p { text-align: right; font-weight: bold; margin-top: 5px; font-size: 90%;}

.footerbar { height: 18px; background-image:url('../images/footerbar.gif'); margin-top: 10px; }

.servingparagraph {
	font-size: 18px;
	line-height: 28px;
	font-style: italic;
}

.phonenumber {
	font-family: 'function_probook', Arial, sans-serif;
	font-size: 30px;
	color: #006A72;
	font-weight: bold;
}

.emaillink a {
	font-size: 20px;
	color: #006A72;
	text-decoration: none;
}

.emaillink a:hover {
	color: #000000;
}

ul { 
	margin-left: 30px;
	list-style: disc;
	color: #006A72; 
}

ul li span {
	color: #444;
}

p em {
	font-style: normal;
	font-weight: bold;
}

.sidebar p {
	margin-bottom: 50px;
}

.sidebar {
	margin-bottom: 0;
	padding: 15px;
	border: 1px dotted #444;
}

.container .one-third.column {
	width: 204px;
}

.map {
	float:left;
	margin:0 0 0 1%;
	width:97%;
	height:550px;
	border:solid 1px #444;
	margin-bottom: 30px;
}

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

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

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
		#nav { font-size: 150%; }
		h3 { font-size: 24px; }
		h4 { font-size: 24px; }
		.servingparagraph { font-size: 20px; }
		.phonenumber { font-size: 30px; }
	}

	/* 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) {
		.header { padding-top: 40px; }
		.header img { width: 100%; }
		#nav { font-size: 115%; }
		#nav li a { padding: 3px 3px 5px 3px; }
		h3 { font-size: 32px; }
		.container .one-third.column { width: 90%; }
		.sidebar { text-align: center;}
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		.header {
			padding-top: 20px;
		}
	}


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