@charset "UTF-8";

body {
	font-family: "proxima-nova",sans-serif; 
	margin:0; 
	background:#fff;
}

#page-wrap {
	width:100%; 
	height:auto;
	margin:0; 
	background:#FFF;
}

#header {
	width:980px; 
	height:150px;
	margin:0 auto;
}

#logo {
	width:200px;
	height:150px;
	display:inline-block;
	background:url(images/fortify-logo.png) center no-repeat;
}

#nav {
	width:770px;
	height:150px;
	display:inline-block; 
	vertical-align:top;
}

#nav ul {
	list-style:none; 
	margin:0;
	padding:0; 
	display:block; 
	text-align:right;
}

#nav ul li {
	width:auto; 
	height:150px; 
	line-height:150px;
	display:inline-block; 
	margin:0;
	padding:0 25px 0 25px; 
	font-size:16px;
	font-weight:600; 
	background:none; 
	cursor:pointer; 
	color:#666a52;
}

#nav ul li:hover {
	background:#a1b195;
	color:#fff;
}

#signup-wrap {
	width:100%; 
	background:#a1b096; 
	text-align:center; 
	padding:10px 0;
}

#signup-wrap .signup-text {
	display:inline-block;
	font-size:16px; 
	line-height:35px;  
	font-weight:600; 
	color:#fff; 
	margin:0 8px 0 0; 
	vertical-align:top; 
}

#signup-wrap .signup-form {
	display:inline-block; 
	margin:0 0 0 8px;
	vertical-align:top; 
}

#signup-wrap .mc-box {
	width:260px;
	height:35px; 
	border:0;
	font-family: "proxima-nova"; 
	font-size:16px; 
	color:#252525; 
	padding:0 15px; 
	-webkit-appearance: none;
	box-sizing:border-box; 
	vertical-align:top;  

}

#signup-wrap .mc-button {
	border:1px solid #fff;
	-webkit-appearance: none;
	font-family: "proxima-nova";
	background:none; 
	font-size:16px; 
	font-weight:100;  
	line-height:30px;  
	height:35px; 
	width:50px; 
	color:#fff; 
	cursor:pointer; 
	margin:0 0 0 6px; 
	vertical-align:top; 
	box-sizing:border-box; 
}

#signup-wrap .mc-button:hover {
	border-color:#636951;
	color:#636951;
}

#banner-wrap {
	width:100%; 
	height:380px; 
	background-color:#7e7f80;
}

#intro {
	width:980px; 
	height:auto; 
	margin:0 auto;
}

#intro h2 {
	font-size:32px; 
	color:#FFF;
	line-height:45px; 
	font-weight:100; 
	margin:0 20px 0 20px; 
	padding:65px 0 0 0;
	text-align:center;
}

#divider {
	width:150px; 
	height:5px; 
	background:#FFF;
	margin:25px auto 25px auto;
}

#intro h3 {
	font-size:20px; 
	color:#FFF;
	line-height:27px; 
	font-weight:300; 
	margin:0 auto; 
	text-align:center; 
}

#latest-release-wrap {
	width:100%; 
	height:30px; 
	background-color:#9eb091;
}

#release {
	width:980px; 
	height:auto; 
	margin:0 auto;
	text-transform:uppercase; 
}

#release h4 {
	font-size:13px; 
	color:#FFF;
	line-height:30px; 
	font-weight:600; 
	text-align:center; 
	margin:0; 
	padding:0; 
}

.latest-tag {
	font-weight:100; 
	font-size:13px;
	letter-spacing:1px;
}

#release a {
	color:#ffffff;
	text-decoration:none;
}

#release a:hover {
	color:#404041;
}

#latest-wrap {
	margin:40px auto;
}

#latest-wrap h3 {
	font-size:22px; 
	color:#9c9c9c; 
	font-weight:500; 
	margin:30px 140px 40px 140px; 
	line-height:32px;
	text-align:center;
}

.latest-report-wrap {
	width:980px;
	height:auto;
	margin:10px auto 10px auto; 
	text-align:center;
}

.latest-release-wrap {
	width:980px;
	height:auto;
	margin:10px auto 10px auto; 
	text-align:center;
}

.cover-image {
	width:93px;
	height:120px;
	display:inline-block; 
	vertical-align:top; 
	background:#a1b195;
}

.text-month {
	display:block;
	font-size:12px;
	color:#fff;
	margin:20px 0 3px 0; 
}

.text-day {
	display:block;
	font-size:50px; 
	line-height:45px;
	color:#fff;
	margin:0 0 0 0;
}

.text-year {
	display:block;
	font-size:15px; 
	font-weight:600; 
	color:#d0e4c2; 
	margin:0 0 0 0; 
	letter-spacing:1px;
}

.report-preview-text {
	width:700px;
	height:120px;
	display:inline-block; 
	vertical-align:top;
	margin:0 0 0 8px;
	text-align:left; 
	background:#f4f4f4;
}

.release-preview-text {
	width:700px;
	height:120px;
	display:inline-block; 
	vertical-align:top;
	margin:0 0 0 8px;
	text-align:left; 
	background:#f4f4f4;
}

.report-preview-text h4, .release-preview-text h4 {
	font-size:15px; 
	color:#404041; 
	font-weight:600; 
	text-align:left;
	margin:25px 30px 0 30px; 
	text-transform:uppercase;
}

.report-preview-text span.publication-type, .release-preview-text span.publication-type {
	 font-weight:100; 
	 font-size:17px;
}

.report-preview-text span.sub-text, .release-preview-text span.sub-text {
	font-size:14px; 
	color:#404041; 
	font-weight:300; 
	font-style:italic;  
	text-align:left; 
	display:block; 
	margin:5px 40px 0 30px;
}

.report-preview-text span.pub-link, .release-preview-text span.pub-link {
	font-size:14px; 
	font-weight:600; 
	text-align:left; 
	display:block; 
	margin:5px 30px 0 30px;
}

.report-preview-text a, .release-preview-text a {
	color:#a1b195;
	text-decoration:none;
}

.report-preview-text a:hover, .release-preview-text a:hover {
	color:#636a50;
}

#main-wrap {
	width:100%; 
	height:auto;
	margin:0; 
}

#content {
	width:980px; 
	height:auto; 
	margin:0 auto;
}

#content a {
	color:#404041;
	text-decoration:none;
}

#content a:hover {
	color:#666a52;
}

#content p {
	font-size:18px; 
	color:#9c9c9c; 
	font-weight:300; 
	margin:15px 0; 
	text-align:center;
}

#content h3 {
	font-size:22px; 
	color:#9c9c9c; 
	font-weight:500; 
	margin:30px 140px 30px 140px; 
	line-height:32px;
	text-align:center;
}

#content ol {
	margin:0 30px 0 50px; 
}

#content ol li {
	font-size:17px; 
	color:#404041; 
	font-weight:300; 
	margin:15px 0 15px 0; 
	text-align:left;
}

#contact-wrap {
	width:auto; 
	height:auto; 
	margin:20px auto 70px auto; 
	text-align:center; 
}

#email, #phone {
	width:auto; 
	height:15px; 
	display:inline-block; 
	margin:0 40px 0 0;
}

#twitter {
	display:inline-block; 
	position:relative;
	top:4px; 
	padding:0 0 0 5px;
}

#email p, #phone p {
	margin:0;
	line-height:12px; 
	font-weight:800; 
	color:#404041;
}

#social-wrap {
	width:100%; 
	height:auto; 
	text-align:center; 
	background:#a1b195; 
}

#facebook, #instagram, #google {
	width:auto;
	height:40px; 
	display:inline-block; 
	line-height:40px; 
	padding:0 30px 0 30px;
	font-size:13px; 
	color:#fff; 
	font-weight:600; 
	text-transform:uppercase; 
	cursor:pointer;
}

#facebook:hover, #instagram:hover, #google:hover {
	color:#666a52;
	background:#fff;
}

#facebook a, #instagram a, #google a {
	color:#fff;
	text-decoration:none;
}

#facebook a:hover, #instagram a:hover, #google a:hover {
	color:#666a52;
	text-decoration:none;
}

#footer-wrap {
	width:100%;
	height:100%;
	background:#252525;
}

#footer {
	width:980px; 
	height:auto;
	margin:0 auto; 
	padding:50px 0 80px 0; 
}

#footer .left-col {
	float:left;
	width:380px
}

#footer .left-col img {
	width:41px; 
	height:40px; 
	float:left; 
	margin-right:20px; 
}

#footer .right-col {
	float:left; 
	width:600px; 
	text-align:right; 
	padding-top:7px;
}

#footer .left-col p {
	font-size:14px; 
	color:#c0c0c0; 
	margin: 0; 
	text-align:left; 
	line-height:40px; 
}

#footer .right-col a { 
	font-size:14px; 
	color:#fff;
	text-decoration:none; 
	margin:0 15px;
}

#footer i {
	font-size:20px;
}

#footer a:hover {
	color:#c0c0c0;
}

.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

@media
only screen and (-webkit-min-device-pixel-ratio: 1.25),
only screen and ( min--moz-device-pixel-ratio: 1.25),
only screen and ( -o-min-device-pixel-ratio: 1.25/1),
only screen and ( min-device-pixel-ratio: 1.25),
only screen and ( min-resolution: 200dpi),
only screen and ( min-resolution: 1.25dppx) { 
#logo {
	background: url(images/fortify-logo@2x.png) center no-repeat;
	-webkit-background-size:100px 100px; 
	background-size:100px 100px; 
}
}