* {margin: 0; padding: 0;}
body {
	color: #FFFFFF;
	font-size: 1.8em/3.6em;
	font-size: 62.5%; /*setup so that 1em = 10 pixels - more info: http://clagnut.com/blog/348/*/
	/* note about font sizes and div nesting, seems like a child div will multiply font size against parent font size */
	text-align: center;
	max-width: 1580px;
	min-width: 960px;
	margin: auto;
	background: #d1d1d1;
}
a:link { color: #000000; }
a:visited { color: #000000; }
a:hover { color: #b1411c; }
a:active { color: #cc4b21; }

.clear { clear: both; }

.responsive-image{
	height:auto;
	width:100%;
	opacity: 0.75;
	filter: alpha(opacity=75);
}
.responsive-image:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}

.parallax {
	background-attachment: fixed;
	background-position: 50% 0;
	background-repeat: no-repeat;
	position: relative;
	width: 100%;
}		
	.splashbg {
		height: 100vh;
		background-image: url(../images/splashbg.jpg);
	}	
	.blurb {
		height: 430px;
		background-image: url(../images/parabg_blurb.jpg);
	}	
	.neon_sweep {
		height: 500px;
		background-image: url(../images/parabg_neon_sweep.jpg);
	}	
	.smoke_orbital {
		height: 500px;
		background-image: url(../images/parabg_smoke_orbital.jpg);
	}	
.top_logo {
	width: 408px;
    height: 146px;
	background-image: url(../images/top_logo.png);
	
	position:absolute;
    left:0; right:0;
    top:0; bottom:0;
	margin:auto;
	
	max-width:100%;
	max-height:100%;
	overflow:auto;
}

.anglebg {
	position: absolute;
	width: 100%;
	background-position: 50% 0;
	background-repeat: no-repeat;
}		
	.nav_topbg {
		top: -100px;
		height: 100px;
		background-image: url(../images/nav_bg_top.png);
	}	
	.nav_btmbg {
		bottom: -42px;
		height: 42px;
		background-image: url(../images/nav_bg_btm.png);
	}	
	.hdr_topbg {
		top: -42px;
		height: 42px;
		background-image: url(../images/hdr_bg_top.png);
	}	
	.hdr_btmbg {
		bottom: -42px;
		height: 42px;
		background-image: url(../images/hdr_bg_btm.png);
	}
	.content_btmbg {
		bottom: -42px;
		height: 42px;
		background-image: url(../images/content_bg_btm.png);
		z-index: 1;
	}
	
.sticky {
    position: absolute;
	top: 100vh;
	width: 100%;
	max-width: 1580px;
	height: 100px;
	z-index: 998;
	/*background-image: url(../images/nav_bg_color.png);*/
}
.sticky.fixed {
    position: fixed;
    top: 0;
    left: 0;
}	
	
nav {
	position: absolute;
	top: 100vh;
	width: 100%;
	max-width: 1580px;
	height: 100px;
	/*height: 20vh;*/
	z-index: 998;
	background-image: url(../images/nav_bg_color.png);
	/*background-position: 50% 0;
	background-repeat: no-repeat;*/
}
.nav_fixed {
	position: fixed; 
	top: 0; 
	height: 100px;
	width: 100%;
	max-width: 1580px;
	/*height: 20vh;*/
	z-index: 999;
	background-image: url(../images/nav_bg_color.png);
	/*background-position: 50% 0;
	background-repeat: no-repeat;*/
}

/* This class is added on scroll to nav */
.fixed {
	position: fixed; 
	top: 0; 
	height: 100px;
	/*height: 20vh;*/
	/*min-height: 50px;*/
	z-index: 999;
}
.fixed_blog{
	position: fixed; 
	top: 0; 
}
#nav_logo{	
	width: 45%;	
	height: 100px;
	line-height: 100px;
	float: left;
	text-align: left;
	position: relative;
	/*background-color:rgb(255,0,200);*/
	/*opacity: 0.25;*/
}	
.nav_link{	 
	height: 100px;
	float: left;
	position: relative;
	font: 2.5em/100px "alternate-gothic-no-3-d", sans-serif;
	color: #f0ad7b;
	/*text-shadow: 1px 1px #000000;*/
	text-align: center;
}	
.nav_link.demoreel_btn{	 
	width: 12%;	
}	
.nav_link.process_btn{	 
	width: 9%;	
}
.nav_link.press_btn{	 
	width: 9%;	
}
.nav_link.resume_btn{	 
	width: 9%;	
}
.nav_link.blog_btn{	 
	width: 6%;	
}
.nav_link a:link { color: #f0ad7b; text-decoration: none; }
.nav_link a:visited { color: #f0ad7b; text-decoration: none; }
.nav_link a:hover { color: #FFFFFF; text-decoration: none; font-size: 1.1em;}
.nav_link a:active { color: #FFFFFF; text-decoration: none; }

#content_hdr {
	position: relative;
	width: 100%;
	height: 80px;	
	z-index: 1;
	background-image: url(../images/hdr_bg_color.png);
	font: 6.8em/115px "alternate-gothic-no-3-d", sans-serif;
	color: #3d3d3d;
	/*text-shadow: 1px 1px #000000;*/
	text-align: center;
}
#content_hdr_blogpad {
	position: relative;
	width: 100%;
	height: 143px;	
	min-height: 1px;
}

.content {
	position: relative;
	padding: 80px 0px 25px 0px; /* top, right, bottom, left */
	background: #d1d1d1;
	font: 1.6em/1.4em "proxima-nova", sans-serif;
	color: #0B0B0B;
	text-align: center;
}

.content.blog {
	padding: 120px 0px 25px 0px; /* top, right, bottom, left */
}

.top_blurb {
	position: absolute;
	height: 300px;
    width: 99%;
	max-width: 1580px;
	display: table;
	bottom: 0;
}

.top_blurb p {
	display: table-cell;
	vertical-align: middle;
	font: 3.5em/1.2em "alternate-gothic-no-3-d", sans-serif;
	color: #FFFFFF;
	text-shadow: 1px 1px #000000;
	text-align: center;
}

.reel_edge {
	width: 5%;
	min-height: 1px;
	position: relative;
	float: left;
}
.reel_spacer {
	width: 3%;
	min-height: 1px;
	position: relative;
	float: left;
}
.reel_outer {
	width: 28%;
	padding-top: 15.568%; /* defines aspect ratio */
	position: relative;
	float: left;
	/*border: 1px solid orange;*/
}
.inner {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.reel_label {
	position: relative;
	padding: 10px;
	background: #d1d1d1;
	font: 0.8em/1.2em "proxima-nova", sans-serif;
	color: #5D5D5D;
	text-align: center;
	/*border: 1px solid green;*/
}

.process {
    width: 99%;
    margin: 0 auto;
	/*border: 1px solid purple;*/
}
.process_sides {
	width: 33%;
	position: relative;
	float: left;
	/*border: 1px solid orange;*/
}
.process_border {
	border-left: solid #686868;
	border-left-width: 2px;
	border-right: solid #686868;
	border-right-width: 2px;
	/*border: 1px solid yellow;*/
}
.process_icon {
	width: 33%;
	position: relative;
	float: left;
	padding: 0px 0px 15px 0px; /* top, right, bottom, left */
	/*border: 1px solid green;*/
}
.process_title {
	width: 33%;
	position: relative;
	float: left;
	padding: 15px 0px; /* top+bottom, right+left */
	font: 2.4em/1.0em "alternate-gothic-no-3-d", sans-serif;
	color: #b1411c;
	/*border: 1px solid green;*/
}
.process_text { 
	/*font: 1.6em/1.4em "proxima-nova", sans-serif;*/
	color: #0B0B0B;
	text-align: center;
	/*border: 1px solid orange;*/
	padding: 0px 25px 0px 25px; /* top, right, bottom, left */
}
.process_button {
    position: relative;
	width: 602px;
	height: 114px;
    margin: 0 auto;
	background-image: url(../images/process_btn_bg_temp.png);
	background-repeat: no-repeat;
	padding: 0px 0px 0px 0px; /* top, right, bottom, left */
	font: 1.3em/100px "proxima-nova", sans-serif;
	color: #FFFFFF;
	text-align: center;
	/*border: 1px solid grey;*/
}

.process_button a:link { color: #FFFFFF; }
.process_button a:visited { color: #ffede0; } /* f0ad7b */
.process_button a:hover { color: #ffba00; }
.process_button a:active { color: #FFFFFF; }

.press {
	position: relative;
	padding: 0px 0px 0px 0px; /* top, right, bottom, left */
	margin: auto;
    width: 99%;
	height: 66px;
	font: 1.4em/66px "proxima-nova", sans-serif;
	color: #3d3d3d;
	text-align: center;
}

.blog_content {
	width: 60%;
	min-height: 1px;
	position: relative;
	float: left;
	/*border: 1px solid orange;*/
	color: #0B0B0B;
	text-align: left;
	padding: 0px 0px 0px 0px; /* top, right, bottom, left */
}
.blog_content h1{
	font: 1.5em/1.5em "alternate-gothic-no-3-d", sans-serif;
	color: #000000;
}
.blog_content p{
	padding: 0px 0px 0px 20px; /* top, right, bottom, left */
}
blog_links_old {
	width: 25%;
	min-height: 1px;
	position: relative;
	float: left;
	/*border: 1px solid green;*/
	font: 1.0em/1.4em "proxima-nova", sans-serif;
	color: #0B0B0B;
	text-align: left;
	border-left: solid #686868;
	border-left-width: 2px;
	padding: 0px 0px 0px 15px; /* top, right, bottom, left */
}
.blog_links_outer {
	width: 100%;
	top: 0px;
	position: absolute;
	height:auto;
	min-height: 1px;
	max-width: 1580px;
	min-width: 960px;
	/*border: 1px solid black;*/
}
.blog_links {
	position: fixed; 
	top: 0; 
	width: 25%;
	min-height: 1px;
	left: 70%;
	font: 1.6em/1.4em "proxima-nova", sans-serif;
	z-index: 997;
	/*border: 1px solid green;*/
}
.blog_links_inner {
	width: 100%;
	min-height: 100px;
	top: 343px; /* 160 px offset header + 40 px for content + 143 for #content_hdr_blogpad */
	position: relative;
	font: 1.0em/1.4em "proxima-nova", sans-serif;
	color: #0B0B0B;
	text-align: left;
	border-left: solid #686868;
	border-left-width: 2px;
	padding: 0px 0px 0px 15px; /* top, right, bottom, left */
	/*border: 1px solid blue;*/
}

#page_bottom {
	position: absolute;
	width: 100%;
	height: 100px;
	background-position: 50% 0;
	background-repeat: no-repeat;
	background-image: url(../images/page_btm.png);
}

#sticky {
  padding: 1em;
  background: black;
  color: white;
  width: 100%
}

#sticky.fixed {
  position: fixed;
  top: 0;
  left: 0;
}