html, body, div, h3, p, ul, li, form, img, a {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  font: inherit;
  vertical-align:baseline;
  background:transparent;

  font-family: 'ABeeZee', sans-serif;
} 

html {
	-ms-user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	user-select: none;

	/*-webkit-user-drag: none;	*/
}

::-moz-selection { background: lime; }
::selection 	 { background: lime; }

p, a {
	-ms-user-select: text;
	-moz-user-select: text;
	-webkit-user-select: text;
	user-select: text;	
}

.clearfix:after { 
	visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

@font-face {
    font-family: 'ABeeZee';
    src: url('type/abeezee-regular-webfont.eot');
    src: local('☺'), 
    	url('type/abeezee-regular-webfont.woff') format('woff'),
        url('type/abeezee-regular-webfont.ttf') format('truetype'),
        url('type/abeezee-regular-webfont.svg#abeezeeregular') format('svg');
}

@font-face {
    font-family: 'deathe_maach_3891regular';
    src: url('type/deathe_maach_3891-webfont.eot');
    src: local('☺'), 
    	url('type/deathe_maach_3891-webfont.woff') format('woff'),
        url('type/deathe_maach_3891-webfont.ttf') format('truetype'),
        url('type/deathe_maach_3891-webfont.svg#deathe_maach_3891regular') format('svg');
}

.deathe {
	font-family: "deathe_maach_3891regular", serif;
}


/* to do: animation alea */




a {
	text-decoration: none;
	color: #000;
}

html {
	background: #ffe080 url('img/bgtile.png') repeat-x;

	height: 4000px;
}

header {
	/*background: linear-gradient(to bottom, #ffc924, #ffe080);*/

	position: fixed;
	top: 0;

	width: 100%;
	text-align: center;

	z-index: 5;
}

nav {
	width: 460px;
	margin: 0 auto;

	position: relative;
	top: -20px;

	/*display: inline-block;*/
}

nav ul {
	list-style: none;
}

nav li {
	display: inline-block;
}

nav a {
	font-size: 14px;
}

/*#unu, #doi, #trei, #patru, #cinci, #sase, #sapte {
	width: 50%;
	overflow: auto;
}*/

.stanga, .dreapta {
	z-index: 1;
}

.centru {
	z-index: 2;
}


/*#unu .stanga {
	position: absolute;
	left: 0;
	
}

#unu .dreapta {
	position: absolute;
	right: 0;
}*/


#unu {	
	width: 100%;
	height: 570px;
	/*overflow: hidden;*/
	position: relative;
}

#unu .stanga, #unu .dreapta {
	width: 50%;
	overflow: hidden;
	height: 570px;
}

#unu .stanga {
	position: absolute;
	left: 0;
	top: 0;
}

#unu .dreapta {
	position: absolute;
	right: 0;
	top: 0;
}

#unu .stanga img {
	position: absolute;
	left: 0;
	top: 0;
}

#unu .dreapta img {
	position: absolute;
	right: 0;
	top: 0;
}

#lineup {
	width: 500px;
	height: 223px;
	text-align: center;

	position: absolute;
	top: 175px;
	left: 50%;
	margin-left: -250px;

	font-size: 72px;
	text-transform: uppercase;

	z-index: 3;
}

#lineup #suede {
	position: absolute;
	left: 10px;
}

#lineup #the_xx {
	position: absolute;
	right: 10px;
}

#unu .centru {
	/*width: 100%;*/
	position: relative;
	/*bottom: 0;*/
}

#unu .centru img {
	/*margin: 0 auto;*/
	position: absolute;
	top: 424px;
	left: 50%;
	margin-left: -70px;
}

#doi {
	height: 161px;
	position: relative;
	top: -20px;
	background: url("img/1_apa.jpg") center no-repeat;
}

#trei .toplink {
	background: red;

	position: absolute;
	top: 3800px;
	left: 50%;
}
/*#doi img {
	width: 100%;
}*/




















#trei .stanga {
	position: absolute;
	top: 1400px;
	left: 0;
	
}

#trei .dreapta {
	position: absolute;
	top: 1400px;
	right: 0;
}

#patru .stanga {
	position: absolute;
	top: 2100px;
	left: 0;
}

/*#patru .dreapta {
	position: absolute;
	top: 2100px;
	right: 0;
}*/

#cinci .stanga {
	position: absolute;
	top: 2800px;
	left: 0;
	
}

/*#cinci .dreapta {
	position: absolute;
	top: 2800px;	
	right: 0;
}*/

/*#sase .stanga {
	position: absolute;
	top: 3500px;
	left: 0;
	
}*/

#sase .dreapta {
	position: absolute;
	top: 3500px;	
	right: 0;
}

/*#sapte .stanga {
	position: absolute;
	top: 4200px;
	left: 0;
	
}*/

#sapte .dreapta {
	position: absolute;
	top: 4200px;	
	right: 0;
}