body {overflow: auto; margin: 0; background-color: #b7b1a7; padding-bottom: 20px;}
ol, ul {overflow: auto; list-style-type: none; padding: 0; margin: 0;}
	li {list-style-type: none;}
em {color: black;}

#container {}
#head {overflow: auto; width: 900px;}
	#head h1 {float: left; overflow: visible; width: 218px; height: 120px; margin: 20px 20px 0 20px; background-image: url('images/ludmila.png'); text-indent: -999em;}
	#navigation {float: right; margin: 50px 0 0 0;}
	#navigation ol {overflow: hidden;}
		#navigation ol li {float: left; margin-right: 10px; font-family: Helvetica, Arial, "MS Trebuchet", sans-serif; font-size: 0.65em; font-weight: bold; text-transform: uppercase;}
			#navigation ol li a {display: block; padding: 10px 0px 1px 0px; color: #63605a; text-decoration: none;}
			#navigation ol li a:hover {color: black;}
			#navigation ol li.active a {color: black; border-bottom: 2px solid red;}
		#navigation ol li.last {margin: 0; padding-right: 0;}

#content {clear: both; overflow: auto; margin-top: -20px; padding-top: 40px; border-top: 1px solid #88847c;}
	#content .artist p {text-align: left;}
#sub_navigation {float: left; width: 190px; margin-right: 20px; padding-left: 5px;}
		#sub_navigation ol, #sub_navigation ol li ul {overflow: hidden;}
		#sub_navigation ol li {padding: 5px 0 5px 15px; margin-bottom: 10px;}
			#sub_navigation ol li a, #sub_navigation ol li span {cursor: pointer; display: block; text-decoration: none; color: #63605A; font-family: Helvetica, Arial, "MS Trebuchet", sans-serif; font-size: 0.65em; font-weight: bold; text-transform: uppercase;	}
			#sub_navigation ol li a {}
			#sub_navigation ol li.active a, #sub_navigation ol li.current_page_item a {color: black;}
				#sub_navigation ol li.active ul li a, #sub_navigation ol li.current_page_item ul li a {color:#63605A;}
		#sub_navigation ol li ul {margin-top: 10px;}
			#sub_navigation ol li ul#paintings, #sub_navigation ol li ul#cat, #sub_navigation ol li ul#church, #sub_navigation ol li ul#museum, #sub_navigation ol li ul#gallery, #sub_navigation ol li ul#cv, #sub_navigation ol li ul#proj {display: none;}
			#sub_navigation ol li ul li {background-image: url('images/ol_li_ul_li.png'); background-position: left center; background-repeat: no-repeat;}
			#sub_navigation ol li ul li.active {background-image: url('images/active_arrow.png'); background-position: left center; background-repeat: no-repeat;}
				#sub_navigation ol li ul li a {font-weight: normal; text-transform: lowercase;}
				
#main {float: left; overflow: hidden; width: 690px;}
.artist #main {width: 480px;}
.artist #main_second {float: left; width: 190px; padding-top: 8px;}
		.artist #main_second a {text-decoration: none; color: red; font-family: Arial, "MS Trebuchet", sans-serif; font-size: 0.8em;}
.artist #main_second_2 {float: left; width: 190px; padding-top: 20px;}
		.artist #main_second_2 a {text-decoration: none; color: red; font-family: Arial, "MS Trebuchet", sans-serif; font-size: 0.8em;}
		#main .exhib {margin-left: 20px;}
		.cv {position: relative;}
			#data {position: absolute; left: 10px; top: 10px;}
		#main #galleri a {overflow: auto; text-decoration: none; border: 0;}
		#main #galleri a img {width: 25px; border: 0; font: 10px Verdana, Helvetica, sans-serif; color: #b8b2a8; text-decoration: none;}
		#main #columns li {float: left; width: 335px; margin-right: 10px; text-align: center; color: black; font-size: 0.8em; font-family: Arial, "MS Trebuchet", sans-serif; line-height: 1.5em;}
		#main #columns_3 li {float: left; width: 200px; margin-right: 10px; text-align: center; color: black; font-size: 0.8em; font-family: Arial, "MS Trebuchet", sans-serif; line-height: 1.5em;}
		#main #second {clear: left; margin-top: 20px;}
		body#artist #content #main_second p {font-size: 1em; color: white; margin: 0 0 40px 0;}
		body#artist #content #main_second p strong {display: block; margin-top: 10px; line-height: 1.5em; font-size: 0.8em; color: black; font-weight: normal;}
body#news #main {margin-left: 260px; width: 640px; overflow: visible;}
body#contact #main {margin-left: 260px; width: 640px;}
		#content h1, h2, h3 {font-family: Arial, "MS Trebuchet", sans-serif; font-weight: normal;}
			body#contact h2 {font-size: 0.9em;}
			#content h2 a {text-decoration: none; color: black;}
			body#artist #main {padding-top: 20px; padding-right: 20px;}
			body#artist h2 {color: red; text-align: left; font-size: 0.8em; margin: 0;}
			body#artist #content p {margin: -18px 0 20px 50px; text-align: left;}
		#content p {margin: 0 0 15px 0; color: black; font-size: 0.8em; font-family: Arial, "MS Trebuchet", sans-serif; line-height: 1.5em;}
			#content p strong {line-height: 2.5em;}
			#content .artist p strong {line-height: 1.5em;}
		#content div.post {clear: both; position: relative; padding-bottom: 20px;}
			#content div.post h1 {font-size: 1em;}
		body#contact #main input {font-family: Arial, "MS Trebuchet", sans-serif; font-size: 1em; color: #4e4b46; padding: 10px; margin: 3px 0 4px 0; border: 0; background-color: #c9c2b8; border-bottom: 1px solid #6f6d69;}
		body#contact #main textarea {font-family: Arial, "MS Trebuchet", sans-serif; padding: 10px; color: #4e4b46; font-size: 1em;}
			div.wpcf7-mail-sent-ok {font-family: Arial, "MS Trebuchet", sans-serif; font-size: 1em; color: red;}
		#content .photogalleria {}
			.galleria_container {float: right;}
			.galleria {float: left; list-style:none;width:180px}
				body#exhib .galleria {width: auto;}
			.galleria li{display:block;width:32px;height:32px;overflow:hidden;float:left;margin:0 10px 10px 0}
			.galleria li a{display:none}
			.galleria li div{position:absolute;display:none;top:0;left:180px}
			.galleria li div img{cursor:pointer}
			.galleria li.active div img,.galleria li.active div{display:block}
			.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
			.galleria_wrapper {margin-bottom: 10px;}
			.photogalleria .caption {font-family: Helvetica, Arial, "MS Trebuchet", sans-serif; font-size: 0.65em;}
			.galleria 
			* html .galleria li div span{width:400px} /* MSIE bug */
			
			#gallery-49 {width: 225px;}
				#gallery-49 li {text-align: right;}

#footer {clear: both;}
	body#news #footer {margin-top: -1px;}
	
	
	#lightbox{position: absolute; left: 300px; top: 167px; width: 600px;}
	#lightbox img{max-width: 600px; height: auto;}
	#lightbox a img{ border: none; }

	html body div#lightbox div#outerImageContainer {position: relative; width: 250px;}
	html body div#lightbox div#outerImageContainer {height: 1px ! important}
	#imageContainer{}
	#outerImageContainer img {margin-top: 40px;}

	#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
	#hoverNav{ position: absolute; top: 0; left: 0; width: 600px; 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; margin-top: -28px; background-image: url('images/prev.png'); background-position: left top; background-repeat: no-repeat;}
	#nextLink { right: 0; float: right; margin-top: -28px; background-image: url('images/next.png'); background-position: right top; background-repeat: no-repeat;}
	/*#prevLink, #prevLink:visited { background: url(images/prevlabel.gif) left 15% no-repeat; }
	#nextLink, #nextLink:visited { background: url(images/nextlabel.gif) right 15% no-repeat; }*/

	#imageDataContainer{font: 10px Verdana, Helvetica, sans-serif; margin: 0 auto; padding-left: 20px; line-height: 1.4em; overflow: auto; width: 600px	; }
	#bottomNavClose {display: none;}

	#imageData{	padding:0px; color: #666; }
	#imageData #imageDetails{ width: 70%; float: left; text-align: left; position: absolute; bottom: -38px; left: 0;}	
	#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{}
#credits {position: absolute; right: 10px; bottom: 10px; color: #eee; font-family: Arial, "MS Trebuchet", sans-serif; font-size: 0.7em;}
	#credits a {text-decoration: none; color: white;}