@charset "utf-8";
/* CSS Document */

body, html, #imgBox, #mainImg, #imgIndexBox, #imgMat{height:100%; margin:0; padding:0; position:relative; overflow:hidden}
body {font:65%/135% 'trebuchet ms', arial, sans-serif; color:#999; width:100%; position:absolute;}
#nav a.slct{border-top:2px solid; margin-top:0; color:#000;}
h1, h2, h3, h4{color:#000; margin:0 0 2px 0;}
h3 {font-size:130%; white-space:nowrap}
h4 {font-size:110%; white-space:nowrap}
#imgIndex h4 { background:#999; border-bottom:2px solid #000; color:#fff; padding:2px 10px; text-align:center} 
#nav{ width:100%; height:2em; padding-bottom:20px; position:relative; border-top:1px solid #ddd;}
#nav ul { margin:0; padding:0; }
#nav ul, #nav li{ display:block; float:left}
#nav li a {padding:2px 20px 2px 5px; margin:2px 0 0 0; display:block; float:left; text-decoration:none; color:#999;}
#michaelOttersen {}
#michaelOttersen h1{ white-space:nowrap; font:bold 200% Arial, Helvetica, sans-serif; margin:20px 0 0 0;}
#imgIndexBox { position:absolute; right:0; width:154px; background:#eee; border-left:2px solid #999; top:0; overflow:auto;}
#imgIndex_drawings {display:none;}
#imgIndexBox ul, #imgIndex li { display:block; position:relative; padding:0; margin:0; list-style:none;}
#imgIndexBox ul { padding-bottom:15px}
#imgIndexBox li {padding:15px 0 0 15px;}
#imgIndexBox li a {border:1px solid #ccc; padding:15px; background:#fff url(images/paintings/thumb_teenage.gif) center no-repeat; width:75px; height:75px; display:block;filter:alpha(opacity=50); -moz-opacity:.50; opacity:.50; text-indent:-999px; white-space:nowrap; overflow:hidden }
#imgIndexBox li a.slct, #imgIndexBox li a:hover{filter:alpha(opacity=100); -moz-opacity:1; opacity:1; }
#imgIndexBox li a#thumb_space{ background:#fff url(images/paintings/thumb_space.gif) no-repeat center;}
#imgIndexBox li a#thumb_clientelle{ background:#fff url(images/paintings/thumb_clientelle.gif) no-repeat center;}
#imgIndexBox li a#thumb_stagecoach{ background:#fff url(images/paintings/thumb_stagecoach.gif) no-repeat center;}
#imgIndexBox li a#thumb_awesome{ background:#fff url(images/paintings/thumb_awesome.gif) no-repeat center;}
#imgIndexBox li a#thumb_canada{ background:#fff url(images/paintings/thumb_canada.gif) no-repeat center;}
#imgIndexBox li a#thumb_vermouth{ background:#fff url(images/paintings/thumb_vermouth.gif) no-repeat center;}
#imgIndexBox li a#thumb_foxglove{ background:#fff url(images/paintings/thumb_foxglove.gif) no-repeat center;}

#imgIndexBox li a#thumb_carpet{ background:#fff url(images/drawings/thumbCarpet.gif) no-repeat center;}
#imgIndexBox li a#thumb_hand{ background:#fff url(images/drawings/thumbHand.gif) no-repeat center;}
#imgIndexBox li a#thumb_westernA{ background:#fff url(images/drawings/thumbWesternA.gif) no-repeat center;}
#imgIndexBox li a#thumb_westernB{ background:#fff url(images/drawings/thumbWesternB.gif) no-repeat center;}
#imgIndexBox li a#thumb_westernC{ background:#fff url(images/drawings/thumbWesternC.gif) no-repeat center;}
#imgIndexBox li a#thumb_westernD{ background:#fff url(images/drawings/thumbWesternD.gif) no-repeat center;}
#imgIndexBox li a#thumb_westernE{ background:#fff url(images/drawings/thumbWesternE.gif) no-repeat center;}
#imgIndexBox li a#thumb_westernF{ background:#fff url(images/drawings/thumbWesternF.gif) no-repeat center;}
#imgIndexBox li a#thumb_westernG{ background:#fff url(images/drawings/thumbWesternG.gif) no-repeat center;}
#details {position:absolute; right:-150px; bottom:75px; width:175px; overflow:visible }
#details span{ display:block; white-space:nowrap}

#hiddenLoader { position:absolute; float:none; height:1px; width:1px; overflow:hidden; left:-2000px;}
div#waiting { height:498px; width:498px; overflow:visible;}
#spinner{background:#eee url(images/loading_icon.gif) center no-repeat; border:1px solid #ddd; width:150px; height:150px; margin:150px; position:absolute;}
div#waiting.hide {border:none;}

#navTitle {}
#imgMat	{width:370px; height:auto; padding:0 90px 0 25px; margin:0 auto; overflow:visible; padding:0 50px 50px 50px;}
#imgMat.teenage{ width:505px;}
#imgMat.clientelle{ width:505px;}
#imgMat.space{ width:505px;}
#imgMat.stagecoach {width:834px}
#imgMat.awesome {width:367px}
#imgMat.canada {width:580px}
#imgMat.foxglove {width:628px}
#imgMat.vermouth {width:422px}
#imgMat.hand{width:695px}

#mainImg { width:375px;}
.teenage #mainImg, #hiddenLoader.load div.teenage 
	{background:url(images/teenage_player_2007.gif) no-repeat top; height:505px; width:505px; border:none;}
.space #mainImg, #hiddenLoader.load div.spcae 
	{background:url(images/space_apes_on_the_estuary.gif) no-repeat top; height:505px; width:500px; border:none;}
.clientelle #mainImg, #hiddenLoader.load div.clientelle 
	{background:url(images/clientelle.gif) no-repeat top; height:500px; width:505px; border:none;}
.stagecoach #mainImg, #hiddenLoader.load div.stagecoach 
	{background:url(images/stagecoach.gif) no-repeat top; height:505px; width:834px; border:none;}
.awesome #mainImg, #hiddenLoader.load div.awesome 
	{background:url(images/awesome_family.gif) no-repeat top; height:505px; width:367px; border:none;}
.canada #mainImg, #hiddenLoader.load div.canada 
	{background:url(images/canada_dry.gif) no-repeat top; height:505px; width:749px; border:none;}
.foxglove #mainImg, #hiddenLoader.load div.foxglove 
	{background:url(images/foxgloves_indeed.gif) no-repeat top; height:505px; width:628px; border:none;}
.vermouth #mainImg, #hiddenLoader.load div.vermouth 
	{background:url(images/vermouth.gif) no-repeat top; height:505px; width:422px; border:none;}
	
#imageListLogic {display:none;}
#navTitle { position:relative; z-index:20; margin:0 50px;}
#mask { background:#fff; position:absolute; width:100%; height:100%; z-index:10; 
	opacity: 0.6; -moz-opacity: 0.6; filter: alpha(opacity=60);}
#mask.hide{display:none;}
#logic div div, #logic li { list-style:none; display:block; height:1px; width:1px; overflow:hidden; position:absolute; margin:0; padding:0;}
#logic li { text-indent:-9999px}
#logic ul.show li { text-indent:0;}
#logic ul.show {display:block; z-index:99; position:absolute; height:350px; width:400px; margin:11em 0 0 50%; left:-275px; background:#fff; overflow:auto; border:2px solid #666; padding:0}
#logic ul.show li { display:block; height:auto; width:auto; margin:0; padding:0; white-space:normal; position:relative;padding:20px;}
#logic ul.show li div{ height:auto; width:auto; position:relative;}
#logic ul.show li dl { margin:0; padding:0; display:block;}
#logic ul.show li dl dt { display:block; float:none; font-weight:bold; color:#333; padding:5px 0 0 0;}
#logic ul.show div.address { float:right; border:1px solid #ccc; padding:15px; margin:-35px 0 15px 15px; position:relative; z-index:2}
#logic ul.show div.address span{ display:block}
#logic ul.show div.address span.name{ font-weigth:bold; color:#333;}
#logic ul.show li dl .dateGoup{ position:relative; padding:0 0 0 3em; }
#logic ul.show li dl dd {position:relative; margin:2px 0;}
#logic ul.show .dateGoup span.date {display:block; position:absolute; top:1px; font-size:90%; left:0px; color:#333; text-align:center; font-family:'Lucida Console',"Courier New", Courier, monospace}
#logic ul#contact.show div.address  { float:none; border:none; margin:0; padding-left:0;}
#logic ul.show div.closeResources {position:absolute; z-index:999999; right:0px; top:0;}
#logic ul.show div.closeResources a { font-weight:bold; background:#eee; color:#999; border:1px solid #ccc; text-decoration:none; display:block; padding:2px 5px;}
#logic li div.dateGoup span.event {display:block;}