body
{
	background: #252525 url(../img/gradient.gif) repeat-x fixed 0 0;
}

img#logo
{
	position: absolute;
	top: 20px;
	right: 20px;
	border: 0px;
	z-index: 10000;
}

*
{
	font-family: Helvetica;
}

span.title
{
	font-size: 22px;
	font-weight: lighter;
	color: white;
	padding-left: 10px;
	text-transform: uppercase;
}

div#breadcrumbs
{
	position: absolute;
	top: 35px;
	right: 250px;
	z-index: 10000;
}

div#menu
{
	position: absolute;
	right: 25px;
	top: 160px;
}

a
{
	text-decoration: none;
	font-family: Helvetica;
	white-space: nowrap;
}

a.menuItem
{
	font-size: 16px;
	font-weight: lighter;
	text-transform: uppercase;
	text-align: right;
	padding-left: 25px;
	z-index: 100000;
}

a.menuRollout
{
	color: #8C8C8C;
	background-image: url(../img/small_arrow_right.gif);
	background-repeat: no-repeat;
}

a.menuRollover
{
	color: #FFFFFF;
	background-image: url(../img/small_arrow_right_over.gif);
	background-repeat: no-repeat;
}

#menuToggleButton
{
	/*position: absolute;
	right: 25px;
	top: 120px;*/
	cursor: pointer;
	z-index: 100000;
}

span.menuButton
{
	color: #B2B2B2;
}

span.menuButton:hover
{
	color: white;
}

#leftIllustration
{
	position: absolute;
	top: 160px;
	left: 100px;
	width: 300px;
	bottom: 150px;
	overflow: hidden;
	border: 3px solid white;
}

div#rightTop
{
	position: absolute;
	top: 160px;
	bottom: 100px;
	width: 350px;
	right: 300px;
	border: 3px solid white;
	overflow: hidden;
	min-width: 250px;
	padding-bottom: 10px;
}

div#rightContainer
{
	position: absolute;
	top: 8px;
	left: 8px;
	right: 8px;
	bottom: 8px;
	overflow: hidden;
}

div#rightContent
{
	color: white;
	font-size: 15px;
	text-align: justify;
}

div#buttons
{
	position: absolute;
	right: 350px;
	text-align: center;
	bottom: 50px;
	min-width: 250px;
}

img#downButton
{
	cursor: pointer;
	padding-right: 5px;
}

img#upButton
{
	cursor: pointer;
	padding-left: 5px;
}

div#galleryContainer
{
	position: absolute;
	left: 0px;
	width: 100%;
	overflow: hidden;
	top: 160px;
	bottom: 130px;
	min-height: 200px;
}

div#galleryScroll
{
	position: absolute;
	left: 0px;
	top: 0px;
	bottom: 0px;
	width: 1000000px;
}

img.galleryImage
{
	float: left;
	border: 2px solid white;
	margin: 0px 25px;
	height: 96%;
	cursor: url("../img/loupe.png"), pointer;
}

img.unselectedImage
{
	cursor: pointer;
	opacity: 0.3;
}

div#zoomDiv
{
	position: absolute;
	top: 0px;
	left: 0px;
	cursor: pointer;
}

div#transparentGrey
{
	position: absolute;
	display: none;
	z-index: 1999999;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: black;
}

img.controlImage
{
	float: left;
	border: 1px solid white;
	margin: 0px 10px;
	cursor: pointer;
}

img.controlActive
{
	border: 3px double white;
}

div#controlTop
{
	position: absolute;
	bottom: 40px;
	left: 0px;
	width: 100%;
}

div#controlPlacer
{
	position: absolute;
	top: 0px;
	left: 50%;
}

div#controlContainer
{
	position: absolute;
	overflow: hidden;
	left: -246px;
	top: -50px;
	height: 80px;
	width: 492px;	
}

img#controlPrevious
{
	position: absolute;
	overflow: hidden;
	left: -285px;
	top: -25px;
	cursor: pointer;
}

img#controlNext
{
	position: absolute;
	overflow: hidden;
	left: 260px;
	top: -25px;
	cursor: pointer;
}

div#controlScroll
{
	position: absolute;
	top: 0px;
	left: 0px;
	height: 70px;
	width: 10000000px;
}

div#galleryCounter
{
	position: absolute;
	top: -20px;
	left: 285px;
	width: 100px;
	text-align: right;
}

span
{
	color: #8C8C8C;
	font-size: 12px;
}

span#galleryPage
{
	color: white;
}

span#galleryCaption
{
	position: absolute;
}

span#galleryTitle
{
	color: white;
}

div#exhibitionContainer
{
	position: absolute;
	top: 160px;
	left: 350px;
	right: 250px;
	min-width: 200px;
	bottom: 100px;
	vertical-align: middle;
	text-align: center;
}

div#exhibitionButtons
{
	position: absolute;
	right: 180px;
	top: 160px;
	bottom: 100px;
}

img#exhibitionPrevious, img#exhibitionNext
{
	cursor: pointer;
}

span#exhibitionCaption
{
	position: absolute;
	visibility: hidden;
}

div.news
{
	float: top;
	width: 100%;
	color: #B2B2B2;
	font-size: 14px;
	cursor: pointer;
}

div#ajaxContainer
{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 1;
}

span.white
{
	color: white;
}

a
{
	font-size: 16px;
	color: #8C8C8C;
	text-decoration: none;
	border: 0px;
}

a:hover
{
	color: white;
}

div#line
{
	position: absolute;
	width: 100%;
	height: 0px;
	left: 0px;
	top: 85px;
	border-top: 1px solid #3C3C3C;
}

span.grey
{
	color: #8C8C8C;
}

a.subtitle
{
	font-size: 16px;
	font-weight: lighter;
	color: #8C8C8C;
	padding-left: 10px;
	text-transform: uppercase;
}

a.subtitleOn
{
	font-size: 16px;
	font-weight: lighter;
	color: white;
	padding-left: 10px;
	text-transform: uppercase;
}

a.subtitle:hover
{
	color: white;
}

#exhibitionTop
{
	position: absolute;
	top: 160px;
	left: 20px;
	width: 300px;
	bottom: 150px;
	z-index: 300;
	overflow: hidden;
}

#exhibitionTopCurrent
{
	position: absolute;
	top: 160px;
	left: 100px;
	right: 350px;
	bottom: 150px;
	z-index: 300;
	overflow: hidden;
}

div#currentButtons
{
	position: absolute;
	left: 100px;
	right: 350px;
	bottom: 100px;
	text-align: center;
	z-index: 2000;
}

div#placed
{
	position: absolute;
	width: 94%;
	top: 120px;
	left: 3%;
	bottom: 50px;
}