﻿/***** BEGIN RESET *****/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;	
	box-sizing: border-box;
}

ol, ul {
	list-style: none;
}

table{border-collapse:collapse; width:100%;}
td{vertical-align:top;}

/* Make HTML 5 elements display block-level for consistent styling */  
header, nav, article, footer, address, img {  
    display: block;  
} 

/***** END RESET *****/

/* Clearfix */
.cf:before,
.cf:after {
    content: " ";
    display: table;
}
.cf:after {
    clear: both;
}
.cf {
    *zoom: 1;
}
*, *:before, *:after {
  box-sizing: inherit; }
  
.clear {clear: both;}

/***** BASIC STYLES *****/
	@font-face {
		font-family: 'montserratlight';
		src: url('../fonts/montserrat-light-webfont.eot');
		src: url('../fonts/montserrat-light-webfont.eot?#iefix') format('embedded-opentype'),
			 url('../fonts/montserrat-light-webfont.woff2') format('woff2'),
			 url('../fonts/montserrat-light-webfont.woff') format('woff'),
			 url('../fonts/montserrat-light-webfont.ttf') format('truetype'),
			 url('../fonts/montserrat-light-webfont.svg#montserratlight') format('svg');
		font-weight: normal;
		font-style: normal;
	}
	@font-face {
		font-family: 'montserratbold';
		src: url('../fonts/montserrat-bold-webfont.eot');
		src: url('../fonts/montserrat-bold-webfont.eot?#iefix') format('embedded-opentype'),
			 url('../fonts/montserrat-bold-webfont.woff2') format('woff2'),
			 url('../fonts/montserrat-bold-webfont.woff') format('woff'),
			 url('../fonts/montserrat-bold-webfont.ttf') format('truetype'),
			 url('../fonts/montserrat-bold-webfont.svg#montserratbold') format('svg');
		font-weight: normal;
		font-style: normal;
	}
	
	body {font-family: 'montserratlight'; font-size:16px; line-height: 24px; -webkit-text-size-adjust:none; background: #fafafa url(../siteart/crossword.png) repeat !important; background-attachment: fixed !important;}
	h1 {font-family: 'montserratbold'; font-size: 32px; line-height: normal;}
	h2 {font-family: 'montserratbold'; font-size: 24px; line-height: normal;}
	h1 span {color: #ef1922;}
	strong {font-family: 'montserratbold';}
	a:link, a:visited, a:active {text-decoration:none; color:#ef1922; font-family: 'montserratbold';}
	a:hover {text-decoration:none; color:#871015;}
	.wrapper {width: 80%; max-width: 100%; margin: 0 auto;}
	.textwrapper {width: 80%; max-width: 100%; margin: 0 auto; padding: 30px 0px;}
	
/***** HEADER STYLES *****/
	.header {max-width: 100%; background: #5a5044 url("../siteart/dirt.png") repeat !important; text-align: center;}
	.logo {max-width: 90%; height: auto; margin: 0 auto; padding: 20px 0px;}
	.logo img {display: inline-block; max-width: 100%; height: auto;}
	.topbar {background: #272727; width: 100%; height: auto; color: #fff;}
	.topbar a {color: #fff; font-family: 'montserratlight';}
	.topbar a:hover {color: #ef1922;}
	.topbar span {display: inline-block; padding-right: 5px;}
	.creditcards {float: right;}
	.creditcards img {display: inline-block; max-width: 100%; height: auto;}
	
/***** HOME STYLES *****/	
	.two-cols {width: 50%; display: inline-block; vertical-align: top; box-sizing: border-box; padding: 10px;}
	.three-cols {width: 33%; display: inline-block; vertical-align: top; box-sizing: border-box; padding: 10px;}
	.three-cols img {max-width: 80%; height: auto; display: inline-block; border: 1px solid #000;}
	
	
/***** FOOTER STYLES *****/
	.divfooter {width: 100%; text-align: left; margin: 0 auto; padding-left: 10px; padding-top: 10px;}
	
	.footerbottom {font-family: 'montserratlight'; font-size: 14px; background: #ef1922; max-width: 100%; color: #fff; border-top: 5px solid #fee602; padding: 20px 0px;}
	.footerbottom a {font-family: 'montserratlight'; color: #fff;}
	.footerbottom a:hover {color: #fff; text-decoration: underline;}
	.scrolling-wrap {width: 100%; height: 90px; overflow: hidden;}
	.scrolling {width: 100%; height: 92px;}
	
	.four-cols {width: 25%; display: inline-block; vertical-align: top; box-sizing: border-box; padding: 0px 10px;}
	.confour-cols {width: 25%; display: inline-block; vertical-align: top; box-sizing: border-box; padding: 0px 10px;}
	
	.footimg-cols {width: 25%; display: inline-block; vertical-align: top; box-sizing: border-box; text-align: center;}
	.footimg-cols img {max-width: 100%; height: auto; display: inline-block;}
	.footer-cols {width: 75%; display: inline-block; vertical-align: top; box-sizing: border-box;}


/************************************************ Responsive Styles **/

@media screen and (max-width: 1370px){
	.confour-cols {width: 50%;}

}


@media screen and (max-width: 1024px) {
	body {font-size: 14px;}
	h1 {font-size: 28px;}
	h2 {font-size: 22px;}
	.two-cols {width: 100%; padding: 10px 0px;}
		
	.creditcards {float: none; display: none;}
}


@media screen and (max-width: 650px) {
	.four-cols {width: 50%;}
	.three-cols {width: 100%;}
	.three-cols img {max-width: 100%;}
	
	body {font-size: 14px;}
	h1 {font-size: 28px;}
	h2 {font-size: 22px;}
	body .full #wide_col {width: 100%;}
	.confour-cols {width: 100%;}
} 


@media screen and (max-width: 412px){
	.four-cols {width: 100%;}
	.footimg-cols {width: 100%;}
	.footer-cols {width: 100%;}
	.divfooter {text-align: center;}
	h1 {font-size: 24px;}
	h2 {font-size: 18px;}
}