/* standard elements */
html { min-height: 100%; }

* {
	margin: 0;
	padding: 0; }

a { color: #4f4f3b; }
a:hover { color: #234; }

body {
	/* background: #8F8251; */
	background: #5a5a43;
	color: #444444;
	font: Arial, Helvetica, sans-serif;
	font-size: 10px; }

p { padding-bottom: 1.2em; }

h1 {
	font: normal 1.8em Arial, Helvetica, sans-serif;
	margin-bottom: 4px; }

h1,h2,h3 { padding-top: 6px; }

/* misc */
.clearer { clear: both; }

.left { float: left; }

.right { float: right;
vertical-align:text-bottom;}

/* structure */
.container {
	background: #b8a975;
	font-size: 1.2em;
	margin: 0 auto;
	padding: 0 10px 10px;
	width: 780px; }

/* header */
.top { padding: 50px 10px 0; }

/* title */
.header {
	background: #b8a975;
	font-size: 1.2em;
	height: 50px;
	margin: 0 auto;
	padding: 10px 10px 5px;
	width: 780px; }

.header .left, .header .right {
	background: #a39563;
	color: #FFF;
	height: 50px; }

.header .left {
	background: #a39563;
	/*background: #a39563 url(/header.jpg) no-repeat;*/
	font: normal 2.8em Arial, Helvetica, sans-serif;
	/*line-height: 150px;
	text-align: center;	*/
	width: 564px; 
	/*border: thin dashed #00F}*/ }

.header .right {
	overflow: auto;
	width: 212px; }

.header .right p,.header .right h2 { padding: 0 16px; }

.header .right h2 {
	padding-top: 16px;
	font: normal 1.6em Arial, Helvetica, sans-serif; }

/* navigation */
.navigation {	
	background: #a39563 url(../images/nav.gif);
	border: 1px solid #a39563;
	border-color: #a39563 #a39563;
	height: 41px; }

.navigation a {
	background: #a39563 url(../images/nav.gif);
	border-right: 1px solid #a39563;
	color: #4f4f3b;
	display: block;
	float: left;
	font: bold 1.1em sans-serif;
	line-height: 41px;
	padding: 0 20px;
	text-decoration: none; }

.navigation a:hover { background-position: left bottom; color: #234; }

/* main */
.main {
	border-top: 4px solid #7c7250;
	background: url(../images/bgmain.gif) repeat-y; }
	
/* sub navigation */
.sidenav {
	float: right;
	padding: 50px 10px;
	width: 230px; 
/*border: thin solid #FF0;*/ }

/* content */
.content {
	float: left;
	margin: 10px 0;
	padding: 0 16px;
	width: 480px; 
/*border: thin solid #F00;*/ }

.content .descr {
	color: #664;
	font-size: 0.9em;
	margin-bottom: 6px; }

.content p { font-family: Arial, Helvetica, sans-serif; }

/* footer */
.footer {
	background: url(../images/bgfooter.gif) repeat-x;
	color: #4f4f3b;
	font: bold 1em sans-serif;
	line-height: 39px;
	padding: 0 12px;
	text-align: center;
/*border: thin dotted #F00;*/}

.footer .right { color: #4f4f3b; /*border: thin dotted #FF0*/;}
.footer .right a { color: #4f4f3b; text-decoration: underline; }
.footer a, .footer a:hover, .footer .right a:hover { color: #234; }

.footer .left { color: #4f4f3b; /*border: thin dotted #FF0;*/}
.footer .left a { color: #4f4f3b; text-decoration: underline; }
.footer a, .footer a:hover, .footer .left a:hover { color: #234; }

/*LIGHTBOXNING*/

#lightbox {
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0; }

#lightbox img { 
	width: auto;
	height: auto; }

#lightbox a img { border: none; }

#outerImageContainer {
	position: relative; 
	background-color: #ffffff;
	width: 250px;
	height: 250px;
	margin: 0 auto; }

#imageContainer { padding: 10px; }

#loading {
	position: absolute;
	top: 40%; 
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0; }

#hoverNav {
	position: absolute;
	top: 0;
	left: 0; 
	height: 100%;
	width: 100%;
	z-index: 10; }

#imageContainer>#hoverNav { left: 0; }

#hoverNav a { outline: none; }

#prevLink, #nextLink {
	width: 49%;
	height: 100%;
	background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */
	display: block; }

#prevLink { 
	left: 0;
	float: left; }

#nextLink {
	right: 0;
	float: right; }

#prevLink:hover, #prevLink:visited:hover {	background: url(../images/prevlabel.gif) left 15% no-repeat; }

#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #ffffff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	; }

#imageData { 
	padding:0 10px;
	color: #666666; }

#imageData #imageDetails {
	width: 70%;
	float: left;
	text-align: left; }	

#imageData #caption { font-weight: bold; }

#imageData #numberDisplay {
	display: block;
	clear: left;
	padding-bottom: 1.0em; }

#imageData #bottomNavClose {
	width: 66px;
	float: right; 
	padding-bottom: 0.7em;
	outline: none; }	 	

#overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000000; }

.nav {
	position: relative;
	height: 30px;
	width: 800px; }

.nav ul { 
	position: relative;
	margin: 0 5px 0 5px;
	padding: 0;
	height: 30px;
	background:url('../images/navImage.png') 0px -30px repeat-x; }

.nav ul li {
	padding: 0;
	margin: 0;
	list-style: none;
	float: left;
	height: 30px display:inline;}

.nav ul li a { 
	font: 14px Arial, Helvetica, sans-serif;
	color: #ffffff;
	text-decoration: none;
	line-height: 30px;
	display: block;
	background: url('../img/navImage.png') 100% -60px no-repeat; }

.nav ul li a span { 
	text-decoration: underline;
	font-weight: bold;
	padding: 0 17px 0 15px; }

.nav ul li a:hover span {
	text-decoration: none;
	color: #ffffff; }

.nav ul li a.active { background: none; }

.nav ul li a.active span { 
	color: #ffffff;
	text-decoration: none;
	font-weight:bold; }

.nav ul li a.active: hover span { text-decoration: underline; }

.nav .left {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 10px;
	height: 30px;
	display: block;
	z-index: 1;
	background: url('../images/navImage.png') 0% 0px no-repeat; }

.nav .right {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 10px;
	height: 30px;
	display: block;
	z-index: 1;
	background: url('../images/navImage.png') 100% -90px no-repeat; }