@charset "UTF-8";
/* CSS Document */
@import url('reset.css');

body{background-color:#000; color:#f7db70;}
a, a:link, a:visited, a:active { color:#fffcdb; text-decoration:none}
a:hover { color:#f7db70; text-decoration:none}
.txt2{color:#fffcdb;}
#content {margin-left:auto; margin-right:auto; margin-top:10px; position:relative; top:0; width:755px;}
h1{float:left; font: bold 3.4em Arial, Helvetica; text-transform:uppercase; position:relative; top:0;}
h2{ color:#d3b02a; float:right; font: normal 1.5em Arial, Helvetica; line-height:20px; margin-top:33px; text-transform:uppercase; position:relative; top:0;}
#description{display: block; font: normal .8em Arial, Helvetica; left:0; line-height:15px; position:relative; top:0px; width:100%}
#credits{ font: normal .8em Arial, Helvetica; left:0; line-height:15px; position:relative; top:20px;width:100%; z-index:2;}
#credits ul{display: block; list-style:none}
#credits #members{float:left; margin-right:130px;}
#cover{ background:url('../img/cover.jpg') top left no-repeat; float:left; height:575px; margin-left:-55px; overflow:hidden; position:relative; left:0; width:575px; z-index:1;}
#player{ float:right; margin:35px 0px 10px -70px; overflow:hidden; position:relative; text-align:center; top:0; width:300px; z-index:3;}
#labels{ float:left; font: normal .8em Arial, Helvetica; left:0; line-height:15px; position:relative; top:20px; width:100%; z-index:4;}
#labels ul {float:right; left:0; list-style:none; overflow:hidden; text-align:left; position:relative; width:100%;}
#labels ul li{display:inline-block;font: normal .9em Arial, Helvetica; left:0; margin:0; padding:0; position:relative; overflow:hidden; width:24%; height:150px}
#labels ul li span{margin-top:70px; position: absolute}
#labels ul li:nth-of-type(1){background:url('../img/logo_gestalt.gif') no-repeat;}
#labels ul li:nth-of-type(2){background:url('../img/logo_weewee.gif') no-repeat;}
#labels ul li:nth-of-type(3){background:url('../img/logo_meantime.gif') no-repeat;}
#labels ul li:nth-of-type(4){background:url('../img/logo_chx.gif') no-repeat;}
#labels #gestalt{background:url('../img/logo_gestalt.gif') no-repeat;}
#labels #weewee{background:url('../img/logo_weewee.gif') no-repeat;}
#labels #meantime{background:url('../img/logo_meantime.gif') no-repeat;}
#labels #chx{background:url('../img/logo_chx.gif') no-repeat;}