body{
    background-color: black;
    color: #ffd700;
    overflow-x: hidden;
}

#logo{
    position: absolute;
    top:20px;
    left: 50%;
    margin-left: -208px;
}

#front-page-title{
    color: #fff;
    font-size: 60px;
    margin-left: 1.3em;
}

#socialcontainer{
    clear: both;
    max-width: 1600px;
    width:100%;
    margin: 0px auto -44px;
    text-align: right;
}

#socialcontainer iframe{
    margin-bottom: -4px;
}

#fireflylogo{
    background-image: url("http://d1ztm8591kdhlc.cloudfront.net/shc2headeranim/img/fireflylogo.jpg");
    width:97px;
    height:44px;
    display: inline-block;
    padding: 5px;
    background-repeat: no-repeat;
    background-position: center;
}

#pathenginelogo{
    background-image: url("http://www.strongholdcrusader2.com/shc2headeranim/img/pathenginelogo.png");
    width:100px;
    height:38px;
    display: inline-block;
    margin-right: 5px;
    padding: 5px;
    background-repeat: no-repeat;
    background-position: center;
}


.page>#headcontainer, .single>#headcontainer, .category>#headcontainer{
    margin-bottom: -400px;
}

#headcontainer{
    /*margin: -90px 0 auto;*/
    position: relative;
    left: 50%;
    margin-left: -800px;
    width: 1600px;
    height:794px;
    top: 75px;
    z-index: -1;
}

.header{
    background-position: center;
    background-repeat: no-repeat;
    width:100%;
    height:734px;
    margin:0 auto;
    position: absolute;
    left: 0px;
}

#cartbgd{
    background-image: url("http://d1ztm8591kdhlc.cloudfront.net/shc2headeranim/img/web_cart2.jpg");
}

#rangerbgd{
    background-image: url("http://d1ztm8591kdhlc.cloudfront.net/shc2headeranim/img/web_cart2.jpg");
}

#horsearcherbgd{
    background-image: url("http://d1ztm8591kdhlc.cloudfront.net/shc2headeranim/img/horsearcher.jpg");
}

#sergeantbgd{
    background-image: url("http://d1ztm8591kdhlc.cloudfront.net/shc2headeranim/img/sergeant.jpg");
    height: 824px !important;
    display: none;
}

#staticsergeantbgd{
    background-image: url("http://d1ztm8591kdhlc.cloudfront.net/shc2headeranim/img/sergeant.jpg");
    height: 824px !important;
}

#dervishbgd{
    background-image: url("http://d1ztm8591kdhlc.cloudfront.net/shc2headeranim/img/dervish.jpg");
    height: 787px;
}

#blackout{
    width:100%;
    height:100%;
    position: relative;
    background-color: black;
    float: left;
}

#playbtn{
    background-image: url("http://d1ztm8591kdhlc.cloudfront.net/shc2headeranim/img/playbtn.png");
    background-repeat: no-repeat;
    background-position: top center;
    width: 600px;
    height:371px;
    display: none;
    position:absolute;
    top: 590px;
    left: 50%;
    opacity: 0;
    z-index: 100;

    margin: 0 auto 0 -300px;
    position: absolute;
}

#playbtn:hover{
    opacity: 0.8;
}

#featurednews{
    width: 700px;
    height: 416px;
    background-image: url("http://d1ztm8591kdhlc.cloudfront.net/shc2headeranim/img/headerbox_blank.png");
    position: absolute;
    top: 350px;
    left: 50%;
    margin-left: -100px;
    display: none;
    padding: 2em;
}

#alttrailercontainer{
    width: 700px;
    height: 415px;
    background-image: url("http://www.strongholdcrusader2.com/shc2headeranim/img/q&apartbonus.png");
    position: absolute;
    top: 320px;
    left: 50%;
    margin-left: -360px;
    display: none;
    padding: 2em;
}

#alttrailercontainer_alt{
    width: 700px;
    height: 415px;
    background-image: url("http://d1ztm8591kdhlc.cloudfront.net/shc2headeranim/img/alttrailer_blank.png");
    /*background-repeat: no-repeat;
    background-position: center 50px;*/
    position: absolute;
    top: 320px;
    left: 50%;
    margin-left: -700px;
    display: none;
    padding: 2em;
}

.gamescomtrailer{
    background-image: url("http://d1ztm8591kdhlc.cloudfront.net/shc2headeranim/img/alttrailer_gamescom.png")!important;
}

.lionhearttrailer{
    background-image: url("http://d1ztm8591kdhlc.cloudfront.net/shc2headeranim/img/alttrailer_lionheart.png")!important;
}

.wolftrailer{
    background-image: url("http://d1ztm8591kdhlc.cloudfront.net/shc2headeranim/img/alttrailer_wolf2.png")!important;
}

.postreleasetrailer{
    background-image: url("http://d1ztm8591kdhlc.cloudfront.net/shc2headeranim/img/alttrailer_postrelease.jpg")!important;
}

.winterupdatetrailer{
    background-image: url("http://d1ztm8591kdhlc.cloudfront.net/shc2headeranim/img/alttrailer_winterupdate2.jpg")!important;
}

.pigprincesstrailer{
    background-image: url("http://d1ztm8591kdhlc.cloudfront.net/shc2headeranim/img/alttrailer_pig_princess.jpg")!important;
}

.emperorhermittrailer{
    background-image: url("http://d1ztm8591kdhlc.cloudfront.net/shc2headeranim/img/alttrailer_emp_hermit.jpg")!important;
}

.templarduketrailer{
    background-image: url("http://d1ztm8591kdhlc.cloudfront.net/shc2headeranim/img/alttrailer_templar_duke.jpg")!important;
}

.jackalkhantrailer{
    background-image: url("http://d1ztm8591kdhlc.cloudfront.net/shc2headeranim/img/alttrailer_jackal_khan.jpg")!important;
}

.fb_edge_widget_with_comment{
    top: 4px;
}

#preorderdialog{
    display: none;

}

.preorderoptions {
    border: 1px solid #222;
    padding: 1em;
}

.preorderoptions tbody tr td{
    border: 1px solid #222;
    border-spacing: 15px;
    background: black;
    padding: 1em;
}

/*
#preorderbox{
    display: none;
    width: 354px;
    height: 467px;
    background-image: url("../img/preorder_closed_2.png");
    position: absolute;
    top: 300px;
    left: 50%;
    margin-left: 100px;
}

#preorderbox div{
    padding-top: 344px;
}

#preorderbox div p{
    color: white;
    text-shadow:
        -1px -1px 0 #000,
        1px -1px 0 #000,
        -1px 1px 0 #000,
        1px 1px 0 #000;
    font-size: 300%;
    font-weight: bold;
    text-align: center;
}

#preorderboxfull{
    width: 752px;
    height: 467px;
    background-image: url("../img/preorderopenn.png");
    position: absolute;
    top: 300px;
    left: 50%;
    margin-left: -150px;
    display: none;
}

#preordercountdown_1{
    position: absolute;
    left: 160px;
    font-family: 'UnifrakturCook', serif;
    font-size: 45px;
    color:white;
}

#preordercountdown_2{
    position: absolute;
    left: 560px;
    top: 345px;
    font-family: 'UnifrakturCook', serif;
    font-size: 45px;
}*/

#helpustxt{
    width: 401px;
    height: 174px;
    background-image: url("../img/helpustextsm.png");
    position: absolute;
    left: 50%;
    margin-left: -200px;
    top: 640px;
    opacity: 0;
    display: none;
}

#navcontainer{
    text-align: center;
    margin: 160px auto -320px auto;
}
.navbutton{
    height: 148px;
    background-image: url("http://d1ztm8591kdhlc.cloudfront.net/shc2headeranim/img/navbtns_new4.png");
    float: left;
}

.navbutton_alt{
    height: 148px;
    background-image: url("http://d1ztm8591kdhlc.cloudfront.net/shc2headeranim/img/navbtns_nolabel3.png");
    margin: -50px auto 0 auto;
}

.navlink{
    line-height: 1;
    color: white;
    min-width: 120px;
    font-size:40px;
    font-family: 'UnifrakturCook', serif;
    text-align: center;
    display: inline-block;
    text-shadow: 0px 1px 0px #aaa, 0px 2px 0px #999, 0px 3px 0px #666, 0px 4px 0px #333, 0px 4px 0px #000;
}

.navlink:hover{
    color: #fffc57;
    text-shadow: 0px 1px 0px #b9b600, 0px 2px 0px #a5a300, 0px 3px 0px #928f00, 0px 4px 0px #7e7c00, 0px 5px 0px #6b6900, 0px 6px 0px #000;
}

#news_btn{background-position: 0 0; width: 138px;}
#wiki_btn{background-position: -139px 0; width: 118px;}
#media_btn{background-position: -256px 0; width: 139px;}
#community_btn{background-position: -394px 0; width: 201px;}
#contact_btn{background-position: -595px 0; width: 179px;}
#preorder_btn{background-position: -765px 0; width: 179px;}
#mailinglist_btn{background-position: -935px 0; width: 179px;}

#news_btn:hover{background-position: 0 -148px ;}
#wiki_btn:hover{background-position: -139px -148px ;}
#media_btn:hover{background-position: -256px -148px ;}
#community_btn:hover{background-position: -394px -148px ;}
#contact_btn:hover{background-position: -595px -148px ;}
#preorder_btn:hover{background-position: -765px -148px ;}
#mailinglist_btn:hover{background-position: -935px -145px ;}

#bulletcontainer{
    clear: both;
    max-width: 1600px;
    width:100%;
    margin: 45px auto 0;
    text-align: right;
}

.bullet{
    width:32px;
    height: 32px;
    background-image: url("http://d1ztm8591kdhlc.cloudfront.net/shc2headeranim/img/sliderbtn.png");
    background-position: 0 0;
    display: inline-block;
}

.btnon{
    background-position: 34px 0;
}

/* Preloader */
#preloader {
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:#000; /* change if the mask should have another color other than white */
    z-index:99; /* makes sure it stays on top */
}

#status {
    width:200px;
    height:200px;
    position:absolute;
    left:50%; /* centers the loading animation horizontally one the screen */
    top:50%; /* centers the loading animation vertically one the screen */
    background-image:url(http://d1ztm8591kdhlc.cloudfront.net/shc2headeranim/img/ajax-loader.gif); /* path to your loading animation */
    background-repeat:no-repeat;
    background-position:center;
    margin:-100px 0 0 -100px; /* is width and height divided by two */
}

#main{
    -moz-border-image:url(http://d1ztm8591kdhlc.cloudfront.net/shc2headeranim/img/vertical-rule.png) 2 2 round; /* Old Firefox */
    -webkit-border-image:url(http://d1ztm8591kdhlc.cloudfront.net/shc2headeranim/img/vertical-rule.png) 2 2 round; /* Safari */
    -o-border-image:url(http://d1ztm8591kdhlc.cloudfront.net/shc2headeranim/img/vertical-rule.png) 2 2 round; /* Opera */
    border-image:url(http://d1ztm8591kdhlc.cloudfront.net/shc2headeranim/img/vertical-rule.png) 2 2 round;
}

@media screen and (max-width: 980px) {
    #featurednews{
        width: 692px;
        height: 407px;
        background-image: url("http://d1ztm8591kdhlc.cloudfront.net/shc2headeranim/img/headerbox_blank.png");
        position: absolute;
        top: 300px;
        left: 50%;
        margin-left: -350px;
        display: none;
        padding: 2em;
    }
}

.trailer_txt{
    font-size:60px;
    font-family: 'UnifrakturCook', serif;
    margin-top: 220px;
    line-height: 1.1;
    display: block;
    width: 100%;
    text-align: center;
}

.alttrailer_txt{
    font-size:60px;
    font-family: 'UnifrakturCook', serif;
    margin-top: 260px;
    display: block;
    width: 100%;
    text-align: center;
    line-height: 1.2;
}

#preordermodal h3{
    font-size:60px;
    font-family: 'UnifrakturCook', serif;
	text-align:center;
}

.logo{
    display: inline-block;
}

#humblewidgets{
    display:none;
    position: absolute;
    top: 320px;
    left: 50%;
    margin-left: -430px;
}

#humble_normal{
    background-image: url("http://d1ztm8591kdhlc.cloudfront.net/shc2headeranim/img/grey_70alpha.png");
    height: 470px;
    left: 50%;
    margin: 0 1em 0 30px;
    position: absolute;
    width: 580px;
}

#humble_special{
    background-image: url("http://d1ztm8591kdhlc.cloudfront.net/shc2headeranim/img/grey_70alpha.png");
    height: 470px;
    left: 50%;
    margin: 0 1em 0 630px;
    position: absolute;
    width: 580px;
}

#humble_normal ul,#humble_special ul{
    margin:0;
}

#humble_normal iframe,#humble_special iframe{
    position: absolute;
    bottom: 0;
    margin: 0 15px;
}

.humble_extra{
    display: inline-block;
    height: 200px;
    background-image: url("http://d1ztm8591kdhlc.cloudfront.net/shc2headeranim/img/humbleextras_2.png");
    background-repeat: no-repeat;
    text-align: center;
}

.humble_extra span{
    position: relative;
    top: 135px;
    line-height: 1;
    font-size: 16px;
    font-weight: bold;
}

.campaign{width: 188px;margin: 1em 0 0 7em;}
.shields{background-position: -190px 0; width: 210px;margin: 1em 0;}
.kingdoms{background-position: -420px 0; width: 130px;margin: 1em 0;}
.allextras{background-position: -925px 0; width: 140px;margin: 1em 0 1em 2em}
.artbook{background-position: -570px 0; width: 100px; margin: 1em 1em 1em 7em}
.soundtrack{background-position: -680px 0; width: 130px;margin: 1em 0}
.crusaderhd{background-position: -795px 0; width: 140px;margin: 1em 0}

.presspack{
    display: inline-block;
    margin: 0 5px;
    padding: 1em;
    background-color: #333;
    float: right;
}