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



/* Layout Large Screens (default for older browsers) */


header a.logo.downstream {
	width: 220px;
	height: 50px;
	margin:0px 0px 0px 20px;
	background-image: url(../images/makin-hey-logo.png);
}

.promo_container .promo {
	width: 20%;
	float: left;
	background-position: 0px 3px;
	line-height: 2em;
	}

.promo_container.downstream { display: block; position: absolute; width: 50%; right: 20px; top:25px; }
.promo_container.downstream .promo { width: 30%; float: right; padding: 0px 5px 0px 0px; text-align:left; }
.promo_container.downstream .promo .content { padding: 70px 0px 0px 0px;}

.promo.six { background-image: url(../images/promo1.jpg); }
.promo.seven { background-image: url(../images/promo2.jpg); }
.promo.eight { background-image: url(../images/promo3.jpg); }

.promo a.cta { text-decoration:none; color:#CCC; line-height:0.4em; margin: 0 0 0 0;}
.promo a.cta:hover { color:#FFF;line-height:0.4em}

.dscontent { padding: 60px 10px 10px 10px; }
	
.portfolio {
	width:573px;
	float: left;
}

.portnavtop {
	font-size:12px;
	padding-bottom:10px;
}


.portfoliodescription {
	width:30%;
	float: left;
	padding: 30px 0px 0px 30px;
}
nav.downstream { text-align:left; width:50%;}

.portnav { width:70%; padding: 10px 20px 0px 0px;}
.portnav.left { color:#999; float:left; width:30%; padding-left:5%;}
.portnav.right { color:#999; float:right; width:30%; text-align:right; padding-right:15%;}

a.ctaport {
	text-transform: uppercase;
	font-size: .8em;
	font-weight: bold;
	text-decoration: none;
	color:#666;
	margin: .5em 0 0 0;	
	padding: 0px 12px 0px 0px;
	background: url(../images/cta_arrow.png) no-repeat right 0px;
}

a.ctaport:hover { background-position: right -50px; }	
	
@media screen and (max-width:990px){
.portfoliodescription { padding: 30px 0px 0px 20px; float:none; width:90%; }
.portfolio {width:90%; float: none;}
nav.downstream {text-align:left; width:100%;}
.portnav {width:100%; padding-bottom:10px;}
}