/* -----------------------------------------------------------
	 General Styles
----------------------------------------------------------- */

@import url("reset.css");
@import url("https://fonts.googleapis.com/css?family=Fjalla+One");
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,700,800");
@import url("https://fonts.googleapis.com/css?family=Russo+One");
@import url("content.css");
/*@import url("join-boxes.css");*/

.clear{ clear: both; }
.clearfix:before, .clearfix:after{ content: " "; display: table; }
.clearfix:after { clear:both; }

body {
	width: 100%;
	-webkit-text-size-adjust: 100%; /* Stops Mobile Safari from auto-adjusting font-sizes */
	font-family:Arial, Tahoma;
	/* background:#333333 url("../images/bgmain.png"); */
	background:black;
	position:relative;
	line-height: 20px;
	margin:0px;
	padding:0px;
}



h1, h2{
	font-family: 'Russo One', sans-serif;
	font-size:25px;
	text-transform: uppercase;
	clear:both;
	display:block;
	line-height: 25px;
	color:#336699;
	text-align:center;
	padding:25px 0px;
}
h1{
	text-align: left;
	color: #333333;
	font-size: 35px;
	text-transform: none;
	font-weight: normal;
	line-height: 55px;
	padding-bottom: 0px;
}
h1.cc{ text-align: center;}
h1, h2 span { color:#990000; }
h2 a, h2 a:visited{ color:#336699; text-decoration: none; }
h2 a:hover{ color:#990000; text-decoration: underline; }
h1 a, h1 a:visited{ color:#333333; text-decoration: none; }
h1 a:hover{ color:#990000; text-decoration: underline; }
h1.cc a, h1.cc a:visited{ color:#FFFFFF; text-decoration: none; }
h1.cc a:hover{ color:#EDEDED; text-decoration: underline; }



h4{
	font-family: 'Fjalla One', sans-serif;
	font-size:18px;
	text-transform: uppercase;
	clear:both;
	display:block;
	line-height: 35px;
	color:#FFFFFF;
}

a, a:visited{ color:#990000; text-decoration: none; }
a:hover{ color:#333333; text-decoration: underline; }

.btn, .btn:visited{
	color: #FFF;
	border-top-color: #4c0606;
	border-left-color: #EDEDED;
	border-right-color: #EDEDED;
	border-bottom-color: #4c0606;
	-webkit-box-shadow: inset 0 1px 1px 0 #CCCCCC;
	-moz-box-shadow: inset 0 1px 1px 0 #CCCCCC;
	box-shadow: inset 0 1px 1px 0 #CCCCCC;
	background: #4c0606;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#981212",endColorstr="#4c0606");
	background: -webkit-gradient(linear,left top,left bottom,from(#981212),to(#4c0606));
	background: -moz-linear-gradient(top,#981212,#4c0606);
	background-image: -o-linear-gradient(top,#981212 0,#4c0606 100%);
	background-image: linear-gradient(to bottom,#981212 0,#4c0606 100%);

	background: url("../images/btn.jpg") left top repeat-y;

	font-family: "Russo One", sans-serif;
	font-size: 30px;
	text-transform: uppercase;
	padding:30px 50px;
	display: block;

	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	-khtml-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;

}
.btn:hover{
	color:#FFFFFF;
	background:#990000;
}
.btn.white{
	background: url("../images/btn2.jpg") center center;
	color: #000000;
}
.small .btn{
	font-size: 17px;
  	padding: 20px 32px;
}
.w50 {
	width:332px;
	float:left;
	text-align: center;
	margin: 5px;
	padding:50px 32px;
}



input[type="text"], input[type="submit"], input[type="email"] {
	padding:5px 20px;
}


/* Page Numbers CSS */
.page_numbers {display:inline-block; line-height:30px; text-align:center; margin:0px; width: 100%;padding: 10px;}
.page_numbers a {margin:0px; color:#FFFFFF; text-decoration:none;}
.page_numbers a:hover  {filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7;}
.page_totals {padding-left:10px; padding-right:10px; height:26px; display:block; text-align:center; vertical-align:middle;}
.number {padding-left:8px; padding-right:8px; padding-top:4px; padding-bottom:4px; width:26px; display:inline; text-align:center; vertical-align:middle; border:1px solid #b3b2b2; border: 2px outset #808080; background-image: url(/images/number.png);}
.number_current {margin:2px; padding-left:8px; padding-right:8px; padding-top:4px; padding-bottom:4px; display:inline; text-align:center;  vertical-align:middle;border:1px solid #b3b2b2; border: 2px outset #808080; color:#FFFFFF; background-image: url(/images/current.png);}



/* table styles */
	.table {
		display: table;
		width:100%;
	}
	.table.borders{
		border-top:#CCCCCC 1px solid;
		border-left:#CCCCCC 1px solid;
	}
	.row {
		display: table-row;
	}
	.cell {
		display: table-cell;
		padding:0.5em 0 0 0.5em;
		vertical-align: middle;
	}

.copy a, .copy a:visited{ color: #CCCCCC; }
.copy a:hover{ color: #FFFFFF; }

.t4pics {
    float: left;
    text-align: center;
    margin: 10px 0px 10px 10px;
    background: #EDEDED;
}
.t4pics.nd1, .t4pics.nd2 { margin-bottom:0px; }

.t4pics .desc {
    padding: 20px;
    font-size: 20px;
    font-family: 'Fjalla One', sans-serif;
}

.t6pics {
    float: left;
    text-align: center;
    margin: 10px 0px 10px 10px;
    background: #EDEDED;
}
.t6pics.nd1, .t6pics.nd2 { margin-bottom:0px; }

.t6pics .desc {
    padding: 20px;
    font-size: 20px;
    font-family: 'Fjalla One', sans-serif;
}
.t6pics.nd1, .t6pics.nd3, .t6pics.nd4, .t6pics.nd6 { width: 278px; }
.t6pics.nd2, .t6pics.nd5 { width: 625px; }
.t6pics img { width: 100%; max-height: 417px; }

#main{
	margin:0 auto;
	padding-top: 20px;
	position:relative;
	z-index:10;
} 

.header .logo { background: none; }

.e404text {
	float:left;
	padding:20px;
	font-size:20px;
	line-height: 30px;
}
.e404pic {
	float:right;
	padding:20px;
}
.e404pic img {
	border:#CCCCCC 5px solid;
}


/* 1200 */
@media only screen and (min-width: 1220px) { /* .w1700 */

}

/* 900 */
@media only screen and (min-width: 782px) and (max-width: 1220px)  {
	#main { width:960px; }
	.cntcont, .header, .topline { width:960px; }
	.menu ul li a { padding: 0px 15px; }
	.t4pics.nd1, .t4pics.nd3 { width: 286px; }
	.t4pics.nd2, .t4pics.nd4 { width: 645px; }
	.t4pics img { width: 100%; height: auto; }
	.t6pics.nd1, .t6pics.nd3, .t6pics.nd4, .t6pics.nd6 { width: 216px; }
	.t6pics.nd2, .t6pics.nd5 { width: 486px; }
	.th { width: 295px !important; }
	.th .thumb a img { width: 100% !important; height: auto !important; }
	.w50 { width: 280px; padding: 50px 15px; }
	.slideshow img { width: 950px; height: auto; }
	.t6pics img { width: 100%; max-height: 320px; }
	.t6pics .desc {
    padding: 20px;
    font-size: 15px;
    font-family: 'Fjalla One', sans-serif;
}
}

/* 300 */
@media only screen and (max-width: 782px) {
	h1 {font-size: 25px !important;}
	#main { width:500px; }
	.header .logo { width: 100%; height: 130px; }
	.header .logo img { width: 100%; height: auto; }
	.slideshowsmall { display: none; }
	.cntcont, .header, .topline { width:500px; }
	.menu ul li a { padding: 0px 5px; font-size: 11px; }
	.t4pics.nd1, .t4pics.nd3 { width: 126px; }
	.t4pics.nd2, .t4pics.nd4 { width: 345px; }
	.t4pics img { width: 100%; height: auto; }
	.t6pics .desc { font-size: 12px; }
	.t6pics.nd1, .t6pics.nd3, .t6pics.nd4, .t6pics.nd6 { width: 109px; }
	.t6pics.nd2, .t6pics.nd5 { width: 245px; }
	.th { width: 225px !important; }
	.th .title { font-size: 12px; }
	.th .thumb a img { width: 100% !important; height: auto !important; }
	.w50 { width: 455px; padding: 30px 15px; }
	.slideshow img { width: 490px; height: auto; }
	.t6pics img { width: 100%; max-height: 320px; }
	.t6pics .desc {
    padding: 15px;
    font-size: 10px;
    font-family: 'Fjalla One', sans-serif;
		 overflow:hidden; 
     white-space:nowrap; 
}
}

/* a.modellink{ color:#FFFFFF; } */