#main {
padding:0px;
}

/*************************/
/* HERO AREA (id="hero") */
/*************************/

#hero-wrapper {
background-color:white;
height:500px;
}
#hero {
display:none;
min-width:1008px;
position:absolute;
text-align:center;
top:203px;
width:100%;
}
#hero-background {
background-image:url('../img/krystalrae-2015-spring-print-1.png');
background-position:top center;
background-repeat:repeat;
background-attachment:fixed;
display:none;
height:500px;
padding:0px 20px;
}
.no-js #hero,
.no-js #hero-background {
display:block;
}

/***************************/
/* ABOUT AREA (id="about") */
/***************************/

#about {
background-color:white;
text-align:center;
padding:99px 20px 100px;
}
#about p#about-main {
width:100%;
margin:0px auto 21px;
max-width:622px;
}
p#about-main img {
width:100%;
}
#about p, #view p, #shop-p1, #collaborations p {
color:black;
font-family:Didot-Italic,'Times New Roman',serif;
font-style:italic;
font-size:16px;
line-height:1.6875;
margin:0px auto;
word-spacing:-1px;
}
#about p {
max-width:460px;
}
#about a {
max-width:344px;
}

/*************************/
/* VIEW AREA (id="view") */
/*************************/


#view {
background:black url('../img/krystalrae-2015-spring-print-2.png') center center fixed repeat;
padding:89px 20px 90px;
}
#view .info-box-inner-container {
padding:86px 82px 97px;
}
#view p.view-text {
width:571px;
}
/* See ABOUT AREA section for more #view p */
#view p {
margin-top:17px;
}
#view a {
max-width:344px;
}

/***********/
/* Z-INDEX */
/***********/

#hero {
z-index:5;
}
#hero-wrapper {
position:relative;
z-index:4;
}
#about, #view, #shop, footer {
position:relative;
z-index:2;
}
#header-container, 
header nav li {
position:relative;
z-index:3;
}
#outfit-drawer {
z-index:1;
}
#outfit-nav-container {
z-index:3;
}
#goto-top {
z-index:5;
}