* { margin: 0; padding: 0px; }

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
    overflow-x: hidden;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

#body {
    margin: 0 auto;
    width:1920px;
    height:1080px;
    background-image: url("../Images/WarZ_BACK.png");    
}

#mainBody {
    position:relative;
    margin: 0 auto;
    width: 1100px;
}

#header {
    border: 0px solid black;
    margin: 0 auto;
    width: 1102px;
    height: 100px;
    background-image: url("../Images/plate.png");
    background-repeat:no-repeat;
    z-index:100;
}

#wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -105px;
   
}

#footer {
    border: 0 solid black;
    clear: both;
    margin: 775px auto 0;
    text-align: center;
    width: 1100px;
    z-index: 100;
    color:#ba0a0a;    
    font-family:Verdana;
    font-size:11px;
    padding-bottom:15px;
}

#push {
    height: 105px;
}

#dvHome {
    position: absolute;
}

#dvFeatures {
    position: absolute;
}

#dvMedia {
    position: absolute;
}

#dvGetGame {
    position: absolute;
}

#dvSupport {
    position: absolute;
}



#lnkHome {
    height: 88px;
    margin-left: 167px;
    width: 110px;
    background-image: url("../Images/MenuSprite.png");
    background-position: -1989px 0px;
    float:left;
    z-index:500;
    cursor:pointer;
}

#lnkMedia {
    height: 88px;
    width: 117px;
    background-image: url("../Images/MenuSprite.png");  
    background-position: -1635px 0px;
    float:left;
    cursor:pointer;
}

#lnkGetGame {
    height: 88px;
    width: 140px;
    background-image: url("../Images/MenuSprite.png");
    background-position: -582px 0px;
    float:left;
    cursor:pointer;
}

#lnkFeatures {
    height: 88px;
    width: 146px;
    background-image: url("../Images/MenuSprite.png");
    background-position: -435px 0px;
    float:left;
    cursor:pointer;
    background-repeat: no-repeat;
}

#lnkForum {
    height: 88px;
    width: 118px;
    background-image: url("../Images/MenuSprite.png");
    background-position: -1397px  0px;
    float:left;
    cursor:pointer;
}

#lnkSupport {
    height: 88px;
    width: 137px;
    background-image: url("../Images/MenuSprite.png");
    background-position: -1140px  0px;
    float:left;
    cursor:pointer;
}

.headerLink {
    border: 0px;
}


#girl {
    background-image: url("../Images/girl.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    height: 551px;
    left: 895px;
    position: absolute;
    top: 80px;
    width: 222px;
    z-index: 100;
}

#spot {
    background-image: url("../Images/spot.png");
    height: 329px;
    left: 0px;
    position: absolute;
    top: 340px;
    width: 263px;
    z-index: 110;
}

.circle {
    background-image: url("../Images/circle.png");
    width: 157px;
    height: 112px;
}

.HomeScreenShot {
    width: 147px;
    height: 102px;
    background-repeat: no-repeat;   
    cursor:pointer;
    border: 5px solid rgb(0, 0, 0); /*IE*/
    border: 5px solid rgba(0,0,0,0.5);
}

.zoom {
    opacity: 0.7;
    cursor:pointer;
}

.zoomGallery {    
    opacity: 0.7;
    cursor:pointer;
    left: 77px;
    top: 28px;
    position:relative;
}

.video {
    cursor:pointer;
    opacity:0.7;
}


#videoPlay {
    background-image: url("../Images/play.png");
    width: 69px;
    height: 69px;
    position: relative;
    top: 165px;
    left: 100px;
    cursor:pointer; 
}

#VideoDiv {    
    height: 153px;
    left: 212px;
    position: absolute;
    top: 420px;
    width: 335px;
    z-index: 10;
}

#videoCorner {
    background-image: url("../Images/corner2.png");
    width: 83px;
    height: 85px;
    position: relative;
    float:left;
}

#videoLeft {
     opacity: 0.7;
     /*IE 8 and bellow*/
     filter: alpha(opacity=70);
     background-color: black;
     width:252px;
     height:100%;
     float:left;
}

#videoTop {
     height:68px;
     opacity: 0.7;
     /*IE 8 and bellow*/
     filter: alpha(opacity=70);
     background-color: black;
}

#videoRight {
    float:right;
}

#VideoContent {
    color: #ececec;
    height: 100px;
    left: 180px;
    position: absolute;
    top: 520px;
    width: 900px;
    z-index: 99;
    font-size:13px;
    font-family:Verdana;
    line-height:15px;
    background-image: url("../Images/homeGradient.png");
    background-repeat: repeat-y;
}

#AboutDiv {
    height: 460px;
    left: 565px;
    margin-bottom: -700px;
    position: absolute;
    top: 110px;
    width: 535px;
}

#AboutContent {
    color: #ececec;
    display: block;
    font-family: Verdana;
    font-size: 13px;
    height: 440px;
    left: 580px;
    line-height: 15px;
    overflow: auto;
    padding-left: 15px;
    padding-top: 12px;
    position: absolute;
    top: 123px;
    width: 500px;
    z-index:100;
}

#aboutCorner {
    background-image: url("../Images/corner.png");
    width: 72px;
    height: 124px;    
    float:left;
}

#aboutTop {
    opacity: 0.7;
    /*IE 8 and bellow*/
    filter: alpha(opacity=70);
    background-color: black;
    width:463px;
    height:124px;
    float:left;
}

#aboutBottom {
    background-color: black;
    clear: both;
    height: 340px;
    opacity: 0.7;
    /*IE 8 and bellow*/
    filter: alpha(opacity=70);
    width: 100%;
}

#HomeLogo {
    width: 1100px;
    height: 186px;
    background-image: url("../Images/logo.png");
}

#HomeTextBackground {
    width: 1100px;
    height: 250px;
    opacity: 0.7;
    /*IE 8 and bellow*/
    filter: alpha(opacity=70);
    background-color: black;
}

#HomeText {
    width: 1100px;
    height: 250px;
    position:relative;
    top:-240px;
    z-index:200;
    color: #ececec;
    display: block;
    font-family: Verdana;
    font-size: 13px;    
    line-height: 15px;
    overflow: auto;    
}

.HomePageFeatureLabel {
    font-family:Arial;
    font-weight:bold;
    font-size: 14px;
    color:#f82c2c;
}

.featureLabel {
    font-family:Arial;
    font-weight:bold;
    font-size: 22px;
    color:#f82c2c;
}

.featureName {
    font-family:Arial;
    font-weight:bold;
    font-size: 22px;
    color:white;
}

#featuresGuy {
    background-image: url("../Images/2man.png");
    height: 741px;
    position: absolute;
    top: 30px;
    left: 10px;
    width: 251px;
    z-index: 100;
}

#featuresContent {
    border: 0px solid black;
    height: 500px;
    left: 5px;
    position: absolute;
    top: 95px;
    width: 980px;
    padding-left:100px;

}

.FeaturesBack {
    height: 140px;
    width: 977px;
    
     /*Older Browsers*/
    background-image:url('../Images/FeaturesBack.png');
    background-repeat:repeat-y;  

    /* IE10 Consumer Preview */ 
    background-image: -ms-linear-gradient(left, rgba(129,33,33,0.5) 0%, rgba(0,0,0,0.5) 30%);
    /* Mozilla Firefox */ 
    background-image: -moz-linear-gradient(left, rgba(129,33,33,0.5) 0%, rgba(0,0,0,0.5) 30%);
    /* Opera */ 
    background-image: -o-linear-gradient(left, rgba(129,33,33,0.5) 0%, rgba(0,0,0,0.5) 30%);
    /* Webkit (Safari/Chrome 10) */ 
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(129,33,33,0.5)), color-stop(0.30, rgba(0,0,0,0.5)));
    /* Webkit (Chrome 11+) */ 
    background-image: -webkit-linear-gradient(left, rgba(129,33,33,0.5) 0%, rgba(0,0,0,0.5) 30%);
    /* W3C Markup, IE10 Release Preview */ 
    background-image: linear-gradient(to right, rgba(129,33,33,0.5) 0%, rgba(0,0,0,0.5) 30%);

}

.FeatureText {
    clear: both;
    color: #d1d1d1;
    font-family: Verdana;
    font-size: 13px;
    height: 60px;
    line-height: 15px;
    margin-left: 45px;
    padding: 5px 10px;
    position: relative;
    top: 10px;
}

.GetGameLink {
    float:right;
    color: #c8c8c8;
    font-family:Verdana;
    font-size:12px;
    padding-top:10px;
}

#getGameGuy {
    background-image: url("../Images/1man.png");
    height: 694px;
    left: -224px;
    position: absolute;
    top: -50px;
    width: 423px;
    z-index: 100;
}

#getGameContent {
    border: 0 solid black;
    height: 555px;
    left: 3px;
    margin-bottom: -650px;
    position: absolute;
    top: 60px;
    width: 1262px;
    padding-top:50px;
}

#package {
    background-image: url("../Images/column5.png");
    height: 419px;
    margin-top: 25px;
    opacity: 1;
    width: 982px;
    margin-bottom:0px;
}


#buttons1 {
    padding-left:209px;
    padding-top: 0px;
}

#buttons2 {
    padding-left: 492px;
    padding-top: 22px;
    float:left;
}

#buttons3 {
    padding-left: 492px;
    padding-top: 21px;
    float:left;
}

#yellow1 {
    background-image: url("../Images/GetGameSprite2.png");
    background-position: left top;
    height: 131px;
    width: 186px;
    float:left;
}

#yellow2 {
    background-image: url("../Images/GetGameSprite2.png");
    background-position: -372px top;
    height: 131px;
    width: 186px;
    float:left;
	margin-left:25px;
}

#yellow2:hover {
    background-image: url("../Images/GetGameSprite2.png");
    background-position: -558px 0px;
    height: 131px;
    width: 186px;
    float:left;
}


#yellow3 {
    background-image: url("../Images/GetGameSprite2.png");
    background-position: -744px top;
    height: 131px;
    width: 186px;
    float:left;
	margin-left:2px;
}

#yellow3:hover {
    background-image: url("../Images/GetGameSprite2.png");
    background-position: -930px 0px;
    height: 131px;
    width: 186px;
    float:left;
}

#blue1 {
    background-image: url("../Images/GetGameSprite2.png");
    background-position: -1116px top;
    height: 131px;
    width: 186px;
    float:left;
	margin-left:2px;
}

#blue1:hover {
    background-image: url("../Images/GetGameSprite2.png");
    background-position: -1302px 0px;
    height: 131px;
    width: 186px;
    float:left;
}







#blue2 {
    background-image: url("../Images/GetGameSprite2.png");
    background-position: -3126px 0px;
    height: 121px;
    width: 191px;
    float:left;
}

#blue2:hover {
    background-image: url("../Images/GetGameSprite2.png");
    background-position:  -2934px 0px;
    height: 121px;
    width: 191px;
    float:left;
}


#blue3 {
    background-image: url("../Images/GetGameSprite2.png");
    background-position: -391px 0px;
    height: 121px;
    width: 198px;
    float:left;
}

#blue3:hover {
    background-image: url("../Images/GetGameSprite2.png");
    background-position: -192px 0;
    height: 121px;
    width: 198px;
    float:left;
}



#green1 {
    background-image: url("../Images/GetGameSprite2.png");
    background-position: -1386px 0px;
     height: 121px;
    width: 193px;
    float:left;
}

#green1:hover {
    background-image: url("../Images/GetGameSprite2.png");
    background-position: -2162px 0px;
     height: 121px;
    width: 193px;
    float:left;
}


#green2 {
    background-image: url("../Images/GetGameSprite2.png");
    background-position: -2742px 0;
    height: 121px;
    width: 191px;
    float:left;
}

#green2:hover {
    background-image: url("../Images/GetGameSprite2.png");
    background-position: 0 0;
    height: 121px;
    width: 191px;
    float:left;
}



#green3 {
    background-image: url("../Images/GetGameSprite2.png");
    background-position: -988px 0px;
    height: 121px;
    width: 198px;
    float:left;
}

#green3:hover {
    background-image: url("../Images/GetGameSprite2.png");
    background-position: -1187px 0px;
    height: 121px;
    width: 198px;
    float:left;
}




#mediaContent {
    border: 0 solid black;
    height: 445px;
    left: 10px;
    position: absolute;
    top: 60px;
    width: 1100px;
}



.screenshot {
    background-repeat: no-repeat;
    height: 123px;
    width: 208px;
    float:left;
    margin-right:30px;
    margin-bottom:15px;
    cursor:pointer;
    border: 7px solid rgb(0,0,0);   /*IE*/ 
    border: 7px solid rgba(0,0,0,0.5);
}

.wallpaper {
    background-repeat: no-repeat;
    height: 123px;
    width: 221px;
    float:left;
    margin-right:30px;
    margin-bottom:15px;
    cursor:pointer;
    border: 7px solid rgb(0,0,0);   /*IE*/ 
    border: 7px solid rgba(0,0,0,0.5);
}

.sketch {
    background-repeat: no-repeat;
    height: 123px;
    width: 221px;
    float:left;
    margin-right:30px;
    margin-bottom:15px;
    cursor:pointer;
    border: 7px solid rgb(0,0,0);
    border: 7px solid rgba(0,0,0,0.5);
}

.videoShot {
    background-repeat: no-repeat;
    height: 123px;
    width: 221px;
    float:left;
    margin-right:30px;
    margin-bottom:15px;
    cursor:pointer;
    border: 7px solid rgb(0,0,0);    
    border: 7px solid rgba(0,0,0,0.5);
}


.screenshot_over {        
    border: 7px solid rgb(129,12,12);    
    border: 7px solid rgba(129,12,12,0.5);
}

.Homescreenshot_over {
    border: 5px solid rgb(129,12,12);    
    border: 5px solid rgba(129,12,12,0.5);
}

.MediaNoContent {
    background-color: rgba(0,0,0,0.5);
    width:445px;
    height:55px;
    margin-left: 315px;
    color: #ececec;
    font-family: Verdana;
    font-size: 13px;
}

.support1 {
    background-image: url("../Images/1_off.png");
    height: 219px;
    width: 180px;
    float:left;
    background-repeat:no-repeat;
    background-position: 5px 22px;
    cursor: pointer;
}

.support1_over {
    background-image: url("../Images/1_over.png");
    height: 219px;
    width: 180px;
    background-position:0px 0px;
}

.support2 {
    background-image: url("../Images/2_off.png");
    height: 174px;
    width: 174px;
    float:left;
    background-repeat:no-repeat;
    background-position: 22px 22px;
    cursor: pointer;
}

.support2_over {
    background-image: url("../Images/2_over.png");
    height: 174px;
    width: 174px;
    float:left;
    background-position:0px 0px;
}

.support3 {
    background-image: url("../Images/3_off.png");
    height: 219px;
    width: 180px;
    float:left;
    background-repeat:no-repeat;
    background-position: 9px 6px;
    margin-top: -45px;
    cursor: pointer;
}

.support3_over {
    background-image: url("../Images/3_over.png");
    height: 219px;
    width: 180px;
    background-position:0px 0px;
}

.support4 {
    background-image: url("../Images/4_off.png");
    height: 174px;
    width: 174px;
    float:left;
    background-repeat:no-repeat;
    background-position: 22px 21px;
    cursor: pointer;
}

.support4_over {
    background-image: url("../Images/4_over.png");
    height: 174px;
    width: 174px;
    background-position:0px 0px;
}

.support5 {
    background-image: url("../Images/5_off.png");
    height: 174px;
    width: 174px;
    float:left;
    background-repeat:no-repeat;
    background-position: 0px 0px;
    cursor: pointer;
}

.support5_over {
    background-image: url("../Images/5_over.png");
    height: 174px;
    width: 174px;
    background-position:0px 0px;
}



.Modal {
    display: none;
    vertical-align: top;
    cursor: auto;
}

#mediaMenu {
    background-image: url("../Images/media_plate.png");
    height: 118px;
    left: 65px;
    position: absolute;
    top: 490px;
    width: 924px;
    z-index: 100;
}

#lnkShots {
    height: 118px;
    width: 162px;
    background-image: url("../Images/MediaMenuSprite.png");
    background-position: 0px 0px;
    float:left;
    z-index:500;
    cursor:pointer;
    margin-left: 182px;
}

#lnkVideos {
    height: 118px;
    width: 111px;
    background-image: url("../Images/MediaMenuSprite.png");
    background-position: -121px -248px;
    float:left;
    z-index:500;
    cursor:pointer;
    
}


#lnkWallpapers {
    height: 118px;
    width: 158px;
    background-image: url("../Images/MediaMenuSprite.png");
    background-position: -406px -248px;
    float:left;
    z-index:500;
    cursor:pointer;
}


#lnkSketches {
    height: 118px;
    width: 127px;
    background-image: url("../Images/MediaMenuSprite.png");
    background-position: 0 -123px;
    float:left;
    z-index:500;
    cursor:pointer;
}

#btnBack {
    background-image: url("../Images/backButtonSprite.png");
    background-position: 0 0;
    width: 125px;
    height: 45px;
    display:none;
    cursor:pointer;
    float:right;
}

#downloadText {
    color: #C8C8C8;
    font-family: Verdana;
    font-size: 12px;
    padding-top: 10px;
    text-align:center;
}

#downloadLink {
    color: red;
}


#scrollbar1 { width: 1020px; clear: both; margin: 0px 0 10px; height: 445px; overflow: auto; }

#scrollbar2 { width: 500px; clear: both; margin: 0px 0 10px; height: 430px;	overflow: auto; }

#scrollbarFeatures { width: 1010px; clear: both; margin: 0px 0 10px; height: 500px;	overflow: auto; }

#scrollbarVideos { width: 1080px; clear: both; margin: 0px 0 10px; height: 445px; overflow: auto; }

#sketchScrollbar { width: 1080px; clear: both; margin: 0px 0 10px; height: 445px; overflow: auto; }