html {
        scrollbar-base-color:#333333;
        scrollbar-arrow-color:#62605b;
        scrollbar-track-color:#333333;

        scrollbar-shadow-color:#222222;
        scrollbar-lightshadow-color:#111111;
        scrollbar-3dlight-color:#111111;

        font-size:62.5%;
        }
::-moz-selection{
        background:#000000;
        color:#5d5457;
        }
::selection {
        background:#000000;
        color:#5d5457;
        }

body{
        font-size:1.4em;
        text-rendering:optimizeLegibility;
        text-align:justify;
        color:#7f817b;
        background-color:#000000;
        }

#container{
        width:900px;
        height:auto;
        margin:0 auto;
        position:relative;
        }
#header{
        position:absolute;
        left:0px;
        top:0px;
        width:900px;
        height:118px;
        margin:0 auto;
        background-image: url(../images/header.jpg);
        background-repeat: no-repeat;
        }
#facade{
        position:absolute;
        left:0px;
        top:150px;
        width:900px;
        height:86px;
        margin:0 auto;
        background-image: url(../images/facade.jpg);
        background-repeat: no-repeat;
        }
#columnL{
        position:absolute;
        left:0px;
        top:236px;
        width:222px;
        height:480px;
        margin:0 auto;
        background-image: url(../images/column-L-2.jpg);
        background-repeat: no-repeat;
        }
#columnR{
        position:absolute;
        right:0px;
        top:236px;
        width:223px;
        height:480px;
        margin:0 auto;
        background-image: url(../images/column-R-2.jpg);
        background-repeat: no-repeat;
        }
#title{
        position:absolute;
        top:236px;
        left:217px;
        width:460px;
        height:50px;
        margin:0 auto;
        background-image: url(../images/title.jpg);
        background-repeat: no-repeat;
        }
#infobox{
        position:absolute;
        top:231px;
        left:217px;
        width:460px;
        height:485px;
        margin:0 auto;
        overflow:hidden;
        }
#frame{
        position:absolute;
        left:0px;
        top:55px;
        width:430px;
        height:428px;
        padding:0 15px 0 15px;
        overflow-x:hidden;
        overflow-y:auto;
        }
.article{
        position:relative;
        padding:10px 10px 15px 10px;
        }
.article:after{
        content:url(../images/divider.png);
        }
.release{
        width:auto;
        height:190px;
        display:block;
        border:1px solid #272424;
        padding:0 10px 10px 10px;
        margin-bottom:2em;
        }
.center{
        position:relative;
        padding:10px 10px 15px 10px;
        text-align:center;
        }
.copyright {
        position:absolute;
        top:716px;
        width:100%;
        height:36px;
        margin:0 auto;
        background:url(../images/footer.jpg);
        background-position:center top;
        background-repeat: no-repeat;
        }
.copyright:hover {
        background-position:center bottom;
        background-repeat: no-repeat;
        }
.wrapper {
        display:block;
        }




/*---------------------------------- Index ----------------------------------*/
.enter {
        width:500px;
        height:409px;
        background:url(../images/enter1.png);
        background-position:center top;
        background-repeat: no-repeat;
        }
.enter:hover {
        background:url(../images/enter2.gif);
        background-position:center top;
        background-repeat: no-repeat;
        }




/*---------------------------------- Entrance ----------------------------------*/
#entrancebg{
        width:100%;
        height:100%;
        background: url(../images/entrancebg.jpg) no-repeat center center fixed;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.../images/entrancebg.jpg', sizingMethod='scale');
        -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/entrancebg.jpg', sizingMethod='scale')";
        position:fixed;
        z-index:-1;
        }
#entrance{
        width:820px;
        height:auto;
        margin:0 auto;
        position:relative;
        }
#flyer1{
        width:400px;
        height:550px;
        border:solid 1px #5d5457;
        float:left;
        overflow:hidden;
        }
#flyer2{
        width:400px;
        height:550px;
        border:solid 1px #5d5457;
        float:left;
        margin-left:16px;
        overflow:hidden;
        }

#flyer1 img:hover, #flyer2 img:hover{
        cursor:default;
        }

/*---------------------------------- Menu ----------------------------------*/
#menu{
        position:absolute;
        display:block;
        float:left;
        left:-28px;
        top:118px;
        width:900px;
        height:32px;
        }
#menu li {
        float:left;
        list-style:none;
        }
a.fanaticism {
        display:block;
        float:left;
        height:32px;
        width:107px;
        background:url(../images/menu-fanaticism.jpg);
        background-position:left top;
        }
a.rituals {
        display:block;
        float:left;
        height:32px;
        width:108px;
        background:url(../images/menu-rituals.jpg);
        background-position:left top;
        }
a.relics {
        display:block;
        float:left;
        height:32px;
        width:111px;
        background:url(../images/menu-relics.jpg);
        background-position:left top;
        }
a.portals {
        display:block;
        float:left;
        height:32px;
        width:107px;
        background:url(../images/menu-portals.jpg);
        background-position:left top;
        }
a.invocation {
        display:block;
        float:left;
        height:32px;
        width:108px;
        background:url(../images/menu-invocation.jpg);
        background-position:left top;
        }
a.fanaticism:hover,
a.rituals:hover,
a.relics:hover,
a.invocation:hover,
a.portals:hover {
        background-position: left bottom;
        }
#fanaticism .fanaticism,
#rituals .rituals,
#relics .relics,
#invocation .invocation,
#portals .portals {
        background-position: left bottom;
}




/*---------------------------------- Releases ----------------------------------*/
#staub001 {
        height:140px;
        width:140px;
        float:left;
        border:solid 1px #5d5457;
        margin-right:20px;
        background:url(../images/rituals-01.jpg);
        background-position:left top;
}
#staub002 {
        height:140px;
        width:140px;
        float:left;
        border:solid 1px #5d5457;
        margin-right:20px;
        background:url(../images/rituals-02.jpg);
        background-position:left top;
}
#staub003 {
        height:140px;
        width:140px;
        float:left;
        border:solid 1px #5d5457;
        margin-right:20px;
        background:url(../images/rituals-03.jpg);
        background-position:left top;
}
#staub004 {
        height:140px;
        width:140px;
        float:left;
        border:solid 1px #5d5457;
        margin-right:20px;
        background:url(../images/rituals-04.jpg);
        background-position:left top;
}
#staub005 {
        height:140px;
        width:140px;
        float:left;
        border:solid 1px #5d5457;
        margin-right:20px;
        background:url(../images/rituals-05.jpg);
        background-position:left top;
}
#staub006 {
        height:140px;
        width:140px;
        float:left;
        border:solid 1px #5d5457;
        margin-right:20px;
        background:url(../images/rituals-06.jpg);
        background-position:left top;
}
#staub007 {
        height:140px;
        width:140px;
        float:left;
        border:solid 1px #5d5457;
        margin-right:20px;
        background:url(../images/rituals-07.jpg);
        background-position:left top;
}
#staub008 {
        height:140px;
        width:140px;
        float:left;
        border:solid 1px #5d5457;
        margin-right:20px;
        background:url(../images/rituals-08.jpg);
        background-position:left top;
}
#staub009 {
        height:140px;
        width:140px;
        float:left;
        border:solid 1px #5d5457;
        margin-right:20px;
        background:url(../images/rituals-09.jpg);
        background-position:left top;
}
#staub001:hover, #staub002:hover, #staub003:hover, #staub004:hover, #staub005:hover, #staub006:hover,
#staub007:hover, #staub008:hover, #staub009:hover {
        background-position:left bottom;
        border:solid 1px #9b9a96;
        }





/*---------------------------------- Text ----------------------------------*/
h1 {
        color:#9b9a96;
        font:1.2em 'GaramondSC', "Palatino Linotype", "Palatino", "Book Antiqua", serif;
        text-transform:uppercase;
        margin-bottom:-0.1em;
        }
h1 i {
        font: 1.1em 'MillGoudyItalic', "Palatino Linotype", "Palatino", "Book Antiqua", serif;
        }
h2 {
        color:#7b7676;
        font: 1.15em 'MillGoudyItalic', "Palatino Linotype", "Palatino", "Book Antiqua", serif;
        padding-left:0.5em;
        }
h2 i {
        color:#5d5457;
        font:0.8em 'MillGoudyItalic', "Palatino Linotype", "Palatino", "Book Antiqua", serif;
        letter-spacing:1px;
        }
h3 {
        color:#5d5457;
        font:0.75em 'LatoItalic', 'Tahoma', sans-serif;
        letter-spacing:0.2em;
        margin:1em 0 0.4em 0.2em;
        }
#entrance h1 {
        color:#9b9a96;
        font:2.5em 'GaramondSC', "Palatino Linotype", "Palatino", "Book Antiqua", serif;
        text-transform:uppercase;
        margin-bottom:-0.3em;
        text-shadow: 1px 1px 4px #000;
        }
#entrance i {
        color:#5d5457;
        font:1.2em 'MillGoudyItalic', "Palatino Linotype", "Palatino", "Book Antiqua", serif;
        letter-spacing:1px;
        }
#rituals h1 {
        color:#9b9a96;
        font:1.2em 'GaramondSC', "Palatino Linotype", "Palatino", "Book Antiqua", serif;
        text-transform:uppercase;
        line-height:95%;
        margin-bottom:0.2em;
        }
#rituals h1 i {
        font: 0.9em 'MillGoudyItalic', "Palatino Linotype", "Palatino", "Book Antiqua", serif;
        margin-left:-0.05em;
        }
#rituals h2 {
        color:#7b7676;
        font: 1.1em 'MillGoudyItalic', "Palatino Linotype", "Palatino", "Book Antiqua", serif;
        }
#rituals h3 {
        color:#7b7676;
        font:1.2em 'GaramondSC', "Palatino Linotype", "Palatino", "Book Antiqua", serif;
        letter-spacing:0;
        margin:0 0 -2px -1px;
        }
#rituals h4 {
        color:#5d5457;
        font:0.75em 'LatoItalic', 'Tahoma', sans-serif;
        letter-spacing:0.2em;
        margin-top:2.5em;
        }
p {
        font:1.1em 'MillGoudyRegular', "Palatino Linotype", "Palatino", "Book Antiqua", serif;
        line-height:140%;
        margin-bottom:1em;
        padding-left:0.5em;
}
i {
        font:1.1em 'MillGoudyItalic', "Palatino Linotype", "Palatino", "Book Antiqua", serif;
}
ul {
        list-style:disc;
        padding-left:2em;
        }
.price {
        color:#5d5457;
        font:1em 'LatoItalic', 'Tahoma', sans-serif;
        letter-spacing:0.1em;
        float:right;
        margin:1.5em 70px 1em 0;
        }
.price:before {
        color:#272424;
        margin-left:6px;
        content:"• ";
        }
#relics .price {
        color:#5d5457;
        font:1em 'LatoItalic', 'Tahoma', sans-serif;
        letter-spacing:0.1em;
        float:right;
        line-height: 1.4em;
        margin: 0 1em 1em 0;
        }
#relics .price:before {
        color:#272424;
        content:"• ";
        }

.hyphenate {
        float: left;
        }



/*---------------------------------- Links ----------------------------------*/
a:link, a:active, a:visited {
        color:#878582;
        font: 1.1em 'GaramondSC', "Palatino Linotype", "Palatino", "Book Antiqua", serif;
        letter-spacing:0.2em;
        text-decoration:none;
        }
a:hover {
        color:#919698;
        font: 1.1em 'GaramondSC', "Palatino Linotype", "Palatino", "Book Antiqua", serif;
        letter-spacing:0.2em;
        text-decoration:underline;
        }



/*---------------------------------- Form ----------------------------------*/
fieldset.main-set {
        padding: 0;
        margin: 0;
}

fieldset.req-set {
        padding: 0;
        margin: 0;
}

fieldset.req-set textarea, select {
        background-color: #575552;
        border: 1px solid grey;
        color: #ffffff;
}

fieldset.main-set input {
        background-color: #575552;
        border: 1px solid grey;
        color: #ffffff;
}



#contact-wrapper {
        width:380px;
        border:1px solid #e2e2e2;
        background:#3b3934;
        color:#878582;
        padding:20px;
}
#contact-wrapper div {
        background:#3b3934;
        color:#878582;
        clear:both;
        margin:1em 0;
}
#contact-wrapper label {
        width:auto;
        background:#3b3934;
        color:#878582;
        font:1.2em 'GaramondSC', "Palatino Linotype", "Palatino", "Book Antiqua", serif;
        display:block;
        float:none;
}
form#contactform input {
        background:#3b3934;
        color:#878582;
        font:1.1em 'MillGoudyRegular', "Palatino Linotype", "Palatino", "Book Antiqua", serif;
        border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
        border-style:solid;
        border-width:1px;
        padding:5px;
}
form#contactform textarea {
        background:#3b3934;
        color:#878582;
        font:1.1em 'MillGoudyRegular', "Palatino Linotype", "Palatino", "Book Antiqua", serif;
        padding:0.6em 0.5em 0.7em;
        border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
        border-style:solid;
        border-width:1px;
}