﻿/* 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 { 
	font-family: 'Lato', sans-serif;
    padding: 0;  
    border: 0;  
    outline: 0;  
    background: transparent;
}



ol, ul {}
blockquote, q {quotes: none;}  
blockquote:before, blockquote:after, q:before, q:after {content: '';}  


/* INVENTORY
------------------------------------------------*/
.container {margin:0 auto;}
.container h2 {color:#363636;}

/* TEXT/LINK FORMATTING
------------------------------------------------*/

	/* LINKS */
	a:link, a:visited {
		color:#A72121;
		text-decoration:underline;
	}
	a:hover, a:active {
		color:#2C11A6;
	}

	/* PARAGRAPH/LIST/GENERAL TEXT */
	p, ul, li {font-size: 18px; line-height:1.4; color:#555555; margin:0;letter-spacing:1px;}
	.redtext {color:#a72121;}

	hr {border-color:#555555; margin-bottom:8px;}
	
	/* HEADERS */
	h1, h2, h3, h4 ,h5 ,h6 {line-height: normal;letter-spacing:1px;}
	h1 {font-size:28px; color:#ff0000; font-weight:bold; text-transform:uppercase; margin-bottom:5px}
	h2 {font-size:24px; color:#ffffff; font-weight:bold;}
	h3 {font-size:24px; color:#009999; font-weight:bold;}
	h4 {font-size:18px; color:#c30023; font-weight:bold;}
	h5 {font-size:16px;}
	h6 {font-size:16px; color:#003d7c; font-weight:700;}

/* GLOBAL SITE FRAMEWORK
------------------------------------------------*/
.clear {clear: both;}
.left {float:left;}
.right {float:right;}

body {
	font-family: 'Lato', sans-serif;
	margin:0;
	overflow-x:hidden;
	background:#fff;
	min-width:320px;
	line-height:1.4;
	–webkit-text-size-adjust:none;
}

.wrap {
	max-width: 1060px;
    position: relative;
    margin:0 auto;
    padding: 0 20px;
    box-sizing: border-box;
}

::selection {
	color:#fff;
	background: #356088;
}
::-moz-selection {
	color:#fff;
	background: #356088;
}

/* HEADER
------------------------------------------------*/	
.header {
	width:100%;
	margin:0 auto;
	background:tramsparent;
	position:relative;
	z-index:999;
	overflow: hidden;
}

/* LOGO
------------------------------------------------*/	
.logo {
    position: relative;
    display: inline;
	width: 100%;
	margin:20px 0 0 80px;
    max-width: 470px;
    z-index: 9999;
}

#logo-link {}

#logo-link:before {
	content:"";
	position:absolute;
	width:55px;
	height: 29px;
    TOP: 75px;
    margin:0;
    padding:0 0 0 0;
	text-align:center;
	background:#ff0000;
	z-index:999;
}

/*  MAIN
------------------------------------------------*/
.hero {position:relative; width:100%; margin-top:-110px; z-index:0;}
.hero img {width:100%; display:block; z-index:0;}

.main {
	position:relative;
	width:100%;
	padding:60px 0;
	background: #fff;
}

.left-content{
	display:inline-block;
	width:100%;
	max-width:500px;
	margin:24px 0;
}

.right-content {
	display: inline-block;
    float: right;
    width: 100%;
    max-width: 400px;
    margin: 24px 0 24px auto;
    vertical-align: top;
}

.right-content img {
	display: block;
	width:100%;
    margin-right: 0;
}

/*  SCROLLING INVENTORY
------------------------------------------------*/
.scrolling-wrap {
    width:100%;
    height:90px;
	padding:10px 0;
	background:#f10000;
    overflow:hidden;
}
 
.scrolling{
    width:100%;
    height:92px;
}

/*  FOOTER
------------------------------------------------*/
.footer {
	position:relative;
	width:100%;
	margin-top:60px;
	padding:20px 10px;
	background:#a72121;
	text-align:center;
	box-sizing:border-box;
}

/*  Stylized Footers 
------------------------------------------------*/
.divfooter {
	max-width:730px;
	display:block;
	color:#cdcdcd;
	margin:0 auto;
	line-height:1;
	text-align:center;
}

.footertext{
	color:#cdcdcd;
	font-size:11px;
}

a.footerlink:link, a.footerlink:visited, a.footerlink:active{
	color:#cdcdcd;
	font-size:11px;	
	text-decoration:underline;
}

a.footerlink:hover {
	color:#cdcdcd;
	font-size:11px;
	text-decoration:none;
}

.smallfootertext{
	color:#cdcdcd;
	font-size:11px;
}

@media screen and (max-width:1250px){
.logo {display:block; margin:25px auto 0; padding: 0 10px; box-sizing: border-box;}
#logo-link:before {display:none;}
.header {
	overflow:visible;
}
}
@media screen and (max-width:960px){
.left-content {width:100%; max-width:392px;}
.hero {margin-top:39px;}
}
@media screen and (max-width:850px){
.left-content {display:block; width:100%; max-width:600px; margin:24px auto;}
.right-content {display:block; margin:24px auto; float:none;}
}
@media screen and (max-width:700px){
.linebreak {display:block;}
.breaker {display:none;}
}