/* CSS "libraries" ------------------------------------------------------------------------------*/ @import url("reset.css"); /* 6-column, 960px grid ------------------------------------------------------------------------------*/ @import url("grid.css"); /* Browser-specific patches ------------------------------------------------------------------------------*/ /*\*//*/ @import url("patches/mac-ie5.css"); /**/ /* , ------------------------------------------------------------------------------*/ html { background: rgb(189, 183, 178) url("../img/noise.gif") scroll repeat 0 0; color: rgb(51, 45, 38); text-shadow: rgb(255, 255, 255) 0 1px 0; text-shadow: rgba(255, 255, 255, 0.25) 0 1px 0; height: 100%; } body { background: transparent url("../img/bp.png") no-repeat fixed 50% 0; height: auto; width: 100%; padding: 0; margin: 0; font: normal normal normal 62.5%/1.25 Calibri, "Helvetica Neue", Arial, Helvetica, sans-serif; text-rendering: optimizeLegibility; } /*
------------------------------------------------------------------------------*/ #header { height: 90px; } #titletag { position: absolute; top: 22px; left: 97px; height: 65px; width: 587px; background: url("../img/titletag.png") no-repeat 0 0; } /* ------------------------------------------------------------------------------*/ /* #003366 @ 50% on #bdb7b2 rgb(94, 117, 140) rgba(0, 51, 102, 0.5) #800000 @ 50% on #bdb7b2 rgb(158, 91, 89) rgba(128, 0, 0, 0.5) */ #body { height: 114px; padding: 30px 20px; margin-top: 0; margin-bottom: 0; border: none; background: url("../img/body-all.png") no-repeat 0 0; font-size: 1.2em; } body#splash #body { height: 320px; background-image: url("../img/body-splash.png"); } body#home #body, body#about #body { background-image: url("../img/body-plain.png"); } /* ------------------------------------------------------------------------------*/ #movie { position: absolute; top: 0; left: 150px; height: 293px; width: 730px; } #logof { position: absolute; top: 27px; left: 27px; height: 197px; width: 106px; background: url("../img/logof.png") no-repeat 0 0; } #enter { position: absolute; top: 315px; left: 750px; height: 36px; width: 100px; background: url("../img/enter.png") no-repeat 0 0; } #enter:hover { background-position: 0 -36px; } #enter:active { background-position: 0 -72px; } /* ------------------------------------------------------------------------------*/ #logo { position: absolute; top: 27px; left: 27px; height: 112px; width: 106px; background: url("../img/logo.png") no-repeat 0 0; } #nav { position: relative; left: -10px; width: auto; margin: 0; padding: 10px 0 0 0; } #nav li { float: left; list-style: none; margin-right: 10px; background-repeat: no-repeat; background-position: 0% 0%; } #nav li a, #nav li a img { display: block; } #nav, #nav li, #nav li a, #nav li a img { height: 26px; } #nav li:hover, #nav li.here { background-position: 0 -26px; -webkit-transition: none; } #nav li:active { background-position: 0 -52px; -webkit-transition: none; } #nav li#nav_home, #nav li#nav_home a, #nav li#nav_news a img { width: 79px; } #nav li#nav_about, #nav li#nav_about a, #nav li#nav_about a img { width: 93px; } #nav li#nav_team, #nav li#nav_team a, #nav li#nav_team a img { width: 93px; } #nav li#nav_news, #nav li#nav_news a, #nav li#nav_news a img { width: 137px; } #nav li#nav_contact, #nav li#nav_contact a, #nav li#nav_contact a img { width: 110px; } #nav li#nav_home { background-image: url("../img/home.png"); } #nav li#nav_about { background-image: url("../img/about.png"); } #nav li#nav_team { background-image: url("../img/team.png"); } #nav li#nav_news { background-image: url("../img/news.png"); } #nav li#nav_contact { background-image: url("../img/contact.png"); } /*
,