@charset "UTF-8";

html, body {
	margin: 0;
	width: auto;
	background-color: white;
	padding: 0;
	font-family: Verdana, Tahoma, sans-serif;
	font-size: 100%;
	-webkit-text-size-adjust: 100%;  /*to prevent resizing in iPhone */
	}

div.page {
	max-width: 1000px;
	margin: 0 auto;
	//position: relative !important;
	box-shadow: 0 0 20px silver; 
	border: none;	
	padding: 0;
}

//body#picture div#footer {width: 99%; height:20px; margin:0px; padding: 5px; border: none; position:fixed; bottom: 0px; background: transparent; text-align: center}

//body#picture {width:100%; padding: 0px; background-color: #444} /*#444*/

div.banner {
	margin: 0;
	border: none;
	padding: 15px;
	height: 45px;
	background-color: black;
	text-align: center;
}

@media screen and (max-width: 640px){	
	div.banner {
		display: none;
	}	
}

div.navcol {
	margin:0;
	width:150px;
	position:fixed;
	background-color:transparent;
	padding:10px;
}

@media screen and (max-width: 640px){	
	div.navcol {
		display: none;
	}	
}

@media screen and (min-width: 640px){	
	div.mobileHeader {
		display: none;
	}	
}

div.mobileHeader, div.pageFooter {
	display: block;	
	width: 100%; /*auto ;*/
	margin: 0;
	border: solid 1px black ;
	background-color: black ; 
	padding: 0px;
	text-align: center;
	color: olive;
}

div.mobileHeader {
	position: fixed ;
}

@media screen and (min-width: 640px){
	div.mobileHeader {
		display: none;
		/*margin: 20px 0;
		height: 0px;*/
	}
}

div.maintext {
	/*width:740px;*/
	min-height: 800px;
	border-left: solid 140px olive;
	background: white;
	padding:10px;
}

@media screen and (max-width: 640px){
	div.maintext {
		border-left: none;
	}
}	

div.footer {
	width: 100%; /*894px;*/
	height:12px;
	margin:0px;
	padding: 3px;
	position:fixed;
	bottom: 0px;
	background: black;
	text-align: center;
	}

h1 {margin: 0; border: none; padding: 0; font-size:32px; color: #aa0 /*was 991*/; font-family:arial,san-serif}

h2 {margin: 10px 0px; border: none; padding: 0; font-size:24px; color: olive; font-family:arial,san-serif}

@media screen and (max-width: 640px){
	h2 {
		margin-top: 40px;
	}
}

h3 {font-size:16px; color: black; font-weight: bold; font-family:verdana,san-serif}
body#picture h4 {margin:10px 0px 0px 0px; padding: 0; font-size:18px; color: #bb4; font-family:arial,san-serif; font-weight: normal; font-style:italic}

p {margin: 10px 0px; border: none; padding: 0; font-family: verdana, sans-serif; font-size: 14px; color: black}
div.navcol p {
	margin: 15px 5px 0px 5px;
	/*color: red;*/
	}
div.pageFooter p {margin: 0; padding: 0; font-size: 9pt; color: #991}
table p {margin: 0px}
p.caption, p#homecaption {margin: 10px; font-style: italic; font-weight: bold; color: olive}

div.navcol ul {margin: 0; padding: 0; font-family: Arial; font-size: 11pt}
div.navcol li {margin: 8px 0px 8px 21px; color: #bb4}

a {color:#0aa; text-decoration: none}
a:hover {text-decoration: underline}
div.navcol a {display:block; width: 100px; background: #bb8; border: solid 1px #bb8; padding: 1px 2px; color: #660}
div.navcol li>a {width: 83px; padding: 0px 2px;}
div.navcol a:hover {text-decoration: none; background: white; color: #880}
div.footer a {margin: 0px 25px; color: #66f; font-size: 14px; font-family: verdana, sans-serif}
div.footer a:hover {color: #bb4; text-decoration: none}

div.navcol span {display:block; width: 100px; background: white; border: solid 1px #bb8; padding: 1px 2px; color: #880;}
div.navcol li>span {width: 83px; padding: 0px 2px;}

ul.contents {
	margin: 1em auto;
	list-style: none;
	width: 200px;
}

ul.contents li{
	margin: 10px auto;
	border: solid 1px black;
	border-radius: 5px;
	background-color: #aa0;
	padding: 5px 25px;
	color: black;
	text-align: left;
	font-weight:bold;
}

ul.contents li:hover{
	background-color: #cc0;
	/*box-shadow:  0px 0px 5px yellow;*/
}

table#gallery, table#panorama, table#miniatures, table#sale {width:100%; padding: 0px; text-align:center}
td {padding: 0px; vertical-align: top; background: white}
table#sale td {padding: 10px 10px; vertical-align: middle; background: white}

img {margin: 0; padding: 0; border: none}
img.right {float: right; margin-left:10px}
@media screen and (max-width: 640px){
	img.right {display: block; float: none; margin: auto}
}


#homepic1 {margin: 0px;  width:420px; height:300px; } /*filter:alpha(opacity=100); opacity:1.0;*/
table#gallery img, table#sale img, table#miniatures img { margin: 0px; width: 300px; border: solid 1px olive; padding: 0px;}
table#panorama img {margin: 0px; padding: 0px; width: 600px; border: solid 1px olive;}
body#picture img { margin: 30px; margin-bottom: 10px; border: solid 1px black}

hr {width:50%}

button {width:120px; color:olive}