@charset "utf-8";
/* Emrys Productions Main CSS */

<!------ Structure ------!>
body {margin: 0; padding: 0;}
#logo  {float: left; max-width: 100%; max-height: ; display: block; width: 481px; height: 100px}
header  {  }
#footer  {background-color: #383838; height: 50px; width: 100%;}
#player  {right: 20px; top: 50%; margin-top: -25px;}
nav  {margin: auto; width: 600px;float: center; min-width: 600px;}

<!------ Nav Style ------!>

/**Paragraph Style**/  
.rollover p {  
float: left;  
width: auto;  
margin: 6px  
}  
  
/**the linked thumbnail**/  
.rollover a {  
display: inline-block;  
position: relative;  
margin-right: 0%;  
text-decoration: none;  
}  
  
/**the span with full size image**/  
.rollover a span {  
display: block;   
color: #FF3;  
font-weight: bold;  
text-align: center;  
position: absolute;  
z-index: 100;  
/**adjust where desired**/  
left: 0px;  
top: 0px;  
/**same size as images**/  
height: 75px;  
width: 75px;  
opacity: 0;  
/**CSS Transitions**/  
-webkit-transition: all 1s;  
-moz-transition: all 1s;  
transition: all 1s;  
}  
/**spans are hidden until mouseover or focus**/  
.rollover a:hover span,  
.rollover a:active span,  
.rollover a:focus span {opacity:1;}  
.rollover a:hover,  
.rollover a:focus {opacity:1}  
.rollover a span:hover {opacity:1;}  
.rollover:hover {opacity:1;}  
  
/**float clearing**/  
.rollover:after{  
clear: both;  
display: block;  
content: '';  
}  

<!------ SNS Style ------!>
#snsinner  {position: fixed; top: 40%;}
#snswrapper  {float: right; position: relative; padding-right: 20px; margin-right: 0;}
.snsbar  {float: right; list-style-type: none; width: 250px; height: 50px; top: 50%; margin-top: -5px;}
.facebook  {float: left; list-style-type: none;}
.twitter  {float: left; list-style-type: none;}
.linkedin  {float: left; list-style-type: none;}
.soundcloud  {float: left; list-style-type: none;}
.behance  {float: left; list-style-type: none;}
.email  {float: left; list-style-type: none;}

<!------ Index-Only Style ------!>

#namewrapper  {width: 960px; margin: auto;}
#name {width: 960px; height: 180px; margin: auto; text-align:center; top: 0; left: 0; right: 0; }
#menuwrapper  {margin: auto; width: 960px; height: 200px; top: 0; left: 0; bottom: 0; right: 0;}
#menu  {margin: auto; width: 900px;}
#indexlogo  {float: left; display: block; width: auto; height: auto; max-width: 842px; max-height: 175px;}

<!------ Index-Push Menu Style ------!>
/* ------------------------------------------------------------ *\
|* ------------------------------------------------------------ *|
|* Template
|* ------------------------------------------------------------ *|
\* ------------------------------------------------------------ */
#wrapper {
    position: relative;
    z-index: 10;
    top: 0;
    left: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
section {
    margin-bottom: 30px
}
section h1 {
    font-family: "Oswald", sans-serif;
    margin-bottom: 10px;
}
section p {
    margin-bottom: 30px
}
section p:last-child {
    margin-bottom: 0
}
section:last-child {
    margin-bottom: 0
}
section.toggle {
    text-align: center
}
.mask {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 15;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
}
/* ------------------------------------------------------------ *\
|* ------------------------------------------------------------ *|
|* Menus
|* ------------------------------------------------------------ *|
\* ------------------------------------------------------------ */
/* general style for all menus */
nav.menu {
    position: fixed;
    z-index: 20;
    background-color: #383838;
    overflow: hidden;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
nav.menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
nav.menu a {
    font-weight: 300;
    color: #fff;
}
button.close-menu {
    background-color: #3184a1;
    color: #fff;
}
button.close-menu:focus {
    outline: none
}
<!---Push CSS ---!>
nav.push-menu-top {
    left: 0;
    width: 100%;
    height: 400px;
}
nav.push-menu-top ul {
    text-align: center;
    padding: 25px 0 0 0;
}
nav.push-menu-top li {
    display: inline-block;
    margin: 0;
    vertical-align: middle;
}
nav.push-menu-top a {
    display: block;
    line-height: 50px;
    padding: 0 10px;
    font-size: 18px;
}
nav.push-menu-top button.close-menu {
    display: block;
    line-height: 50px;
    margin: 0;
    padding: 0 10px;
}
nav.push-menu-top {
    top: -100px
}
body.pmt-open nav.push-menu-top {
    top: 0
}
body.pmt-open #wrapper {
    top: 100px
}
<!--- Push CSS End ---!>
button {
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    cursor: pointer;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}