body,html { background-color: #080808; } #perpetuumopenmenu { width: 32px; height: 32px; position: fixed; top: 20px; left: 20px; background: url(./../../styles/perpetuum/img/?f=menu) no-repeat 0 0; z-index: 1101; cursor: pointer; } #perpetuumopenmenu.perpetuumblack { background-position: 0 -32px; } #perpetuumscrolldown { width: 32px; height: 32px; position: absolute; bottom: 20px; left: 50%; margin-left: -16px; background: url(./../../styles/perpetuum/img/?f=down) no-repeat 0 0; z-index: 1100; cursor: pointer; } #perpetuumbullets { width: 16px; position: absolute; top: 50%; right: 20px; z-index: 210; } #perpetuumbullets>a { display: block; width: 16px; height: 16px; background: url(./../../styles/perpetuum/img/?f=bullet) no-repeat 0 0; margin-bottom: 8px; } #perpetuumbullets>a.active { background-position: 0 -16px; } #perpetuumscrollup { width: 32px; height: 32px; position: fixed; right: 20px; bottom: 20px; background: url(./../../styles/perpetuum/img/?f=up&c=e3e3e3) no-repeat 0 0; z-index: 1100; cursor: pointer; display: none; } #perpetuumscrollup.perpetuumblack { background-position: 0 -32px; } #perpetuumclosemenu { width: 32px; height: 32px; position: absolute; top: 20px; left: 20px; background: url(./../../styles/perpetuum/img/?f=close&c=e3e3e3) no-repeat 0 0; cursor: pointer; } nav { display: block; position: fixed; margin: 0; padding: 0; background-color: #080808; width: 100%; height: 100%; transform: translateX(-100%); -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transition: transform 0.5s ease; -webkit-transition: -webkit-transform 0.5s ease; z-index: 1200; overflow: hidden; } nav.perpetuumisopen { transform: translateX(0); -webkit-transform: translateX(0); -ms-transform: translateX(0); } nav>img { display: block; margin: 40px auto 20px auto; } #breadcrumbs { display: block; width: 900px; margin: 0 auto; padding: 20px 0; text-align: center; color: #e3e3e3; text-transform: uppercase; letter-spacing: 1px; } #breadcrumbs>a { color: #e3e3e3; text-decoration: none; } #breadcrumbs>a:hover { color: #db8402; } #nav { width: 900px; margin: 0 auto; padding: 20px 0; } #nav>ul { transform: translateX(300px); -webkit-transform: translateX(300px); -ms-transform: translateX(300px); transition: transform 0.3s ease; -webkit-transition: -webkit-transform 0.3s ease; } nav ul { display: block; list-style: none; padding: 0; margin: 0; width: 300px; position: relative; } nav ul ul { position: absolute; left: 300px; top: 0; display: none; } nav li.ngperpetuumactive>ul { display: block; } nav li { display: block; padding: 0; margin: 0 10px; } nav li.ngperpetuumwithchilds { background: url(./../../styles/perpetuum/img/?f=more&c=ffffff) no-repeat right center; } nav li a { display: block; color: #ffffff; text-transform: uppercase; text-decoration: none; text-align: center; padding: 16px 0; border-bottom: 1px solid #3b3b3b; transition: letter-spacing 0.3s ease, color 0.3s ease; -webkit-transition: letter-spacing 0.3s ease, color 0.3s ease; } nav li a:hover, nav li.ngperpetuumactive>a { letter-spacing: 1px; color: #db8402; } #search { position: absolute; bottom: 0; width: 100%; background-color: #080808; } #search form { width: 900px; margin: 20px auto 40px auto; border-bottom: 1px solid #3b3b3b; } #search input { background: transparent; padding: 16px; border: none; color: #ffffff; width: 840px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; float: left; outline: 0; font: 14px 'PT Sans',Tahoma,Helvetica,sans-serif; } #search button { background: url(./../../styles/perpetuum/img/?f=search&c=ffffff) no-repeat center center; display: block; width: 50px; height: 50px; border: none; outline: 0; cursor: pointer; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; float: right; } #search form:after { content: ' '; display: block; clear: both; } #perpetuumcontainer { position: relative; width: 100%; overflow: hidden; } #perpetuumcaption { position: absolute; width: 100%; bottom: 0; margin: 0; padding: 0 0 120px 0; z-index: 200; background: url(./../../styles/perpetuum/img/?f=fade) repeat-x top left; } .perpetuumcontainerchild { margin: 0; padding: 0; display: block; position: absolute; border: 0; } #perpetuumcaption>h1 { text-align: center; color: #ffffff; text-shadow: 1px 1px 2px rgba(0,0,0,0.8); margin: 0; padding: 0; } #perpetuumcaption>p { text-align: center; color: #ffffff; text-shadow: 1px 1px 2px rgba(0,0,0,0.8); font-size: 160%; width: 900px; margin: 0 auto 0 auto; padding: 0; } #perpetuumcaption>p>a { color: #ffffff; text-decoration: none; font-style: italic; } #perpetuumcontainer img.perpetuumeyepri { z-index: 1; transition: none; -webkit-transition: none; opacity: 1; } #perpetuumcontainer img.perpetuumeyesec { z-index: 2; transition: none; -webkit-transition: none; opacity: 0; } #perpetuumcontainer img.perpetuumeyesecout { transition: opacity 0.5s; -webkit-transition: opacity 0.5s; opacity: 1; } #perpetuumlogobox { display: block; position: absolute; top: 0; z-index: 200; width: 100%; height: 120px; padding-top: 40px; background: url(./../../styles/perpetuum/img/?f=fadetop) repeat-x top left; } #perpetuumlogo { display: block; z-index: 200; margin: 0 auto; } #perpettumlogoalt { display: block; position: absolute; top: 15px; right: 20px; z-index: 1102; } #headbox { top: 0; left: 0; width: 100%; position: fixed; z-index: 1100; } #headboxnav { background-color: #080808; height: 72px; } #mainbox { background-color: #ffffff; } #perpetuumshadow { width: 1000px; height: 20px; margin: 0 auto; background: url(./../../styles/perpetuum/img/shadow.png) no-repeat; } #maincontainer { padding: 40px 72px; margin: 0 auto; } #header { margin-bottom: 40px; } #sidebarleft { float: left; margin-right: 40px; min-height: 1px; } #content { float: left; } #main:after { content: ' '; display: block; clear: both; } #sidebarright { float: left; margin-left: 40px; min-height: 1px; } footer { color: #e3e3e3; padding: 40px 0 40px 0; } footer>ul { margin: 0 auto; padding: 0; display: block; } footer>ul>li { margin: 0; padding: 0; display: block; list-style: none; float: left; } footer>ul ul { margin: 0; padding: 0; display: block; } footer>ul>li li { margin: 0; padding: 0; display: block; list-style: none; } footer>ul em { font-style: normal; color: #ffffff; display: block; text-transform: uppercase; padding: 0 0 6px 0; margin: 0 20px 22px 20px; border-bottom: 1px solid #3b3b3b; text-align: center; } footer>ul a { display: block; padding: 0 20px 6px 20px; text-transform: uppercase; color: #e3e3e3; text-align: center; transition: letter-spacing 0.3s ease, color 0.3s ease; -webkit-transition: letter-spacing 0.3s ease, color 0.3s ease; } footer>ul a:hover { letter-spacing: 1px; } footer>ul::after { content: ''; clear: both; display: block; } footer>div { margin: 0 auto; padding: 40px 0 0 0; color: #e3e3e3; } footer a { color: #ffffff; text-decoration: none; } footer a:hover { color: #db8402; text-decoration: none; } footer div a { color: #ffffff; font-style: italic; } footer div a:hover { font-style: italic; text-decoration: none; } #audiowish, #audiomenu, #audioclose { display: none; }