@charset "utf-8";
/* CSS Document */
/* copyright 2008 dudagroup.com */

/* Table of contents: */
/*

   1. html elements
   2. typography
   3. layout
   4. color
   
*/





/*		HTML ELEMENTS
-----------------------------------------------------------------------*/

body
{
	
}


/*		TYPOGRAPHY
-----------------------------------------------------------------------*/

body
{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	line-height: 1.2;
	color: #FFF;
}

h1
{
	margin-bottom: 20px;
}

h4
{
	font-size: 18px;
	margin-bottom: 40px;
}


h5
{
	font-weight: bold;
	margin-bottom: 10px;
}

p
{
	margin-bottom: 10px;
}

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

strong
{
	font-weight: bold;
}

em
{
	font-style: italic;
}

blockquote
{
	text-indent: 25px;
}

a:hover
{
	color: #ff3096;
}

#intro
{
	text-align: center;
}

.active
{
	color: #ff3096;
}

.inactive
{
	color: #b4193c;
}


/*		LAYOUT
-----------------------------------------------------------------------*/

#body
{
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -300px 0 0 -400px;
	
	width: 800px;
	height: 600px;
}

#intro
{
	position: absolute;
	top: 100px;
	
	width: 800px;
}

#wrapper
{
	position: absolute;
	top: 110px;
	left: 100px;
	
	width: 680px;
}

#audioplayer
{
	position: absolute;
	bottom: 0;
	left: 50%;
	
	margin-left: -50px;
}

#nav
{
	margin-bottom: 20px;
}

#subnav
{
	width: 115px;
	height: 400px;
	float: left;
}

#space
{
	width: 20px;
	height: 300px;
	float: left;
}

#content
{
	width: 460px;
	height: 300px;
}

#navigation li
{
	float: left;
	margin-right: 40px;
}

#subnavigation li
{
	margin-bottom: 10px;
}

#gallerynavigation li, #language li
{
	display: inline;
}


/*		COLOR
-----------------------------------------------------------------------*/

body
{
	background-color: #000;
}

#body
{
	background-color: #000;
}