@import url("core.css");

html					{ overflow-x: hidden; }

ul,
li						{ margin: 0; }

						
/* INTRO
---------------------- */

#intro2					{ font-family: Georgia; }		
		
#intro2 h1				{ text-align: center; }
		
#intro2 div				{ width: 640px; margin: 60px auto; }

#intro2 a				{ border-bottom: 1px solid white; }

		
/* INTRO
---------------------- */
		
#intro					{
						position: absolute;
						top: 30px;
						left: 30px;
						width: 300px;
						}

#intro img				{ float: left; }

#intro a				{ padding-bottom: 1px; }

						
/* NAVIGATION
---------------------- */

#nav					{
						width: 520px;
						height: 110em;
						margin: 0 auto;
						}
						
.nav ul,
.nav li,
.nav a					{ height: 100%; }

.nav li					{ position: absolute; bottom: -120em; }

li ul,
li li a,
.category				{ position: relative; }

.nav li li				{ position: static; float: left; }
					
li li a					{ display: block; width: 130px; }

li li span				{
						display: block;
						position: relative;
						top: -6.8em;
						}

li li a:hover 			{ padding-bottom: 60px; margin-top: -60px; }

li li a:hover div		{ display: block; }

#home,
#home a					{ width: 260px; }

#home					{ height: 110em; }
						
#about					{ width: 260px; height: 97em; }

#graphic				{ width: 260px; height: 70em; }

#text					{ width: 130px; height: 90em; }

#interactive			{ width: 520px; height: 45em; }

#web					{ width: 390px; height: 30em; }

#misc					{ width: 390px; height: 15em; }

#experiment				{ width: 260px; height: 4em; }

.solrrh span			{ top: -9.9em; }

.organic span,
.reklamspel span,
.pixel span,
.lumiere span			{ top: -8.4em; }