@charset "utf-8";
/* CSS Document */

.column1 {
	float: left;
	width: 33.33%;
	background-color: #FFF;
	font-family: "Fjalla One";
	font-size: 24px;
	color: #000;
}
.column2 {
	float: left;
	width: 33%;
	background-color: #FFF;
	font-family: "Fjalla One";
	font-size: 24px;
	color: #000;
	height: auto;
}

.column3 {
	float: left;
	width: 33.33%;
	background-color: #FFF;
	font-family: "Fjalla One";
	font-size: 36px;
	font-weight: normal;
	color: #000000;
	padding-top: 20px;
	
}

.column3 a:link, .column3 a:active, .column3 a:visited {
	font-size: 36px;
	font-weight: normal;
	color: #000000;
	font-family: "Fjalla One";
	text-decoration: none;
}
.column3 a:hover {
	color: #000000;
	font-family: "Fjalla One";
	font-size: 36px;
}
#row {
	width:100%;
	height: 160px;
	background-color: #FFF;

}



/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}
/*  layout - when the screen is less than 600px wide, make the three columns stack on top of each other instead of next to each other */
@media screen and (max-width: 1000px) {
#manufacturers {
	padding-right: 25px;
	padding-left: 25px;
}

.eightyEight {
	height: auto;
	width: 88%;
	margin-right: auto;
	margin-left: auto;
}

  .column1 {
	width: 100%;
	background-color: #FFF;
	display: none;
  }
}
@media screen and (max-width: 1000px) {
  .column2 {
	width: 100%;
	background-color: #FFF;
	
  }
}
@media screen and (max-width: 1000px) {
  .column3 {
	width: 100%;
	background-color: #FFF;
	padding-top: 10px;
	padding-bottom: 10px;

  }
}
.text1 {
	font-family: Questrial;
	font-size: 24px;
	font-weight: bold;
	color: #D90C11;
	padding-top: 30px;
}


#topNavCenter {
	display: inline-block;
	
	
	

}
@media screen and (max-width: 1200px) {
  #topNavCenter {
	display: block;


	
  } }

.topnav {
  background-color: #000000;
  overflow: hidden;
}

/* Style the links inside the navigation bar */
.topnav a {
	float: left;
	display: block;
	color: #ffffff;
	text-align: center;
	padding: 14px 30px;
	text-decoration: none;
	font-size: 18px;
	font-family: Questrial;
	
}

/* Add an active class to highlight the current page */
.active {
  background-color: #04AA6D;
  color: white;
}

/* Hide the link that should open and close the topnav on small screens */
.topnav .icon {
  display: none;
}

/* Dropdown container - needed to position the dropdown content */
.dropdown {
  float: left;
  overflow: hidden;
}

/* Style the dropdown button to fit inside the topnav */
.dropdown .dropbtn {
	font-size: 18px;
	border: none;
	outline: none;
	color: white;
	padding: 14px 30px;
	background-color: inherit;
	font-family: Questrial;
	margin: 0;
	
}

/* Style the dropdown content (hidden by default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Style the links inside the dropdown */
.dropdown-content a {
  float: none;
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;

}

/* Add a dark background on topnav links and the dropdown button on hover */
.topnav a:hover, .dropdown:hover .dropbtn {
  background-color: #b02113;
  color: white;

}

/* Add a grey background to dropdown links on hover */
.dropdown-content a:hover {
  background-color: #ddd;
  color: black;
 
}

/* Show the dropdown menu when the user moves the mouse over the dropdown button */
.dropdown:hover .dropdown-content {
  display: block;

}

/* When the screen is less than 600 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */
@media screen and (max-width: 1200px) {
  .topnav a:not(:first-child), .dropdown .dropbtn {
    display: none;

	
  }
  .topnav a.icon {
	
    float: right;
    display: block;
  }
}

/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */
@media screen and (max-width: 1200px) {
  .topnav.responsive {position: absolute;}
  .topnav.responsive a.icon {
    position: absolute;
    right: 0;
    top: 0;


  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;

  }
  .topnav.responsive .dropdown {float: none;}
  .topnav.responsive .dropdown-content {position: relative;}
  .topnav.responsive .dropdown .dropbtn {
    display: block;
    width: 100%;
    text-align: left;

  }
}
body {
	padding:0;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-align: center;
	vertical-align: top;
	background-color: #FFF;
	background-position: center top;
	
}

.portfolio {
	border: thick solid #121176;
	margin-right: 15px;
	margin-bottom: 7px;
	margin-left: 7px;
	margin-top: 20px;
	width:300px;
	display: inline-block;
	font-family: Questrial;
	font-size: 20px;
	color: #121176;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	text-decoration: none;
}
.portfolioText {
	font-family: Questrial;
	font-size: 20px;
	color: #000;
	text-align: center;
	width: 332px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
	display: inline-block;
}



h1 {
	font-size:42px;
	font-family:"Fjalla One";
	color:#FFFFFF;
	font-weight: normal;
	padding-top: 20px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	float: none;
	margin-top: 225px;
	background-color: #B02113;
	padding-bottom: 20px;
	margin-bottom: 0px;
	padding-right: 0px;
	padding-left: 0px;
}
h1 a:link, h1 a:active, h1 a:visited {
	font-size:24px;
	font-family:Lato;
	color:#d69b46;
}
h1 a:hover {
	color: #FFF;
}
@media screen and (max-width: 1000px) {
  h1 {
	
	font-size: 32px;
	margin-top: 275px;
	
  } }

h2 {
	font-size:36px;
	font-family:"Fjalla One";
	color:#FFFFFF;
	font-weight: normal;
	text-align: center;
	padding-top: 8px;
	padding-right: 0px;
	border-bottom-style: none;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	margin-top: 7px;
	margin-right: 0px;
	margin-bottom: 7px;
	margin-left: 0px;
}
h3 {
	font-size:36px;
	font-family:"Fjalla One";
	color:#B02113;
	font-weight: normal;
	padding-right: 0px;
	padding-left: 0px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	float: none;
	padding-bottom: 20px;
	line-height: 40px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 20px;
}
h3 a:link, h3 a:active, h3 a:visited, h3 a:hover {
	font-size:36px;
	font-family:Fjalla One;
	color:#FFFFFF;
}
@media screen and (max-width: 600px) {

  h3 {font-size: 26px;}
}

h4 {
	font-size:36px;
	font-family:"Fjalla One";
	color:#000000;
	font-weight: normal;
	text-decoration: none;
	line-height: 40px;
	text-align: center;
	font-style: normal;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	padding-top: 25px;
}
@media screen and (max-width: 600px) {

  h4 {font-size: 26px;}
}
h5 {
	font-size:32px;
	font-family:Questrial;
	color:#B02113;
	font-weight: normal;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	text-align: left;
	padding-bottom: 10px;
	margin-top: 15px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	float: none;
	display: inline-block;
	line-height: 34px;
}
@media screen and (max-width: 600px) {

  h5 {font-size: 26px; text-align:center;}
}

h6 {
	font-size:32px;
	font-family:Questrial;
	color:#000000;
	font-weight: normal;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	text-align: center;
	padding-bottom: 10px;
	margin-top: 25px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	line-height: 36px;
}
@media screen and (max-width: 600px) {

  h6 {font-size: 26px;}
}
.innerLists {
	font-family: Questrial;
	font-size: 20px;
	line-height: 26px;
	list-style-image: url(images/checkmark2.png);
}

.thankyouText {
	font-family: "Fjalla One";
	font-size: 26px;
	color: #000000;
}
.tagline {
	font-family: "Fjalla One";
	font-size: 48px;
	color: #b02113;
	padding-top: 20px;
	padding-bottom: 20px;
}
@media screen and (max-width: 600px) {
  .tagline {
	font-size: 26px;
	
	
	
  } }


#fixed {
	overflow: visible;
	position: fixed;
	width: 100%;
	top: 0;
	
	

}

#topNav {
	background-color: #80cd28;
	height: 45px;
	width: 100%;
	overflow: hidden;
	background-repeat: repeat-x;

}

.teamText {
	font-family: "Fjalla One";
	font-size: 28px;
	color: #B02113;
	text-align: left;
	line-height: 32px;
}
.innerR {
	width: 50%;
	text-align: left;
	float: right;
	
}
.innerL {
	width: 50%;
	text-align: left;
	float: left;
	
}
@media screen and (max-width: 500px) {

  .innerL, .innerR {width: 100%;}
}

.innerI {
	width: auto;
	font-family: Questrial;
	font-size: 18px;
	padding-right: 30px;
	padding-left: 30px;
	color: #000000;
	line-height: 24px;
	padding-top: 20px;
	min-height: 100%;	
}
.projectsR {
	width: 50%;
	text-align: center;
	float: right;
	
}
.projectsL {
	width: 50%;
	text-align: center;
	float: left;
	
}
@media screen and (max-width: 500px) {

  .projectsL, .projectsR {width: 100%;}
}

.projectsI {
	width: auto;
	font-family: Questrial;
	font-size: 20px;
	padding-right: 30px;
	padding-left: 30px;
	color: #000000;
	line-height: 30px;
	padding-top: 20px;
	min-height: 100%;
}
#hdrPic {

	background-image: url(images/hdrPic.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size:cover;
	background-position: fixed;
	height: 300px;
	padding-top: 180px;
	


}


#serviceOne {
	vertical-align: center;
	width: 100%;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	height: auto;

	
}
.serviceOneL {
	width: 50%;
	float: left;
	font-family: Questrial;
	font-size: 18px;
	color: #000;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	margin: 0px;
	padding: 0px;
	
}
.serviceOneR {
	width: 50%;
	text-align: left;
	float: left;
	background-color: #8B9270;
	background-size: cover;
	
	
}
.serviceBoxOne {
	width: auto;
	font-family: Questrial;
	font-size: 18px;
	padding-right: 20px;
	padding-left: 20px;
	color: #FFF;
	line-height: 24px;
	padding-top:20px;
	background-image: url(images/pic_services4.jpg);
	background-size: cover;
	min-height: 330px;
}

@media screen and (max-width: 500px) {
  .serviceOneL, .serviceOneR {width: 100%;}
}
.servicePhoto {
	background-image: url(images/pic_services2.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	margin: 0px;
	padding: 0px;
	height: 350px;
}

.serviceTwoL {
	width: 50%;
	float: right;
	font-family: Questrial;
	font-size: 18px;
	color: #000;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	margin: 0px;
	padding: 0px;
}
.serviceTwoR {
	width: 50%;
	text-align: left;
	float: right;
	background-color: #8B9270;
}
@media screen and (max-width: 500px) {

  .serviceTwoL, .serviceTwoR {width: 100%;}
}

.serviceBoxTwo {
	width: auto;
	font-family: Questrial;
	font-size: 18px;
	padding-right: 20px;
	padding-left: 20px;
	color: #FFF;
	line-height: 24px;
	padding-top: 20px;
	min-height: 330px;	
}
.servicePhoto2 {
	background-image: url(images/pic_services3.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	margin: 0px;
	padding: 0px;
	height: 350px;
}

.serviceThreeL {
	width: 50%;
	float: left;
	font-family: Questrial;
	font-size: 18px;
	color: #000;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	margin: 0px;
	padding: 0px;
}
.serviceThreeR {
	width: 50%;
	text-align: left;
	float: left;
	background-color: #8B9270;
}
@media screen and (max-width: 500px) {
	


  .serviceThreeL, .serviceThreeR {width: 100%;}
}
.serviceBoxThree {
	width: auto;
	font-family: Questrial;
	font-size: 18px;
	padding-right: 20px;
	padding-left: 20px;
	color: #FFF;
	line-height: 24px;
	padding-top: 20px;
	background-image: url(images/pic_services5.jpg);
	min-height: 330px;	
}
.servicePhoto3 {
	background-image: url(images/pic_services1.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	margin: 0px;
	padding: 0px;
	height: 350px;
}
img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}


#container {
	width:1024px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding: 0px;
}

#logo {
	height: 153px;
	width: 100%;
	background-color: #FFF;
	background-repeat: repeat-x;
	overflow: visible;
	
	
}

#navBg {
	height: auto;
	width: 100%;
	overflow: visible;
	background-repeat: repeat-x;
	background-color: #000000;
}
#nav {
	height: 50px;
	width: 1050px;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}


.navigation {
	font-family: Questrial;
	font-size: 18px;
	font-weight: normal;
	color: #FFF;
	text-align: center;
	float: left;

	
}
.navigation a:link, .navigation a:active, .navigation a:visited {
	text-decoration:none;
	color:#FFF;
	font-weight:normal;
	padding-top: 17px;
	display: block;
	text-align: center;
	font-family: Questrial;
	height: 33px;
	font-size: 18px;
	padding-left:35px;
	padding-right:35px;
}
.navigation a:hover {
	color: #FFF;
	background-color: #b02113;
}

#serviceAreaInner {
	height: auto;
	width: 88%;
	margin-right: auto;
	margin-left: auto;
	text-align: center;	
}
@media screen and (max-width: 600px) {
  #serviceAreaInner {width: 100%;}
}
.serviceBoxInner {
	display: inline-block;
	width: 500px;
	padding-top: 20px;
	padding-bottom: 20px;
	vertical-align: top;
	margin: 0px;
	padding-right: 0px;
	padding-left: 0px;	
}
@media screen and (max-width: 600px) {
  .serviceBoxInner {width: 320px;}
}
.serviceTextInner {
	font-family: Questrial;
	font-size: 20px;
	color: #333;
	text-align: left;
	padding: 5px;
}
@media screen and (max-width: 600px) {
  .serviceTextInner {width: 320px;}
}

.responsive {
	max-width: 550px;
	float: right;
	
	height: auto;
	width: 100%;
}
.responsive2 {
	max-width: 400px;
	border-radius: 25px;
	margin-right: auto;
	margin-left: auto;
	height: auto;
	width: 100%;
	padding-bottom: 10px;
	display: inline-block;
	padding-right: 5px;
	padding-left: 5px;
}
#responsive2 {
	max-width: 500px;
	border-radius: 25px;
	margin-right: auto;
	margin-left: auto;
	height: auto;
	width: 100%;
	padding-bottom: 10px;
	display: inline-block;
	padding-right: 5px;
	padding-left: 5px;
}
.responsive3 {
	max-width: 400px;
	margin-right: auto;
	margin-left: auto;
	height: auto;
	width: 100%;
	padding-bottom: 10px;
	display: inline-block;
	padding-right: 5px;
	padding-left: 5px;
}
#responsive3 {
	max-width: 700px;
	border-radius: 25px;
	margin-right: auto;
	margin-left: auto;
	height: auto;
	width: 100%;
	padding-bottom: 10px;
	display: inline-block;
	padding-right: 5px;
	padding-left: 5px;
}
.responsive4 {
	max-width: 445px;
	border-radius: 25px;
	margin-right: auto;
	margin-left: auto;
	height: auto;
	width: 100%;
}
.responsive5 {
	max-width: 550px;
	border-radius: 25px;
	margin-right: auto;
	margin-left: auto;
	height: 300px;
	width: 100%;
}
.responsive6 {
	max-width: 550px;
	float: right;
	border-radius: 25px;
	height: auto;
	width: 100%;
}
.small {
	width: 300px;
	border-radius: 25px;
	margin-right: auto;
	margin-left: auto;
	height: auto;
	padding-bottom: 10px;
	display: inline-block;
}
@media screen and (max-width: 600px) {
  .small {
    width: 150px;
	margin-bottom:0;
	padding-bottom:0;
	
  }
}

.google-maps {
	position: relative;
	padding-bottom: 60%;
// This is the aspect ratio
    height: 0;
	overflow: hidden;
	z-index: -100;
  }
  .google-maps iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
  }
#servicesArea {
	background-image: url(images/background_services.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size:cover;
	background-position: fixed;
	z-index: -100;


}
#portfolioArea {
	background-color: #202406;
	width: 100%;
	padding-top: 50px;
	width: 100%;
 	text-align:center;
}

.portfolioBox {
	font-family: Questrial;
	font-size: 26px;
	color: #FFF;
	text-align: center;
	width: 320px;
	height: 350px;
	margin-left: 10px;
	display: inline-block;
	margin-right: 10px;
}

#ourteamArea {
	background-image: url(images/background_our_team.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size:cover;
	background-position: fixed;
	z-index: -100;
	padding-top: 25px;
	padding-bottom: 25px;
}
.ourTeamBox {
	font-family: Questrial;
	font-size: 26px;
	color: #FFF;
	text-align: center;
	width: 274px;
	margin-right: 0px;
	height: 269px;
	margin-left: auto;
	display: inline-block;
	margin-bottom: 50px;
}
.otText {
	font-family: Questrial;
	font-size: 24px;
	color: #FFF;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
}
#videoArea {
	background-color: #ffffff;
	background-position: center center;
	background-size:cover;
	overflow-x: hidden;
	z-index: -100;
	padding-top:25px;
	height: auto;
	width: 100%;
	padding-bottom: 25px;
}
.videoInner {
	width: 60%;
	height: auto;
	background-repeat: no-repeat;
	margin-bottom: 0px;
	margin-top: 0px;
	vertical-align: top;
	font-family: Questrial;
	font-size: 30px;
	line-height: 40px;
	color: #000000;
	list-style-image: url(images/checkmark.png);
	list-style-position: outside;
	text-align: left;
	display: inline-block;	
}
@media screen and (max-width: 1600px) {

  .videoInner {width: 88%;}
}

@media screen and (max-width: 600px) {

  .videoInner {width: 100%;}
}

.videoText {
	font-family: Questrial;
	font-size: 30px;
	color: #000000;
	line-height: 40px;
	text-align: left;
	width: auto%;
	margin-left:50px;
	white-space: normal;
	

}
@media screen and (max-width: 600px) {

  .videoText {margin-right: 50px;}
}




/* If the screen size is 600px wide or less, set the font-size of <div> to 30px */
@media screen and (max-width: 1000px) {
  .videoText {
    font-size: 18px;
  }
}

.videoInner2 {
	width: auto;
	height: auto;
	background-repeat: no-repeat;
	margin-bottom: 25px;
	margin-top: 5px;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	padding: 0px;

	
}
@media screen and (min-width: 600px) {
  .videoInner2 {
    width: 500px;
	padding-left: 70px;
  }
}



#serviceArea {
	height: auto;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	background-color: #999;
}
.serviceBox {
	text-align: center;
	display: inline-block;
	width: 357px;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-bottom: 20px;
	margin-right: 7px;
	margin-left: 7px;
	vertical-align: top;
}
.serviceText {
	font-family: Questrial;
	font-size: 20px;
	color: #FFF;
	text-align: left;
	padding: 5px;
}

#galleryArea {
	background-image: url(images/galleryBg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	
	background-position: center center;
	margin-bottom: 10px;
}
#aboutArea2 {
	background-position: center center;
	background-size:cover;
	z-index: -100;
	padding-top:25px;
	background-color: #fff;
	height: auto;
	width: 88%;
	font-family: Questrial;
	font-size: 20px;
	line-height: 24px;
	color: #121176;
	margin-left:auto;
	margin-right:auto;	
}

#aboutArea {
	background-position: center center;
	background-size:cover;
	z-index: -100;
	padding-top:25px;
	background-color: #fff;
	height: auto;
	width: 88%;
	margin-right: auto;
	margin-left: auto;
	
}


.aboutAreaR {
	width: 50%;
	height: auto;
	background-repeat: no-repeat;
	margin-bottom: 25px;
	margin-top: 5px;
	font-family: Questrial;
	font-size: 20px;
	color: #333;
	vertical-align: top;
	line-height: 24px;
	float: left;
}
@media screen and (max-width: 500px) {
  .aboutAreaR {width: 100%;}
}

.aboutAreaText {
	width: auto;
	height: 100%;
    padding-right: 30px;
	margin: auto;
	text-align: left;
	padding-top: 0;
	padding-left: 30px;
	padding-bottom: 0;
	list-style-image: url(images/checkmark2.jpg);	
	
}
@media screen and (max-width: 600px) {
  .aboutAreaText {
	  width: 88%;
	  margin-right:auto;
	  margin-left:auto;

	  }
}

#contactArea {
	background-repeat: repeat-x;
	background-position: center center;
	background-size:cover;
	z-index: -100;
	background-color: #b02113;
	height: auto;
	width: 100%;
}

.contactLR {
	width: 100%;
	margin-bottom:25px;
	display: inline-block;
	font-family: Questrial;
	font-size: 20px;
	color: #333;
	height: auto;
	z-index: 100;
}
.contactText {
	font-family:Questrial;
	font-size:24px;
	color:#FFFFFF;
	padding-bottom:25px;
	padding-top:10px;
}
.contactText a:link, .contactText a:active, .contactText a:visited {
	font-size:24px;
	color:#FFFFFF;
	text-decoration: none;
}
.contactText a:hover {
	color: #000000;
}

#homePicArea {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;

	z-index: -100;
	background-image: url(images/flash2.jpg);
	margin-top:0px;
	padding-bottom:0px;
	height: 700px;
}
#landscapePicArea {
	background-repeat: no-repeat;
	background-position: center center;
	background-size:cover;
	background-position: fixed;
	z-index: -100;
	background-image: url(images/top_landscape.jpg);
	padding-top:300px;
	padding-bottom:50px;
	height: auto;
}
#permanentPicArea {
	background-repeat: no-repeat;
	background-position: center center;
	background-size:cover;
	background-position: fixed;
	z-index: -100;
	background-image: url(images/top_permanent.jpg);
	padding-top:300px;
	padding-bottom:50px;
	height: auto;
}
.bap {
	display: block;
	position: fixed;
	bottom: 20px;
	left: 50%;
	color: #FFF;
	text-decoration: none;
	text-transform: none;
	font-size: 22px;
	width: 250px;
	text-align: center;
	height: 50px;
	line-height: 50px;
	margin-left: -125px;
	z-index: 99;
	font-family: "Fjalla One";
	background-color: #B02113;
	border: thin solid #FFF;
}
.bap a:link, .bap a:active, .bap a:visited {
	color: #FFF;
	font-size: 22px;
	font-family: "Fjalla One";
	font-style: normal;
	text-decoration: none;
}
.bap a:hover {
	font-size: 22px;
	color: #000000;
	font-family: "Fjalla One";
	text-decoration: none;
}
.bap2 {
	display: block;
	position: fixed;
	bottom: 20px;
	left: 43%;
	color: #FFF;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 22px;
	width: 520px;
	text-align: center;
	height: 50px;
	line-height: 50px;
	margin-left: -125px;
	z-index: 99;
	font-family: Questrial;
	background-color: #b00015;
}
.bap2 a:link, .bap2 a:active, .bap2 a:visited {
	color: #FFF;
	font-size: 20px;
	font-family: Questrial;
}
.bap2 a:hover {
	font-size: 20px;
	color: #000;
	font-family: Questrial;
}
#christmasPicArea {
	background-repeat: no-repeat;
	background-position: center center;
	background-size:cover;
	background-position: fixed;
	z-index: -100;
	background-image: url(images/top_christmas.jpg);
	padding-top:300px;
	padding-bottom:50px;
	height: auto;
}
#reviewArea {
	height: 100%;
	padding-bottom: 50px;
	padding-top: 20px;
}
.homeAreaR {
	width: 500px;
	height: auto;
	background-repeat: no-repeat;
	margin-bottom: 25px;
	margin-top: 0px;
	padding-top: 50px;
	display: inline-block;
	font-family: Questrial;
	font-size: 18px;
	color: #333;
	
	
}

@media screen and (max-width: 500px) {
  .homeAreaR {width: 100%;
  }
}
.formBg {
	background-color: rgba(16, 97, 202, 0.5);
	border-radius: 25px;
	width: 280px;
	margin-right: auto;
	margin-left: auto;
	padding: 20px;
}
.formBg2 {
	background-color: #000000;
	border-radius: 25px;
	width: 500px;
	height: auto;
	padding-top: 25px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	z-index: -100;
	margin-top: 25px;
	margin-bottom: 25px;
	margin-right: auto;
	margin-left: auto;
}
@media screen and (max-width: 600px) {
  .formBg2   {
	width: 95%;
	padding: 10px;
	padding-top: 25px;
	margin-left: 0;

	
}
}


.formBg3 {
	background-color: #000000;
	border-radius: 25px;
	width: 100%;
	height: auto;
	padding-top: 25px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	z-index: -100;
	margin-top: 25px;
	margin-bottom: 25px;
	margin-right: auto;
	margin-left: auto;
	
}
@media screen and (max-width: 600px) {
  .formBg3   {
	width: 95%;
	padding: 10px;
	padding-top: 25px;

	
}
}
@media screen and (min-width: 1200px) {
  .formBg3   {
	width: 500px;
	float: right;
}
}

.flashLogo {
	max-width: 638px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;

}
.flashLogoR {
	width: 100%;
	height: 400px;
	background-image: url(images/flash_logo.png);
	background-repeat: no-repeat;
	background-size: contain;
	

}
.flashEvents {
	max-width: 638px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	font-family: Questrial;
	font-size: 28px;
	line-height: 30px;
	color: #FFF;
	text-align: center;
}
.flashEventsR {
	width: 100%;
	height: auto;
	background-repeat: repeat;
	background-size: contain;
	background-image: url(images/flash_events.png);
}


#footerArea {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-family: Questrial;
	font-size: 12px;
	color: #FFF;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-repeat: repeat-x;
	background-color: #000000;
	height: auto;
	width: 100%;
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 50px;
	padding-left: 0px;
}

#footerLeft {
	width: 400px;
	margin-right: 0px;
	height: 74px;
	margin-left: auto;
	display: inline-block;
	padding-top: 15px;
	
}
#footerCenter {
	width: 400px;
	margin-right: 0px;
	height: 74px;
	margin-left: auto;
	display: inline-block;
	padding-top: 10px;
}
#footerRight {
	width: 400px;
	margin-right: 0px;
	height: 74px;
	margin-left: auto;
	display: inline-block;
}
#footerArea a:link, #footerArea a:active, #footerArea a:visited {
	text-decoration:none;
	color:#D90C11;
	font-weight: normal;
	font-family: Questrial;
}
#footerArea a:hover {
	color:#FFFFFF;
}

/* Inside Pages */
#bodyContainer {
	width:88%;
	text-align:left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding: 0px;
	font-family: Questrial;
	font-size: 20px;
	line-height: 24px;
	color: #000;
}
#bodyLeft {
	width:450px;
	float: left;
	margin-top: 0;
	margin-bottom: 0;
	font-family: Questrial;
	font-size: 18px;
	font-weight: normal;
	color: #4c4c4c;
	text-decoration: none;
	line-height: 20px;
	text-align: center;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-left: 0px;
	padding-right: 50px;
}
#bodyCenter {
	width:1023px;
	float: none;
	background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
}

.clear {
	clear: both;
	margin: 0px;
	padding: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.bodyContainer {
	width:88%;
	text-align:left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding: 0px;
	font-family: Questrial;
	font-size: 20px;
	line-height: 24px;
	color: #000;
}

#phone {
	font-family: Questrial;
	font-size: 30px;
	font-weight: normal;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #FFF;
	vertical-align: top;
	padding-right: 30px;
}
#phone a:link, #phone a:active, #phone a:visited {
	font-family: Questrial;
	font-size: 30px;
	font-weight: normal;
	color: #FFF;
}
#phone a:hover {
	font-family: Questrial;
	font-size: 30px;
	font-weight: normal;
	color: #333;
}
.email {
	font-family: Questrial;
	font-size: 18px;
	font-weight: normal;
	color: #900;
	
	padding-top: 20px;
	padding-bottom: 10px;
}
.email a:link, .email a:active, .email a:visited {
	font-family: Questrial;
	font-size: 25px;
	font-weight: normal;
	color: #b02113;
}
.email a:hover {
	font-family: Questrial;
	font-size: 25px;
	font-weight: normal;
	color: #000;
}


.button {
	background-repeat: no-repeat;
	font-family: Questrial;
	color: #FFF;
	text-align: center;
	padding-top: 10px;
	font-size: 20px;
	background-color: #B02113;
	width: 200px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-left: 0px;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	height: 32px;
}
.button a:link, .button a:active, .button a:visited {
	text-decoration:none;
	color:#FFF;
	
}
.button a:hover {
	color:#FFF;
}
.button2 {
	background-repeat: no-repeat;
	font-family: Questrial;
	color: #FFF;
	text-align: center;
	padding-top: 12px;
	font-size: 18px;
	background-color: #000000;
	width: 189px;
	padding-bottom: 0px;
	padding-right: auto;
	padding-left: auto;
	height: 32px;
	margin-right: auto;
	margin-left: auto;
}
.button2 a:link, .button2 a:active, .button2 a:visited {
	text-decoration:none;
	color:#FFF;
	
}
.button2 a:hover {
	color:#FFF;
}
.button3 {
	background-repeat: no-repeat;
	font-family: "Fjalla One";
	color: #FFF;
	text-align: center;
	font-size: 30px;
	background-color: #333333;
	width: 200px;
	display: block;
	font-weight: normal;
	height: 40px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 14px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.button3 a:link, .button3 a:active, .button3 a:visited {
	text-decoration:none;
	color:#FFF;
	display: block;
	height: 40px;
	
}
.button3 a:hover {
	color:#A4AD86;
	display: block;
	margin: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	height: 32px;
}
.button4 {
	background-repeat: no-repeat;
	font-family: "Fjalla One";
	color: #FFF;
	text-align: center;
	padding-top: 10px;
	font-size: 25px;
	width: 250px;
	height: 40px;
	padding-right: 0px;
	padding-left: 0px;
	margin-top: 8px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	font-weight: normal;
	background-color: #b02113;
}
.button4 a:link, .button4 a:active, .button4 a:visited {
	text-decoration:none;
	color:#FFF;
	font-size: 25px;
	font-weight: normal;
	
}
.button4 a:hover {
	color:#000000;
	font-weight: normal;
}
@media screen and (max-width: 1000px) {
  .button4 {
	width: 100%;
	background-color: #FFF;
	display: none;

  }
}
.button5 {
	background-repeat: no-repeat;
	font-family: Questrial;
	color: #FFF;
	text-align: center;
	padding-top: 5px;
	font-size: 18px;
	background-color: #b02113;
	width: 189px;
	padding-bottom: 8px;
	height: 34px;
	margin-right: auto;
	margin-left: auto;
}
.button5 a:link, .button5 a:active, .button5 a:visited {
	text-decoration:none;
	color:#FFF;
	
}
.button5 a:hover {
	color:#ffffff;
}

.button6 {
	background-repeat: no-repeat;
	font-family: "Fjalla One";
	color: #FFF;
	text-align: center;
	padding-top: 18px;
	font-size: 25px;
	width: 250px;
	height: 42px;
	padding-right: 0px;
	padding-left: 0px;
	margin-top: 8px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 8px;
	font-weight: normal;
	background-color: #D90C11;
}
.button6 a:link, .button6 a:active, .button6 a:visited {
	text-decoration:none;
	color:#FFF;
	font-size: 25px;
	font-weight: normal;
	
}
.button6 a:hover {
	color:#121177;
	font-weight: normal;
}
.clear {
	clear: both;
}

#smm {
	text-align: left;
	width: 60px;
	float: left;
	margin-top: 10px;
	font-family: Questrial;
	color: #FFF;
	font-size: 18px;
	
}
a {
	font-style: normal;
	font-variant: normal;
	text-transform: none;
	color: #B02113;
	text-decoration: none;
}
#primary_nav_wrap
{
	margin-top:2px;
	list-style-type: none;
	
	
	
}

#primary_nav_wrap ul
{
	list-style:none;
	position:relative;
	float:left;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left:0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}

#primary_nav_wrap ul a
{
	display:block;
	text-decoration:none;
	font-weight:normal;
	font-size:18px;
	font-family:Questrial;
	
	padding-top: 17px;
	padding-right: 40px;
	padding-bottom: 13px;
	padding-left: 40px;
	text-align: center;
	color: #FFF;
	list-style-type: none;
}

#primary_nav_wrap ul li
{
	position:relative;
	float:left;
	margin:0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	z-index: 999;
	list-style-type: none;
}

#primary_nav_wrap ul li.current-menu-item
{
	color: #ffffff;
}

#primary_nav_wrap ul li a:hover
{
	color: #ffffff;
	background-color: #b02113;
}

#primary_nav_wrap ul ul
{
	display:none;
	position:absolute;
	top:100%;
	left:0;
	background-color: #de2516;
	color: #ffffff;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	
}

#primary_nav_wrap ul ul li
{
	float:none;
	width: 250px;
	text-align: left;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ffffff;
	border-right-color: #ffffff;
	border-bottom-color: #ffffff;
	border-left-color: #ffffff;
	color: #FFF;
}

#primary_nav_wrap ul ul a
{
	line-height:120%;
	padding-top: 16px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 10px;
	text-align: left;
	width: 240px;
	color:#FFF;
	background-color: #b02113;
}
#primary_nav_wrap ul ul a:hover
{
	color:#ffffff;
	background-color: #666;
}

#primary_nav_wrap ul ul ul
{
	top:0;
	left:100%
}

#primary_nav_wrap ul li:hover > ul
{
	display:block;
	color: #FFF;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: bold;
}