html{
    min-height:100%;
    position:relative
}
a{
    color: #d7d4c4;    
}
body {
     overflow-x:hidden;
    height:100%;
    background-color: black; 
     margin:0;
     color:white;
    padding:0;
    font-family: 'Open Sans', sans-serif;
} 
.centerFixed{
    z-index:50;
    position:fixed;
    width: 100%;
    height:38px;
}

.header-container{
     position:relative;
     width:100%;
     max-width:1920px;
     background-image:url('layoutfancy/header.png');
     height:38px;
     z-index:50;
     margin:0 auto;
    text-shadow: 0 0 0.2em #000;
}
.header-viewable{
   z-index:50;
    width:930px; 
    margin:0 auto; 
     height:38px;  
}

.video-container{
    position:relative;
   background-image:url('layoutfancy/topbgimage.jpg');
   background-repeat:no-repeat;
    background-attachment:fixed;
    background-position:center top;
    height:698px;
    text-align:center;    
    
    min-height: 100%;
    min-width: 1000px;
    width:100%;
    margin-left: auto;
    margin-right: auto;
    
}

.video-container-logo{
    position:relative;
    top: 20px;  
    padding:0;
    margin:0;    
}
.video-container-video{
    top:0px;  
    padding:0;
    margin:0;  
    position:relative;
    width:820px;
    
     -webkit-border-image:url('layoutfancy/boxShadow.png') 28 28 stretch; /* Safari 3.1-5 */
    -o-border-image:url('layoutfancy/boxShadow.png') 28 28 stretch; /* Opera 11-12.1 */
    border-image:url('layoutfancy/boxShadow.png')  28 28 stretch;
}
.video-container-soldierleft{
    position:absolute;
    left:-446px;
    padding:0;
    vertical-align: top;
    bottom:-60px;
    margin:0; 
    background-image:url('layoutfancy/french_soldier.png');  
    width:446px;
    	display: block;
    height:676px; 
}
.video-container-soldierright{
   position:absolute;
    right:-385px;
    vertical-align: top;
    padding:0;
    margin:0; 
    	display: block;
    background-image:url('layoutfancy/german_soldier.png');  
    width:385px;
    height:705px;
    bottom:-88px; 
}

.video-container-content{
  
   margin: 0 auto;
    position:relative;
    text-align:center;    
    margin-left: auto;
    margin-right: auto;
    width:820px;
    padding:0;    
}

.brute-container{
    top:0px;  
     background-image:url('layoutfancy/midsection.jpg');  
     padding:0;
    margin:0;  
    height:950px;
    position:relative;
    text-align:center;
    
     background-repeat:no-repeat;
    background-position:center top;
    
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 600;
    font-size: 18px;
    color: #332c26;
}
.aboutTitle{
    font-weight: 700;
    font-size:28px;
}


.imageHeaderText{
     font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 22px;
    color: #eae7da;
     text-shadow: 0 0 0.2em #000;
}
.imageText{
     font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 14px;
    color: #c6b9a2;
    text-shadow: 0 0 0.2em #000;
}

.brute-shadow{
    background-image:url('layoutfancy/top_shadow.png');  
    top:-14px; 
    height:14px;
    width:100%;
    position:absolute;
}
    
    
.brute-container-text{
    position:relative;
    width:820px;
    height:615px;
     padding:0;
    margin:0 auto;
    top:52px;
    text-align:left;
    
}

.info-container{
    top:0px;  
     background-image:url('layoutfancy/secondbackground.jpg');  
     padding:0;
    margin:0;  
    //min-height:1800px;
    position:relative;
     background-repeat:no-repeat;
    background-position:center bottom;
}

.side-shadowright{
    background-image:url('layoutfancy/sideshadow_right.png');
    min-height:100%;
    position:absolute;
    top:0px;
    bottom:0px;
    
   /* right:50%;  Positions 50% from right (right edge will be at center) */
  /*  margin-right:-960px; /* Positions 200px to the left of center */
    
    
    padding:0;
    margin:0;
    right:0px;
    
    overflow:hidden;
    
    
    z-index:99;
    width:234px;
    pointer-events: none;
    background-repeat:repeat;
}
.side-shadowleft{
    background-image:url('layoutfancy/sideshadow_left.png');
    min-height:100%;
    position:absolute;
    top:0px;
    bottom:0px;
    
   /* left:50%; /* Positions 50% from right (right edge will be at center) */
   /* margin-left:-960px; /* Positions 200px to the left of center */
    
        padding:0;
    margin:0;
    left:0px;
    
    
    z-index:99;
    width:234px;
    pointer-events: none;
    background-repeat:repeat;
}

.info-textvak{
    position:relative;
    width:936px;
    margin:0 auto;
}
.info-textvak-top{
     background-image:url('layoutfancy/third_end.png');
     width:936px;
    height:150px;
}
.info-textvak-mid{
    background-image:url('layoutfancy/third_mid.png');
    width:936px;
    min-height:1420px;
}
.info-textvak-bot{
     background-image:url('layoutfancy/third_end_bot.png');
    width:936px;
    height:150px;
}
.info-textvak-text{
    top:0px;
    position:absolute;
    margin:0 auto;
    width:100%;
}
.textvak-screens{
    position:relative;
    top:45px;
    margin: 0 auto;width:900px;
}

.footer-top{
    position:relative;
    top:-10px;
     background-image:url('layoutfancy/footer_top.png');
     height:48px;
     background-repeat: repeat-x;
    background-position:center top;
}
.footer{
    width:100%;
    max-width:1920px;
    background-image:url('layoutfancy/footer.png');
    background-repeat: repeat-x;
    background-position:center top;
    
   text-shadow: 0 0 0.2em #000;
   margin:0 auto;
    
}

.smallfont{
    font-family: 'Open Sans', sans-serif;
    font-weight:400;
    font-size: 16px;
    color: #d7d4c4;   
     text-shadow: 0 0 0.2em #000; 
}

.link{
    color: #d7d4c4;
    
}

.footer-content{
     width:936px;
    margin:0 auto;
    min-height:110px;
}


.iconbar{
    float:right;
    top:0px;
    margin:2px;
   /* list-style:none;
	display: inline;
    list-style-type: none;
    margin-left: auto;
    margin-right: auto;
    text-align:right;*/

}
.iconbar li{    
    list-style:none;
	display: inline;
    list-style-type: none;  
}
.icon, .icon img
{
    width:26px;
    height:26px;
}


.featurelist 
{
    margin:0px;
} 

.buyGameButton{
     background-image:url('layoutfancy/buygamebutton.png');
    height:26px;
    width:135px;
    float:left;
    text-align:center;
    padding-top:3px;
    padding-bottom:0px;
}

.screenshotBorder{
     -webkit-border-image:url('layoutfancy/pictureframe.png') 5 5 stretch; /* Safari 3.1-5 */
    -o-border-image:url('layoutfancy/pictureframe.png') 5 5 stretch; /* Opera 11-12.1 */
    border-image:url('layoutfancy/pictureframe.png')  5 5 stretch;
}


.buyfade{
    z-index:999;
    position:fixed;
    top:0px;
    left:0px;
     background-image:url('layoutfancy/buyfadepixel.png');
     width: 100%;
     height:100%;
}

.buypopup{
    
    text-align:center;
    margin:300px auto;

    background-image:url('layoutfancy/buypopup.jpg');
    width: 607px;
    height: 358px;
    
}
.closePopup{
    width:100%;
    height:45px;
}