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

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

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;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*@font-face {
    font-family: 'bebas_neueregular';
    src: url('fonts/BebasNeue-webfont.eot');
    src: url('fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/BebasNeue-webfont.woff') format('woff'),
         url('fonts/BebasNeue-webfont.ttf') format('truetype'),
         url('fonts/BebasNeue-webfont.png#bebas_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;
}*/

@font-face {
	font-family:"bebas-neue";
    font-weight: normal;
    font-style: normal;
}

/* indEx  */

html { 
	font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;
}

body {
	font-family: 'Open Sans', sans-serif;
	background-color: #F1F2F2;
	margin: 0; font-size: 0.9em; line-height: 1.4;
}

img {
	
}

h1 img {
	margin: 0;
}

p {
	font-size: 1em;
	line-height: 1.5;
	margin: 0.8em 0;
}

ul {
	margin: 0.5em 0 1em 0;
}

li {
	font-size: 1em;
	line-height: 1.6;
	margin: 0.5em 0;
	/*background: transparent url(bullet.png) no-repeat left 6px;
	background-image: transparent url("../css/bullet.png") no-repeat left 6px;*/
	background: transparent url(../css/bullet-tick.png) no-repeat left 0;
	padding: 0 0 0 20px;
}

ul.tick-list li {
	background: transparent url(../css/bullet-tick.png) no-repeat left 0;
}

h1 {
	font-size: 2.4em;
	line-height: 1.2;
	font-weight: bold;
	margin: 0.8em 0;
	color: #003A65;
}

h2 {
	font-size: 1.8em;
	font-weight: bold;
	color: #003A65;
	margin: 0.8em 0 0.6em 0;
	line-height: 1.2;
}

h3 {
	font-size: 1.4em;
	font-weight: bold;
	color: #003A65;
	line-height: 1.1;
	margin: 0.8em 0 0.2em 0;
}

h4 {
	font-size: 1.2em;
	font-weight: bold;
	color: #003A65;
	line-height: 1.1;
	margin: 0.8em 0 0.2em 0;
}

strong {
	font-weight: bold;
}

a, a:visited {
	color: #9d122c;
	text-decoration: none;
	font-weight: bold;
}

a:hover {
	color: #000;
}

.clear {
	clear: both;
}


#logo {
	float: left;
	padding: 0 15px;
}

ul#nav {
	float: right;
	margin: 35px 5px 0 0;
}

ul#nav li {
	display: inline;
	margin: 0 3px;
	padding: 0;
	background-image: none;
	position: relative;
}

ul#nav li a {
	padding: 8px 15px;
	border-radius: 19px;
}

ul#nav a, ul#nav a:visited {
	color: #003A65;
}

ul#nav .current a, ul#nav .current a:visited  {
	color: gray;
	background-color: #F1F2F2
}

ul#nav .current a:hover {
	cursor: default;
}




body#homepage ul#nav li#nav-home a, body#homepage ul#nav li#nav-home a:visited,
body#solutions ul#nav li#nav-solutions a, body#solutions ul#nav li#nav-solutions a:visited,
body#industries ul#nav li#nav-industries a, body#industries ul#nav li#nav-industries a:visited,
body#about ul#nav li#nav-about a, body#about ul#nav li#nav-about a:visited,
body#news ul#nav li#nav-update a, body#news ul#nav li#nav-update a:visited,
body#information ul#nav li#nav-info a, body#information ul#nav li#nav-info a:visited,
body#case-study ul#nav li#nav-info a, body#case-study ul#nav li#nav-info a:visited {
	color: gray;
	background-color: #F1F2F2
}





ul#nav a:hover {
	background-color: #f7f7f7
}

ul#nav li ul.sub-nav {
	display: none;
	position: absolute;
	z-index: 200;
	margin-top: 0px;
	width: 230px;
	left: -70px;
	background: transparent url(sub-nav-pointer.png) no-repeat center 12px;
	padding-top: 20px;
}


ul#nav li ul.sub-nav li {
	display: block;
	float: left;
	margin: 0;
	font-size: 0.9em;
	box-shadow: 3px 6px 3px rgba(0,0,0,0.2);
}

ul#nav li ul.sub-nav li a {
	width: 200px;
	display: block;
	border-radius: 0;
	background-color: #fafafa !important;
	text-align: center;
	color: #003A65 !important;
	font-weight: normal;
}

ul#nav li ul.sub-nav li a:hover {
	background-color: #fff !important;
}

ul#nav li ul.sub-nav li:first-child a, ul#nav li ul.sub-nav li:fist-child {
	border-top-left-radius: 9px;
	border-top-right-radius: 9px;
}	

ul#nav li ul.sub-nav li:last-child a, ul#nav li ul.sub-nav li:last-child {
	border-bottom-left-radius: 9px;
	border-bottom-right-radius: 9px;
}


table.mini {
	margin: 1em 0;
}
table.mini td {
	border-bottom: 1px solid #eee;
}

ul.list-split-two {
	float: left;
	width: 50%;
}


/* layout */

.center {
	width: 960px;
	margin: 0 auto;
}


#header, #footer, #main, #hero, #main-grey {
	clear: both;
	width: 100%;
	display: block;
	position: relative;
	float: left;
}

#header {
	padding: 25px 0;
	background-color: #fff;
}

#homepage #main, #about #main, #solutions #main {
	background-color: #fff;
}

.col-span-whole {
	float: left;
	margin: 0 15px;
	width: 930px;
}

.col-span-half {
	float: left;
	margin: 0 15px;
	width: 450px;
}

.col-span-third {
	float: left;
	margin: 0 15px;
	width: 290px;
}

.col-span-twothirds {
	float: left;
	margin: 0 15px;
	width: 610px;
}

.col-span-quarter {
	float: left;
	margin: 0 15px;
	width: 210px;
}

.col-span-threequarters {
	float: left;
	margin: 0 15px;
	width: 630px;
}

.section {
	float: left;
	width: 100%;
	margin: 15px 0;
	
}

a.contact-button, a.contact-button:visited, ul#nav a.contact-button, ul#nav a.contact-button:visited, input#submit  {
	background-color: #9d122c;
	border-radius: 19px;
	color: #fff;
	font-weight: bold;
	padding: 8px 15px;
	border: #9d122c 1px solid;
	background-image: linear-gradient(bottom, rgb(157,18,43) 1%, rgb(198,85,113) 76%);
	background-image: -o-linear-gradient(bottom, rgb(157,18,43) 1%, rgb(198,85,113) 76%);
	background-image: -moz-linear-gradient(bottom, rgb(157,18,43) 1%, rgb(198,85,113) 76%);
	background-image: -webkit-linear-gradient(bottom, rgb(157,18,43) 1%, rgb(198,85,113) 76%);
	background-image: -ms-linear-gradient(bottom, rgb(157,18,43) 1%, rgb(198,85,113) 76%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.01, rgb(157,18,43)),
		color-stop(0.76, rgb(198,85,113))
	);
	text-shadow: 0.1em 0.1em #333;
}

a.contact-button:hover, ul#nav a.contact-button:hover {
	background-color: #cb5f71;
background-image: linear-gradient(bottom, rgb(157,18,43) 1%, rgb(219,114,135) 76%);
background-image: -o-linear-gradient(bottom, rgb(157,18,43) 1%, rgb(219,114,135) 76%);
background-image: -moz-linear-gradient(bottom, rgb(157,18,43) 1%, rgb(219,114,135) 76%);
background-image: -webkit-linear-gradient(bottom, rgb(157,18,43) 1%, rgb(219,114,135) 76%);
background-image: -ms-linear-gradient(bottom, rgb(157,18,43) 1%, rgb(219,114,135) 76%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.01, rgb(157,18,43)),
	color-stop(0.76, rgb(219,114,135))
);
	border: #C14960 1px solid;


}

#main, #main-grey {
	padding: 20px 0 0 0;
}

#main-grey {
	padding: 0;
}



#questions {
	clear: both;
	padding: 20px 0 0 0;
	border-top: 1px solid #D9D9D9;
	margin: 20px 15px 0 15px;
}

#footer {
	padding: 20px 0;
	font-size: 0.8em;
	border-top: 1px solid #D9D9D9;
}

ul#sitemap {
	float: left;
	width: 100%;
	padding: 0 0 40px 0;
	margin: 0;
}

ul#sitemap a, ul#sitemap a:visited  {
	color: #444;
	font-weight: normal;
}

ul#sitemap a:hover {
	color: #000;
}

ul#sitemap li {
	float: left;
	width: 210px;
	margin: 0 15px 8px 15px;
	padding: 0;
	background-image: none;
}

ul#sitemap li ul li {
	float: none;
	margin: 0 0 8px 0;
	line-height: 1.2;
}

#copy-strap {
	clear: both;
	margin: 15px;
	padding: 10px 0 0 0;
	border-top: 1px solid #D9D9D9;
}
 
#copy-strap p {
	margin: 3px 0;
}

#copy-strap a, #copy-strap a:visited {
	font-weight: normal;
}

a.bottom-link {
	padding: 15px 20px;
	margin: 0 15px 30px 15px;
	background: #F1F2F2 url(chevron-red.png) no-repeat 900px center;
	border-radius: 6px;
	border: 1px solid #E6E7E8;
	display: block;
	clear: both;
	font-size: 1.4em;
	font-weight: bold;
}

a.bottom-link:hover {
	background-color: #f8f8f8;
}


table {
	width: 100%;
	margin: 0 0 40px 0;
	border-bottom: 1px solid #ddd;
}

tr.grey-row td {
	background-color: #F1F2F2;
}

tr.white-row td {
	background-color: #fff;
}

td {
	padding: 5px;
	vertical-align: top;
}

thead td {
	background-color: #9d122c;
	font-weight: bold;
	color: #fff;
}

table ul, table li {
	margin-top: 0;
	padding-top: 0;
}

table li {
	padding-left: 16px;
}

table.small-text {
	font-size: 0.8em;
	
}

.buttons {
	float: left;
	width: 100%;
	clear: both;
	padding: 0 0 20px 0;
}

.buttons img {
	float: right;
	margin-left: 10px;
}

.buttons a, .buttons a:visited  {
	padding: 15px 20px;
	margin: 0 15px 30px 15px;
	float: left;
	background-color: #F1F2F2;
	border-radius: 6px;
	border: 1px solid #E6E7E8;
	color: #000;
	font-weight: normal;
}

.buttons span {
	display: block;
}

.buttons span.title {
	font-weight: bold;
	font-size: 1.2em;
	color: #003A65;
	margin: 0 0 0.5em 0;
	line-height: 1.1;
}

.buttons span.flash {
	background: #ffed63;
	color: #000;
	padding: 3px;
	width: 60px;
	text-align: center;
	border-radius: 3px;
	font-weight: bold;
	letter-spacing: 1px;
	font-style: italic;
}


.buttons span.title img {
	float: none;
	margin-left: 0;
}

.buttons span.find-out-more {
	font-weight: bold;
	color: #9d122c;
	margin: 10px 0 5px;
	padding: 5px 25px 5px 0px;
	background: transparent url(chevron-red.png) no-repeat right center;
	display: inherit;
	float: left;
}

.buttons a:hover {
	background-color: #fff;
}

.buttons3 a {
	width: 248px;
}

.buttons2 a {
	width: 408px;
}

#main-grey .buttons a {
	background-color: #fff;
}

#main-grey .buttons a:hover {
	background-color: #f8f8f8;
}

#title-bar {
	background: #003760 url(gradient-blue.png) no-repeat center top;
	color: #fff;
	float: left;
	width: 100%;
	clear: both;
	margin: 0 0 20px 0;
}

#title-bar .center {
	background: transparent url(blueprint.png) no-repeat 140px 20px;
}

#title-bar h1 {
	color: #fff;
	margin: 0;
	padding: 0.8em 0 10px 15px;

}

#title-bar p {
	font-size: 1.3em;
	padding: 0 0 30px 15px;
	margin: 0;
}

form {
	border-radius: 6px;
	background-color: #ddd;
	padding: 15px 25px 25px 25px;
}

input, textarea {
	width: 250px;
	padding: 4px;
}

label {
	padding: 4px 0 0 0;
}

input#submit {
	width: auto;
	font-size: 1em;
}

form table {
	margin-bottom: 0;
}

p.caption {
	font-size: 0.85em;
	color: gray;
	margin-bottom: 2em;
}

img.align-right, .boxed img.align-right {
	float: right;
}
img.align-left {
	float: left;
	margin-right: 1em;
}

/* homepage */


#homepage #hero {
	background: #003760 url(gradient-blue.png) no-repeat center top;
	color: #fff;
	text-align: center;
}

#homepage #hero .center {
	height: 385px;
	background: transparent url(blueprint.png) repeat-y center top;
}

#homepage #hero h1 {
	font-size: 2.8em;
	margin: 0 0 10px 0;
	padding: 120px 0 0 0;
	color: #fff;
}

#homepage #hero h2 {
	padding: 0 0 20px 0;
	margin: 0;
	color: #fff;
}

#news-ticker {
	padding: 0;
	margin-bottom: 40px;
	float: left;
}

#news-ticker h3 {
	float: left;
	padding: 0 20px 0 0;
	margin: 0 20px 0 0;
	border-right: 1px solid #D9D9D9;
}

#news-ticker p {
	padding: 2px 0 0 0;
	margin: 0;
}



/* about us page  */

#thumb-features {
	float: left;
	clear: both;
	width: 100%;
	padding: 20px 0 0 0;
}

#thumb-features ul li {
	margin: 0 15px 40px 15px;
	padding: 0;
	background-image: none;
	width: 450px;
	float: left;
}

#thumb-features ul li img {
	float: left;
	margin-right: 30px;
}

#thumb-features ul li h3, #thumb-features ul li p {
	float: right;
	width: 210px;
}



/* hazardous info */

#hazardous-info .col-span-third, #hazardous-info .col-span-half, #hazardous-info .col-span-twothirds {
	padding-bottom: 30px;
}

.cert-label {
	float: left;
	width: 900px;
	padding: 10px 15px 30px 15px;
	background-color: #E6E6E6;
	border-radius: 6px;
	margin: 10px 0 20px 0;
}

.cert-label p {
	margin-left: 10px;
	
}

.cert-label ul {
	float: left;
	width: 100%;

}

.cert-label ul li {
	padding: 0;
	margin: 0;
	background-image: none;
	float: left;
	position: relative;
}

.cert-label ul li a {
	padding: 10px 10px 6px 12px;
	display: block;
	border-radius: 6px;
}

.cert-label a:hover {
	background-color: #e9da0f;
}

.cert-label ul li em {
	background: transparent url(hover.png) no-repeat center bottom;
	width: 220px;
	height: 65px;
	position: absolute;
	top: -105px;
	text-align: center;
	padding: 20px 12px 10px;
	font-style: normal;
	z-index: 2;
	display: none;
}


.popup-content {
	display: none;
	width: 650px;
	padding: 20px 90px;
}

.boxed {
	margin: 15px 0 25px 0;
	background-color: #F1F2F2;
	border-radius: 6px;
	border: 1px solid #ddd;
	float: left;
	width: 100%;
	padding: 0 0 15px 0;
}

.boxed img {
	float: left;
	margin: 15px 15px 0 15px;
}

.boxed p {
	margin: 15px 15px 0 15px;
}

.boxed h2, .boxed h3, .boxed table, .boxed li {
	margin-left: 15px;
	margin-right: 15px;
}

.boxed.attention {
	background: #faf6dc url(attention.png) no-repeat 20px 20px;
}

.boxed.attention p {
	margin-left: 80px;
}


img.rcorner {
	border-radius: 7px;
}

img.margin {
	margin: 0 30px 0 0;
	float: left;
}

.gallery img {
	margin-bottom: 25px;
	
}

.brochure-cta {
	float: right;
	width: 215px;
	margin-right: 35px;
}

.brochure-cta img {
	float: left;
	margin: 0 5px 0 0;
}

.brochure-cta p {
	margin-bottom: 0;
}
.brochure-cta span {
	font-size: 0.8em
}

.iecex {
	float: right;	
}

#success {
	background: #cedfc9 url(message-sent.png) no-repeat 23px 23px;
	border-radius: 6px;
	padding: 25px 10px 25px 80px;
	margin: 0 15px 30px 15px;
}

#success p {
	margin: 0;
}

.errors {
	background: #f6d1d4 url(message-error.png) no-repeat 23px 23px;
	border-radius: 6px;
	padding: 10px 10px 5px 80px;
	margin: 0 15px 30px 15px;
}

.errors li {
	margin: 0.1em 0;
}

#gallery {
	clear: both;
	padding: 0 15px 30px 15px;
}

#gallery div {
	border-radius: 6px;
	border: 1px solid  #E6E7E8;
	width: 930px;
	float: left;
	margin-bottom: 30px;
	background-color: #fff;
}

#gallery div h2, #gallery div p {
	padding: 0 0 0 20px;
}

#gallery div li {
	float: left;
	list-style-type: none;
	margin: 0 30px;
	padding: 0;
}

#gallery div ul {
	float: left;
	width: 100%;
	padding-left: 25px;
}

.brochure-request {
	padding-bottom: 30px;
	float:left;width:450px;padding-top:25px;
}

.brochure-request a {
	width: 100%;
	background-color: #ddd;
	border-radius: 6px;
	border: 1px solid #E6E7E8;
	float: left;
}

.brochure-request a img {
	float: right;
	margin: 15px 15px 0 15px;
}

.brochure-request a span.title {
	display: block;
	font-size: 1.5em;
	margin-top: 15px;
}

.brochure-request a span {
	margin: 0 15px;
}

.gallery-thumbs {
	padding-bottom: 20px;
}

.gallery-thumbs a {
	display: block;
	margin: 0 9px 4px 0;
	float: left;
}

.solutions-buttons a {
	height: 125px;
	position: relative;
}

.solutions-buttons a .find-out-more {
	position: absolute;
	bottom: 10px;
}

/* news page  */

ul#news-list li {
	padding: 0 0 10px 0;
	margin: 0 0 30px 0;
	float: left;
	clear: both;
	background-image: none;
	border-bottom: 1px dotted #D9D9D9;

}

ul#news-list li img {
	float: left;
	border-radius: 6px;
	margin: 0;
}

ul#news-list li .article {
	float: right;
	margin: 0 0 0 15px;
}



ul#news-list li h2 a {
	font-weight: normal;
}

ul#news-list li p.read-more {
	margin: 20px 0;
	padding: 0 0 0 20px;
	background: transparent url(chevron-red.png) no-repeat left center;
}

.back-link {
	margin: 30px 0 0 0;
	padding: 0 0 0 25px;
	background: transparent url(chevron-red-back.png) no-repeat left center;
}

#news-article {
	margin: 0.5em 0 1em 0;
}

#news-article .article {
	float: left;
	width: 544px;
	margin: 0 0 0 15px;
}

#news-article #img-col {
	float: left;
	margin: 0 15px 0 15px;
	width: 210px;
}

#news-article #img-col img {
	margin: 0;
	border-radius: 6px;
}



#news-article .article img {
	margin-bottom: 0;
	border-radius: 6px;
}

#news h2 {
	font-size: 1.2em;
}

#top-stories {
	float: left;
	width: 930px;
	padding-bottom: 30px;
	border-bottom: 1px solid #D9D9D9;
	margin: 0 15px;
}

#top-stories .col-span-third {
	margin-left: 0;
	padding-bottom: 20px;
}

#top-stories .col-span-third:nth-child(4), #top-stories .col-span-third:nth-child(7), #top-stories .col-span-third:nth-child(10), #top-stories .col-span-third:nth-child(13) {
	clear: both;	
}

#archive {
	margin-top: 50px;
	padding-top: 20px;
	clear: both;
}

#top-stories img {
	border-radius: 5px;
}

.date {
	float: left;
	font-size: 0.9em;
	width: 30px;
	color: gray;
	background-color: #e3e3e3;
	border-radius: 5px;
	padding: 5px 10px;
	margin-top: 1em;

}

.article {
	float: right;
	width: 220px;
}

#archive .article  {
	width: 544px;
}

#news-side {
	float: right;
	width: 320px;
	padding-top: 15px;
}

/*  Case Studies */

ul#case-list li {
	padding: 0 15px 0  15px;
	margin: 0 0 30px 0;
	float: left;
	clear: both;
	width: 930px;
	background-image: none;
}

ul#case-list li img {
	float: left;
	border-radius: 6px;
	margin: 0;
}

ul#case-list li .article {
	float: right;
	width: 690px;
	margin: 0 0 0 15px;
}

ul#case-list li .date {
	padding: 0 0 0 20px;
	background: transparent url(bullet.png) no-repeat left center;
	font-weight: bold;
}
ul#case-list li h2 {
	margin: 7px 0 10px 0;
	font-weight: normal;
}

ul#case-list li h2 a {
	font-weight: normal;
}

ul#case-list li p.read-more {
    margin: 20px 0;
    padding: 0 0 0 20px;
	background-image: transparent url("/css/chevron-red.png") no-repeat left center;
}

#case-study h2 {
	margin-top: 0;
}


/* Industries Grid */

#industries-grid.buttons a {
	position: relative;
}

#industries-grid.buttons a img {
	width: 100%;
	height: auto;
	margin: 0;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}

#industries-grid.buttons a:hover img {
	opacity:0.8;
	filter:alpha(opacity=80); /* For IE8 and earlier */
}

#industries-grid.buttons a {
	padding: 0 0 10px 0;
	width: 288px;
	
}

#industries-grid.buttons a .title {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	color: #fff;
	background: transparent url(industries-button-shade.png) no-repeat left 1px;
	width: 248px;
	padding: 150px 20px 20px 20px;
	height: 19px;
	margin: 0;
	
}

#industries-grid.buttons a .find-out-more {
	padding-left: 20px;
	margin: 5px 0 0 0;
}

#industries-header {
	position: relative;
	height: 255px;
	padding: 0 0 10px 0;
}

#industries-header img, #industries-header h1 {
	position: absolute;
}

#industries-header h1 {
	margin: 150px 300px 20px 20px;
	color: #fff;
	font-size: 2.3em;
}

#inds-case-list a:link, #inds-case-list a:visited {
	padding: 15px 20px;
	margin: 0 0 30px 0;
	float: left;
	background-color: #F1F2F2;
	border-radius: 6px;
	border: 1px solid #E6E7E8;
	height: 100px;
}

#inds-case-list a:hover {
	background-color: #f8f8f8;
}

#inds-case-list a img {
	width: 100px;
	height: auto;
	float: left;
	margin: 0 15px 20px 0;
	border-radius: 4px;
}

.list-split-three li {
	float: left;
	width: 400px;
	margin-left: 18px;
}

.green-boxed {
	background-color: #dae7c7
}

.green-boxed h3 {
	color: #009245;
	background:  transparent url(leaf-icon.png) no-repeat 20px center;
	padding: 10px 0 10px 80px;
	margin-bottom: 0;
}

.green-boxed p {
	margin-top: 0;
	padding-left: 65px;
	padding-bottom: 10px;
}

p#breadcrumb {
	font-size: 0.8em;
	margin: 1em 0;
}

#join-box {
	background-color: #9d122c;
	color: #fff;
	border-radius: 6px;	
	padding: 14px 20px 10px 20px;
	clear: both;
	width: 890px;
	margin: -20px 15px 35px 15px;
	-webkit-animation: pulse 3s infinite;
	-moz-animation:    pulse 3s infinite;
	-o-animation:      pulse 3s infinite;
	animation: pulse 3s infinite;
}

#join-box img {
	float: left;
	margin-right: 20px;	
}

#join-box h3 {
	color: #fff;
	margin-top: 0;
	font-size: 1.2em;
	margin: 3px 0;
}

#join-box p {
	margin: 0;	
}

#join-box a:link, #join-box a:visited {
	color: #ffacbb	
}

#join-box a:hover {
	color: #fff;	
}

table#cad-files {
	background: #fff;	
}
table#cad-files a {
	font-weight: normal;	
}


#sample-box-home, .join-box-home {
	margin-bottom: 25px;
}

#sample-box-home span.title, .join-box-home span.title {
}

#sample-box-home {
	background: #9d122c;
	-webkit-animation: pulse 2s infinite;
	-moz-animation: pulse 2s infinite;
	-o-animation: pulse 2s infinite;
	animation: pulse 2s infinite;
}
.join-box-home {
	background: #007dda;
}
#sample-box-home:hover {
	background: #b91836;
}

.buttons .join-box-home:hover {
}

#sample-box-home img, .buttons .join-box-home img {
	float: left;
	margin: 0 15px 0 0;
}

.buttons .join-box-home.update-y-box {
	background: #ffefcb;
	color: #000;
}
.buttons .join-box-home.update-y-box .title {
	color: #000;
}
.buttons .join-box-home.update-y-box:hover {
	background: #ffecbe;
}


#hero-2 {
	background: #04385f;
	color: #fff;
	position: relative;
	clear: both;
	height: 540px;
	overflow: hidden;
}

#hero-2 h1 {
	font-family: 'bebas_neueregular';
	text-transform: uppercase;
	font-weight: normal;
	color: #fff;
	font-size: 72px;
	line-height: 0.9;
	margin: 12px 0;
	margin-top: 50px;
}

#hero-2 h2 {
	font-weight: normal;
	color: #fff;
	font-size: 26px;
	margin: 12px 0;
}

#hero-text {
	width: 450px;
	position: absolute;
	top: 0;
	z-index: 100;
	margin-left: 15px;
}

#hero-2 .theme-default .nivoSlider {
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}

#hero-2 .theme-default .nivo-controlNav {
	margin-top: -55px;
	z-index: 150;
	position: relative;	
}

#hero-2 .nivo-directionNav {
	display: none !important;
}

#hero-2 span.bar {
	display: block;
	height: 1px;
	width: 30px;
	background: #18a2d5;	
}

#hero-2 .button {
	margin-top: 30px;	
}

#hero-2 #ex-sira {
	text-align: left;
	margin-top: -45px;
}

#hero-2 #ex-sira img {
	margin-top: -100px;
	position: relative;
	z-index: 150;
	margin-right: 15px;
}

h1.product-logo {
	margin: 10px 0;
}

.product-logo {
	font-size: 55px;
	font-weight: bold;
	font-style: italic;
	letter-spacing: -2px;
}
.product-logo span {
	color: #9d122c;
	display: inline;
}
sub {
	 vertical-align: sub;
	 font-size: 0.5em;
}

#home-promos {
	padding: 10px 15px 40px 15px;
	float: left;
	width: 100%;	
}

#home-promos a {
	float: left;
	width: 300px; 
	display: block;
	background: #e7f0f3;
	margin-right: 15px;
	border-radius: 5px;
	overflow: hidden;
	transition: 0.5s;
}

#home-promos a:hover {
	background: #f2f7f8;
}

#home-promos a.highlight {
	background: #f5d0d9;
	-webkit-animation: high 4s infinite;
	-moz-animation: high 4s infinite;
	-o-animation: high 4s infinite;
	animation: high 4s infinite;
}

#home-promos a.highlight:hover {
	background: #f8e0e6;
	-webkit-animation: none;
	-moz-animation: none;
	-o-animation: none;
	animation: none;
}

#home-custom {
	clear: both;
	text-align: center;
	margin-bottom: 30px;	
}

#brochure-flash {
	position: fixed;
	bottom: 0;
	width: 100%;
	text-align: right;
	z-index: 200;
}

#brochure-flash img {
	display: block;
	margin-right: 2px;
	float: right;
	margin-bottom: -2px;
	transition: 0.5s;
}
#brochure-flash img:hover {
	margin-bottom: 0;
	opacity: 0.9;
}

.size-list {
	margin-bottom: 30px;
	float: left;
	width: 100%;

}
.size-list li {
	list-style: none;
	background: none;
	margin: 0 0 5px 0;
	padding: 5px 0 10px 0;
	border-bottom: 1px solid #cacaca;
	width: 50%;
	float: left;
}


@keyframes pulse {
  0% {
    background-color: #9d122c;
  }
  50% {
    background-color: #e0002a;
  }
  100% {
    background-color: #9d122c;
  }
}

@-webkit-keyframes pulse {
 0% {
    background-color: #9d122c;
  }
  50% {
    background-color: #e0002a;
  }
  100% {
    background-color: #9d122c;
  }
}

@keyframes high {
  0% {
    background-color: #f5d0d9;
  }
  50% {
    background-color: #fbecf0;
  }
  100% {
    background-color: #f5d0d9;
  }
}

@-webkit-keyframes high {
 0% {
    background-color: #f5d0d9;
  }
  50% {
    background-color: #fbecf0;
  }
  100% {
    background-color: #f5d0d9;
  }
}


#hero-2021 {
	text-align: center;
	padding: 10px 0;
	background: #153861 url(/img/2021-home-bg-rifinery.jpg) no-repeat center top;
	background-size: cover;
	color: #fff;
	clear: both;
}

#hero-2021 h1 {
	font-family: 'bebas_neueregular';
	text-transform: uppercase;
	font-weight: normal;
	color: #fff;
	font-size: 110px;
	margin: 0;
}

#hero-2021 p {
	font-size: 23px;
	margin-top: -30px;
}

#hero-2021 img {
	max-width: 615px;height: auto;
	margin: 160px 0 0 0;	
}