body {
	background: #222222 url(noise_heavy.png);
}
.clear {
	clear: both;
}
/* Main Elements */
#wrapper {
	width: 100%;
	display: block;
	background: white;
	margin: 0;
	padding: 0;
	position: fixed;
	height: 100%;
	overflow: auto;
}
#content {
	width: 100%;
	padding: 0 0 0 250px;
	height: auto;
}
#content #information {
	height: auto;
	float: left;
	width: 100%;
	display: inline-block;
}
/* Navigation Bar */
.s-navbar {
	background-image: url(actions.svg);
	background-repeat: no-repeat;
	background-size: cover;
	width: 250px;
	padding: 60px 30px 0px 0px;
	height: 140%;
	border-right: 1px solid rgba(0,0,0,1);
	box-shadow: inset -24px 5px 28px -15px rgba(0,0,0,0.3);
	-webkit-box-shadow: inset -24px 5px 28px -15px rgba(0,0,0,0.3);
	-moz-box-shadow: inset -24px 5px 28px -15px rgba(0,0,0,0.3);
	position: fixed;
	left: 0px;
	background-color: #F90;
}
.s-navbar h1 {
	display: none;
}
.s-navbar-logo {
	width: 220px;
	margin: 0px 20px 0px 20px;
	float: right;
	display: block;
}
.s-navbar-logo img {
	width: 180px;
	height: 88px;
	display: block;
	float: right;
}
.s-40padding {
	padding: 40px;
}
.s-30padding {
	padding: 30px;
}
.s-featuredImage {
	width: 100%;
	height: 300px;
	background-size: cover;
	background-position: center center;
	margin-bottom: -60px;
}
.s-contentpage {
	background: #f2f2f2 url('noise_heaviest.png');
	float: left;
	display: block;
	width: 100%;
	margin-top: 60px;
}
.s-contentpage .ribbon:first-child {
	margin-top: -60px;
	margin-left: -10px;
}
.s-contentpage .s-subtitle h2, .gform_wrapper h3.gform_title {
	width: 100% !important;
	float: left;
	display: block;
	color: #141414;
	font-weight: 300 !important;
	font-family: "league_gothicregular", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-size: 28px !important;
	padding: 0px 0px 5px 0px;
	margin: 0px 0px 15px 0px !important;
	border-bottom: 2px dotted rgba(0,0,0,0.2);
	text-shadow: rgba(255,255,255,0.5) 0px 1px 1px;
}
.s-contentpage p, .s-contentpage li, .s-contentpage blockquote {
	margin: 0px 0px 10px 0px;
	font-size: 14px;
	color: #141414;
}
.s-contentpage a {
	display: block;
	width: auto;
}
.s-contentpage a img {
	display: block;
	max-width: 100%;
	width: auto;
	height: auto;
	background: white;
	padding: 5px;
	border: 1px solid rgba(0,0,0,0.2);
	box-shadow: rgba(0,0,0,0.1) 0px 1px 3px;
	-webkit-box-shadow: rgba(0,0,0,0.1) 0px 1px 3px;
	-moz-box-shadow: rgba(0,0,0,0.1) 0px 1px 3px;
}
.s-contentpage .s-30padding {
	float: left;
	display: block;
	width: 100%;
	margin: 0;
	text-shadow: rgba(255,255,255,0.5) 0px 1px 1px;
	line-height: 1.45;
}
.s-contentpage-content p {

	text-shadow: rgba(255,255,255,0.5) 0px 1px 1px;
}
.s-contentpage-content a {
	display: inline; /* need to allow text to flow normally */
}
.s-contentpage-content h1, .s-contentpage-content h2, .s-contentpage-content h3 {
	font-family: "league_gothicregular", Arial, Helvetica, sans-serif;
	border: 0px;
	text-shadow: rgba(255,255,255,0.5) 0px 1px 1px;
	border-bottom: 0px;
	text-transform: uppercase;
	margin: 10px 0 0 0;
	padding: 10px 0px 0px 0px;
}
.s-contentpage-content h1 {
	font-size: 28px;
	color: #ea3f51;
}
.s-contentpage-content h2 {
	font-size: 25px;
}
.s-contentpage-content h3 {
	font-size: 22px;
}
.s-contentpage-content h4 {
	font-size: 20px;
}
.s-contentpage-content h5 {
	font-size: 18px;
}
.s-contentpage-content h6 {
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

/* Ribbon v2 stuff here */
/* probs doesn't need to even be mobile-specific */
.ribbon{width:100% !important;}
.s-ribbon-wrapper{z-index:1;width:75%}
.s-ribbon-content{background:#e7374b url('noise_heaviest.png');position: relative;color:#FFF;padding:1%;font-size:25px;font-family:Arial, sans-serif;height:100%;width:100%;}
.s-ribbon-content::before {
    z-index: -1;
    content:"";
    position: absolute;
    right: -30px;
    width: 85%;
    height: 55%;
    top: 0px;
    background-color: #e7374b;
    background-image: url('noise_heaviest.png');
    -webkit-transform: skew(-30deg);
    -moz-transform: skew(-30deg);
    -o-transform: skew(-30deg);
    -ms-transform: skew(-30deg);
    transform: skew(-30deg);
}
.s-ribbon-content::after {
	z-index: -1;
    content:"";
    position: absolute;
    right: -30px;
    width: 85%;
    height: 55%;
    bottom: 0px;
    background-color: #e7374b;
    background-image: url('noise_heaviest.png');
    -webkit-transform: skew(30deg);
    -moz-transform: skew(30deg);
    -o-transform: skew(30deg);
    -ms-transform: skew(30deg);
    transform: skew(30deg);
}

.s-ribbon-left{position: absolute;padding:0;height:100%;width:40%;left:34%;}

.s-ribbon-left::before {
    z-index: -2;
    content:"";
    position: absolute;
    left: -55%;
    width: 85%;
    height: 51%;
    bottom: 0px;
    background:#C33948;
    background-image: url('noise_heaviest.png');
    -webkit-transform: skew(-30deg);
    -moz-transform: skew(-30deg);
    -o-transform: skew(-30deg);
    -ms-transform: skew(-30deg);
    transform: skew(-30deg);
}
.s-ribbon-left::after {
    z-index: -2;
    content:"";
    position: absolute;
    left: -55%;
    width: 85%;
    height: 50%;
    top: 0px;
    background:#C33948;
    background-image: url('noise_heaviest.png');
    -webkit-transform: skew(30deg);
    -moz-transform: skew(30deg);
    -o-transform: skew(30deg);
    -ms-transform: skew(30deg);
    transform: skew(30deg);
}


.s-ribbon-text{font-size:3rem;padding:5px;margin:2px;border-top:1px dashed #f7d7db;border-bottom:1px dashed #f7d7db;font-family: coffee_serviceregular, Arial, serif;margin-left:2%;width: auto;}
.s-content-column .s-ribbon-text{font-size:2rem;}
@media only screen and (max-width: 767px) { /* for small */
	.s-featuredImage {height: 200px; margin-bottom: 0 !important;}
	.s-40padding{padding:5px !important;}
	.s-contentpage .s-30padding {padding:30px 5px !important;}
}

@media all and (max-width: 1279px) { /* medium */
	#content {
		padding: 0px;
	}
}