/* CSS Document */

/* default */
*{ margin:0; padding:0;}
img{border:0;}
h1,h2,h3,h4,h5,h6{ font-weight:normal; font-family: 'Slackey', cursive;}
h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dd,dt { padding:0; margin:0;}
ul,ol { list-style:none;}
a { text-decoration:none;}
.hidden{ text-indent:-999em; overflow:hidden;}
hr.hide-line{ padding:0; margin:0; display:none;}
.clear{ clear:both;}
.clearfix:after { height:0; clear:both;visibility:hidden;}
/*.clearfix {display:inline-block;}*/
/* Hide from IE Mac \*/
/*.clearfix {display:block;}*//* End hide from IE Mac */

/* Clearfix */
.clrfix:before,
.clrfix:after {
    content: " ";
    display: table;
}
.clrfix:after {
    clear: both;
}
.clrfix {
    *zoom: 1;
}

/* Body */
body{font-family: 'Source Sans Pro', sans-serif; background:url(../images/body-bg.jpg) no-repeat fixed center top; background-size:cover; margin:0; padding:0; text-align: center; color:#000;}
.row{ max-width:1200px; width:100%; margin:0 auto;}

/*header*/
header{ border-top:5px solid #FF0000; position:relative}
.red-bg{background:#FF0000; height:106px; margin:90px 0 0; box-shadow: 0 4px 2px -2px gray;}
.logo{ float:left; margin:-79px 0 0;}
.hd-right{ float:right; text-align:right;}
.sm{ vertical-align:middle; font-size:14px; font-weight:bold; letter-spacing:4px; margin:-65px 0 45px 0;}
.sm *{ vertical-align:middle;}
.sm a{ padding:0 2px;}
header nav ul{ text-align:center; padding:0;}
header nav ul li{ display:inline-block; vertical-align: middle;}
header nav ul li a{ text-decoration: none; display:block; font-size:24px; color:#fff; font-family: 'Slackey', cursive; line-height:77px; padding:0 40px;}
header nav ul li a:hover, header nav ul li.active-menu a{ color:#000; background:url(../images/hover.png) no-repeat center;}
nav a#pull { display: none;}

/*header*/
#banner{ position:relative;}

/* main */
#main { width:100%;  margin:0 auto; padding:0;}

/* content */
#content{ position:relative}
.mid{ background:url(../images/mid.png) no-repeat center top; max-width:1165px; width:100%; min-height:365px;}
.mid p{ width:60%; margin:75px 55px 0 0; float:right; font-size:24px; color:#000; font-family: 'Slackey', cursive;}
.mid p strong{ color:#FF0000;}



/* contact */
.contactBox { width:100%; max-width:500px; margin:0 auto; padding:10px 0 10px; background:#F6F1E6; border: 1px #D71015 solid; color:#000;}
.contactBox p { padding:0 10px 0 !important;}
.contactBox a { color:#000 !important;}
.contactBox strong { color:#D71015; font-family: 'GoudyStoutRegular';}
.contactBox-left { float:left; width:250px; margin:0; padding:0;}
.contactBox-right { float:right; width:250px; margin:0; padding:0;}

.contactForm { width:100%; max-width:500px; margin:10px auto; box-sizing:border-box; padding:10px 20px; background:#F6F1E6; border: 1px #D71015 solid; color:#000;}
.contactForm label { text-align:left; display:block; margin:10px 0 5px; font-size:14px; line-height:120%;}
.contactForm input[type=text] { box-shadow:2px 2px 3px #CCC inset; border: 1px #D71015 solid; display:block; width:100%; min-height:25px; margin:0 auto; padding:0; font-size:14px; line-height:120%; font-family:Georgia, "Times New Roman", Times, serif;}
.contactForm input[type=submit] { display:block; width:100px; margin:0 auto; padding:10px; text-align:center; font-size:14px; line-height:120%; font-family:Georgia, "Times New Roman", Times, serif;}
.contactForm textarea {box-shadow:2px 2px 3px #CCC inset; border: 1px #D71015 solid; display:block; width:100%; margin:0 auto; padding:0; font-size:14px; line-height:120%;}

/*content bottom*/
#content-bottom{ position:relative;}
#content-bottom h2{ font-size:48px; color:#FF0000; position:relative; margin:20px 0;}
#content-bottom h2:before{ content:" "; width:420px; height:1px; background:url(../images/line.jpg) no-repeat center left; position:absolute; left:50px; top:35px;}
#content-bottom h2:after{ content:" "; width:420px; height:1px; background:url(../images/line.jpg) no-repeat center right; position:absolute; right:50px; top:35px;}

/*footer*/
footer{ position:relative; padding:100px 0 30px;}
.ft-red{ background:#FF0000; height:64px; position:relative; box-shadow: 0 4px 2px -2px gray;}
.ft-logo{ position:absolute; left:0; right:0; margin:0 auto; top:-54px;}
footer .ft-nav { float:left; padding:25px 0 0 0 !important; font-size:14px !important; font-weight:700;}
footer .ft-nav span { padding:0 8px 0; font-weight:normal; color:#fff;}
footer .ft-nav a { color:#fff; letter-spacing:4px; }
footer .ft-nav a:hover,footer .ft-nav a.active-menu { color:#000;}
.copy{ padding:20px 0 0; font-size:14px; font-weight:bold; float:right; color:#fff; letter-spacing:3px;}
footer h2{font-family: 'Source Sans Pro', sans-serif; font-size:14px; font-weight:bold; letter-spacing:4px; padding:30px 0 15px 0;}
.ft-sm a{ margin:0 3px;}

body#inner #content{ min-height:300px;}
body#inner #content h1{ color:#FF0000; text-align:left; font-size:40px; padding:20px 0 10px;}
body#inner #content p{ text-align:left; font-size:18px;}
body#inner #content  ul{ text-align:left; padding:0; margin-left:30px; list-style:disc; font-size:18px;  }

.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%;
}