#page{
	width:1400px;
	margin:0px auto;
	/*box-shadow: 0px 0px 40px 15px #2c2f38;*/
	box-shadow: 0px 0px 10px 1px #2c2f38;
	box-sizing: content-box;
	background:#fff;
}

body {
	/*background-color: #404552;*/
    background-color: #eee;
}

/* HEADER */

#header{
	background:#404040;
	width:1400px;
}
#header #logo{
	color:#f1f1f1;
	padding:15px 25px 15px 270px;
	font-weight:900;
	font-family: Interstate;
	font-size:25px;
	float:left;
	position: relative;
	transition: color 0.3s;
}
#header #logo:hover{
	text-decoration:none;
	color: #e9d08d;
}

.highlighter_top
{
	width: 100%;  
    background:rgba(216,213,151,0.6);
	margin:58px 25px 15px 0px;
	height: 2px;
}

.highlighter_bottom
{
	width: 100%;  
    background:rgba(36,63,93,0.5);
	margin:0px 25px 0px 0px;
	height: 2px;
}

.nav_pane li.slider {
  width: 20%;
  height: 100%;
  top: 0;
  position: absolute;
  left: 40%;
  z-index: 999;
  transition: left 0.4s;
  top: 57px;
  height: 4px;
  background: rgba(232,173,78,1);
  opacity: 1;
}

.nav-link-active {
   color: #3c2a00;
   background-color: #ceb068;
}

.nav_pane .menu li:nth-child(1):hover ~ .slider,
.nav_pane .menu li:nth-child(1):focus ~ .slider,
.nav_pane .menu li:nth-child(1):active ~ .slider {
  left: 0%;
}
.nav_pane .menu li:nth-child(2):hover ~ .slider,
.nav_pane .menu li:nth-child(2):focus ~ .slider,
.nav_pane .menu li:nth-child(2):active ~ .slider {
  left: 20%;
}
.nav_pane .menu li:nth-child(3):hover ~ .slider,
.nav_pane .menu li:nth-child(3):focus ~ .slider,
.nav_pane .menu li:nth-child(3):active ~ .slider {
  left: 40%;
}
.nav_pane .menu li:nth-child(4):hover ~ .slider,
.nav_pane .menu li:nth-child(4):focus ~ .slider,
.nav_pane .menu li:nth-child(4):active ~ .slider {
  left: 60%;
}
.nav_pane .menu li:nth-child(5):hover ~ .slider,
.nav_pane .menu li:nth-child(5):focus ~ .slider,
.nav_pane .menu li:nth-child(5):active ~ .slider {
  left: 80%;
}

#post_body{
	padding:40px 0 0 0;
	width:100%;
	height:710px;
	background:url(../images/pna6_top.png) no-repeat;
	background-size: cover; 
	box-sizing: content-box;
	position: relative;
	top: 50px;
	text-align: center;
}

#post_body h3{
	width: 100%;
	margin: 500px 0px 0 40px;
	text-align: center;
    color: #b17439;
	font-family: Roboto;
	display: block;
	font-size:22px;
    font-weight: 500;
}

#post_body h2{
	width: 100%;
	padding: 40px 0px 0 40px;
	text-align: center;
    color: rgba(85, 85, 85, 1);
	font-family: Roboto;
	display: block;
	font-size:37px;
    font-weight: 500;
}

#post_body h1{
	width: 100%;
	padding: 40px 0 0 40px;
	text-align: center;
    color: rgba(64, 64, 64, 1);
	font-family: Roboto;
	display: block;
	font-size:48px;
    font-weight: 600;
}

#post_body h4{
	width: 100%;
	margin: 30px 0px 0 40px;
	text-align: center;
    color: #b17439;
	font-family: Roboto;
	display: block;
	font-size:45px;
    font-weight: 500;
}

#post_body p{
	width: 45%;
	margin: 40px 0 0 50px;
	line-height: 27px;
	text-align: center;
    color: rgba(64, 64, 64, 1);
	font-family: Roboto;
	display: inline-block;
	font-size:18px;
    font-weight: 300;
}

#post_body .feature_container{
	margin: 70px auto;
	width: 70%;
}

.feature_container .feature{
	display: inline-block;
	margin: 20px 40px;
}

.upper_caption{
	margin: 10px 0 0 3px;
	line-height: 27px;
	text-align: left;
    color: rgba(64, 64, 64, 1);
	font-family: Roboto;
	display: inline-block;
	font-size:19px;
    font-weight: 300;
	width: 100%;
}

#post_body h4{
	width: 100%;
	margin: 5px 0px 0 0px;
	text-align: center;
    color: #b17439;
	font-family: Roboto;
	display: block;
	font-size:45px;
    font-weight: 300;
}

.bottom_caption{
	margin: 10px 0 0 0px;
	line-height: 27px;
	text-align: center;
    color: rgba(64, 64, 64, 1);
	font-family: Roboto;
	display: inline-block;
	font-size:19px;
    font-weight: 300;
	width: 100%;
}


#post_wireframe{
	margin: 500px 150px 0;
	width:1202;
	height:620px;
	background:url(../images/pna6_wireframe.png) no-repeat;
	background-size: contain;
}

#post_wireframe .wireframe_label p{
	position: relative;
    color: rgba(64, 64, 64, 1);
	font-family: Roboto;
	display: inline-block;
	font-size:13px;
    font-weight: 300;
	text-align: center;
}

#post_wireframe .wireframe_dimension p{
	position: relative;
    color: rgba(64, 64, 64, 1);
	font-family: Roboto;
	display: inline-block;
	font-size:10.5px;
    font-weight: 300;
	text-align: center;
	width: 70px;
}

#post_wireframe .wireframe_caption p{
	position: relative;
    color: rgba(95, 95, 95, 1);
	font-family: Roboto;
	display: inline-block;
	font-size:32px;
    font-weight: 300;
	text-align: center;
	width: 55px;
}

#post_feature{
	width:80%;
	box-sizing: content-box;
	margin: 0 auto;
	margin-bottom: 150px;
}

#post_feature .fcontainer{
	width:23%;
	display: inline-block;
	margin: 0 30px 0 80px;
	vertical-align: top;
}

#post_feature .fcontainer .feature{
	margin: 40px 0px;
}

.fcontainer .feature h4{
    color: #b17439;
	font-family: Roboto;
	font-size:24px;
    font-weight: 400;
	text-align: left;
}

.fcontainer .feature span{
    color: rgba(95, 95, 95, 1);
	font-family: Roboto;
	font-size:18px;
    font-weight: 300;
	text-align: left;
	display: block;
	margin: 20px 0;
}

#post_threed{
	width:100%;
	height:778px;
	background:url(../images/pna6_3D.jpg);
	background-size: contain;
	box-sizing: content-box;
}

#post_shot{
	width:100%;
	height:268px;
	background:url(../images/pna6_shot.jpg);
	background-size: contain;
	box-sizing: content-box;
}

#post_small{
	width:100%;
	height:760px;
	background:url(../images/pna6_small.jpg);
	background-size: contain;
	box-sizing: content-box;
}

.small_label p{
	position: relative;
    color: rgba(95, 95, 95, 1);
	font-family: Roboto;
	display: inline-block;
	font-size:16px;
    font-weight: 300;
	text-align: center;
}

.small_percent p{
	position: relative;
    color: rgba(95, 95, 95, 1);
	font-family: Roboto;
	display: inline-block;
	font-size:25px;
    font-weight: 300;
	text-align: center;
}

.small_dimension p{
	position: relative;
    color: rgba(95, 95, 95, 1);
	font-family: Roboto;
	display: inline-block;
	font-size:13px;
    font-weight: 300;
	text-align: center;
}

#post_layers{
	width:100%;
	height:920px;
	background:url(../images/pna6_layers.jpg);
	background-size: contain;
	box-sizing: content-box;
}

#post_layers .feature_container{
	padding: 300px 0 0 30px;
	margin: 0 auto;
	display: block;
	width: 45%
}

#post_layers h4{
	margin: 5px 0;
	text-align: center;
    color: #b17439;
	font-family: Roboto;
	display: block;
	font-size:45px;
    font-weight: 300;
}

#post_layers h2{
	margin: 100px 0 0 0;
	font-family: Roboto;
	font-size:47px;
    font-weight: 300;
}


#post_layers .caption{
	margin: 10px 0;
	line-height: 27px;
	text-align: center;
    color: rgba(64, 64, 64, 1);
	font-family: Roboto;
	display: block;
	font-size:18px;
    font-weight: 300;
}


#post_layers .feature{
	margin: 20px 70px;
}

.left_content{
	padding:80px 0px 70px 70px;
	position: relative; 
	width:48%;
	height:230px;
	box-sizing: content-box;
}

.right_content{
	padding:80px 0px 70px 780px;
	float:left;
	position: relative; 
	width:48%;
	height:230px;
	color: #565656; 
	box-sizing: content-box;
}

.post_content{
	padding: 20px 0px;
	display: block;
}

.post_content h2{
	font-weight:300;
	font-family: Roboto;
	font-size:35px;
	color:#fff;
    font-weight: 400;
}

.post_content p{
    margin-top: 23px;
    margin-bottom: 35px;
	font-weight:300;
	font-family: Roboto;
	font-size:21px;
	color:#fff;
	width: 75%;
}

.post_content_light h2{
	font-weight:300;
	font-family: Roboto;
	font-size:48px;
	color:#525252;
}

.post_content_light p{
    margin-top: 23px;
    margin-bottom: 35px;
	font-weight:300;
	font-family: Roboto;
	font-size:21px;
	color:#525252;
	width: 70%;
}