body {background-color: white;}
div#header {position: relative; padding: 0; margin: 0; width: 100%; background: black; padding-top: 8px; }
div.logo-container {background: #000000 url('road.jpg') left top; height: 97px;  width: auto; overflow: hidden;}
.black div.logo-container {background-image: none;}
div.columns {margin-top: 28px;}
div.bottom_columns {margin-top: 35px; margin-bottom: 2em;}
div.column_1,
div.column_2,
div.column_3, div.columns_merged {float: left; /display: inline; }
div.column_1 {width: 18%; margin-left: 4%;}
div.column_2 {width: 48%; margin-left: 2%;}
div.column_3 {width: 20%; margin-left: 4%;}
div.columns_merged {width: 72%; margin-bottom: 20px;}

div#content {margin: 0;}
.gallery_previews {margin: 1.5em 4% 0 4%;}

div.columns_merged div.column_1 {width: 22%; margin-left: 2%;}
div.columns_merged div.column_2 {width: 64%; margin-left: 4%;}

.bottom_columns div.column_1 {width: 30%; margin-left: 4%;}
.bottom_columns div.column_2 {width: 21%; margin-left: 5%;}
.bottom_columns div.column_3 {width: 31%; margin-left: 6%;}


p#home_link {position: absolute; left: 4%; top: 38px; width: 10em; zoom: 1;}
p#logo { left: -377px; position: relative; top: 15px; width: 755px; margin-left: 50%;}
p.head_text{margin-top: 38px;}

div.navigation {position: relative; text-align: center; top: -37px; height: 1px; z-index: 2;  }
.navigation b, .navigation a {margin: 0 12px; font-style: italic; font-size: 105%;}
.navigation b {color: white; font-weight: normal;}
.navigation a {color: #efae24;}

div#header_common {height: auto; background: white; overflow: visible; position: static; }
p#museum_logo {
	float: left;
	margin: 0 -100% 0 15%;
}

p#museum_logo img {
margin: 4px 12px 8px 12px;}

div#header_extra {
position: absolute;
	width: 25%;
	font-size: 0.8em;
	top: 39px; 
	left: 71%;
	color: black;
}

div#start_game div.caption {
margin:0 0 1em 18px;
}

.black div#header_extra {color: white;}
.black div#header_common a {color:#00778C;}
.black #content {margin-top: 28px;}

div#copyright {
	float: left;
	margin-right: 2%;
	width: 68%;
}

div#copyright p {
	float: left;
	width: 45%;
	margin-right: 30px;
	max-width: 400px;
}

div#copyright p.comment {
	margin-right: 0;
	max-width: auto;
}

.black {background-color: black; color: #d0d0d0;}
.black div#header {background: none;}
.black div#copyright {color: #d0d0d0;}
.black h1 {margin-left: 20%;}
h2 {margin-top: 1em;}
ol {margin: 1.5em 0 1.5em 1.2em;}
ol li {font-family: Georgia, serif; margin-bottom: 0.6em; font-size: 0.9em;}


div.column_3 div.leftcol,
div.column_3 div.rightcol {float: left; width: 47%; font-size: 0.85em;}

div.column_3 div.leftcol {margin-right: -100%;}
div.column_3 div.rightcol {margin-left: 53%; /display: inline;}

div.column_3 div.leftcol  p.image,
div.column_3 div.rightcol p.image {text-align: center; margin: 1.2em 0 1.8em;}

div.modifications {margin-top: 60px;}

.entry {font-size: 1.28em;}
div.main-image { position: relative; right: 140px; margin-bottom: 30px; }

div.image {margin-top: 1em; margin-bottom: 40px; }
div.main-image h3, div.image h3 {font-size: 0.95em; font-weight: normal; font-family: Times,serif; margin-top: 0.2em;}
div.image h3 {font-style: italic;}
div.see_also {padding-left: 45px; width: 50%; position: relative; min-height: 54px; font-family: Verdana, serif; font-size: 0.8em; margin-top: 1.4em; /height: 54px;}
div.see_also h3 {font-size: 1.3em; font-weight: normal; font-family: Times,serif;}
div.see_also h3 a img, div.see_also h3 b img {position: absolute; left: 0px; top: 0.2em;}
div.see_also p {zoom: 1;}

div#start_game {left: -18px; margin: 30px 0 1.2em 0;}

/* switcher */
.machine-container {position: relative; top: -47px; text-align: center; height: 405px; min-width: 513px; left:  -30px;} 
.machine-container .left-captions {height: 405px; position: absolute; top: 0; width: 50%; right: 50%; }
.machine-container .right-captions {height: 405px; position: absolute; top: 0; width: 50%; left: 50%;}

.machine-container .image_captions p.image {text-align: center;}
.machine-container .image_captions img { }

#machine_switch {position: absolute; top: 95%; z-index: 2; left: -200px; width: 25em;}
#machine_switch td {vertical-align: middle; }
#machine_switch span span { cursor: pointer; color: #00778c; border-bottom: 1px dashed; font-family: Verdana, serif; }

#machine_switch span:hover span {color: #cc0000;}
#machine_switch img {vertical-align: middle; margin-right: 8px;}

#machine_switch.hidden {display: none;}
#machine_switch.pos1 span#machine_switch_pos2,
#machine_switch.pos2 span#machine_switch_pos1 {display: none;}

div.image_captions div.caption {text-align: left;  }
div.caption ins { position: absolute; opacity: 0.5; }

div#machine_pos1 p.image,
div#machine_pos2 p.image{/*width: 513px; height: 405px; font-size: 0.85em; margin-left:50%; position: relative;*/ text-align: center;}

div#machine_pos1,
div#machine_pos2 { position: relative;}


.left-captions h3{ text-align: right;}

div.caption_01 {left: -40px; top: 28px; width: 110%;}
div.caption_01 h3 {margin-left: 62%;}
div.caption_01 ins { top: 10px; left: 0; height: 120px; width: 60%;}

div.caption_02 {left: 10px; top: 87px; width: 80%;}
div.caption_02 h3 {margin-left: 62%;}
div.caption_02 ins { top: 10px; left: 0; height: 100px; width: 60%;}

div.caption_03 {left: 118px; top: 167px; width: 50%;}
div.caption_03 h3 {margin-left: 47%;}
div.caption_03 ins { top: 10px; left: 0; height: 1px; width: 45%; font-size: 1px;}

div.caption_04 {left: 28px; top: 266px; width: 85%;}
div.caption_04 h3 {margin-left: 37%;}
div.caption_04 ins { top: -35px; left: 0; height: 45px; width: 35%; }

div.caption_05 {left: 23px; top: 326px; width: 85%;}
div.caption_05 h3 {margin-left: 42%;}
div.caption_05 ins { top: -65px; left: 0; height: 75px; width: 40%; }

div.caption_06 {right: 96px; top: 350px; width: 60%;}
div.caption_06 h3 {margin-right: 17%;}
div.caption_06 ins {top: -32px; right: 0; height: 42px; width: 15%; }

div.caption_07 {left: 60px; top: 390px; width: 60%;}
div.caption_07 h3 {margin-left: 32%;}
div.caption_07 ins {top: -55px; left: 0; height: 65px; width: 30%; }




div.caption_08 {right: 130px; top: 120px; width: 47%;}
div.caption_08 h3 {margin-right: 42%;}
div.caption_08 ins {top: -30px; right: 0; height: 40px; width: 40%; }

div.caption_09 {right: 25px; top: 325px; width: 60%;}
div.caption_09 h3 {margin-right: 32%;}
div.caption_09 ins.front {top: 8px; right: 0; height: 13px; width: 28%; }
div.caption_09 ins.back {top: -94px; right: 70px; height: 90px; width: 20px; }

div.caption_10 {left: 10px; top: 50px; width: 90%;}
div.caption_10 h3 {margin-left: 32%;}
div.caption_10 ins {top: 8px; left: 0; height: 115px; width: 30%; }

div.caption_11 {left: 50px; top: 110px; width: 75%;}
div.caption_11 h3 {margin-left: 32%;}
div.caption_11 ins {top: 10px; left: 0; height: 76px; width: 30%; }

div.caption_12 {right: 160px; top: 188px; width: 48%;}
div.caption_12 h3 {margin-right: 10%;}
div.caption_12 ins {top: 17px; right: 0; height: 30px; width: 10%; }

div.caption_13 {left: 147px; top: 180px; width: 45%;}
div.caption_13 h3 {margin-left: 16%;}
div.caption_13 ins {top: 8px; left: 0; height: 80px; width: 14%; }

div.caption_14 {left: 125px; top: 335px; width: 50%;}

div.caption_15 {left: 0; top: 416px; width: 70%;}

div.caption_15 ins {top: -135px; left: 0; height: 132px; width: 1px; font-size: 1px; }

div#start_game { margin: 2em 0 2em 0; z-index: 1;}


/*clouds*/
.clouds {margin-left: 4%; color: #a7a7a7;}
.clouds .cloud p {color: #787569; font-family: Verdana, serif; padding-left: 55px; font-size: 0.7em;}
.clouds .cloud h3 {margin-top: 0; padding-left: 55px; }
.clouds .cloud img {position: absolute; left: 0; }
.cloud {float: left; position: relative;}
.signs { float: left;}
.signs div {float: left; }
.c7 {clear: left;}


.c1 {margin-left: 5%; margin-top: 2em; width: 27%;}
.c2 {margin-left: 18%; width: 28%;}
.c3 {margin-left: 28%; width: 31%;}
.c4 {margin-left: 4%;   margin-top: -1em; width: 18%;}
.c5 {margin-left: 20%; margin-top: 1em; width: 25%;}
.c6 {margin-left: 13%; margin-top: 1.5em; width: 16%;}
.c7 {width: 27%; margin-top: 3em;}
.signs {width: 70%; margin-top: 3em;}
.signs div {width: 13%; text-align: center;}
.signs div h4 {font-weight: normal; font-size: 0.8em; font-style: italic; padding: 5px 10px;}
.c8 {margin-left: 10%;  margin-top: 3em; width: 25%;}
.c9 {margin-left: 15%;  margin-top: 2em; width: 31%;}
.c10 {margin-left: 20%; margin-top: 2em; width: 23%;}
.c11 {margin-left: 4%; margin-top: 2em; width: 27%;}
.c12 {margin-left: 5%;  margin-top: 3em; width: 28%;}
.c13 {margin-left: 11%;  margin-top: 3em; width: 24%;}
.c14 {width: 23%;  margin-top: 2em;}
.c15 {margin-left: 30%;  margin-top: 3em; width: 25%;}