/***** BEGIN RESET *****/

* {
    background:transparent;
    border:0;
    margin:0;
    padding:0;
    font-family:'open_sansregular', Arial, sans-serif;
}
ol, ul {list-style: none;}
.clear {clear: both; height:0px; margin:0;}

/***** END RESET *****/

@font-face {
    font-family:'open_sansregular';
    src: url('../webfonts/OpenSans-Regular-webfont.eot');
    src: url('../webfonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('../webfonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('../webfonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family:'open_sansitalic';
    src: url('../webfonts/OpenSans-Italic-webfont.eot');
    src: url('../webfonts/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/OpenSans-Italic-webfont.woff') format('woff'),
         url('../webfonts/OpenSans-Italic-webfont.ttf') format('truetype'),
         url('../webfonts/OpenSans-Italic-webfont.svg#open_sansitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family:'open_sansbold';
    src: url('../webfonts/OpenSans-Bold-webfont.eot');
    src: url('../webfonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/OpenSans-Bold-webfont.woff') format('woff'),
         url('../webfonts/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('../webfonts/OpenSans-Bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}


header, nav, article, footer {display:block;}

body {
	background:url('../siteart/layout/aluminum.jpg') repeat;
	color:#000;
	font-family: 'open_sansregular';
	font-size:16px;
	-webkit-text-size-adjust: none;
}

.wrap {margin:0 auto;padding: 5vw;}

.main {
	background:#fff;
	margin-top:-100px;
	position:relative;
	z-index:9;
	-moz-box-shadow:0px 0px 8px rgba(0, 0, 0, .4); 
	-webkit-box-shadow:0px 0px 8px rgba(0, 0, 0, .4); 
	box-shadow:0px 0px 8px rgba(0, 0, 0, .4);
}

.show-640 {display:none;}

.lt-half-pad {width:48%; float:left; padding-right:2%;}
.rt-half-pad {width:48%; float:left; padding-left:2%;}



/*************** typography styles **/

p {margin-bottom:16px;}
.no-margin {margin:0 !important;}

strong {font-family: 'open_sansbold'; font-weight:normal;}
em {font-family: 'open_sansitalic'; font-style:normal;}

a {color:#223e7c; text-decoration:underline;}
a:hover {color:#b6202c; text-decoration:none;}

a.red-btn {
	width:96%;
	max-width:400px;
	text-align:center;
	color:#fff;
	font-family: 'open_sansbold';
	padding:5px 2%;
	background:#b6202c;
	text-decoration:none;
	display:block;
	margin-bottom:15px;
}
a.red-btn:hover {background:#223e7c;}


.red {color:#b6202c;}
.blue {color:#223e7c;}
.white {color:#fff;}
.black {color:#000;}

.red-heading {
	color:#b6202c;
	font-size:28px;
	font-weight:normal;
	font-family: 'open_sansbold';
	margin-bottom:18px;
}

ol.list {list-style:decimal; margin:0 0px 14px 0;}
ol.list li {list-style:decimal; margin-left:18px;}



/*************** header styles **/

header {
	height:340px;
	border-bottom:3px #b6202c solid;
	width:100%;
	background:url('../siteart/layout/forest-road.jpg') no-repeat center;
	background-size:cover;
	position:relative;
	z-index:1;
}

.logo {width:20.1%; margin:0 auto; padding:20px 0 10px 0; max-width:275px;}
.logo img {width:100%; max-width:275px; height:auto; display:block;}




/*************** nav styles **/

nav {width:100%; background:#223e7c;}
nav ul {width:100%; margin:0 auto;}
nav li {float:left; position:relative; display:inline;}
nav a:link, nav a:visited, nav a:active {
	display:block;
	text-decoration:none;
	color:#fff;
	font-family: 'open_sansbold';
	padding:0 12px;
	line-height:40px;
	font-size:15px;
}
nav a:hover, nav li.current a {background:#1b3162;}





/*************** content styles **/

.scroll-frame {width:100%; display:block; overflow:hidden; height:90px; padding-top:10px;}
.scroll-frame iframe {width:100%; height:90px; display:block; background:#fff;}

article {width:92%; padding:35px 4%;}

.spacer {height:10px;}

.boxes {width:100%; display:block;}
.boxes a {
	width:25%;
	float:left;
	height:300px;
	display:block;
	text-decoration:none;
	position:relative;
	text-align:center;
}
/*.boxes a:nth-of-type(3) {width:33.4%;}*/
.boxes a.trk {background:url('../siteart/layout/trk.jpg') no-repeat center; background-size:cover;}
.boxes a.trailer {background:url('../siteart/layout/trailers.jpg') no-repeat center; background-size:cover;}
.boxes a.loc {background:url('../siteart/layout/loc.jpg') no-repeat center; background-size:cover;}
.boxes a.addtl {background:url('../siteart/layout/additional.jpg') no-repeat center; background-size:cover;}
.boxes a.ag {background:url('../siteart/layout/ag.jpg') no-repeat center; background-size:cover;}

.boxes a span {
	background:url('../siteart/layout/80-blue.png') repeat;
	color:#fff;
	font-family: 'open_sansbold';
	position:absolute;
	bottom:0; left:0;
	padding:10px 2%;
	width:96%;
	font-size:20px;
}
.boxes a:hover span {background:url('../siteart/layout/80-red.png') repeat;}

.inv {width:100%; display:block;}
.inv iframe {width:100%; height:2100px; display:block; background:#fff;}

.loc-info {width:27%; float:left; margin:0 3% 15px 0;}
.loc-map {width:70%; float:left;}
.loc-map iframe {width:100%; height:400px; display:block;}

.crest-logo {width:20%; float:right; margin:0 0 15px 5%;}
.app-content {width:75%; float:left;}

.adobe {width:20%; height:auto; max-width:223px; float:left;}
.get-reader {width:78%; float:left; margin-left:2%; font-size:12px;}



/*************** footer styles **/

footer {line-height:12px; padding:30px 0;}

a.footerlink:link, a.footerlink:visited, a.footerlink:active{text-decoration:underline; font-size:10px; color:#ababaa;}
a.footerlink:hover {text-decoration:none; font-size:10px; color:#ababaa;}

.footertext {font-size:10px; color:#ababaa;}
.smallfootertext {font-size:10px; color:#ababaa;}

.divfooter {width:96%; max-width:750px; text-align:center; margin:0 auto;}





/*************** responsive styles **/

@media screen and (max-width:1100px) {
	.wrap {width:96%;}
	header {height:290px;}
	.boxes a {height:280px;}
	
}


@media screen and (max-width:1024px) {
	.logo {width:25%;}
	article {padding:30px 4%;}
	.boxes a span {font-size:16px;}
}


@media screen and (max-width:768px) {
	body {font-size:14px;}
	p {margin-bottom:14px;}
	
	h2 {font-size:22px; margin-bottom:16px;}
	
	header {height:200px;}
	.logo {width:29%;}
	.main {margin-top:-60px;}
	
	nav a:link, nav a:visited, nav a:active {padding:0 9px; font-size:13px;}
	
	.scroll-frame {padding-top:5px;}
	article {padding:15px 4%;}
	
	.boxes a {width:50%;}
	
	.loc-map iframe {height:300px;}
	
	.crest-logo {width:100%; float:none; margin:0 0 15px 0%;}
	.app-content {width:100%; float:none;}
	
}


@media screen and (max-width:640px) {
	.show-640 {display:block;}
	.hide-640 {display:none;}
	
	header {height:180px;}
	
	nav ul {text-align:center;}
	nav li {float:none; display:inline-block; zoom:1; *display:inline;}
	nav a:link, nav a:active, nav a:visited {padding:8px 9px; line-height:15px;}
	
	.boxes a {height:200px;}
	
	.loc-info {width:100%; margin:0 0% 15px 0;}
	.loc-map {width:100%;}
	.loc-map iframe {height:200px;}
	
	.adobe {width:100%;}
	.get-reader {width:100%; margin:5px 0 0 0%;}
}


@media screen and (max-width:480px) {
	.lt-half-pad {width:100%; padding-right:0%;}
	.rt-half-pad {width:100%; padding-left:0%;}
	
	header {height:160px;}
	.logo {width:40%;}
	.main {margin-top:-30px;}
	
	.boxes a {height:160px;}
}


@media screen and (max-width:375px) {
	.logo {width:60%;}
	
	nav a:link, nav a:active, nav a:visited {padding:8px 7px;}
	nav a img {max-width:25px;}
	
	.boxes a, .boxes a:nth-of-type(3) {width:100%;}
}


@media screen and (max-width:320px) {
	
}