/*+ + + + + + + + + + + + + + + TAG.CLASS + + + + + + + + + + + + + + +*/

	html {
		border:0px;
		margin:0px auto;
		padding:0px;
		overflow:auto;
	}
	
	body {
		background-color:#fff7b7;
		color:black;
		font-family:Tahoma;
		font-size:11px; 
		font-weight:bold; 
		text-align:center;
		border:0px;
		margin:0px auto;
		padding:0px;
	}
	
/*------------------------- DIV -------------------------*/	
	
  div.bflied {
    background-color:white;
    border-top:1px dashed lightgrey;
    border-right:1px dashed lightgrey;
    color:black;
    padding-bottom: 3px;
    overflow:hidden;
  }
  
  div.cite {
    border:1px dotted lightgrey;
    border-width:1px 0px;
    color:#333;
    margin:0px auto;
    width:500px;
  }
  
	div.content {
		background-color:white;
		border:1px solid lightgrey;
		height:464px;
		margin:auto;
		text-align:center;
		width:800px;
	}
	
	div.describe {
		text-align:left;
		color:black;
		padding:10px;
	}
	
	div.faq {
		border:1px solid wheat;
		width:215px;
		float:left;
		background-color:beige;
	}
	
	div.Fux {
		margin-top:3px;
		font-size:9px;
		font-variant:small-caps;
		text-align:center;
	}
	
	div.gallery {
		height:439px;
		overflow:auto;
		width:660px;
		float:left;
	}
	
	div.gallery_head_box {
		background-color:teal;
		float:left;
		border:1px solid lightgrey;
		border-right:0px;
	}
	
	div.gap {
		float:right;
		margin-right:2em;
		width:340px;
		height:216px;
	}
	
	div.ground {
		background-color:beige;
		float:left; 
		height:464px;
		width:131px; 
	}
	
	div.head {
		background-repeat:no-repeat; 
		border:1px solid lightgrey;
		border-top-color:lightgrey;
		height:95px;
		width:800px;
		margin:auto;
		margin-bottom:3px;
	}
	
	div.hint {
		background-color:#ffd;
		border:1px solid beige;
		color:maroon;
		margin-top:10px;
		float:left;
		width:279px;
	}
	
	div.inline {
		border:0px dashed lightgrey;
		border-top-width:1px;
	}
	
	div.length {
		background-color:#ffd;
		border:1px solid beige;
		width:50px;
	}
   
  div.main {
    margin-left:150px;
    width:600px;
  }
	
	div.ref {
		float:left;
		width:280px;
		background-image:url(images/reference/elBack.jpg);
		background-repeat:no-repeat; 
	}
	
	div.saying {
		margin-left:130px;
		padding:10px 0px 0px 10px;
	}
	
	div.start {
		margin:50px 0px;
	}
	
	div.takx_table_head {
		border:1px solid beige;
		background-color:wheat;
	}
	
	div.thanx {
		color:white;
		background-color:teal;
		border:2px outset teal;
		border-right:0px;
		text-align:left;
		padding-left:5px;
	}
	
/*------------------------- P -------------------------*/	
	
	p {
		text-align:center; 
	}
	
	p.dash {
		border-top:1px outset gray;
		border-bottom:1px inset gray;
		cursor:pointer;
	}
	
	p.dash:hover {
		border-top:1px solid gray;
		border-bottom:1px solid gray;
	}
	
/*------------------------- SPAN -------------------------*/	

	span.description_item {
		font-weight:bold;
	}
	
	span.faq {
		font-style:italic;
	}
	
	span.gallery_head {
		border-right:1px solid white;
		color:white;
		font-variant:small-caps;
		width:253px;
	}
  
  span.lastChange {
    background-color:#333;
    border:1px solid lightgrey;
    color:white;
    display:inline-block;
    padding:6px 0px;
    margin:0px 6px;
    vertical-align:15px;
    width:100px;
  }
	
	span.marks {
		font-variant:small-caps;
	}
	
	span.notes {
		border:0px;
		color:white;
		width:151px;
	}
	
	span.text {
		text-align:justify;
		display:block;
	}
	
	span.toggler {
	}
	
/*------------------------- UL, OL, LI -------------------------*/
	
	li {
		list-style-type:square;
	}
	
	li.faq {
		display:block;
		border-bottom:1px inset maroon;
		padding-left:10px;
		margin-bottom:10px;
		list-style-type:none;
	}
	
	ul {
		text-align:left; 
	}
	
	ul.faq {
		padding:0px;
		margin:1px;
	}
	
/*------------------------- IMG -------------------------*/
	
	img {
		border:1px solid white;
		margin:0px;
		padding:0px;
	}
	
	
	img.ref {
		padding-top:60px;
		padding-bottom:60px;
	}
	
/*------------------------- TABLE-ELEMENTS -------------------------*/
	
	table {
		font-size:11px;
		margin:0px;
		border-collapse:collapse;
		text-align:center;
		width:100%;
	}
	
	table.faq {
		float:left;
		width:400px;
	}
	
	td.faq {
		border:2px groove wheat;
		background-color:#fff7b7;
	}
	
	td.notes {
		color:white;
		font-weight: bold;
		width:150px;
	}
	
	th.faq_table_head {
		background-color:teal;
		color:white;
		border:2px groove lightgrey;
	}
	
	tr.grafix {
		border-bottom:1px solid teal;
	}
	
	tr.grafix:hover {
		background-color:orange;
		border-bottom:1px solid lightgrey;
	}
	
	tr.on {
		background-color:orange;
		border-bottom:1px solid lightgrey;
	}
	
/*------------------------- A -------------------------*/
	
	a {
		color:teal;
		font-weight:bold;
		text-decoration:none;
	}
	
	a:hover {
		color:maroon;
	}
	
	a.dash {
		border-bottom:1px inset;
	}
	
	a.grafix {
		display:table;
		margin:auto;
		height:102px;
		border:1px solid white;
	}
	
	a.grafix:hover {
		border:1px solid teal;
	}
	
	a.item {
		background-color:white;
		border:1px dotted beige;
		display:block;
	}
	
	a.item:hover {
		border:1px solid lightgrey;
		background-color:orange;
	}
	
	a.item_line {
		width:130px;
		height:2px;
		display:block;
		font-size:1px;
		background-color:beige;
		cursor:default;
	}
	
	a.item_line:hover {
		background-color:orange;
	}
	
	a.itemon {
		background-color:teal;
		border:1px solid beige;
		display:block;
		color:white;
	}
	
	a.itemon:hover {
		background-color:darkgray;
		border:1px solid gray;
		color:white;
	}
	
	a.ref {
		display:block;
	}
	
	a.take_item {
		border:1px solid beige;
		width:175px;
	}
	
/*+ + + + + + + + + + + + + + + ID + + + + + + + + + + + + + + +*/	

/*------------------------- LIGHTBOX -------------------------*/

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

	#lightbox a img { border: none; }

	#outerImageContainer {
		position: relative;
		background-color: #fff;
		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: transparent url(images/blank.gif) no-repeat; /* 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: #fff;
		margin: 0 auto;
		line-height: 1.4em;
		overflow: auto;
		width: 100%	
	}

	#imageData {	padding:0 10px; color: #060; }
	
	#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;	}	
		
	#overlay {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 90;
		width: 100%;
		height: 500px;
		background-color: #000;
	}

/*------------------------- KWICKS -------------------------*/	

	#kwicks { position:relative; }
	
	#kwicks .kwick {
		float:right;
		display:block;
		width:100px;
		height:210px;
		border:1px solid black;
	}
	
	#kwick_1 { background: url(images/reference/kietz1.JPG) no-repeat; }
	#kwick_2 { background: url(images/reference/kietz2.JPG) no-repeat; }
	#kwick_3 { background: url(images/reference/kietz3.JPG) no-repeat; }
	
	#kwick_1:hover, #kwick_2:hover, #kwick_3:hover { border:1px solid #fff7b7; }