html, body { height:100%}
body { margin:0; padding:0; font-family:Verdana, Geneva, sans-serif}
.bg-trans { width:100%; position:absolute; left:0; z-index:-1;}
#wrapper { width:100%; height:100%; position:relative;}
.container { max-width:1200px; width:100%; height:100%; margin:0 auto; position:relative}
#site-header { position:fixed; width:100%; z-index:1}
.header-bg { height:60px; background:#09F;}
#wrapper:not(.fixed) .header-bg { opacity:1; transition:opacity 0.4s ease-in 0s}
.fixed .header-bg { opacity:0.7; transition:opacity 0.4s ease-in 0s}
#logo { position:absolute; top:0; left:0}
/*
nav { float:right}
nav a { display:inline-block; border-bottom:5px solid transparent; padding:17px; color:#fff; text-align:center; text-decoration:none}
nav a.active {border-bottom:5px solid #fff;}
nav a:hover { background-color:#F60}
*/
#splash-intro { background-image:url(../img/recruit-bg.jpg); background-size:cover; background-position:center; width:100%; height:400px; position:relative; z-index:-2}
.bottom-bg { background:#fff; height:50px; position:absolute; bottom:0; left:0; opacity:0.7}
.spl-info { position:absolute; top:30%; left:20px; padding:0.5em 1em; color:#fff; max-width:45%}
.spl-info .bg-trans { background:#000; height:100%; opacity:0.5}
.content-bg { background:#fff; height:100%; opacity:0.5}
.recruitment { margin-top:-60px }
footer { position:fixed; background-color:#333; width:100%; bottom:0; left:0; padding:0.3em 0; font-size:0.8em; text-align:center; color:#fff;}
footer a { color:#fff;}