* 
{
	margin: 0; 
	padding: 0;
	font-size: 100%;
}

html 
{
	height: 100%;
}

body
{
	position: relative;
  width: 90%;
  height: 100%;
	min-width: 800px;
	text-align: center;
	font: 1em calibri,sans-serif;
	color: #e2e1f1;
	background: #302f3e url('media/bg_gradient.jpeg') repeat-x;
	padding: 1em 2em 2em 2em; 
}

h1
{
	margin: 0 0 0.3em 0;
	font: 2em calibri,sans-serif;
	color: #ffd800;
	text-decoration:none;
}

h2
{
	margin: 0 0 0.3em 0;
	font: 1.2em calibri,sans-serif;
	color: #ffef99;
}

p
{
	margin: 0 0 1em 0;
}

img
{
    border: 0;
	text-decoration:none;
}

a
{
	color: #99afff;
}
a:visited
{
  color: #99afff;
}
a:link
{
  color: #99afff;
}
a:hover
{
  color: #99afff;
}

#primary ul
{
	margin: 0 0 1em 2em;
}

#nav.ul
{
	list-style-type: none;
}

#nav
{
	margin: 0 0 -0.5em 0;
	text-align: right;
}

#nav ul li
{
	display: inline;
	padding: 0.2em 0.5em 0.2em 0.5em;
	background: #353445;
}

#nav a
{
	text-decoration: none;
}

#wrap
{
  margin: 0 auto;
	width: 800px;
	text-align: left;
}

#primary
{
	width: 460px;
	float: left;
	text-align:justify;
}

/*
#secondary
{
	margin: 2em 0 0 0;
}
*/

#footer
{
	width: 100%;
	float: left;
	border-top: 1px solid #434257;
	font: 0.8em calibri,sans-serif;
	color: #77777f;
	line-height: 3em;
}

.box
{
  width: 310px;
	float: right;
	margin: 0 0 1em 1em;
	/*background: #353445;*/
}

/*
.box h2
{
	margin: -1em -1em 1em -1em;
	padding: 0.5em 0 0.5em 1em;
	font: bold 1em calibri,sans-serif;
	background: #434257;
}
*/

.box img
{
	margin: 0.5em 0 0.5em 0;
}

#thumbs
{
	width: 200px;
	float: left;
}

#main_image
{
	width: 500px;
	float: left;
	margin: 0 0 0 2em;
	text-align: center;
}

<!-- Galleria -->
.galleria{list-style:none;width:200px}
.galleria li{display:block;width:40px;height:40px;overflow:hidden;float:left;margin:0 10px 10px 0}
.galleria li a{display:none}


<!-- Slideshow -->

.active
{
	display: none;
}

#slideshow {
	margin: 0 0 1em 0;
  position:relative;
  height:300px;
}

#slideshow img {
  position:absolute;
  top:0;
  left:0;
  z-index:7;
}

#slideshow img.active {
  z-index:9;
}

#slideshow img.last-active {
  z-index:8;
}

