@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: "museo", 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;
	}

#layout{max-width:1200px; margin:0 auto;}
#header{float:left; width:100%; padding-top:30px; height:150px;}
.head-right{float:right; color:#fff; font-size:38px; font-family: "museo", sans-serif; font-weight:300; padding-top:58px;}

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

.left-container{padding:50px 50px 50px 50px; float:left; width:690px; background-color:#ffffff;}
.left-container h1{font-size:24px; font-family: "museo", sans-serif; font-weight:700; padding-bottom:32px;color:#bc3333;}
.left-container h1 br{display:none;}
.left-container h1 strong{font-size:44px;}
.left-container h2{color:#192322; font-size:24px; line-height: 1.2em; font-family: "museo", sans-serif; font-weight:500; padding-bottom:32px;}
.left-container p{color:#192322; font-size:17px; line-height: 1.5em; font-family: "museo", sans-serif; font-weight:300; padding-bottom:32px;}
.left-container p:last-child{padding-bottom:0px;}
.left-container p strong{font-weight:700;}

.right-container{float:right; width:340px; padding:0 35px 0 35px;}
.right-container .inner{float:left; width:340px;}
.right-container h3{color:#ffd64f; font-size:17px; font-family: "museo", sans-serif; font-weight:700; width:340px;}
.right-container p{color:#ffffff; font-size:15px; font-family: "museo", sans-serif; font-weight:300; width:340px;}
.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: "museo", sans-serif; 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-family: "museo", sans-serif; 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;}
#footer p{color:#fff; font-size:15px; font-family: "museo", sans-serif; font-weight:300;}

@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; color:#fff; font-size:38px; font-family: "museo", sans-serif; font-weight:300; padding-top:63px;}
	.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:90px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.head-right{font-size:27px; padding-top:33px;}
	.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-family: "museo", sans-serif; 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;}
}
