/*
* Skeleton V2.0.4
* Copyright 2014, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 12/29/2014
*/


/* Table of contents
- Grid
- Base Styles
- Typography
- Links
- Buttons
- Forms
- Lists
- Code
- Tables
- Spacing
- Utilities
- Clearing
- Media Queries
*/


/* Grid */
.container {
  position: relative;
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box; }
.column,
.columns {
  width: 100%;
  float: left;
  box-sizing: border-box;
  position: relative; }

/* For devices larger than 400px */
@media (min-width: 400px) {
  .container {
    width: 85%;
    padding: 0; }
}

/* For devices larger than 550px */
@media (min-width: 550px) {
  .container {
    width: 80%; }
  .column,
  .columns {
    margin-left: 4%; }
  .column:first-child,
  .columns:first-child {
    margin-left: 0; }

  .one.column,
  .one.columns                    { width: 4.66666666667%; }
  .two.columns                    { width: 13.3333333333%; }
  .three.columns                  { width: 22%;            }
  .four.columns                   { width: 30.6666666667%; }
  .five.columns                   { width: 39.3333333333%; }
  .six.columns                    { width: 48%;            }
  .seven.columns                  { width: 56.6666666667%; }
  .eight.columns                  { width: 65.3333333333%; }
  .nine.columns                   { width: 74.0%;          }
  .ten.columns                    { width: 82.6666666667%; }
  .eleven.columns                 { width: 91.3333333333%; }
  .twelve.columns                 { width: 100%; margin-left: 0; }

  .four.columns:nth-of-type(3n-2) { margin-left: 0; }

  .one-third.column               { width: 30.6666666667%; }
  .two-thirds.column              { width: 65.3333333333%; }

  .one-half.column                { width: 48%; }

  /* Offsets */
  .offset-by-one.column,
  .offset-by-one.columns          { margin-left: 8.66666666667%; }
  .offset-by-two.column,
  .offset-by-two.columns          { margin-left: 17.3333333333%; }
  .offset-by-three.column,
  .offset-by-three.columns        { margin-left: 26%;            }
  .offset-by-four.column,
  .offset-by-four.columns         { margin-left: 34.6666666667%; }
  .offset-by-five.column,
  .offset-by-five.columns         { margin-left: 43.3333333333%; }
  .offset-by-six.column,
  .offset-by-six.columns          { margin-left: 52%;            }
  .offset-by-seven.column,
  .offset-by-seven.columns        { margin-left: 60.6666666667%; }
  .offset-by-eight.column,
  .offset-by-eight.columns        { margin-left: 69.3333333333%; }
  .offset-by-nine.column,
  .offset-by-nine.columns         { margin-left: 78.0%;          }
  .offset-by-ten.column,
  .offset-by-ten.columns          { margin-left: 86.6666666667%; }
  .offset-by-eleven.column,
  .offset-by-eleven.columns       { margin-left: 95.3333333333%; }

  .offset-by-one-third.column,
  .offset-by-one-third.columns    { margin-left: 34.6666666667%; }
  .offset-by-two-thirds.column,
  .offset-by-two-thirds.columns   { margin-left: 69.3333333333%; }

  .offset-by-one-half.column,
  .offset-by-one-half.columns     { margin-left: 52%; }

  .col-fourth 				 		{ box-sizing: border-box; float: left; width: 25%; }
  .col-fourth:last-of-type:after	{ clear: both; content: " "; display: table; }
}


/* Base Styles */
/* NOTE
html is set to 62.5% so that all the REM measurements throughout Skeleton
are based on 10px sizing. So basically 1.5rem = 15px :) */
html {
  font-size: 62.5%; }
body {
  font-size: 1.5em; /* currently ems cause chrome bug misinterpreting rems on body element */
  line-height: 1.6;
  font-weight: 400;
  font-family: "futura-pt",sans-serif; font-style: normal; font-weight: 400;
  color: #222;









  background: #232323;}



/* Typography */
h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 2rem;
  font-weight: 300; }
h1 { font-size: 4.0rem; line-height: 1.2;  letter-spacing: -.1rem; font-family: "futura-pt-condensed",sans-serif; font-style: normal; font-weight: 400; color: #b20707;}
h2 { font-size: 3.6rem; line-height: 1.25; letter-spacing: -.1rem; font-family: "futura-pt-condensed",sans-serif; font-style: normal; font-weight: 400; color: #b20707; }
h3 { font-size: 3.0rem; line-height: 1.3;  letter-spacing: -.1rem; font-family: "futura-pt-condensed",sans-serif; font-style: normal; font-weight: 400; color: #b20707; border-bottom: 1px solid #ADADAD;  }
h4 { font-size: 2.4rem; line-height: 1.35; letter-spacing: -.08rem; }
h5 { font-size: 1.8rem; line-height: 1.5;  letter-spacing: -.05rem; }
h6 { font-size: 1.5rem; line-height: 1.6;  letter-spacing: 0; }

/* Larger than phablet */
@media (min-width: 550px) {
  h1 { font-size: 5.0rem; }
  h2 { font-size: 4.2rem; }
  h3 { font-size: 3.6rem; }
  h4 { font-size: 3.0rem; }
  h5 { font-size: 2.4rem; }
  h6 { font-size: 1.5rem; }
}

p {
  margin-top: 0; }


/* Links */
a {
  color: #af0506; }
a:hover {
  color: #9b8282; }


/* Buttons */
.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
  display: inline-block;
  height: 38px;
  padding: 0 30px;
  color: #555;
  text-align: center;
  font-size: 11px;
  font-weight: 600;
  line-height: 38px;
  letter-spacing: .1rem;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border-radius: 4px;
  border: 1px solid #bbb;
  cursor: pointer;
  box-sizing: border-box;
  -webkit-box-shadow: 0 0 5px 0 #3B3B3B;
  box-shadow: 0 0 5px 0 #3B3B3B;}
.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.button:focus,
button:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus {
  color: #333;
  border-color: #888;
  outline: 0; }
.button.button-primary,
button.button-primary,
input[type="submit"].button-primary,
input[type="reset"].button-primary,
input[type="button"].button-primary {
  color: #FFF;
  background-color: #b20707;
  border-color: #710808;
  text-shadow: 0 0 5px #121212;}
.button.button-primary:hover,
button.button-primary:hover,
input[type="submit"].button-primary:hover,
input[type="reset"].button-primary:hover,
input[type="button"].button-primary:hover,
.button.button-primary:focus,
button.button-primary:focus,
input[type="submit"].button-primary:focus,
input[type="reset"].button-primary:focus,
input[type="button"].button-primary:focus {
  color: #FFE500;
  background-color: #710808;
  border-color: #390303; }


/* Forms */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
select {
  height: 38px;
  padding: 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */
  background-color: #fff;
  border: 1px solid #D1D1D1;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box;
  -webkit-box-shadow: 0 0 5px 0 #3B3B3B;
  box-shadow: 0 0 5px 0 #3B3B3B;}
/* Removes awkward default styles on some inputs for iOS */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }
textarea {
  min-height: 65px;
  padding-top: 6px;
  padding-bottom: 6px; }
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="tel"]:focus,

input[type="url"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
  border: 1px solid #33C3F0;
  outline: 0; }
label,
legend {
  display: block;
  margin-bottom: .5rem;
  font-weight: 600; }
fieldset {
  padding: 0;
  border-width: 0; }
input[type="checkbox"],
input[type="radio"] {
  display: inline; }
label > .label-body {
  display: inline-block;
  margin-left: .5rem;
  font-weight: normal; }


/* Lists */
ul {
  list-style: circle inside; }
ol {
  list-style: decimal inside; }
ol, ul {
  padding-left: 0;
  margin-top: 0; }
ul ul,
ul ol,
ol ol,
ol ul {
  margin: 1.5rem 0 1.5rem 3rem;
  font-size: 90%; }
li {
  margin-bottom: 1rem; }


/* Code
 */
code {
  padding: .2rem .5rem;
  margin: 0 .2rem;
  font-size: 90%;
  white-space: nowrap;
  background: #F1F1F1;
  border: 1px solid #E1E1E1;
  border-radius: 4px; }
pre > code {
  display: block;
  padding: 1rem 1.5rem;
  white-space: pre; }


/* Tables
 */
th,
td {
  padding: 12px 15px;
  text-align: left;
  border-bottom: 1px solid #E1E1E1; }
th:first-child,
td:first-child {
  padding-left: 0; }
th:last-child,
td:last-child {
  padding-right: 0; }


/* Spacing
 */
button,
.button {
  margin-bottom: 1rem; }
input,
textarea,
select,
fieldset {
  margin-bottom: 1.5rem; }
pre,
blockquote,
dl,
figure,
table,
p,
ul,
ol,
form {
  margin-bottom: 2.5rem; }


/* Utilities
 */
.u-full-width {
  width: 100%;
  box-sizing: border-box;
  position: relative; }
.u-max-full-width {
  max-width: 100%;
  box-sizing: border-box; }
.u-pull-right {
  float: right; }
.u-pull-left {
  float: left; }


/* Misc
 */
hr {
  margin-top: 3rem;
  margin-bottom: 3.5rem;
  border-width: 0;
  border-top: 1px solid #E1E1E1; }

.clear {
	clear: both;
}


/* Clearing
 */

/* Self Clearing Goodness */
.container:after,
.row:after,
.u-cf {
  content: "";
  display: table;
  clear: both; }


/* Media Queries
 */
/*
Note: The best way to structure the use of media queries is to create the queries
near the relevant code. For example, if you wanted to change the styles for buttons
on small devices, paste the mobile query code up in the buttons section and style it
there.
*/
/*** Header Area ***/
.dontfillmeout{display: none;}
.alert{font-weight: 700;margin: 10px 0 20px;}
.alert-success{color: #27ae60;}
.alert-failure{color: #c0392b}
.alert .bold{display: block;}
.bold{font-weight: 700;}
.header_area{background: #FFFFFF; -webkit-box-shadow: 0 -4px 8px 1px #2E2E2E; box-shadow: 0 -4px 8px 1px #2E2E2E;}
.responsive_header_navigation_area{display: none;}
h1.logo{/*display: block; overflow: hidden; text-indent: -99999px; width: 323px; height: 110px; background: url(/images/bg-logo.jpg) top left no-repeat; margin: 15px auto;*/ display: none;}
.logo_image{margin: 15px auto; width: 100%;}
ul.top_navigation{background: #b20707; display: inline-block; list-style: none; float: right; -webkit-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px; -webkit-box-shadow: 0 0 5px 1px #2E2E2E; box-shadow: 0 0 5px 1px #2E2E2E; padding: 0; margin: 0;}
ul.top_navigation li{margin: 0; display: inline-block; float: left; list-style: none; padding: 5px 0 7px 0; border-right: 2px solid #710808;}
ul.top_navigation li.last{border: none;}
ul.top_navigation li a{color: #FFF; text-transform: uppercase; font-family: "futura-pt",sans-serif; font-style: normal; font-weight: 700; text-decoration: none; padding: 0px 12px 0 12px; text-shadow: 0 0 5px #121212; font-size: 1.1rem;}
ul.top_navigation li a:hover{color: #FFE500;}
.search_form{clear: both; float: right; margin-top: 20px;}
.search_label{padding: 8px 0 0 0; margin: 0 10px 0 0; color: #b20707; float: left;}
.search_input{float: left; margin-right: 10px;}

/*** Navigation Area ***/
.main_navigation_area{background: #1d1d1d; -webkit-box-shadow: 0 0 10px 0 #3B3B3B; box-shadow: 0 0 10px 0 #3B3B3B;}
ul.main_navigation{padding: 0; margin: 0; width: 100%; display: block;}
ul.main_navigation li{list-style: none; display: inline-block; padding: 0; margin: 0; background: #313131; float: left; text-align: center;}
ul.main_navigation li a{color: #fff; text-decoration: none; text-transform: uppercase; width: 100%; display: block; padding: 10px 0; text-shadow: 0 0 5px #121212; font-size: 1.8rem; letter-spacing: 2px; margin: 0 auto;
background: #313131; /* Old browsers */
background: -moz-linear-gradient(left,  #313131 83%, #121212 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(83%,#313131), color-stop(100%,#121212)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #313131 83%,#121212 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #313131 83%,#121212 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #313131 83%,#121212 100%); /* IE10+ */
background: linear-gradient(to right,  #313131 83%,#121212 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#313131', endColorstr='#121212',GradientType=1 ); /* IE6-9 */}
ul.main_navigation li a:hover,ul.main_navigation li a.selected{text-shadow: 0 0 6px #FFFFFF; color: #e3fffe; background: #131313}
ul.main_navigation li.main_navigation_about_us{width: 17%;}
ul.main_navigation li.main_navigation_products{width: 16%;}
ul.main_navigation li.main_navigation_services{width: 16%;}
ul.main_navigation li.main_navigation_project_gallery{width: 24%;}
ul.main_navigation li.main_navigation_faq{width: 9%;}
ul.main_navigation li.main_navigation_contact_us{width: 18%;}

/*** Banner Area ***/
.banner_area{background: #000000; position: relative; z-index: 90;}
.banner_area img{width: 100%;}
.banner_area a img{float: left;}
#slider { width:100%; max-height:515px; }
.banner_area .container{padding: 0;}
.subpage_banner { padding: 0; margin:0; height:100%; width:auto; float: left; }
.subpage_banner_wrap{height: 130px; background-size: cover; background-position: center; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);}

.subpage_banner_wrap h2 {
	bottom: 15px;
	color: #FFF;
	font-family: "futura-pt",sans-serif;
	font-weight: 700;
	letter-spacing: 3px;
	line-height: 1;
	margin-bottom: 0;
	position: absolute;
	right: 6%;
	text-align: right;
	text-shadow: 0 0 5px #000;
	text-transform: uppercase;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@media (min-width: 959px) {
	.subpage_banner_wrap h2 {
		font-size: 56px;
	}
}

@media (max-width: 480px) {
	.subpage_banner_wrap h2 {
		bottom: auto;
		font-size: 6.6666666666666666666666666666667vw;
		right: auto;
		text-align:center;
		top: 33%;
		width: 100%;
	}
}

/*** Homepage Boxes Area ***/
.homepage_boxes_area{background: #d2d2d2; padding: 20px 0; position: relative; z-index: 9999;}
.homepage_box{ -webkit-box-shadow: 0 0 10px 0 #3B3B3B; box-shadow: 0 0 10px 0 #3B3B3B; height: 112px; position: relative;
background: #700808; /* Old browsers */
background: -moz-linear-gradient(left,  #700808 0%, #b20707 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#700808), color-stop(100%,#b20707)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #700808 0%,#b20707 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #700808 0%,#b20707 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #700808 0%,#b20707 100%); /* IE10+ */
background: linear-gradient(to right,  #700808 0%,#b20707 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#700808', endColorstr='#b20707',GradientType=1 ); /* IE6-9 */}
.homepage_box_title{font-size: 2.2rem; text-shadow: 0 0 5px #121212; color: #FFF; font-family: "futura-pt",sans-serif; font-style: normal; font-weight: 700; text-transform: uppercase; padding: 0 0 0 25px; letter-spacing: 1px; margin: auto 0; min-height: 25px; position: relative; top: 50%; transform: translateY(-50%); border: none;}
.homepage_box:hover{-webkit-box-shadow: 0 0 8px 2px #F5FFFF; box-shadow: 0 0 8px 2px #F5FFFF; background: #700808;}
.box1image{float: right; position:absolute; right: 32px; top: -80px;}
.box2image{float: right; position:absolute; right: 32px; top: -80px;}

/*** Content Area ***/
.content_area{background: #FFF;}
.homepage_title{margin-top: 40px;}
.homepage_content_navigation{background: #b20707; width: 100%; -webkit-box-shadow: 0 0 6px 1px #363636; box-shadow: 0 0 6px 1px #363636;}
.homepage_content_navigation li{ list-style: none; padding: 15px 0 15px 15px; margin: 0; border-bottom: 1px solid #700808;
background: #700808; /* Old browsers */
background: -moz-linear-gradient(45deg,  #700808 0%, #b20707 41%); /* FF3.6+ */
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#700808), color-stop(41%,#b20707)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(45deg,  #700808 0%,#b20707 41%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(45deg,  #700808 0%,#b20707 41%); /* Opera 11.10+ */
background: -ms-linear-gradient(45deg,  #700808 0%,#b20707 41%); /* IE10+ */
background: linear-gradient(45deg,  #700808 0%,#b20707 41%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#700808', endColorstr='#b20707',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}
.homepage_content_navigation li a{display: block; width: 100%; color: #FFF; text-decoration: none; font-size: 1.4rem; text-transform: uppercase; text-shadow: 0 0 4px #000000;}
.homepage_content_navigation li a:hover{text-shadow: 0 0 6px #FFFFFF; color: #e3fffe;}
.right_content_image{float: right; margin: 0 0 20px 20px; border: 2px solid #FFFFFF; -webkit-box-shadow: 0 0 3px 2px #B3B3B3; box-shadow: 0 0 3px 2px #B3B3B3;}
h3 span.location{color: #3F3F3F;}
.columns.twelve.pages.top {
	min-height: 1em;
}
@media (max-width: 829px) {
	.columns.twelve.pages.top > span {
		/* display: none; */
	}
}
ul.perPage {
	display:inline-block;
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: absolute;
	right: 0;
	top: 0;
}
@media (max-width: 829px) {
	ul.perPage {
		background-color: #DDD;
		border-bottom: 1px solid #AAA;
		border-top: 1px solid #AAA;
		display: block;
		position: relative;
		right: auto;
		text-align: center;
		top: auto;
		width: 100%;
	}
}
ul.perPage:before {
	content: "Per Page: ";
	display: inline-block;
	float: left;
	font-weight: 700;
	margin-right: 0.35em;
	text-transform: uppercase;
}
@media (max-width: 829px) {
	ul.perPage:before {
		float: none;
		font-size: 0.8em;
	}
}
ul.perPage li {
	display: inline-block;
	float: left;
	margin-bottom: 0;
	margin-right: 0.5em;
	text-transform: uppercase;
}
@media (max-width: 829px) {
	ul.perPage li {
		float: none;
		font-size: 0.8em;
	}
}
ul.perPage li:last-of-type {
	margin-right: 0;
}
ul.perPage li.now {
	font-weight: 700;
}
ul.perPage li:before {
	content: "|";
	display: inline-block;
	font-weight: normal;
	margin-right: 0.5em;
}
@media (max-width: 1000px) {
	ul.perPage li,
	ul.perPage li:before {
		margin-right: 0.15em;
	}
}
ul.perPage li:first-of-type:before {
	content: "";
}

a.product_brochure_link,
a.request_quote_link {
	background-color: #880000;
	border: 1px solid #550000;
	border-radius: 4px;
	box-shadow: 0 0 0 rgba(0, 0, 0, 0.0);
	color: #FFF;
	display: block;
	font-weight:700;
	margin: 0.25em auto 1.5em;
	padding: 6px 12px;
	text-decoration: none;
	text-shadow: 0 0 3px rgba(0,0,0,0.8);
	text-align: center;
/*
	-webkit-transition: all 250ms;
	transition: all 250ms;
*/
}
a.product_brochure_link:active,
a.product_brochure_link:focus,
a.product_brochure_link:hover,
a.request_quote_link:active,
a.request_quote_link:focus,
a.request_quote_link:hover {
	background-color: #BC0000;
	border-color: #880000;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.8);
	text-shadow: 2px 2px 2px rgba(0,0,0,0.8);
}

a.product_brochure_link i.fa-file-pdf-o ,
a.request_quote_link i {
	margin-right: 0.25em;
}
@media (min-width: 550px) and (max-width: 600px) {
	a.product_brochure_link i.fa-file-pdf-o {
		display: none;
	}
}

a.project_brochure_link {
	background-color: #880000;
	border: 1px solid #550000;
	border-radius: 4px;
	box-shadow: 0 0 0 rgba(0, 0, 0, 0.0);
	color: #FFF;
	display: block;
	font-weight:700;
	margin: 0.25em auto 1.5em;
	padding: 6px 12px;
	text-decoration: none;
	text-shadow: 0 0 3px rgba(0,0,0,0.8);
	text-align: center;
/*
	-webkit-transition: all 250ms;
	transition: all 250ms;
*/
}
a.project_brochure_link:active,
a.project_brochure_link:focus,
a.project_brochure_link:hover {
	background-color: #BC0000;
	border-color: #880000;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.8);
	text-shadow: 2px 2px 2px rgba(0,0,0,0.8);
}

a.project_brochure_link i.fa-file-pdf-o {
	margin-right: 0.25em;
}
@media (min-width: 550px) and (max-width: 600px) {
	a.project_brochure_link i.fa-file-pdf-o {
		display: none;
	}
}

@media (min-width: 400px) {
	a.project_brochure_link{
		display: inline-block;
		width: 300px;
	}
}

/*** Signup Area ***/
.signup_area{background: #d2d2d2; padding: 10px 0;}
.signup{text-align: center;}
.signup_form{margin: 0 auto;}
.signup_label{padding: 8px 0 8px 0; margin: 0 10px 0 0; color: #b20707; float: left; text-transform: uppercase;}
.signup_input{float: left; margin-right: 10px;}
.signup_button{float: left;}

/*** Service ***/
.service_subpage_content{margin-bottom: 30px;}
.service_subpage_image img{width: 100%; border: 5px solid #FFFFFF; box-shadow: 0px 0px 5px #000; margin-bottom: 70px;}

/*** Footer Area ***/
.footer_area{background: #232323; padding: 10px 0;}
.footer_paragraph{clear: left; color: #FFF;}
.footer_paragraph span{color: #ffd200;}
.footer_paragraph a{color: #ffd200;}
.footer_paragraph a:hover{color: #ffffff;}
.footer_right{text-align: right;}
.footer_right img{margin-top: 22px;}
.footer_right p.footer_paragraph{text-align: right; clear: both;}
.footer_logos{width: 100%;}
.other_sections_area{padding: 10px 0; background: #700808;}
ul.footer_navigation{margin: 0 auto; text-align: center; padding: 0; margin: 0;}
ul.footer_navigation li{list-style: none; display: inline-block; padding: 0 8px; margin: 0;}
ul.footer_navigation li a{color: #fff; text-transform: uppercase; text-decoration: none;  text-shadow: 0 0 5px #121212; font-size: .8em;}
ul.footer_navigation li a:hover{color: #ffd200;}

/** products area **/
span.item_number { display:block; font-size:0.50em !important; }
.products_main_title{padding-top: 20px;}
.products-container { display:table; padding: 0 0 0 18px; overflow: hidden;}
h3.products_title  { padding-top:60px; font-family: "futura-pt",sans-serif; font-style: normal; color: #242424}
.product_category { }
.product_category img { width:100%; height:auto; clear: both;}
.products_table{display: table;}
.product_catalog_divider {
	display: table-cell;
	text-align:center;
	background:transparent url(/images/bg_product_divider_vertical.png) 70px top repeat-y;
	width:24px;
	margin:0 0 -100000px;
	padding:0 0 100000px;
}
@media (min-width: 800px) and (max-width: 925px) {
	.product_catalog_divider {
		background-position-x: 60px;
	}
}
@media (min-width: 550px) and (max-width: 799px) {
	.product_catalog_divider {
		background-position-x: center;
	}
}
@media (max-width: 549px) {
	.product_catalog_divider {
		display: none !important;
	}
}

.border-bottom{border-bottom: 1px solid #C7C7C7;}

.products_layout{display: table-cell;}
.product_preview { border:1px solid #ccc; padding:0; margin:15px auto; -webkit-box-shadow: 0 0 3px 1px rgba(221,221,221,221); box-shadow: 0 0 3px 1px rgba(221,221,221,221); width:100%; max-height:224px; max-width:224px; overflow:hidden;}
.product_preview a { position:relative; display:block; }
.product_preview img { position:relative; width:100%; }
.product_preview .name { position:absolute;  bottom:0; left:0; background-color:rgba(229,229,229,0.5); width:99%; padding:6px;  z-index:100; color:#920002; display:none; }
.products_title{border-bottom: 1px solid #B5B5B5; margin-bottom: 25px; font-weight: bold;}
.pages { text-align:center; }
.pages span { padding:6px; }
.pages .prev-page, .next-page { font-weight:bold; }
.pages a { color:#af0506 !important; }
.pages .selected { font-weight:bold; }
.breadcrumb-container{border-bottom: 1px solid #D7D7D7; border-top: 1px solid #D7D7D7; padding: 5px 0; margin-bottom: 10px 0 20px 0;}
.product_category_description p{padding: 0; margin: 0; text-align: center;}
.product_category_description{margin: 10px 0 40px 0; padding: 0;  border-bottom: 1px solid #D5D5D5;}
div.project{clear: left; float: left; width: 100%;}
.project img.project_image{float: right; margin: 0 0 20px 20px; border: 2px solid #FFFFFF; -webkit-box-shadow: 0 0 3px 2px #B3B3B3; box-shadow: 0 0 3px 2px #B3B3B3;}

/* product detail */
#main-image { display:block; margin:15px auto 25px auto; -webkit-box-shadow: 0 0 3px 1px rgba(218,218,218,218); box-shadow: 0 0 3px 1px rgba(218,218,218,218); max-height:224px; max-width:224px; width:100%;}
.main_image, .main-image { width:100%; }
.no_image { max-width:284px; width:100%; }
.alternate_image { width:25%; max-width:127px; height:auto; margin:4px; }
.alternate_image a { display:block; }
.alternate_image { display:inline-block; -webkit-box-shadow: 0 0 3px 1px rgba(218,218,218,218); box-shadow: 0 0 3px 1px rgba(218,218,218,218); max-height:126px; max-width:127px; height:auto; width:100%;  }
.options_title { font-weight:bold; margin-bottom:20px; display:block; }
.details .option_category a { display:block; margin-bottom:20px; }
.details .options { display:none; }
.details h3.name { color:#ae030b; padding:0; margin:0; margin-top: 20px;  border: none !important; font-family: "futura-pt",sans-serif; font-style: normal;}
.details h3.subheader { font-size:1.3em !important; margin:16px 0 0 0;  color:#ae030b; padding:0;  border: none !important; font-family: "futura-pt",sans-serif; font-style: normal; }
.horizontal_divider { margin:4px 0 4px 0; max-width:416px; max-height:16px; width:100%; background:transparent url(/images/bg_product_divider_horizontal.png) left top no-repeat; }
.projects,.features,.options { color:#000 !important; font-weight:bold; margin:10px 0 10px 0; display:block; }
.projects a { color:#b20707; }
ul.list, .description ul, ul.options, ul.projects { list-style-image:url(/images/bullet.png); font-weight:normal; margin-left:10px; }
.description ul li { padding:0; margin:0; }
/*
.pdf { background:transparent url(/images/icon_pdf.png) left top no-repeat;  height:31px; display:block; text-indent:35px; font-weight:bold; color:#000; text-decoration:none; padding-top:2px; }
.drawing { background:transparent url(/images/icon_dwg.png) left top no-repeat;  height:31px; display:block; text-indent:35px; font-weight:bold; color:#000; text-decoration:none; padding-top:2px; }*/

.pdf,
.drawing{display:block; margin-left:35px; font-weight:bold; color:#000; text-decoration:none; padding-top:2px; min-height: 31px; position: relative;}
.pdf::before, .drawing::before{content: ""; width: 35px; height: 31px; position: absolute; right: 100%; background-repeat: no-repeat !important; background-position: center !important;}
.pdf::before{ background-image: url(/images/icon_pdf.png);}
.drawing::before { background-image: url(/images/icon_dwg.png);}

.additional_downloads {display:block; color:#b20707; margin:20px 0 20px;}
/*.product_files { display:none; }*/
.plus { background:transparent url(/images/icon_plus.png) left top no-repeat; width:19px; height:19px; display:inline-block; margin-right:4px;   }
.plus_faq { background:transparent url(/images/icon_plus.png) left top no-repeat; width:19px; height:19px; display:inline-block; margin-right:4px; margin-top: 17px; float: left;}
.minus { background:transparent url(/images/icon_minus.png) left top no-repeat; width:19px; height:19px; display:inline-block; margin-right:4px; }
.minus_faq { background:transparent url(/images/icon_minus.png) left top no-repeat; width:19px; height:19px; display:inline-block; margin-right:4px;margin-top: 17px; float: left;}
.brochure_link { background:transparent url(/images/icon_pdf.png) left top no-repeat;  height:31px; text-indent:35px; clear:both; display:block; padding-top:4px; width: 175px; color: #FFF; margin: 0 auto;}
div.service{clear: left; float: left; width: 100%;}
.service img.thumbnail_image{float: right; margin: 0 0 20px 20px; border: 2px solid #FFFFFF; -webkit-box-shadow: 0 0 3px 2px #B3B3B3; box-shadow: 0 0 3px 2px #B3B3B3; max-width: 50%;}
.brochure{background: #880000; width: 100%; display: block;-webkit-box-shadow: 0 0 3px 0 #333333; box-shadow: 0 0 3px 0 #333333; text-shadow: 0 0 3px #0A0A0A; text-align: center; float: left; clear: both; margin: 20px 0; padding: 5px 0;}

/* breadcrumb */
.breadcrumb { display:inline-block;  text-decoration:underline; }
.breadcrumb.last { text-decoration:none; }
.breadcrumb.last a { text-decoration:none !important; }
.breadcrumb.last span { text-decoration:none !important; font-weight:bold; color:#af0506 !important;}

/* photogallery */
.photogallery a { margin:6px; vertical-align:middle; border:6px solid #fff; -webkit-box-shadow: 0 0 3px 1px rgba(218,218,218,218); box-shadow: 0 0 3px 1px rgba(218,218,218,218); max-width:90px; max-height:90px; overflow:hidden; display:inline-block;  }
.photogallery img { vertical-align:middle; }
.gallery_thumb { width:90px;height:90px; }

/* faqs */
.faq_category { width:100%; border-bottom:1px dashed #B7B7B7; font-weight:bold; font-size:1.2em; color:#575757; }
dl.faqs dt { display:block; margin-bottom:10px; }
dl.faqs dt a {
	text-decoration: none;
}
dl.faqs dd { display:none; margin-bottom:10px; border-bottom:1px dashed #b7b7b7; }
dl.faqs dd h4,
dl.faqs dd h5,
#about-us-content h4,
#about-us-content h5 { border-bottom: 1px solid #b20707; color: #b20707; margin-bottom: 0.25rem; }
.expanded { vertical-align:middle; padding:4px; height:19px; }
.faq_question{font-size: 2em;}
.faq_answer { font-size: 1.2em; }

/* contact us */
.dontfillmeout { display:none; }
#contact-us-form { float:left; width:100%;   }
#contact-us-form fieldset { padding:0; margin:0; }
#contact-us-form .footer { background:none;  width:100%; margin:0 auto;  }
.contact_company_name, .contact_city, .contact_name{width: 48%; float: left;}
.contact_website, .contact_state, .contact_phone{width: 48%; float: right;}
.contact_zip, .contact_country, .contact_address, .contact_product, .contact_email{width: 100%; float: left; clear: both;}
.contact_comments{width: 100%; float: left; clear: both;}
.contact_service { float:left; width:100%; }
#contact-us-form input, #contact-us-form textarea{width: 100%; margin-bottom:0 !important;}
 #contact-us-form select { width:100%; padding:6px; }
#contact-us-form label{color: #5B5B5B !important;}
#contact-us-form .contact_name, #contact-us-form .contact_product, #contact-us-form .contact_phone,
#contact-us-form .contact_email, #contact-us-form .contact_service, #contact-us-form .contact_comments,
#contact-us-form .contact_company_name, #contact-us-form .contact_address, #contact-us-form .contact_city,  #contact-us-form .contact_state,  #contact-us-form .contact_country,
#contact-us-form .contact_zip { margin-bottom:20px }
span.error, span.message { color:#D50003; font-weight:bold; float:left; width:100%; padding-top:0; margin-top:0; text-align:center; }
.form #email_address { margin:0 0 10px; }
.highlight { color:#d72c07; font-weight:bold; }

/* search */
.keywords { font-weight:bold; font-style:italic; }

/* mobile menu */
.mobile-menu { display:none; }
.mobile-menu a.selected { background-color:#266491; }
#content_sub_navigation_list a.selected { color:#fff !important; font-weight:bold; }

h3.service_name{border: none;}
h3.service_name a{color: #FFF; text-decoration: none; padding: 0px 10px; background: #880000; width: 100%; display: block;-webkit-box-shadow: 0 0 3px 0 #333333; box-shadow: 0 0 3px 0 #333333; text-shadow: 0 0 3px #0A0A0A;}
h3.service_name a:hover{background: #af0506;}

h3.project_name{border: none;}
h3.project_name a{color: #FFF; text-decoration: none; padding: 0px 10px; background: #880000; width: 100%; display: block;-webkit-box-shadow: 0 0 3px 0 #333333; box-shadow: 0 0 3px 0 #333333; text-shadow: 0 0 3px #0A0A0A;}
h3.project_name a:hover{background: #af0506;}

/* Social Icons
------------------------------------------------------------ */

#social{
	float: left;
	margin: 22px 0 0 10px;
	margin-left: 0px !important;
}

#social li {
	float: left;
	border-bottom: none !important;
	list-style-type: none !important;
}

#social li a{
	float: left;
	height: 23px;
	width: 23px;
	text-indent: -9999px;
	overflow: hidden;
	margin-right: 5px;
	background: url(/images/social-icons2.png);
}

#social #tw{
	background-position: 0 0;
}

#social #tw:hover{
	background-position: 0 -23px;
}

#social #fb{
	background-position: -23px 0;
}

#social #fb:hover{
	background-position: -23px -23px;
}

#social #rss{
	background-position: -46px 0;
}

#social #rss:hover{
	background-position: -46px -23px;
}


#social #plus{
	background-position: -69px 0;
}

#social #plus:hover{
	background-position: -69px -23px;
}

#social #pinterest{
	background-position: -115px 0;
}

#social #pinterest:hover{
	background-position: -115px -23px;
}

#social #instagram{
	background-position: -92px 0px;
}

#social #instagram:hover{
	background-position: -92px -23px;
}




/* type kit async */
.wf-loading { visibility:hidden; }
.wf-active { visibility:visible; }
.wf-inactive { visibility:visible; }
/* end typekit async */

#map_wrapper { height: 500px; -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75); 	margin-bottom:60px; }
#map_canvas { width: 100%; height: 100%; }
.loader { width:30px; height:30px; display:none; margin-left:6px; background:transparent url(/images/loader.gif) 50% 50% no-repeat; }
#sales_rep_form { text-align:center; }

/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
		ul.top_navigation{display: none;}
		.responsive_header_navigation_area{display: block; background: #920505;}
		ul.top_navigation_responsive{padding: 0; margin: 0; width: 100%;}
		ul.top_navigation_responsive li{color: #b20707; list-style: none; padding: 0; margin: 0; width: 33%; display: inline-block; text-align: center; float: left; padding: 10px 0;}
		ul.top_navigation_responsive li a{color: #fff; text-decoration: none; text-transform: uppercase; font-family: "futura-pt",sans-serif; font-style: normal; font-weight: 700; text-shadow: 0 0 5px #121212;}
		ul.top_navigation_responsive li a:hover{color: #FFE500;}
		}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		/* mobile menu */
		.mobile-menu { display:block; position:relative;  }
		.mobile-menu .btn-menu { position:absolute; left:10px; top:2px;  z-index:999999; background:transparent url(/images/btn-menu.png) left top no-repeat; width:48px; height:35px; display:block; text-indent:-9999px; margin-left:10px; }
		.menu { display:none; width:100%; background-color:#710808; color:#fff; margin:0; padding:60px 0 0 0 ; position:relative; }
		.menu li { border-top:1px solid #FFF; color: #FFFF; font-family: "futura-pt-condensed",sans-serif; font-style: normal; font-weight: 400; text-shadow: 1px 01px 1px #1C1C1C; text-transform: uppercase; font-size: 1.2em !important; letter-spacing: 2px;  margin: 0; padding: 0; list-style: none;  }
		.menu li a { color:#fff !important; display:block; padding:10px; text-decoration:none;  }
		.menu li a:hover { background-color: #b20707; color: #FFE500 !important; }

		ul.main_navigation li a {font-size: 1.1rem;}
		.box1image,.box2image{display: none;}
		.project img.project_image,
		.service img.thumbnail_image,
		.right_content_image{float: none;display: block; margin: 0 auto 15px;}
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {

	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		.mobile-menu { position:relative; width:100%; display:block;  min-height:55px;  }
		.mobile-menu { background-color: #710808 }
		.mobile-menu .btn-menu  { z-index:1 !important; background: url(/images/btn-menu.png) left top no-repeat; width:48px; height:35px; display:block; text-indent:-9999px; margin-left:10px; }
		.main_navigation_area {display: none;}
		.box1image,.box2image{display: none;}
		.product_catalog_divider{display: none;}
	}