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

* {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

body {
	font: normal 1.1em/1.5 garamond, serif;
	letter-spacing: 1.2px;
	color: #222;
	background-color: #636363;
}

/* Layout Element Colors
================================ */

.main-header       { background-color: #f7f2ea; }
.main-logo a       { background-color: #7e1517; }
.main-nav a        { background-color: #7e1517; }
.primary-content   { background-color: #ffffff; }
.secondary-content { background-color: #3d3d3d;
					color: #ffffff;}
.main-footer      { background-color: #1d1d1d; }
.main-wrapper		{ background: rgba(255, 255, 255, 0.8); }

/* Header, Banner and Footer Layout
================================ */

.main-header {
	padding: 15px;
	margin: auto;
}
.main-logo {
	margin-top: 0;
	margin-bottom: 0;
}
.main-logo img{
	padding: 10px 0px;
}

.main-nav li {
	margin-top: 15px;
}

.main-nav li#active a {
	color: #fff;
	background: #636363;
 }

.main-logo a, 
.main-nav a {
	display: block;
	color: white;
	text-decoration: none;
	text-align: center;
	padding: 5px 15px;
}

.main-nav a:hover
{
	color: #fff;
	background: #636363;
}

.main-footer {
	text-align: center;
	padding-top: 15px;
	padding-bottom: 15px;
	display: block;
}

p {
	line-height: 1.2em;
}

h1 {
	line-height: 1.3em;
}

h2 {
	line-height: 1.3em;
}

h3 {
	line-height: 1.3em;
}

img {
	padding: 5px;
}

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

a:hover {
	color: #636363;
}

td {
	padding: 4px;
}
/* Column Layout
================================ */

.col {
	padding: 20px;
}
.extra-content,
.main-banner {
	display: none;
}

/* Imagery
================================ */

.feat-img {
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
	border: solid 1px;
	padding: 5px;
}

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

@media (min-width: 769px) {

	/* Header and Banner
	================================ */

	.main-logo,
	.main-nav li {
		float: left;
	}
	.main-logo {
		margin-right: 50px;
	}
	.main-nav li {
		margin-left: 15px;
	}
	.main-banner {
		background-image: url("http://i16.photobucket.com/albums/b4/fatman1248/addressnumbergraphic_zps72018a78.jpg");
    background-repeat: no-repeat;
		text-align: center;
		padding: 35px 15px;
		color: #ffffff;
	}

	/* Column Layout
	================================ */
	.main-wrapper {
		width: 1000px;
		margin: 0 auto;
	}
	.col {
		float: left;
		width: 40%;
	}
	.primary-content {
		width: 60%;
	}
	.col:last-child {
		float: right;
	}
	.extra-content,
	.main-banner {
		display: block; /* Unhide from mobile view */
	}


	/* Float Clearfix
	================================ */

	.group:after {
	  content: " ";
	  display: table;
	  clear: both;
	}

	/* Imagery
	================================ */

	.feat-img {
		width: 50%;
		float: left;
		margin-right: 25px;
	}

}