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

*{padding:0; margin:0;}
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video {margin:0; padding:0; border:0; outline:0; font-size:100%;  vertical-align:baseline; background:transparent; list-style: none;}

textarea {resize:none;-webkit-appearance: none; border-radius: 0;outline:none!important;}
* {outline:none!important;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
nav ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,q:before, q:after { content:''; content:none;}
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; text-decoration: none;outline:none;}
a:hover{text-decoration:underline;}
ins {background-color:#ff9; color:#000; text-decoration:none;}
mark {background-color:#ff9; color:#000; font-style:italic; font-weight:bold;}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom:1px dotted; cursor:help;}
table {border-collapse:collapse; border-spacing:0;}
ul, li { list-style:none;}
hr {display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0;}
body{font-family:"aktiv-grotesk", sans-serif;}
img{max-width:100%;}

body{
	/*background: #000 url("/images/masthead_downloads.jpg") no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;*/
	border-top: 10px solid #f26d21;
	background-color: #ededed;
	}

#layout{max-width:1200px; margin:0 auto;}
#header{
    padding-top: 30px;
    height: 175px;
    max-width: 1500px;
    margin: 0 auto;}
.head-right{float:left; color:#6d6f70; font-size:40px; font-family: "aktiv-grotesk-condensed",sans-serif; font-weight:500; padding-top:45px;}
.head-right span strong{color:#f26d21;}

#body-container{float:left; width:100%;}
.logo img{width:220px;float: left;margin-right: 100px;}

.left-container{padding:45px; float:left; width:690px;background-color: #fff;border-left: 10px solid #f26d21;}
.left-container h1{font-size:34px; font-family: "aktiv-grotesk-condensed",sans-serif; font-weight:700; font-style: normal;padding-bottom:32px;color:#f26d21;}
/*.left-container h1 br{display:none;}*/
.left-container h1 strong{font-size:44px;}
.left-container h2{color:#6d6f70; font-size:30px; line-height: 1.2em; font-family: aktiv-grotesk-condensed,sans-serif;font-weight: 400;font-style: normal;padding-bottom:32px;}
.left-container p{color:#192322; font-size:19px; line-height: 1.5em; font-family:"aktiv-grotesk", sans-serif; font-weight:300; font-style: normal;padding-bottom:32px;}
.left-container p:last-child{padding-bottom:0px;}
.left-container img{max-width: 256px;margin-bottom: 45px;}
.left-container p strong{font-weight:700;}

.right-container{float:right; width:370px; }
.right-container .inner{float:left; width:370px;}
.right-container h3{color:#6d6f70; font-size:17px; font-family: "aktiv-grotesk",sans-serif; font-weight:normal; width:370px;line-height: 1.2;    margin-bottom: 30px;}
.right-container p{color:#ffffff; color: #6d6f70;font-size: 15px;font-family: "aktiv-grotesk",sans-serif;font-weight: normal;width:370px;    line-height: 1.2;}
.right-container ul{float:left; width:100%; padding-top:20px;}
.right-container ul li{float:left; width:100%; padding-bottom:20px;}
.right-container ul li input[type="text"],
.right-container ul li input[type="email"]{color:#acacac; font-size:15px; font-family: "aktiv-grotesk-condensed",sans-serif!important; font-weight:300; width:100%; border:1px solid #000; padding:12px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.right-container ul li input[type="submit"]{color:#fff; font-size:25px; font-weight:700; width:100%; padding:12px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background:#bc3333; border:none;}

#footer{float:left; width:100%; padding-top:20px;padding-bottom: 20px;}
#footer p{font-size:15px; font-family: "aktiv-grotesk", sans-serif;font-weight: 300;font-style: normal;color: #6d6f70;}
.left-container p strong {
    font-weight: 700;
	color: #6d6f70;
}
.left-container p a{
	color:#6d6f70; 
	text-decoration:underline;
}
.left-container p a:hover {
	color: #f26d21;
	text-decoration: underline;
}

@media only screen and (max-width: 1599px) {
	#header {
    max-width: 1200px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
	#body-container{float:left; width:100%;}
	#header{float:left; width:100%; padding:20px 20px 0; height:170px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.head-right{float:right; font-size:38px; font-weight:300; }
	.left-container{float:left; width:100%; padding:50px; margin:0;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.right-container{float:left; width:100%; padding:35px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.right-container .inner{float:none; width:340px; margin:0 auto;}
	.left-container p{font-size:15px; line-height: 1.4em;}
	#footer{text-align:center; padding:20px 0;}
}

@media only screen and (max-width: 767px) {
	#header{float:left; width:100%; padding:10px 10px 0px; height: 120px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.head-right{font-size:27px; padding-top:33px;    float: right;}
	.head-right span{display:none;}
	.logo{width:155px; float:left;}
	.left-container{float:left; width:100%; padding:20px; margin:0;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.left-container img{display:none;}
	.left-container h1, .left-container h2{text-align:center;}
	.left-container h1{font-size:20px;  font-weight:700; padding-bottom:20px;}
	.left-container h1 strong{font-size:38px;}
	.left-container h1 br{display:block;}
	.left-container h2 {padding-bottom:20px; font-size:20px;}
	.left-container p{font-size:15px; line-height: 1.3em; padding-bottom:20px;}
	.left-container p strong{font-size:15px;}
	.right-container{float:left; width:100%; padding:20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.right-container .inner{float:none; width:100%;}
	.right-container p{width:100%;}
	.right-container h3{width:100%;}
	#footer{text-align:center; padding:20px 0;}
}
@media only screen and (max-width: 480px) {
	.head-right{font-size:27px; padding-top:32px; padding-bottom:20px;}
}