/*************************

	QUICK CHANGE COLOR STYLES OF HEADER

*************************/

#header .site_nav a { /*nav icon color*/
	top: 0px; /* 0=wht, -25=blk, -50=red, -75=gry(#afafaf) */
	}
#header .site_nav a:hover { /*nav icon:hover color*/
	top: -25px; /* 0=wht, -25=blk, -50=red, -75=gry(#afafaf) */
	}	
#header {
	background-color: #777; /* changes both the header band and the footer band */
	border-bottom: 1px solid #fff;
	}
#header .site_title a, .site_nav a, #header .site_title { 
	color: #fff; /* all text color in header */
	}
#header .site_title a:hover, .site_nav a:hover { 
	color: #000; /* text links:hover in header */
	}
	
/*************************

	Article layout

*************************/

body {
	background-image: url(http://travisneilson.com/wp-content/upLoads/neue_texture_bg.gif);
	background-repeat: repeat;
	}
	

.article_title {
	background-image: url(http://travisneilson.com/wp-content/upLoads/neue_article_title.gif);
	background-position: center center;
	background-repeat: no-repeat;
	height:433px;
	position: relative;
	}

.asterisk_link {
	position: absolute;
	display: block;
	height: 99px;
	width: 101px;
	top: 45px;
	left: 0px;
	}

.first_note{
	position: absolute;
	display: block;
	height: 28px;
	width: 21px;
	bottom: 47px;
	right: 166px;
	}
	
.separator {
	height: 25px;
	background-color: #00aded;
	}
	
.max {
	width: 247px;
	float: left;
	margin-left: 10px;
	margin-bottom: 30px;
	}
.history_wrap {
	float: left;
	width: 703px;
	}
.history_h {
	margin-left: 10px !important;
	}
.history_p {
	margin: 0px 160px 0px 72px;
	}
.brother_wrap, .process_wrap {
	margin: 0px 0px 0px 0px;
	width: 550px;
	float: left;
	}
.brother_wrap p, .process_wrap p {
	margin: 0px 0px 80px 90px !important;
	width: 460px;
	}
.erik {
	float: left;
	width: 339px;
	margin-left: 60px;
	margin-top: 41px;
	}
.g_h {
	float: left;
	position: relative;
	left: -70px;
	}
.g_p {
	float: left;
	width: 460px;
	margin-left: 20px;
	margin-bottom: 100px !important;
	}
.m_wrap {
	float: left;
	margin-bottom:80px;
	}
.m_p{
	margin-left: 90px;
	width:308px;
	}
.r_wrap {
	float: left;
	margin-right:90px;
	width: 460px;
	margin-bottom:80px;
	}
.r_p {margin-left: 80px;}

.n_wrap {
	float: left;
	width:470px;
	margin-bottom:80px;
	}
.n_p{
	margin-left: 90px;
	}
.win_wrap {
	float: left;
	width:220px;
	margin-left:100px;
	text-align: right;
	margin-top:35px;
	}

.notes_wrap {
	background-image: url(http://travisneilson.com/wp-content/upLoads/neue_notes-arrow.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	background-color: #777777;
	padding-bottom: 20px;
	padding-top: 100px;
	}
	
.notes_title {
	margin-bottom: 12px;
	padding-bottom: 12px;
	border-bottom: 1px solid #fff;
	text-align: center;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	color: #fff;
	font-size: 14px;
	width: 460px;
	margin-left: 250px;
	margin-right: 250px;
	letter-spacing: 1em;
	}
	.notes_title span {letter-spacing: 0px;}

.notes_wrap ol {
	width: 460px;
	margin-left: 250px;
	margin-right: 250px;
	margin-bottom: 80px;
	border-bottom: 1px solid #fff;
	}
.notes_wrap ol li {
	margin: 0px 0px 18px 15px;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color: #fff;
	font-size: 11px;
	letter-spacing: .1em;
	text-align: justify;
	}



/*************************

	Typography

*************************/

.goodbye{text-indent: -9999px;}

.neue_wrap sup {
	font-size: 11px;
	line-height: 1px;
	}

.neue_wrap sup a{color: inherit;}

.neue_wrap h3 {
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #00aded;
	font-size: 32px;
	letter-spacing: .02em;
	margin-bottom: 25px;
	margin: 0px 0px 15px 10px;
	text-transform: inherit;
	line-height:36px
	}
	
.neue_wrap p.section_lead {
	margin: 35px 90px 55px 170px;
	color: #9e9e9e;
	font-size: 23px;
	line-height: 32px;
	font-weight: lighter;
	}

.neue_wrap p {
	letter-spacing: .05em;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 13px;
	line-height: 21px;
	color: #707070;
	margin-bottom: 21px;
	}
	
.neue_wrap p.caption {
	color: #9e9e9e;
	font-size: 12px;
	width: 200px;
	}
.notes_wrap a{ 
	color: #ddd;
	text-decoration: none;
	font-size: 9px;
	}
.notes_wrap a:hover {
	color: #fff;
	} 

.notes_wrap a.linkout { 
	color: #ddd;
	text-decoration: underline;
	font-size: 11px;
	}
.notes_wrap a.linkout:hover { 
	color: #fff;
	}