/*===================== 
	CSS reset/normalize 
=======================*/

/**Correct `block` display not defined in IE 8/9.**/
article,aside,details,figcaption,figure,footer,header,hgroup,
main,nav,section,summary {display: block;}
pre {white-space: pre-wrap;}
small { font-size: 80%;}


/*===================== 
		Fonts
=======================*/



/*===================== 
	base styles 
=======================*/

html {
    -ms-text-size-adjust: 100%; /* 2 */
    -webkit-text-size-adjust: 100%; /* 2 */
	}

body {
    font-family: 'Oswald', sans-serif;
    margin: 0;
	padding:0;
	background:url("../siteart/small-crackle-bright_@2X.jpg") repeat !important;
	color:#000;
	}

svg:not(:root) {overflow: hidden;/*reset*/}
	
/* clear floats */ 
.group:before,
.group:after {content: ""; display: table;} 
.group:after {clear: both;}
.group {zoom: 1;}	
.clear { clear: both;}
	
/*image replacement*/
.hide-text {
	text-indent:  100%;
	white-space:  nowrap;
	overflow:  hidden;
	}	

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
	border-style: solid;
    height: 0;
	} 

img { border: 0; max-width:100%;} 
	
/*===================== 
	typography 
=======================*/

h1, h2, h3, h4, h5, h6 {
    font-family: 'Oswald', sans-serif;
	margin: 0;
	padding:0 0 2% 0;
	font-weight:700;
	line-height:1.5em;
	}
	h1 {font-size: 36px;}
	h2 {font-size: 30px;}
	h3 {font-size: 24px;}
	h4 {font-size: 20px;}
	h5 {font-size: 18px;}

p {
    font-family: 'Oswald', sans-serif;
	padding: 0 0 2% 0;
	font-size:18px;
	line-height:1.5em;
	margin: 0;
	font-weight:300;
	}
strong{font-family: 'Oswald', sans-serif;font-weight:700;}

/*===================== 
	link styles 
=======================*/

a.link:focus {outline: thin dotted;/*reset*/}	
a {text-decoration:none;color:inherit;}
a:hover{text-decoration: none;} 
 
/*===================== 
	list styles 
=======================*/
ul.list{
	margin:0;
	padding: 0 0 5% 7%;
}
ul.list li{
	font-size:16px;
}

/*===================== 
	header styles 
=======================*/
.topbar{padding:2px 0;font-size:14px;color:#fff;width:100%;text-align:right;}
.topbar h4{display:inline;margin-left:30px;color:#bdbdbd;text-shadow:2px 2px 2px #000;padding:0;}
.topbar h4 a{color:#fff;}
.header{margin:0;padding:10px 0;position:absolute;z-index:100;top:0;width:100%;}
.headerwrap{width:96%;max-width:1480px;margin:0 auto;}
.logo{float:left;}
.logo img {width: 100%; max-width: 300px; height: auto;}
.headright{float:right;width:70%;}
.navbar{background:#c1272d;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;-moz-box-shadow:5px 5px 5px rgba(0,0,0,0.6);-webkit-box-shadow:5px 5px 5px rgba(0,0,0,0.6);box-shadow:5px 5px 5px rgba(0,0,0,0.6);margin-top:5px;}

/*===================== 
	content styles 
=======================*/
.wrapper{width:96%;max-width:1480px;margin:0 auto;padding:0;}
.container{width:100%;max-width:1520px;margin:2% auto;margin-bottom:3%;}
.pagebanner{max-height:350px;overflow:hidden;}
.pagebanner img{width:100%;}
.pagetitler{border-bottom:5px solid #000;color:#c1272d;line-height:1.1em;padding-bottom:5px;margin-bottom:2%;margin-top:3%;}	

/*===================== 
	slideshow styles 
=======================*/
.slides{background:url(../siteart/concrete_wall.png) repeat;padding:0;color:#fff;position:relative;border-bottom:5px solid #fff;}

/*.cycle-slideshow{box-shadow: 0px 2px 5px 1px rgba(0,0,0,.75);}*/
.cycle-slideshow .cycle-slide, .cycle-slideshow img{width:100% !important;display:block;}

/* pager */
.cycle-pager {text-align: center; width: 100%; z-index: 500; position: absolute; bottom: 10px; overflow: hidden;display:none;}
.cycle-pager span {font-family: arial; font-size: 50px; width: 16px; height: 16px;display: inline-block; color: #ddd; cursor: pointer; transition: all .5s ease-in-out;}
.cycle-pager span.cycle-pager-active {color:#2885b3;}
.cycle-pager > * {cursor:pointer;}


/*===================== 
	quicklinks styles 
=======================*/
.quicklinks{padding:1% 0;text-align:center;margin:0 auto;background:#ddd;text-align:center;position:relative;border-top:20px solid #000;}
.linkbox{width:26%;margin:0 3%;display:inline-block;zoom: 1;*display: inline;vertical-align:middle;position:relative;padding-top:110px;}
.linkbox img{position:absolute;width:100%;top:-150px;left:0;right:0;z-index:99;}
.linkbox h2{color:#c1272d;padding:0;border-bottom:3px solid #000;margin-bottom:2px;}
.linkbox p{color:#000;display:block;font-weight:500;}
.linkbox:hover img{-moz-transform:scale(0.95);-webkit-transform:scale(0.95);-ms-transform:scale(0.95);-o-transform:scale(0.95);transform:scale(0.95);-moz-transition:0.2s ease-in;-webkit-transition:0.2s ease-in;-ms-transition:0.2s ease-in;-o-transition:0.2s ease-in;transition:0.2s ease-in;}
.linkbox:hover h2{color:#000;border-bottom:3px solid #c1272d;-moz-transition:0.2s ease-in;-webkit-transition:0.2s ease-in;-ms-transition:0.2s ease-in;-o-transition:0.2s ease-in;transition:0.2s ease-in;}
.linkbox:hover p{color:#c1272d;-moz-transition:0.2s ease-in;-webkit-transition:0.2s ease-in;-ms-transition:0.2s ease-in;-o-transition:0.2s ease-in;transition:0.2s ease-in;}

/*===================== 
	quicklinks styles 
=======================*/	
.welcome{padding:4% 0;background:url("../siteart/small-crackle-bright_@2X.jpg") repeat;}
.welcometext{width:60%;float:left;}
.welcometext iframe{height:400px;border-top:1px solid #ddd;border-left:1px solid #ddd;-moz-box-shadow:5px 5px 5px rgba(0,0,0,0.4);-webkit-box-shadow:5px 5px 5px rgba(0,0,0,0.4);box-shadow:5px 5px 5px rgba(0,0,0,0.4);margin-bottom:5%;}
.welcomeright{width:35%;float:right;margin-left:5%;position:relative;height:360px;}
.welcomeright img{position:absolute;z-index:12;}
.welcome h3{color:#000;padding:0;line-height:1em;font-weight:500;}
.welcome h1{color:#c1272d;padding-bottom:5px;border-bottom:5px solid #000;margin-bottom:1%;line-height:1.2em;}
.welcome p{color:#000;}
.linkbutton{background:#000;text-align:center;padding:8px 0;width:300px;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;color:#fff;}
.linkbutton:hover{background:#c1272d;-moz-transition:0.2s ease-in;-webkit-transition:0.2s ease-in;-ms-transition:0.2s ease-in;-o-transition:0.2s ease-in;transition:0.2s ease-in;}

/*===================== 
	contact styles 
=======================*/
.addressed h3{padding-bottom:0;color:#c1272d;text-decoration:underline;}
.addressed h4{color:#000;font-weight:500;padding-bottom:3%;}
.addressed h4 span{color:#c1272d;}
.addressed p strong{color:#c1272d;text-decoration:underline;}
.addressed p a{font-weight:800;}
.addressed p a:hover{color:#c1272d;}
.addressed img{max-width:300px;}

/*===================== 
	Form styles 
=======================*/
#formpage{padding:0 10px;}

#formpage form{
	margin:0 0 0;
}
#formpage label{
	display:block;
	font-size:16px;
	padding-top: 4%;
	width:100%;
}
#formpage input{
	font-family: 'Oswald', sans-serif;
	border: #999999 solid 1px;
	border-radius: 2px;
	padding: 1%;
	font-size:14px;
	width:98%;
	margin-bottom:10px;
}
#formpage input:focus{
	border: #2885b3 solid 1px;
}
#formpage input.button2{
	display:block;
	width:50%;
	margin:0 auto 5% auto;
	border:#277e32 solid 1px;
	background-color:#38b749;
	color:#fff;
	border-radius: 2px;
}

#formpage input.button2:hover{
	background-color:#277e32;
	cursor:pointer;
}

#formpage select{
	font-family: 'Oswald', sans-serif;
	border: #999999 solid 1px;
	padding: 1%;
	font-size:14px;
	width:98%;
}

#formpage textarea{
	font-family: 'Oswald', sans-serif;
	border: #999999 solid 1px;
	border-radius: 2px;
	padding: 1%;
	font-size:14px;
	width:98%;
}

#formpage input[type='checkbox'],input[type='radio']{width:15px !important;min-width:15px !important;margin-right:2px;}



/*===================== 
	inventory styles 
=======================*/

.scrolling-wrap {
    width:100%;
    height:90px;
    overflow:hidden;
}
 
.scrolling{
    width:100%;
    height:92px;
}



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

.pagebottom{background:#fff;padding:0 0 20px 0;border-bottom:#c1272d 50px solid;text-align:center;position:relative;}
.pagebottom p{color:#000;font-size:14px;}
.pagebottom a{color:#000;font-family: 'Oswald', sans-serif;}
.pagebottom a:hover{color:#c1272d;}
.footerpages{margin:10px auto;padding-top:50px;}
.footerpages a{margin:0 10px;}
.footerlogo{position:absolute;z-index:10;width:20%;left:40%;right:40%;top:60px;}
.footerlogo img{max-width:200px;}

footer {
	font-family: 'Oswald', sans-serif;
	margin: 0 auto;
	width: 100%;
	}
	
a.footerlink:link,
a.footerlink:visited, 
a.footerlink:active {
	text-decoration: none; 
	font-size:11px;
	color: #666;
	border-bottom:none;
	}
	a.footerlink:hover {
		text-decoration:none; 
		font-size:11px;
		color: #c1272d;
		}

.footertext {
	font-size:11px; 
	color:#666;
	}

.smallfootertext {
	font-size:11px; 
	color:#666;
	}

.divfooter {
	text-align:center; 
	margin:0 auto;
	}

/*===================== 
	Responsive styles 
=======================*/
@media screen and (max-width: 1450px) {
	h1 {font-size: 30px;}
	h2 {font-size: 26px;}
	h3 {font-size: 22px;}
	h4 {font-size: 20px;}
	h5 {font-size: 18px;}
	.topbar h4{font-size:18px;}
	.linkbox{padding-top:80px;}
	.welcomeright{height:320px;}
	
	.welcometext iframe{height:300px;}
}

@media screen and (max-width: 1300px) {
	.headright{width:65%;}
	.quicklinks{border-top:10px solid #000;}
	.linkbox{width:28%;margin:0 2%;}	
}

@media screen and (max-width: 1100px) {
	h1 {font-size: 28px;}
	h2 {font-size: 24px;}
	h3 {font-size: 20px;}
	h4 {font-size: 18px;}
	h5 {font-size: 16px;}	
	p {font-size: 16px;}
	.linkbox{padding-top:40px;}
	.welcomeright{height:auto;}
	.welcomeright img{position:relative;}
}

@media screen and (max-width: 1000px) {
	.headright{width:auto;}
	.linkbox{padding:0;}
	.linkbox img{position:relative;top:auto;max-width:80%;margin:0 auto;}
	.linkbox h2{font-size:20px;}
	.linkbox p{font-size:14px;}
	.welcomeright{margin-bottom:0;}
	.pagebottom{border-bottom:30px solid #c1272d;}
	.footerlogo{width:30%;left:35%;right:35%;}
	
	#contactleft,#contactright{width:100%;float:none;display:block;text-align:center;margin:1% auto;}
	#contactright{padding-bottom:3%;}
	.welcometext iframe{margin-bottom:1%;}
}

@media screen and (max-width: 800px) {
	h1 {font-size: 26px;}
	h2 {font-size: 22px;}
	h3 {font-size: 20px;}
	h4 {font-size: 18px;}
	h5 {font-size: 16px;}	
	p {font-size: 16px;}	
	.logo{margin-top:-25px;max-width:240px;}
	.quicklinks{padding:3% 0;}
	.linkbox{width:30%;margin:0 1%;}
	.linkbox h2{font-size:18px;}
	.welcometext{width:65%;}
	.welcomeright{width:30%;}
	.footerpages a{font-size:14px;margin:0 5px;}
}

@media screen and (max-width: 700px) {
	.wrapper{width:92%;}
	.topbar h4{font-size:15px;margin-left:20px;}
	.quicklinks .wrapper{width:96%;}
	.linkbox h2{font-size:15px;}
	.linkbox p{font-size:12px;}
	.welcometext,.welcomeright{float:none;display:block;width:100%;margin:0 auto;text-align:center;}
	.linkbutton{width:80%;margin:1% auto;font-size:15px;}
	.welcome{padding:8% 0;}
	.welcomeright img{display:none;}
	.footerlogo{width:40%;left:30%;right:30%;}
	
	.welcometext iframe{height:200px;}
}

@media screen and (max-width: 600px) {
	.topbar{text-align:center;}
	.topbar h4{text-shadow:none;color:#c1272d;margin:0 10px;}
	.topbar h4 a{color:#000;}
	.topbar h4 a:hover{color:#c1272d;}
	.header{position:relative;padding:10px 0 0 0;}
	.headerwrap{width:100%;}
	.logo,.headright{float:none;display:block;width:100%;text-align:center;margin:0 auto;}
	.navbar{-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;margin-top:10px;}
	.linkbox{width:40%;margin:1%;}
	.linkbox img{max-width:60%;}
	#trailerbox img{margin-bottom:-20px;}
	
	.pagetitler{margin-top:5%;}
	.container{margin-bottom:5%;}
}


@media screen and (max-width: 520px){
	.linkbox{width:45%;}
	.welcometext h1 span{display:block;}
	.footerpages a{display:block;margin:2px 0;}	
	.footerlogo{position:relative;left:auto;right:auto;width:auto;top:auto;margin-top:20px;}
	.footerpages{padding:0;}
}

@media screen and (max-width: 414px){
	.topbar h4{font-size:13px;margin:0 6px;}
	.linkbox{width:70%;margin:2% auto;}
	.linkbutton{width:100%;}
}

@media screen and (max-width: 320px){
	.linkbox{width:80%;}
}