/* SITE-BASED CHANGES */
* { font-family: "Georgia", "Times", "Times New Roman", serif; }

#header { width:100%; background-size:contain; background-color:#f8e2c5; padding:5px 0; border-top:5px solid #4f271f; border-bottom:5px solid #4f271f; }
#header h1 { font-size:28px; margin:20px 0 0 0; padding:0; color:#825131; line-height:30px; }
#header h2 { font-size:28px; margin:0; padding:0; color:#67401f; line-height:30px; font-weight:normal; }
#header p { font-size:18px; margin:10px 0; padding:0; color:#462a1f; line-height:20px; }

.w1_3 h3 { background-color:#492b21; color:#fff; text-transform:uppercase; text-align:center; font-size:18px; line-height:18px; padding:5px; }
.w1_3 img { max-width:calc(100% - 6px); margin:10px 0px; background-color:#fff; box-shadow:0 0 10px rgba(0,0,0,0.5); border:3px solid #fff; }

.max { 
	font-size:13pt; 
}
.max p { margin:0px; padding:5px 0; }
.max ul { padding-left:1em; }
.max li { padding:5px 0px; }



/* HOMEPAGE ROTATION WITH FORM */
.feature { 
	/* background:url(images/feature.jpg) center left #fff; background-size:cover; */
	
}
.feature img { max-width:100%; height:auto; }
.feature h1 { 
	float:right;
	width:auto; font-size:42px;
	height:100%;
	color:#003300;
	text-shadow:1px 1px 2px #fff, -1px -1px 2px #fff;
	padding:0 10px; 
	margin:0;
	text-align:center; 
	line-height:36px;
	background-color:rgba(255,255,255,0.4);
}


/* HOMEPAGE ROTATION */
#feature_new,
#feature_new_background,
#feature_new ul.feature_new,
#feature_new ul.feature_new li,
#feature_new ul.feature_new li img {
	height:600px;
	width:100%;
}

#feature_new {
	margin:0px; padding:0px;
	overflow:hidden;
	text-align:center;
	z-index:5;
	position:relative;
	box-shadow:0px 0px 10px rgba(0,0,0,0.75); 
	
}
#feature_new_background { 
	position:absolute; margin:0px 0;
}
#feature_new ul.feature_new { list-style:none; margin:0; padding:0; position:relative; }
#feature_new ul.feature_new li { position:absolute; bottom:0; left:0px; opacity:0; text-align:center; background-position:center center; background-size:cover; }
#feature_new ul.feature_new li img { }
#feature_new ul.feature_new li div { 
	position:absolute; bottom:160px; left:0px;  width:100%; text-align:center; 
	font-size:36pt; color:#fff; font-weight:bold; 
	text-shadow:0px 0px 5px rgba(0,0,0,0.75);
}
.feature_new_top { 
	position:absolute; top:10px; left:0px; width:100%;
	color:#F8CC24;
	font-size:42px;
	text-shadow:2px 2px 0px #000;
	text-transform:uppercase;
}
.feature_new_bottom { 
	position:absolute; bottom:0px; left:0px; width:100%;
	color:#333;
	font-size:28px;
	text-shadow:2px 2px 0px #fff;
	text-align:center;
	background-color:rgba(255,255,255,0.50);
	padding:10px;
}


/* FORM */
.form { }
.form form p { text-align:center; }
.form form { 
	padding:10px; margin:0 0 0 10px; 
	box-shadow:0 0 5px rgba(0,0,0,0.5); 
	background-color:#9a572c; 
	border:1px dotted #fff; 
	color:#fff; 
}
.form h2 {
	text-align:center;
	font-size:18pt;
	text-shadow:1px 2px #333;
	margin-bottom:10px;
}
label {
	float:left; width:100px;
	font-size:14pt; 
	line-height:18pt;
	padding:3px; 
}
input.text { 
	width:calc(100% - 122px);
	border:0px; box-shadow:0px 0px 5px rgba(0,0,0,0.50); 
	float:left;
	font-size:14pt; 
	padding:3px; 
	line-height:14pt;
	font-weight:normal;
}
.btnSubmit {
	font-size:14pt;
	font-weight:bold;
	background-color:#000;
	border:0px;
	border-radius:5px;
	padding:5px;
	color:#fff;
	margin-top:5px;
}


/* BANNER */
.banner { 
	background:url(../images/banner.gif) top center no-repeat; height:80px; margin:0 0 10px 0; 
	color:#fff;
	text-align:center;
	font-size:20px;
	font-style:italic;
	line-height:60px;
	text-shadow:0px 2px 0px #333; 
}
.banner a {
	color:#fff;
	text-decoration:none;
	display:block;
}



/* CONSTANTS */
* { margin:0px; padding:0px; }
html, body { margin:0px; padding:0px; }

.max { max-width:960px; width:100%; margin:0 auto; }
.center { text-align:center; }
.pad { padding:10px; }
.padSide { padding:0 15px; }
.gallery { width:23%; float:left; padding:1% 1%; margin:0px; display:block; height:180px; overflow:hidden; }
.gallery img { max-width:100%; height:auto; }

.w100 { width:100%; }
.w1_3 { width:33.3%; float:left; }
.w1_2 { width:50%; float:left; }
.w2_3 { width:66.6%; float:left; }
.w1_4 { width:25%; float:left; }

.clear { clear:both; font-size:0px; height:10px; }
.noheight { height:0px; }

.left { float:left; }
.right { float:right; }
.text_right { text-align:right; }
.text_left { text-align:left; }
.text_center { text-align:center; }

/* RESPONSIVE VIDEO */
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* RESPONSIVE ADJUSTMENTS */
@media screen AND (max-width:1000px) {
	.feature h1 { width:90%; padding:5%; margin-top:80px; }
	.banner { background:transparent; background-color:#263f79; margin:0; height:auto; line-height:28px; padding:10px 0; }	
}

@media screen AND (max-width: 850px) {
	#header { text-align:center; }
	#header img { margin:0 auto; float:none; }
}

@media screen AND (max-width:780px) {
	.gallery { width:31%; float:left; padding:1% 1%; margin:0px; display:block; }
	
	.max { width:100%; }
	#header { text-align:center; }
	#header img { float:none; }
	
	.feature { float:none; display:block; width:100%; }
	.form form { border:none; margin:0; box-shadow:none; }
	
	.feature h1 { width:90%; padding:5%; text-align:center; margin:0; }
	
	.w1_3 img { max-width:100%; height:auto; display:block; float:none; margin:0 auto; }
	.w1_3 div.center { text-align:left; }
	
	.w1_3, .w2_3, .w1_4 { width:100%; float:none; display:block; }
}

@media screen AND (max-width:600px) {
	#header { text-align:center; }
	#headerContact { float:none; text-align:center; }
	.padSide { padding:0px; }
}

@media screen AND (max-width:480px), mobile {
	
	.gallery { width:48%; float:left; padding:1% 1%; margin:0px; display:block; }
	
	.max h1 { font-size:14pt; }
	
	#header img { float:none; }
	#header h1 { float:none; text-align:center; padding-bottom:0px; font-size:24px; line-height:24px; }
	#header h2 { float:none; text-align:center; font-size:18px; padding-top:0px; line-height:18px; }
	.feature { float:none; display:block; width:100%; }
	.feature h1 { width:90%; padding:50% 5% 5% 5%; text-align:center; margin:0; font-size:36px; }

	.w1_3 img { max-width:100%; height:auto; }
}