@charset "UTF-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	12;
	dw-gutter-percentage:	15;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/
body {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color:#232323;
}
.head {
	background:#fff;
	padding-bottom:25px;
	border-bottom:solid 2px #4c4c4c;
	margin-bottom:20px;
}
p {
	font-size:1em;
	line-height:1.6em;
	margin-left:10px;
}
h1, h2, h3, h4, h5, h6 {
	margin-left:10px;
}
.larger {
	font-size:1.2em;
}
dl, ul {
	line-height:1.6em;
}
ul {
	list-style-type:none;
}
ul.fa-ul {
	padding-left:0;
	margin-left:10px;
	line-height:1.8em;
}
#feature a:link {
	color:#000;
	text-decoration:none;
	font-weight:bold;
}
#feature a:visited {
	color:#000;
	text-decoration:none;
	font-weight:bold;
}
#feature a:hover {
	color:#000;
	text-decoration:underline;
	font-weight:bold;
}
#feature a:active {
	color:#000;
	text-decoration:none;
	font-weight:bold;
}
a:link {
	color:#828328;
	text-decoration:none;
}
a:visited {
	color:#828328;
	text-decoration:none;
}
a:hover {
	color:#828328;
	text-decoration:underline;
}
a:active {
	color:#828328;
	text-decoration:none;
}
#copyright{
	text-align:center;
	background:#4c4c4c;
	color:#eee;
	letter-spacing:1px;
}
/* Mobile Layout: 480px and below. */
.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 87.6521%;
	padding-left: 1.1739%;
	padding-right: 1.1739%;
	padding-top:0;
	margin-bottom:10px;
}
#header-img {
	clear: both;
	float: left;
	margin-left: 0;
	margin-top:20px;
	width: 100%;
	display: block;
}
#header-img h1 {
	 margin:0;
}
#header-img img {
	margin:10px 0;
}
#info {
	clear: both;
	float: left;
	margin-left: 0;
	margin-top:10px;
	width: 100%;
	display: block;
	text-align:center;
}
#info h2 {
	margin: 0 0 0 10px;
	font-size:1em;
}
#info h2 a {
	text-decoration:none;
	color:#4c4c4c;
	font-size:1.25em;
}
#info p {
	font-size:1em;
	margin:2px 0 0 10px;
	line-height:2em;
}
#navigation {
	clear: both;
	float: left;
	margin-left: 0;
	margin-top:0;
	margin-bottom:10px;
	width: 100%;
	display: block;
}
#menu {
	visibility:hidden;
	height:0;
}
.slicknav_menu {
	display:block;
}
#feature {
	background:#ccc;
	color:#000;
	margin-top:-10px;
	padding:30px 0;
	margin-bottom:30px;
}
#banner {
	clear: both;
	float: left;
	margin:10px 0;
	width: 100%;
	display: block;
}
#footer {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	border-top: solid 2px #4c4c4c;
	color:#4c4c4c;
	margin-bottom:10px;
	margin-top:20px
}
#phone {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#email {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#address {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#copyright {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	margin-top:10px;
}
#feature-left-col {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#advantage-1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#advantage-2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#advantage-3 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#left-third {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#right-two-thirds {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}


/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 560px) {
.gridContainer {
	width: 88.5326%;
	padding-left: 0.7336%;
	padding-right: 0.7336%;
}
#header-img {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#info {
	clear: both;
	float: left;
	margin-left: 0;
	margin-top:5%;
	width: 100%;
	display: block;
	text-align:center;
}
#navigation {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	margin-bottom:20px;
}
#banner {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#feature-right-col {
	clear: none;
	float: left;
	margin-left: 1.6574%;
	width: 61.8784%;
	display: block;
}
#footer {
	clear: both;
	float: left;
	width: 100%;
	display: block;
	margin-top:20px;
	margin-bottom:10px;
}
#email {
	clear: both;
	float: left;
	margin-left: 0;
	width: 49.1712%;
	display: block;
}
#address {
	clear: none;
	float: left;
	margin-left: 1.6574%;
	width: 49.1712%;
	display: block;
}
#copyright {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	margin-top:10px;
}
#feature-left-col {
	clear: both;
	float: left;
	margin-left: 0;
	width: 36.464%;
	display: block;
}
#phone {
	clear: both;
	float: left;
	margin-left: 0;
	width: 49.1712%;
	display: block;
}
#advantage-1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#advantage-2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#advantage-3 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#left-third {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#right-two-thirds {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {
.gridContainer {
	width: 79.1304%;
	max-width: 1000px;
	padding-left: 0.4347%;
	padding-right: 0.4347%;
	margin: 0 auto;
	padding-top:0;
}
.head {
	padding-bottom:40px;
}
#header-img {
	clear: both;
	float: left;
	margin-left: 0;
	margin-top:30px;
	width: 66.3003%;
	display: block;
}
#info {
	clear: none;
	float: left;
	margin-left: 9.5238%;
	margin-top:6%;
	width: 24.1758%;
	display: block;
	text-align:left;
}
#navigation {
	clear: both;
	margin: 0;
	width: 100%;
	height:3.1em;
	display: block;
	background: #4c4c4c;
	margin-bottom:15px;
}
.slicknav_menu {
	display:none;
}
#menu {
	visibility:visible;
	position:relative;
	height:3em;
	margin:0;
	float:right;
	padding:0;
}
#menu a {
	display:block;
	text-decoration:none;
}
.main li {
	position:relative;
}
.main ul{
	padding:0;
	list-style-type:none;
	width:auto;
	margin-left:10px;
}
.main ul li {
	display:block;
	float:left;
}
.main ul li a {
	display:block;
	float:left;
	height:3em;
	padding:0 2em;
	font-weight:normal;
	font-size:1em;
	line-height:3em;
	letter-spacing:1px;
	color:#f5f5f5;
	transition: background .4s ease-in-out;
    -moz-transition: background .4s ease-in-out;
    -webkit-transition: background .4s ease-in-out;
}
.main ul li:hover a {
	background:#666;
}
#banner {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#feature-right-col {
	clear: none;
	float: left;
	margin-left: 1.0989%;
	width: 57.8754%;
	display: block;
}
#footer {
	clear: both;
	float: left;
	width: 100%;
	display: block;
	margin-top:50px;
	margin-bottom:20px;
}
#email {
	clear: both;
	float: left;
	margin-left: 0;
	width: 32.6007%;
	display: block;
}
#address {
	clear: none;
	float: left;
	margin-left: 1.0989%;
	width: 32.6007%;
	display: block;
}
#copyright {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	margin-top:0;
}
#feature-left-col {
	clear: both;
	float: left;
	margin-left: 8.4249%;
	width: 24.1758%;
	display: block;
}
#content {
	clear: both;
	float: left;
	margin-left: 0;
	width: 74.7252%;
	display: block;
}
#phone {
	clear: none;
	float: left;
	margin-left: 1.0989%;
	width: 32.6007%;
	display: block;
	margin-bottom:30px;
}
#advantage-1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 32.6007%;
	display: block;
}
#advantage-2 {
	clear: none;
	float: left;
	margin-left: 1.0989%;
	width: 32.6007%;
	display: block;
}
#advantage-3 {
	clear: none;
	float: left;
	margin-left: 1.0989%;
	width: 32.6007%;
	display: block;
}
#left-third {
	clear: both;
	float: left;
	margin-left: 0;
	width: 32.6007%;
	display: block;
}
#right-two-thirds {
	clear: none;
	float: left;
	margin-left: 1.0989%;
	width: 66.3003%;
	display: block;
}
}
@media print {
   .gridContainer {
	   width:95%;
   }
   #header-img {
	   width:75%;
	   padding: 0 0 10px 40px;
   }
   #info {
	   display:none;
   }
   #navigation {
	   display:none;
   }
   #footer {
	   display:none;
   }
   #phone {
	   display:none;
   }
   #email {
	   display:none;
   }
   #address {
	   display:none;
   }
   #copyright:before {
	display: block;
	content: "Thank you for printing our content at www.earlyresolution.com. Feel free to contact us by email at admin@earlyresolution.com or phone 306.591.4230";
	margin: 10px;
	}
   #copyright {
	   margin:0;
	   width:100%;
   }
}