/* CSS RESET */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* Start of styles */

a {text-decoration: none; }

a:link {
text-decoration : none;
color : #ffffff;
}
a:visited {
text-decoration : none;
color : #ffffff;
}
a:hover {
text-decoration : none;
color : #ed1c24;
}
a:active {
text-decoration : none;
color : #ed1c24;
}


a.expand {
	font-weight:bold;
	font-style:italic;
	text-decoration: none; 
	font-size:13px;
}

a.expand:link {
		color: #444444;
}
a.expand:visited {
		color: #444444;
}
a.expand:hover {
		color: #777777;
}
a.expand:active {
		color: #777777;
}


a.white:link {
		color: #ffffff;
}
a.white:visited {
		color: #ffffff;
}
a.white:hover {
		color: #cccccc;
}
a.white:active {
		color: #aaaaaa;
}


p	{
		font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
		color : #ffffff;
		font-size : 16px;
		font-weight : normal;
		line-height: 125%;
		padding: 0 16px 12px 16px;
}

p.italic	{
		font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
		color : #ffffff;
		font-size : 15px;
		font-weight : normal;
		line-height: 125%;
		padding: 0 16px 12px 16px;
		margin:0 0 24px 0;
		font-style:italic;
		text-align:left;
		border-bottom:1px solid #ed1c24;
}

.last {
    border:none;
    margin:0;
}

p.lightbox	{
		font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
		color : #555555;
		font-size : 14px;
		font-weight : normal;
		line-height: 125%;
		padding: 0;
}

p.footerlinks	{
		font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
		color : #ffffff;
		font-size : 11px;
		font-weight : normal;
		line-height: 125%;
		padding-right: 16px;
		text-align:center;
}

p.table	{
		font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
		color : #ffffff;
		font-size : 13px;
		font-weight : normal;
		line-height: 125%;
		padding: 0;
}

h1 {
		font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
		color : #ed1c24;
		font-size : 20px;
		font-weight : bold;
		line-height: 125%;
		padding: 16px 0 8px 16px;
}

strong.orderheading {
		font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
		color : #444444;
		font-size : 13px;
		font-weight : normal;
		font-style:italic;
		line-height: 125%;
		padding: 0 0 12px 0;
}

h2 {
		font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
		color : #e8cd2c;
		font-size : 16px;
		font-weight : bold;
		font-style:italic;
		line-height: 125%;
		padding: 16px 0 4px 16px;
}



h3 {
		font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
		color : #ed1c24;
		font-size : 30px;
		font-weight : bold;
		padding: 0 0 0 0;
		text-align:right;
}

h4 {
		font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
		color : #e1931e;
		font-size : 13px;
		font-style:italic;
		font-weight : bold;
		padding: 0 0 0 0;
		text-align:right;
}

h5 {
		font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
		color : #fff;
		font-size : 18px;
		font-weight : bold;
		font-style:italic;
		padding: 12px 0 12px 0;
		text-align:center;
}

h6 {
		font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
		color : #e1931e;
		font-size : 15px;
		font-style:normal;
		font-weight : bold;
		padding: 0 0 12px 8px;
		text-align:left;	
}


ul		{
		font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
		color : #ffffff;
		font-size : 14px;
		font-weight : normal;
		line-height: 125%;
		padding: 0;		
}

li		{
		
}


ul.home {
		padding: 12px 0 12px 32px;		
		}


li.home {
		list-style: disc outside;
		font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
		font-style:italic;
		color : #ffffff;
		font-size : 15px;
		font-weight : bold;
		padding: 0 4px 4px 0;		
		}

ol.lightbox {
		list-style-type: upper-numeric;
		padding: 0 0 0 4px;
		font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
		font-style:normal;
		color : #ffffff;
		font-size : 12px;
		font-weight : normal;
		line-height:125%;
}

ul.lightbox {
		list-style-type: disc;
		padding: 0 0 0 36px;
		font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
		font-style:italic;
		color : #ffffff;
		font-size : 12px;
		font-weight : normal;
		line-height:125%;
} 

ol.lightbox li {
		padding: 4px 0 0 0;
}

ul.lightbox li {
		padding: 4px 0 0 0;
}


ul.footer {	
		display:inline;	 
	   	list-style: none;
		font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
		font-style:normal;
		color : #ffffff;
		font-size : 11px;
		font-weight : normal;
		padding: 0;
		margin:0;
		line-height:150%;	
		}
		
li.footer	{
	   	display:inline;
		margin:0;
		padding: 0 4px 0 4px;	
}
   
#nav { 
	text-align:center;
background: #858585; /* Old browsers */
background: -moz-linear-gradient(top,  #858585 0%, #3d3d3d 50%, #000000 51%, #000000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#858585), color-stop(50%,#3d3d3d), color-stop(51%,#000000), color-stop(100%,#000000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #858585 0%,#3d3d3d 50%,#000000 51%,#000000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #858585 0%,#3d3d3d 50%,#000000 51%,#000000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #858585 0%,#3d3d3d 50%,#000000 51%,#000000 100%); /* IE10+ */
background: linear-gradient(to bottom,  #858585 0%,#3d3d3d 50%,#000000 51%,#000000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#858585', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
border-bottom:#ed1c24 1px solid;
}

#nav ul {
    font-family: 'Exo 2', sans-serif;
    list-style-type:none;
    display:flex;
    justify-content:space-around;
}


#nav ul {
font-family: 'Exo 2', sans-serif;
    list-style-type:none;
    margin:0 auto;
    font-size:20px;
    line-height:100%;
	font-weight:800;
	font-style:italic;
}
#nav ul li {
    color:#fff;
    padding:20px 0;
}
#nav ul li a {
    color:#fff;
    padding:20px 12px;
}

#nav ul li:hover {
    background:#d60916
}


img.center {   display: block;   margin-left: auto;   margin-right: auto; padding: 5px; border: 1px solid #ed1c24; }
img.redborder {   padding: 5px; border: 1px solid #ed1c24; margin: 0 0 0 16px; }
img.contactusmap {   padding: 5px; position:absolute; border: 1px solid #ed1c24; right:0; top:180px; }
.align-right { float:right; margin: 0 0 15px 15px; }
.align-left { float:left; margin: 0 15px 15px 0; }
.align-center { margin-left: auto;   margin-right: auto; }
.frame { padding: 5px; border: 1px solid #ed1c24; } 

.sidebox1 { position:absolute; top: 6px; right: 6px; z-index: 2; }
.sidebox3 { position:absolute; top: 134px; right: 6px; z-index: 2; }
.sidebox2 { position:absolute; top: 262px; right: 6px; z-index: 2; }
.starburst { position:absolute; top: 490px; left: -50px; z-index: 2; }
.xclose { position:absolute; top: 8px; right: 8px; z-index: 2; }

.picture {
		background-color: transparent;
		border: 1px solid #fff;
		padding: 3px;
		font: 11px/1.4em Arial, "Helvetica Neue", Helvetica, sans-serif; 
		color:#fff;
		text-align:center;
}
.picture img { border: 1px solid #ffd700;
vertical-align:middle; margin-bottom: 3px; }
.right { margin: 0.5em 0pt 0.5em 0.8em; float:right; }
.left { margin: 0.5em 0.8em 0.5em 0; float:left; } 


html {
	margin:0;
	padding:0;
	background:#000;
	height:auto;
}


body	{
	background: #060403 url(images/carbon_fiber_bg.jpg) center top repeat-y;
	color: #000;
	padding: 0;
	width:100%;
	overflow: -moz-scrollbars-vertical;
}

#wrapper {
	width : 900px;
	position:relative;
	text-align:left;
	padding : 0;
	margin : 0 auto;
	border-left:1px solid #ed1c24;
	border-right:1px solid #ed1c24;
	background:#000;
	min-height:1080px;
}

#topspacer {
	position:relative;
	margin : 0;
	height : 8px;
	width : 100%;
	background-color : #ed1c24;
}


#header {
	position:relative;
	background: transparent url("images/header_logo.jpg") center no-repeat;
	background-size:max-width:900px;
	margin : 0;
	padding:0;
	height : 182px;
	background-color : transparent;
	z-index:1;
}

#slogan {
margin : 0;
height : 57px;
width : 381px;
padding : 0;
position : absolute;
top : 65px;
left : 175px;
}


#phone {
margin : 0;
height : 65px;
width : 190px;
padding : 0;
position : absolute;
top : 63px;
left : 723px;
background:none;
}

#phone p
{
	font-family: 'Exo 2', sans-serif;
	font-weight:800;
	font-style:italic;
	position: relative;
	font-size: 18px;
	text-align:center;
	padding: 2px 8px 4px 8px;
	margin: 0;
	color: #fff;
	background-color: #ed1c24;
	text-shadow: 0px 1px 2px #b1181e;
	-webkit-box-shadow: 0px 2px 4px #888;
	-moz-box-shadow: 0px 2px 4px #888;
	box-shadow: 0px 2px 4px #888;
}

.call {
	font-size:24px;
}

#phone p:after {
	content: '';
  position: absolute;
  top: 100%;
  right: 0px;
  height: 0;
  width: 0;
  border-top: 10px solid #b1181e;
  border-right: 12px solid transparent;
}

#slider {
position : relative;
margin : 0 auto;
width : 100%;
height: auto;
padding : 0;
z-index: 2;
}

#bottomsection {
margin : 0;
width : 900px;
padding : 0;
position : relative;
background: transparent url("images/content_bg.jpg") no-repeat bottom;
border-top:#ed1c24 8px solid;
border-bottom:#646464 8px solid;
}

#bottomsectionleftcolumn {
margin : 0;
width : 550px;
padding : 4px 0;
position : relative;
background-color:transparent;
}

#bottomsectionsubpage {
margin : 0;
width : 900px;
padding : 0 0 12px 0;
position : relative;
background-color:transparent;
}

#bottomsectionrightcolumn {
margin : 0;
height:233px;
width : 298px;
padding : 12px 0 0 0;
position : absolute;
top: 0;
right: 16px;
}

#contactleftcolumn {
margin : 0;
width : 550px;
padding : 0;
position : relative;
background-color:transparent;
}

#contactrightcolumn {
height:445px;
width:360px;
margin : 0;
padding : 0;
position : absolute;
top: 20px;
right: -26px;
background: url("images/contact_form_bg.png") no-repeat;
}

/* Contact form CSS */
#contact-area {
	position:relative;
	width: 360px;
	top: 60px;
	right: 50px;
}

#contact-area input, #contact-area textarea, #contact-area select  {
	padding: 5px;
	width: 226px;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px 0px 4px 0px;
	border: 1px solid #333333;
}

#contact-area textarea {
	height: 40px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 1px solid #555555;
}

#contact-area input.submit-button {
	width: 60%;
		margin:0 0 0 130px;
	display:block;
	
}

label {
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	float: left;
	text-align: right;
	margin-right: 4px;
	width: 115px;
	padding-top: 5px;
	font-size: 12px;
	color:#fff;
}

.consultbox1 {
		border : 0;
		background-color : transparent;
		font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
		color : #333333;
		font-size : 13px;
		position : absolute;
		top : 69px;
		left : 40px;
		width : 150px;
		height : 23px;
}

.consultbox2 {
		border : 0;
		background-color : transparent;
		font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
		color : #333333;
		font-size : 13px;
		position : absolute;
		top : 115px;
		left : 40px;
		width : 150px;
		height : 23px;
}

.consultbox3 {
		border : 0;
		background-color : transparent;
		font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
		color : #333333;
		font-size : 13px;
		position : absolute;
		top : 161px;
		left : 40px;
		width : 150px;
		height : 23px;
}

.consultbox_submit {
		border : 0;
		background-color : transparent;
		position : absolute;
		top : 198px;
		left : 185px;
		width : 89px;
		height : 25px;
}

#casestudyholder {
margin : 0 auto;
height:350px;
width : 900px;
padding : 0;
position : relative;
background:#202020;
overflow: hidden;
}

#casestudyleft {
margin : 0 auto;
width : 450px;
padding : 0;
float:left;
}

#casestudyright {
margin : 0;
width : 450px;
padding: 0;
float:right;
top : 0;
}

#subtop {
margin : 0;
width : 910px;
height: 29px;
padding : 0;
position : relative;
background-image : url('images/sub_top.png');
background-repeat : no-repeat;
background-position : left top;
z-index:1;
}

#footer {
    margin:0 auto 0 auto; /* in full to help IE5Mac */
 	position:relative;
	padding: 8px 0;
	width : 900px;
	background-color : transparent;
	text-align:center;
	background:#000;
}

#underherospacer {
	position:relative;
	margin : 0;
	height : 20px;
	width : 910px;
	background-color : #ffffff;
}

/* hero slider */

        .graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }



	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:900px;
		height:392px;
		overflow:hidden;
		margin: 0; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:88px;
		height:83px;
		position:absolute;
		left:-89px;
		top:400px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:900px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:88px;
		height:83px;
		background:url(images/btn_prev.png) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(images/btn_next.png) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#DAF3F8;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#5DC9E1;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // hero slider */

/* ORDER FORM CSS */

table { border-collapse: collapse; }



.clear { clear: both; }

#shipping-subtotal { margin: 0; }
#shipping-table { margin: 30px 0 0 0; width: 357px; float: right; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;}
#shipping-table td { padding: 5px; }
#shipping-table th { padding: 5px; background: #ed1c24; color: white; text-align: left; }
#shipping-table td input { width: 69px;  text-align: center; }
#order-total { font-weight: bold; font-size: 21px; width: 110px; }

#order-table { width: 100%; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size:13px; }
#order-table td { padding: 5px; }
#order-table th { padding: 5px; background: #ed1c24; color: white; text-align: left; }
#order-table th.category { padding: 12px; font-size : 18px; font-weight:bold; background: transparent; color: #ed1c24; text-align: left; }
#order-table td.row-total { text-align: right; }
#order-table td input { width: 50px; text-align: center; }
#order-table tr.even td { background: #eee; }

#productlist-table { width: 100%; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size:13px; }
#productlist-table td { padding: 5px; }
#productlist-table th { padding: 5px; background: #ed1c24; color: white; text-align: left; }
#productlist-table th.category { padding: 12px; font-size : 18px; font-weight:bold; background: transparent; color: #ed1c24; text-align: left; }
#productlist-table td.row-total { text-align: right; }
#productlist-table td input { width: 50px; text-align: center; }
#productlist-table tr.even td { background: #fff; }




.black_overlay{
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}
 
.white_content {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-left:-300px;
	margin-top:-250px;
	height:500px;
	width: 600px;
	padding: 16px;
	border: 1px solid #ed1c24;
	background-color: #000;
	z-index:1002;
	overflow: auto;
}
table,td,th
{
border:0;
}
table
{
width:850px;
padding:16px;
}
th
{
height:80px;
}
td
{
height:200px;
}
td img{vertical-align:middle;}


@media screen and (max-width: 1064px) {
  body {background: #000 url(images/768-bg.jpg) top center repeat-y; width:100%;}
  #wrapper    { width: 768px; }
  #header    { width: 768px; height:155px; margin:16px 0; background: transparent url("images/768-logo.jpg") top center no-repeat; }


#phone {
margin : 0;
height : 65px;
width : 170px;
padding : 0;
position : absolute;
top : 63px;
left : 611px;
background:none;
}

#phone p
{
	font-family: 'Exo 2', sans-serif;
	font-weight:800;
	font-style:italic;
	position: relative;
	font-size: 16px;
	text-align:center;
	padding: 2px 8px 4px 8px;
	margin: 0;
	color: #fff;
	background-color: #ed1c24;
	text-shadow: 0px 1px 2px #b1181e;
	-webkit-box-shadow: 0px 2px 4px #888;
	-moz-box-shadow: 0px 2px 4px #888;
	box-shadow: 0px 2px 4px #888;
}

.call {
	font-size:22px;
}
	#nav { width:768px; }
	#nav ul { font-size:16px; }

#nav a {
    
}

#nav li:hover {
    background:#d60916
}
#slider { width:768px !important; height:335px !important; }

.sidebox1 { width:173px; height:104px; position:absolute; top: 6px; right: 6px; z-index: 2; }
.sidebox2 { width:173px; height:104px; position:absolute; top: 114px; right: 6px; z-index: 2; }
.sidebox3 { width:173px; height:104px; position:absolute; top: 222px; right: 6px; z-index: 2; }


.starburst { top:434px; height:145px; width:144px;  }
#bottomsection {
margin : 0;
width : 100%;
padding : 0;
position : relative;
background-color:transparent;
background: none;
}
#bottomsectionleftcolumn {
	width:60%;
margin : 0;
}
#bottomsectionsubpage {
	width:768px;
}

p { font-size:15px; padding:12px;}
h1 {font-size:17px;}
#footerdivider {display:none;}
#footer {width:100%;}

#prevBtn, #nextBtn, #slider1next, #slider1prev {
    top: 350px;
}

#nextBtn, #slider1next {
    left: 769px;
}

}


@media screen and (max-width: 480px) {
  body {background:none; width:100%;}
  #wrapper    { width: 100%; min-height:initial; }
  #header    { width: 100%; margin:16px 0; background:transparent url("img/320-logo.jpg") top center no-repeat;
    background-size: 320px 65px; height:65px; }
	#nav { width:100%; background:#444444; }
	#nav ul {
    font-size:18px;
    width:100%;
}

#nav li {
    float:none;
	border-top:#000 2px solid;
}

#nav a {
    padding:8px 0 8px 4px;
}

#nav li:hover {
    background:#d60916
}
#slider { display:none; }
.starburst { display:none; }
#bottomsection {
margin : 0;
width : 100%;
padding : 0;
position : relative;
background-color:transparent;
background: none;
}
#bottomsectionleftcolumn {
margin : 0;
width : 100%;
}

#bottomsectionsubpage {
    width: 100%;
}
p {text-align:center; padding:4px 0;}
h1 {text-align:center; padding:4px 0;}
#footerdivider {display:none;}
#footer {width:100%;}

#nextBtn, #prevBtn {
    display: none;
}
.left {display:none; position:relative;}

.align-left {
	display:block;
	text-align:center;
    float: none;
    margin: 8px auto;
}

.align-right {
	display:block;
	text-align:center;
    float: none;
    margin: 8px auto;
}


#contactleftcolumn {
    background-color: transparent;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
}

#contactrightcolumn {
    background: rgba(0, 0, 0, 0) url("images/contact_form_bg.png") no-repeat scroll 0 0;
    height: 645px;
    padding: 0;
    position: relative;
	margin: 0 auto;
}
}

.capbox {
	background-color: transparent;
	border-width: 0px 12px 0px 0px;
	display: inline-block;
	*display: inline; zoom: 1; /* FOR IE7-8 */
	padding: 0;
	margin:0 0 0 116px;
	}

.capbox-inner {
	font: bold 11px arial, sans-serif;
	color: #fff;
	background-color: transparent;
	margin: 4px auto 0 auto;
	padding: 3px;
	}

#CaptchaDiv {
	font: bold 16px verdana, arial, sans-serif;
	text-align: center;
	font-style: italic;
	color: #fff;
	background-color: transparent;
	padding: 0;
	line-height: 100%;
	}

#CaptchaInput { margin: 1px 0px 1px 0px; width: 135px; }