/*! normalize.css v1.0.1 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}html,button,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.75em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}blockquote{margin:1em 40px}dfn{font-style:italic}mark{background:#ff0;color:#000}p,pre{margin:1em 0}code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}

/********************* STYLES FOR ALL PAGES ******************************/

/**************
 * GENERAL
 **************/
body{background: url(../img/design/bg.jpg) no-repeat top center; height: 732px;}
header, #content, footer{
    margin: 0 auto;
    position:relative; 
    width: 980px
}

/**************
 * HEADER
 **************/
header{background:url(../img/design/bg_header.png) no-repeat; height: 153px;}
header hgroup{overflow: hidden;}
header h1, header h2{text-indent: -9999px; float: left}

header h1{background:url(../img/design/logo.png) no-repeat; height: 166px; margin: 10px 0 0 9px; width: 214px; }
header .bonus_content{background:url(../img/design/bonus_content.png) no-repeat; height: 119px; margin: -5px 0 0 15px; width: 538px; }
header .zi_logo{background:url(../img/design/zi_logo_header.png) no-repeat; height: 51px; margin: 10px 0 0 15px; width: 165px; }

/******** NAV ********/
header nav{
    bottom: 0;
    height: 83px; 
    overflow: hidden; 
    position: absolute;
    right: 0;
    width: 733px
}
header nav ul{list-style: none; margin:0; position: relative;width: 100%; height: 100% }
header nav li{ display: block; position: absolute; height: 51px; width: 148px; }
header nav li a{
    background: url(../img/design/main_nav.png) no-repeat 100%; 
    display: block; 
    text-indent: -9999px;
    width: 100%; 
    height: 100%
}

header nav li.home{bottom: 0; left: 0; }
header nav li.home a{background-position: 0px -32px}
header nav li.home a:hover{background-position: 0px -115px}
header nav li.home.active a{background-position: 0px -198px}

header nav li.concrete_paradise{bottom: 8px;left: 146px;}
header nav li.concrete_paradise a{background-position: -146px -24px}
header nav li.concrete_paradise a:hover{background-position: -146px -107px}
header nav li.concrete_paradise.active a{background-position: -148px -190px}

header nav li.characters{bottom: 16px;left: 294px;}
header nav li.characters a{background-position: -294px -16px;}
header nav li.characters a:hover{background-position: -294px -99px}
header nav li.characters.active a{background-position: -294px -181px}

header nav li.tricks{bottom: 24px;left: 442px;}
header nav li.tricks a{background-position: -444px -8px;}
header nav li.tricks a:hover{background-position: -444px -91px}
header nav li.tricks.active a{background-position: -444px -173px}

header nav li.feedback{bottom: 32px;left: 590px;}
header nav li.feedback a{background-position: -591px 0px}
header nav li.feedback a:hover{background-position: -591px -83px}
header nav li.feedback.active a{background-position: -591px -166px}


/**************
 * FOOTER
 **************/
footer{
    background: url(../img/design/bg_footer.jpg) repeat-x;  
    height: 40px;
    color: #fff
}

footer p{text-align: center; margin-bottom: 0; padding-top: 10px; font-size: 14px;}

/**************
 * HOME PAGE
 **************/
#home #content{height:535px;}
#home #content a{position: absolute; text-indent: -9999px}
#home #content a.concrete_paradise{
    background: url(../img/design/link_concrete_paradise.png) no-repeat; 
    width: 330px; 
    height: 218px;
    left: 79px;
    top: 13px;
}
#home #content a.characters{
    background: url(../img/design/link_characters.png) no-repeat; 
    width: 318px; 
    height: 300px;
    left: 530px;
    top: -10px;
}
#home #content a.tricks{
    background: url(../img/design/link_tricks.png) no-repeat; 
    width: 328px; 
    height: 300px;
    left: 96px;
    top: 230px;
}
#home #content a.feedback{
    background: url(../img/design/link_feedback.png) no-repeat; 
    width: 341px; 
    height: 227px;
    left: 587px;
    top: 299px;
}