html,body,div,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,span { margin: 0; padding: 0; }
img { border: 0; }

body { margin: 0; padding: 0 0 40px 0; font-family: verdana,arial,helvetica,sans-serif; font-size: 76%; line-height: 1.5em; background-color: #efefef; text-align: center; }

#exhibit_container { margin: 0 auto; width: 960px; background: #1e1e1e;	text-align: }

#page_container { width: 900px; margin: 0 auto; padding: 5px 5px; background: #fff; }

#sitenav_wrap { width: 900px; margin: 0 auto; text-align: right; background: #1e1e1e; color: #fff; height: 25px; line-height: 25px;	}

#sitenav_wrap a { color: #ccc; text-decoration: none; padding: .2em .5em; font-size: .9em;}
#sitenav_wrap a:hover { color: #fff; }

#header_wrap { height: 100px; background: #000; }
#logobanner_wrap { width: 900px; height: 70px; }
#exhibitmenu_wrap { width: 900px; height: 30px; background: #f2f2f2 url(../img/menu-bg.jpg) repeat-x;  }

#feature_wrap { height: 165px; background: #ddd; }

#body_wrap { background: #f2f2f2 url(../img/body-bg-top.jpg) top left no-repeat; text-align: center;}
#body_wrap #content_wrap {  background: url(../img/body-bg-bottom.jpg) bottom left no-repeat; width: 900px; margin: 0 auto; text-align: left; }
#content { width: 850px; padding: 40px 25px 80px 25px; color: #333; color: #4b464a; font-size: 1.1em;}

#content h3 { font-weight: bold; color: #444; letter-spacing: 1px; font-size: 1em; }
#content p { margin-bottom: 15px; }

#footer_wrap { width: 900px; margin: 0 auto; height: 25px; font-size: .8em; line-height: 25px; background: #1e1e1e; color: #ccc; }
#footer_wrap #copyright {float: left; }
#footer_wrap #navigation {float: right; }
#footer_wrap #navigation a:link, #footer_wrap #navigation a:visited { color: #6e6e6e; text-decoration: none; }
#footer_wrap #navigation a:hover { color: #fff; }
#footer_wrap #navigation a:active { color: #6e6e6e; }


/* menu */
#exhibitmenu { float: left; width: 700px; }
#exhibitmenu ul { list-style:none; }
#exhibitmenu li { float:left; color:#aaaaaa; height: 30px; }
#exhibitmenu li a { color:#3f3f3f; text-decoration:none; display:block; background-repeat:no-repeat; height: 30px; }

#exhibitmenu li a.welcome, #exhibitmenu li.welcome {
	background-image:url(../img/menu-welcome.jpg);
	width:75px;
}
#exhibitmenu li a.overview, #exhibitmenu li.overview {
	background-image:url(../img/menu-overview.jpg);
	width:75px;
}
#exhibitmenu li a.history, #exhibitmenu li.history {
	background-image:url(../img/menu-history.jpg);
	width:63px;
}
#exhibitmenu li a.engines, #exhibitmenu li.engines {
	background-image:url(../img/menu-engines.jpg);
	width:97px;
}
#exhibitmenu li a.howitworks, #exhibitmenu li.howitworks {
	background-image:url(../img/menu-howitworks.jpg);
	width:100px;
}
#exhibitmenu li a.keypeople, #exhibitmenu li.keypeople {
	background-image:url(../img/menu-keypeople.jpg);
	width:86px;
}
#exhibitmenu li a.modernsequel, #exhibitmenu li.modernsequel {
	background-image:url(../img/menu-modernsequel.jpg);
	width:125px;
}
#exhibitmenu li a.credits, #exhibitmenu li.credits {
	background-image:url(../img/menu-credits.jpg);
	width:61px;
}
#exhibitmenu li a:hover {
	background-position:0 -17px;
	background-position:0 -30px;
}
#exhibitmenu li.welcome, #exhibitmenu li.overview, #exhibitmenu li.history, #exhibitmenu li.engines, #exhibitmenu li.howitworks, #exhibitmenu li.keypeople, #exhibitmenu li.modernsequel, #exhibitmenu li.credits {
	background-position:0 -17px;
	background-position:0 -30px;
}

.hide, #exhibitmenu span { position:absolute; left:-5000px;	margin:0; padding:0; }



#mediaviewer { float: left; width: 430px; height: 600px; } 

#galleria_thumb { width: 430px; height: 100px; }
#galleria_container { width: 400px; height: 400px;  padding: 1px 1px;}
#galleria_container .caption { color: #666; font-size: .8em; padding-left: 2px; font-weight: bold;} 
#galleria_container .credit { margin-top: 15px; color: #a2a2a2; font-size: .8em;  padding-left: 2px;}
#galleria_container img { border:1px solid #b2b2b2; margin-bottom: 2px;} 

.gallery_demo_unstyled li { list-style: none; display: inline; float: left; margin: 0 18px 0 0; width: 85px; height: 85px;border:1px solid #b2b2b2; }
* html .galleria li div span{width:430px} /* MSIE bug */


.gallery { width:430px; }
.gallery li { list-style: none; width:85px; height:85px; border:1px solid #b2b2b2; margin: 0 18px 0 0; background:#eee;} 
.gallery li.hover { border: 1px solid #66a7be; }
.gallery li.active { border: 1px solid #66a7be; }
.galleria li img.thumb{cursor:pointer;} 


.sub, .sup { line-height: 0; }
.nowrap { white-space: nowrap; }



/* key people menu */
#feature_wrap .featureimage { float: left; }
#peoplenav { float: left; width: 170px; height: 165px; text-align: left; background: #fff; }
#peoplenav ul { list-style: none; padding-top: 2px;}
#peoplenav ul li { display:block; height: 18px; font-size: .9em; font-weight: bold; line-height: 18px;}
#peoplenav ul li a { display:block; padding-left: 7px; height: 18px;  }
#peoplenav ul li .active { color: #fff; background: url(../img/peoplenav-bg-hl.jpg) repeat-x; }
#peoplenav a { color: #555; text-decoration: none; }
#peoplenav a:hover { color: #fff; background: url(../img/peoplenav-bg-hl.jpg) repeat-x;}


.pplwrap { widht: 283px; }
.keypeople { position: relative; float: left; width: 282px; height: 240px;	background: #f2f2f2 url(../img/ppl-bg.png) 0 0 no-repeat ; }
.keypeople:hover { background: #f2f2f2 url(../img/ppl-bg-hl.png) 0 0 no-repeat; }

.keypeople img { float: left;  margin: 5px 10px 40px 5px; border: 2px solid #fff; }
.keypeople h3 { margin: 5px 0 15px 0; font-size: 20px }
.keypeople p { padding-right: 15px; }

.keypeople .credit { position: absolute; bottom: 10px; right: 9px; text-align: right; font-size: .8em; color: #aaa; }

.keypeople a { color: #333; text-decoration: none; }
.keypeople a:hover { text-decoration: underline; }
.quotes { padding: 0 40px; font-style: italic; }


/* welcome page */
#babbageimage { position: relative; float: left; width: 330px; height: 380px;  }
#babbageengine { position: relative; float: left; width: 570px; height: 380px; }
#babbageimage .infoicon, #babbageengine .infoicon { position: absolute; bottom: 0; left: 0; }	
#babbageimage .imageinfo { position: absolute; top: 364px; left: 60px; width: 270px; height: 16px; font-size: .9em; line-height: 16px; background: url(../img/infotranbg.png); color: #dedede; display: none;} 
#babbageengine .imageinfo { position: absolute; top: 364px; left: 16px; width: 554px; height: 16px; font-size: .9em; line-height: 16px; background: url(../img/infotranbg.png); color: #dedede; display: none;} 

#welcome_wrap { background: #fff; }

#welcometext { float: left; width: 525px; height: 335px; background: #333; }
#welcometext img { float: left; margin: 0 10px 0 0; }
#welcometext p { padding: 0 30px 15px 30px; }
#welcomevideo { float: right; width: 375px; height: 335px; background: #333;}
#welcomevideo #babbagevideo { margin: 60px 0 0 0; border: 1px solid #393939; border-bottom: 0px solid #fff;  width: 320px; text-align: center; }
#welcomevideo #videoinfo, #welcometext .info { color: #999; padding-left: 20px; font-size: .8em; }
#welcomevideo #videoinfo { padding-left: 0px; }
#welcometext .info { padding-left: 30px; }



/* Clear Fix */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; line-height: 0; height: 0; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix {display: block;}
/* End hide from IE-mac */
* html .clearfix { height: 1%; }
html[xmlns] .clearfix { display: block; }