/* BEGIN RESET */
* {background:transparent; border:0; margin:0; padding:0; font-family: 'Montserrat', sans-serif; font-style:normal; line-height:1.6em; -webkit-text-size-adjust: none;}
ol, ul, li {list-style: none; font-size:15px; line-height:20px;}
ul {padding:0 0;}
.clear {clear: both; height:0px; margin:0;}

h1 {font-size:32px; font-weight:700; text-transform:uppercase;}
h2 {font-size:28px; text-transform:uppercase; font-weight:700; line-height:1.1em;}
h3 {font-size:20px; font-weight:700; text-transform: uppercase;}

p {font-size:16px; line-height:2rem; margin-bottom:8px;}

a {text-decoration:none;}

/* BASIC STYLES */
body {overflow-x:hidden; background:#fff;}
#contentwrap {width:90%; margin:0 auto;}
#pagewrap {width:75%; margin:1% auto;}

hr {border-top:1px solid #ec3a31; width:75%; margin:2% auto 1%; padding:1% 0;}

/* HEADER */
header {background:#000; position:relative; width:100%; z-index:99999999; color:#fff;}
.logo {float:left; width:18%; position:absolute; top:10%;}
.logo img {width:100%;}
.headerright {float:right; width:75%; font-size:20px; padding:30px 0 10px; text-align:right;}
.headerright a {color:#fff;}
.navwrap {text-align:right !important; padding-top:15px;}


/* CONTENT STYLES */
.three_col {display:inline-block; width:31%; margin:1% 1%; vertical-align:top; text-align:center; color:#000;}
.three_col h2 {font-size:18px; line-height:1.7em; color:#000;}
.three_col h2:hover {color:#ec3a31;}
.three_col img {width:100%;}


.pageleft {float:left; width:65%;}
.pageleft a {color:#000;}
.pageleft a:hover {text-decoration:underline;}

.pageright {float:right; width:30%; margin-bottom:3%;}
.pageright a {color:#000;}
.pageright a:hover {text-decoration:underline;}
.pageright img {width:100%;}

.two_col {display:inline-block; width:49%; text-align:center;}
.two_col img {width:100%;}

 /* INVENTORY STYLES */
.hosted-content img {margin:0 auto!important;}
.hosted-content hr {display:none;}


/* SCROLLING INVENTORY */
.scrolling-wrap {width:100%; height:90px; overflow:hidden; padding-bottom:8px;}
.scrolling{width:100%; height:92px;}


/* FOOTER */
footer {background:#000; color:#fff; font-size:13px; padding:30px 0; text-align:center;}
footer a {color:#fff;}
footer a:hover {color:#fff; text-decoration:underline;}

  
/************************************************ Responsive Styles **/
@media screen and (max-width: 1150px)  {
	h1 {font-size:28px;}
	#pagewrap {width:90%;}	
	.logo {width:23%;}
	
	.three_col h2 {font-size:13px;}
	
	.hosted-content #listings-title {font-size:1.25rem!important;}
	.hosted-content .listings-wrapper .listings-list .listing-banner h2 {font-size:1.5rem!important}
	
	footer {font-size:12px;}
	footer a {font-size:12px;}

}


@media screen and (max-width: 1000px)  {
	h1 {font-size:24px;}
	.three_col {width:75%; margin:1% auto;}
	
	.hosted-content #listings-title {font-size:1rem!important;}
	.hosted-content .listings-wrapper .listings-list .listing-banner h2 {font-size:1.25rem!important}

	.pageleft {float:none; width:100%;}
	.pageright {float:none; width:100%;}
	
}


@media screen and (max-width: 800px)  {
	h1 {font-size:22px;}
	p {font-size:14px;}
	.headerright {padding-bottom:15px;}
	.logo {width:30%;}
		
}


@media screen and (max-width: 625px)  {
	.three_col {width:100%; margin:1% auto;}
	.three_col h2 {font-size:18px;}
	.headerright h3 {font-size:18px;}
	.headerright a {font-size:18px;}
	
	.hosted-content .listings-wrapper .listings-list .listing-banner h2 {font-size:1rem!important}
	
}

@media screen and (max-width: 500px)  {
	h1 {font-size:20px;}
	.logo {float:none; width:75%; margin:0 auto; position: relative; padding:20px 0 0;}
	.headerright {float:none; width:100%; text-align:center; padding:0 0 10px;}
	
	.three_col h2 {font-size:14px;}
}