@charset "utf-8";

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*  
/*    Custom CSS Template/Library - CSS.V1.R2.2013
/*    [c] 2015 Grendelfly Studio - A Division of Saltmarsh, Cleaveland & Gund - Pensacola, FL
/*    Author(s):  George T Johnson
/*    Created:    2013.08.12
/*    Updated:    2014.02.20
/*  
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

@import url("/_fnt/opensans/stylesheet.css");
@import url("/_fnt/babas-regular/stylesheet.css");
@import url("/_css/css-frm-tbl.css");


	*{
		margin:0; padding:0;
		text-decoration: none;
		border:none;
		}
	body,html{ height:100%;}
	body{
		font-family: 'open_sanslight', "Helvetica Neue", Helvetica, Arial, sans-serif; color: #FFFFFF;
		font-size:0;
		background:url(/_img/back-3.jpg) center; background-size:cover;
		background-color: #282828;
		}
	h1,h2,h3{
		font-family: 'open_sansextrabold', "Helvetica Neue", Helvetica, Arial, sans-serif; color: #FFFFFF;
		margin-bottom:20px;
		text-shadow:black 2px 2px;
		}
	h1{ font-size:35px;}
	h2{ font-size:24px;}
	h3{ font-size:16px;}
	p{
		margin-bottom:20px; line-height:160%;
		font-size:18px;
		}
	ul{
		margin-left:40px;
		margin-bottom:20px;
		font-size:18px;
		list-style:none;
		}
	a{ color:#CCC;}
	


	#scrn{
		position:absolute; z-index:-1;
		width:100vw; height:100vh;
		background-color:#0f0f0f; opacity:.8;
		}
	#cnt-wrp{
		max-width:1400px; margin:auto;
		}
	#hdr-wrp{
		position: relative; padding-top:110px;
		border-bottom:#CCC solid 1px; margin-bottom:10px;
		}
	#lgo{
		position: absolute; left:0; top:20px; z-index:10;
		}
	#lgo img{
		padding:5px; vertical-align:middle;
		}
	#lgo #lgo-round{ max-width:100px;}
	#lgo #lgo-text{ width:100%; max-width:722px; padding-left:20px;}
	#tel{
		position:absolute; right:0; top:20px;
		font-size:48px; text-shadow:black 2px 2px; opacity:.6;
		font-family: 'bebas_neueregular', sans-serif; color: #FFFFFF;
		}
	#nav{
		list-style:none;
		margin:0;
		text-align:right;
		}
	#nav li{
		display: inline-block;
		font-family: 'open_sansregular', "Helvetica Neue", Helvetica, Arial, sans-serif; color: #FFFFFF;
		color:white; font-size:16px;
		}
	#nav a{
		display:block; padding:5px 20px;
		font-family: 'open_sansregular', "Helvetica Neue", Helvetica, Arial, sans-serif; color: #FFFFFF;
		color:white;
		font-size:16px; opacity:.6;
		}
	#nav a:hover{
		opacity:1;
		}
	#nav li.slt a{
		opacity:1 !important;
		}
	#ftr{
		margin:10px 0; padding:10px;
		font-size:12px;
		border-top:#CCC solid 1px;
		}
	#ftr p{ font-size:12px;}
	#ftr img{
		height:80px; float:right; margin-left:20px;
		}
	.crd{
		display: inline-block; vertical-align:top;
		width:19%; min-height:260px; margin:.5%;
		}
	.crd .img{
		display:block; width:100%; height:200px;
		background:url(/_img/hero-1.jpg) center no-repeat; background-size:cover;
		}
	.crd .tle{ font-size:16px; display:block; text-align:center; padding:5px;}
	.itm-wrp{
		position:relative;
		display:inline-block; vertical-align:top;
		width:58%; padding-right:2%;
		}
	.itm-main{
		width:100%; height:550px;
		background:url(/_img/spacer.gif) center no-repeat; background-size:cover;
		}
	.itm-nav{
		position:absolute; bottom:0;
		width:91%; margin:3% 6% 3% 3%; z-index:100;
		text-align:center; background:url(/_img/scrn.png);
		border-radius:8px; font-size:12px;
		}
	.itm-nav i{ font-size:12px !important; color:white; padding:8px 3px;}
	.itm-nav i:hover,.itm-nav .fa-dot-circle{ cursor:pointer; color:#ff3700;}
	.info-wrp{
		width:40%; display:inline-block; vertical-align:top;
		}

	/* -- Inventory Detail -- */
	ul.spc{ list-style:none; margin-left:0;}
	ul.spc li.lt{ width:49.5%; float:left; text-transform:uppercase;}
	ul.spc li.rt{ width:49.5%; float:right; text-transform:uppercase;}
	ul.spc li{ margin:0 0 2px 0; padding:2px 0px; background-color:#191919;}
	ul.spc li.sp{ background:none; background-color:#191919;}
	ul.spc li span.dt{ padding:0 5px; background-color:#191919;}
	ul.spc li span.dd{ float:right; padding:0 5px; background-color:#191919;}
	
	@media only screen and (max-width: 1024px) {
		#cnt-wrp{ padding:0 20px 0 20px;}
		#lgo #lgo-text{ max-width:500px;}
	}
	
	@media only screen and (max-width: 800px) {
		#lgo #lgo-text{ max-width:350px;}
		#wrp > div{
			display:block; width:100%;
			}
		.crd{ width:49%; }
		.info-wrp{ display:block; width:100%;}
		.itm-wrp{ display:block; width:100%;}
	}
	
	@media only screen and (max-width: 640px) {
		#hdr-wrp{ padding:10px 0 0 0; text-align:center;}
		#lgo{ position:inherit; top:0;}
		#lgo #lgo-round{ max-width:100%; position:inherit; top:0;}
		#lgo #lgo-text{ display:none;}
		#tel{ position:inherit; top:0;}
		
		#nav{ position:absolute; top:0; width:100%; z-index:99; display:none;}
		#nav li{ display:block;}
		#nav li a{ background-color:black; color:white; text-align:center; opacity:1; border-bottom:grey solid 1px; padding:10px 20px;}
		#nav-trig{ font-size:12px; position:absolute; top:10px; right:0px; z-index:100; }	
	
		.crd{ width:100%; margin:0; margin-bottom:10px; }
		
		ul.spc *{ font-size:12px !important;}
		ul.spc li.lt{ width:99%; float:none;}
		ul.spc li.rt{ width:99%; float:none;}
		
		.itm-main{ background-size:contain; height:350px;}
		.itm-nav{ display:none;}

		#ftr{ text-align:center;}
		#ftr img{ height:80px; float:none; margin-bottom:20px;}

	}