@import url(/styles/reset.css);
@import url(/styles/fonts.css);
 
/*** Global ***/

body { background: #635A4D url('/images/background.png') repeat-x;  overflow-y: auto; position: relative; } 
.container { display:block; height:1000px; min-width: 1200px; overflow:hidden; position: relative; }

.clear { clear: both; height: 0;}
 

/* Header */

.header { width: 1024px; height: 20px; position: absolute; z-index: 900; top: 0; left: 0; }

.logo { width: 381px; float: left; }

.bristle-launcher { float: left; margin-left: -35px; margin-top: 5px; }
.bristle-launcher:hover  { background: url(/images/launcher-bristle-highlight.png) no-repeat; }

.herb-launcher { float: left; margin-left: -35px; margin-top: 5px; }
.herb-launcher:hover  { background: url(/images/launcher-herb-highlight.png) no-repeat; }

.firsthand { width: 141px; float: right; }

/*** Home ***/

.book-home, .extras-home { float:left; width: 451px; position: relative; margin: 110px 0 135px -33px; -webkit-transform: rotate(-9deg); -moz-transform: rotate(-9deg); }
.book-page, .extras-page { float: left; width: 898px; position: relative; margin: 145px 0 130px 70px; -webkit-transform: rotate(-9deg); -moz-transform: rotate(-9deg); }


/*** Cover ***/

.cover { width: 460px; height: 736px; float:left; margin-right: 0px; background: url('/images/book-cover.png') no-repeat;  position: relative; z-index: 100; }

.cover h1 { 
    font-family: NotSassure, Helvetica, Arial, sans-serif; 
	font-size: 36px; 
	color: #fff;
    text-align: center;
    line-height: 40px;
    margin: 200px 0 85px 0;
}

.cover .notes {
    width: 488px;
    height: 295px;
    background: url('/images/cover-notes.png') no-repeat;
    margin-left: 20px;
    overflow: hidden;
    padding: 60px 0 0 30px;
}

.cover .notes p { 
    font-family: Marydale, Helvetica, Arial, sans-serif;  
	font-size: 20px;
	line-height: 23px; 
	color: #333;
	margin-bottom: 20px;
}


/*** Pages ***/

.page { width: 910px; height: 736px; float:left; background: url('/images/book-pages.png') no-repeat top left; position: relative; z-index: 100; }

.page-left { width: 445px; height: 708px; float: left; margin: 20px 0 0 0; }

.page-right { width: 450px; height: 708px; float: left; margin: 20px 0 0 0px; }

.page h1 { 
	font-family: NotSassure, Helvetica, Arial, sans-serif; 
	font-size: 24px; 
	line-height: 46px;
	color: #5a4832; 
	width: 223px; 
	margin: 3px 0 18px 103px;
	-webkit-transform: rotate(1deg);
	-moz-transform: rotate(1deg);
	}

.page p { 
	font-family: Marydale, Helvetica, Arial, sans-serif; 
	font-size: 16px; 
	color: #5a4832; 
	line-height: 23px; 
	margin-bottom: 16px;
	padding: 0 24px;
	}
	
.page li { color: #5a4832; }

.page a, .page a:visited { text-decoration: none; color: #336600; }
.page a:hover { color: #b7d74e; }

/*** Page Extras ***/	
.page-extras { position: absolute; }
.page-extras02 { position: absolute; left: 14px; }

.pagedouble {
	width: 910px;
	height: 736px;
	float:left;
	background: url('/images/book-pages02.png') no-repeat top left;
	position: relative;
	z-index: 100;
}

.page-left { width: 445px; height: 708px; float: left; margin: 20px 0 0 0; }

.pagedouble h1 { 
	font-family: NotSassure, Helvetica, Arial, sans-serif; 
	font-size: 24px; 
	line-height: 46px;
	color: #5a4832; 
	width: 223px; 
	margin: 3px 0 18px 103px;
	-webkit-transform: rotate(1deg);
	-moz-transform: rotate(1deg);
	}

.pagedouble p { 
	font-family: Marydale, Helvetica, Arial, sans-serif; 
	font-size: 16px; 
	color: #5a4832; 
	line-height: 23px; 
	margin-bottom: 16px;
	padding: 0 24px;
	}
	
.pagedouble li { color: #5a4832; }

.pagedouble a, .page a:visited { text-decoration: none; color: #336600; }
.pagedouble a:hover { color: #b7d74e; }

.blueprint { right: -230px; top: 110px; -webkit-transform: rotate(30deg); -moz-transform: rotate(30deg); }
.bookmark { right: -160px; top: 240px; -webkit-transform: rotate(9deg); -moz-transform: rotate(9deg); }
.biofilm { right: -248px; top: 36px; -webkit-transform: rotate(9deg); -moz-transform: rotate(9deg); }
.biofilm-burn { right: -273px; top: 38px; -webkit-transform: rotate(9deg); -moz-transform: rotate(9deg); }

.glasses { right: -180px; bottom: -95px; -webkit-transform: rotate(15deg); -moz-transform: rotate(15deg); }
.photo { right: -340px; bottom: 20px; -webkit-transform: rotate(16deg); -moz-transform: rotate(16deg); }
.brochure { right: -205px; top: 140px; -webkit-transform: rotate(30deg); -moz-transform: rotate(30deg); }
.pda { right: -430px; top: 160px; -webkit-transform: rotate(15deg); -moz-transform: rotate(15deg); }

.bookmark-navigation { z-index: 800; right: -210px; bottom: -110px; width: 237px; height: 485px; background: url('/images/extras-bookmark-navigation.png') no-repeat; -webkit-transform: rotate(9deg); -moz-transform: rotate(9deg); }

.bookmark-navigation ul { position: absolute; bottom: 170px; margin-left: 20px; }

.bookmark-navigation li {font-family: NotSassure, Helvetica, Arial, sans-serif; font-size: 18px; line-height: 40px; text-align: center; }

.bookmark-navigation li a, .bookmark-navigation li a:visited { color: #333; text-decoration: none; }
.bookmark-navigation li.active a { color: #f2e7bc; }

/*** Social Media Links ***/

.social-media { width: 70px; height: 250px; position: absolute; left: -60px; top: 400px; z-index: 20; }
.book-home .social-media { top: 427px; }

.social-media ul { background: url('/images/social-media-tab.png') no-repeat; height: 240px; padding-top: 28px; padding-left: 12px; }
.social-media li { width: 40px; height: 40px; overflow: hidden; margin-bottom: 8px; } 
.social-media li a { line-height: 40px; height: 40px; display: block; text-indent: -9999px;}

.social-media a.facebook { background: url('/images/social-media-facebook-a.png') no-repeat; }
.social-media a.facebook:hover { background-image: url('/images/social-media-facebook.png'); }

.social-media a.twitter { background: url('/images/social-media-twitter-a.png') no-repeat; }
.social-media a.twitter:hover { background-image: url('/images/social-media-twitter.png'); }

.social-media a.digg { background: url('/images/social-media-boingboing-a.png') no-repeat; }
.social-media a.digg:hover { background-image: url('/images/social-media-boingboing.png'); }

.social-media a.delicious { background: url('/images/social-media-delicious-a.png') no-repeat; }
.social-media a.delicious:hover { background-image: url('/images/social-media-delicious.png'); }

/*** Navigation ***/

.navigation-top { width: 400px; position: absolute; height: 100px; top: -73px; right: 10px; }
.book-home .navigation-top { left: 41px; }

.navigation-top li {  margin-right: 0px; display: block; float: left; text-align: center; }
.navigation-top li a { height: 139px; margin-top: 25px; background-color: yellow; display: block; font-family: Marydale, Helvetica, Arial, sans-serif; font-size: 15px; color: #444; text-decoration: none; font-weight: bold; }

.navigation-top li.tab-blue a { background: url('/images/tab-blue.png') no-repeat; width: 96px; text-indent: -9999px; }
.navigation-top li.tab-green a { background: url('/images/tab-green.png') no-repeat; width: 137px; text-indent: -9999px;}
.navigation-top li.tab-purple a { background: url('/images/tab-purple.png') no-repeat; width: 137px; text-indent: -9999px;}


.navigation-top li.active { position: relative; z-index: 500; }
.navigation-top li.active a { margin-top: 0; }

.navigation-side { width: 163px; position: absolute; top: 35px; right: -88px; }
.book-home .navigation-side { right: -88px;  }

.navigation-side li { display: block; text-align: center; }
.navigation-side li a { margin-right: 25px; background-color: yellow; display: block; height: 100px; font-family: Marydale, Helvetica, Arial, sans-serif; font-size: 15px; color: #444; text-decoration: none; font-weight: bold; }

.navigation-side li.tab-yellow a { background: url('/images/tab-yellow.png') no-repeat right; height: 124px; text-indent: -9999px; }
.navigation-side li.tab-pink a { background: url('/images/tab-pink.png') no-repeat right; height: 122px; text-indent: -9999px; }
.navigation-side li.tab-orange a { background: url('/images/tab-orange.png') no-repeat right; height: 103px;  text-indent: -9999px; }

.navigation-side li.active { position: relative; z-index: 500; }
.navigation-side li.active a { margin-right: 0; }


/*** Thumbdrive (Extras link) ***/

.extras { width: 222px; height: 94px; position: absolute; right:20px; bottom: -95px; z-index: 20; -webkit-transform: rotate(-9deg); -moz-transform: rotate(-9deg); }
/*.extras:hover { background-image: url('/images/extras-hover.png'); } */

/*** Sponsors ***/

.sponsors { margin-left: 20px; margin-top: -30px; } 
.sponsors p  { text-indent: -9999px; }

.sponsors-firsthand { width: 187px; height: 71px; background: url('/images/sponsors-firsthand.png') no-repeat; margin-bottom: 5px; }
.sponsors-firsthand a { display: block; text-indent: -9999px; line-height: 71px; }

.sponsors-dentistry { width: 262px; height: 46px; background: url('/images/sponsors-dentistry.png') no-repeat; margin-bottom: 5px; }
.sponsors-dentistry a { display: block; text-indent: -9999px; line-height: 46px; }

.sponsors-nih { width: 521px; height: 70px; background: url('/images/sponsors-nih.png') no-repeat;}
.sponsors-nih a { display: block; text-indent: -9999px; line-height: 70px; }

/*** Content ***/
 
h1 { font-family: Marydale, Helvetica, Arial, sans-serif; color: red; font-size: 150%; font-weight: normal; }
.cover h2 {  font-family: NotSassure, Helvetica, Arial, sans-serif; font-size: 36px; line-height: 43px; color: #fff; text-align: center; margin-left: -50px; margin-top: 200px; }

/*** Home ***/

.petri-launcher { position:absolute; width:320px; height:320px; left:180px; top:350px; margin:0; }
.petri-launcher a { line-height: 320px; display: block; text-indent: -9999px; }
.petri-launcher a:hover { background-image: url('/images/photo-collage-highlight.png')}

/*** Game ***/

.transfractal-resonator { width:430px; height: 287px; background: url('/images/transfractal-highlight.png') no-repeat 45px 15px; position:relative; }
.transfractal-resonator p { line-height: 18px;}

.resonator-launcher { position:absolute; width:189px; height:189px; bottom:2px; right:-1px; margin:0; background: url('/images/transfractal-resonator.png') no-repeat; -webkit-transform: rotate(9deg); -moz-transform: rotate(9deg); }
.resonator-launcher:hover { background-image: url('/images/transfractal-resonator-highlight.png') }

.resonator-launcher a { line-height: 189px; width: 189px; text-indent: -9999px; display: inline-block; }

.movie-preview { width:376px; height: 287px; background: url('/images/movie-preview.png') no-repeat; text-align: center; padding-top: 65px; position: relative; margin-left: 35px; margin-top: 40px; }
.movie-preview img { position: absolute; top: -40px; left: 110px; }
.movie-preview object { -moz-transform:rotate(-9deg); }

.tooth-diagram { width: 435px; height: 410px; background: url('/images/tooth-diagram.png') no-repeat; position: relative; }
.tooth-diagram p { font-size: 20px; line-height: 20px; padding: 0; position: absolute; }

.about-game { width: 430px; height: 268px; background: url('/images/about-game.png') no-repeat; margin-left: 34px; margin-top: 15px; }
.about-game h3 { font-family: Helvetica, Arial, sans-serif; font-size: 20px; padding-left: 130px; padding-top: 15px; -webkit-transform: rotate(1deg); -moz-transform: rotate(1deg); color: #222; }
.about-game p { font-family: Helvetica, Arial, sans-serif; font-size: 13px; line-height: 20px; padding-top: 5px; padding-left: 18px; -webkit-transform: rotate(1deg); -moz-transform: rotate(1deg); }


/*** Exhibit ***/
.the-exhibit p { font-family: Helvetica, Arial, sans-serif; font-size: 13px; line-height: 16px; margin-bottom: 12px; }

.what-kids-say { margin-top: 53px; }
.what-kids-say h3 { font-family: Marydale, Helvetica, Arial, sans-serif; font-size: 24px;  color: #5a4832; text-align: center; margin-bottom: 5px;}

.kid-interviews { padding: 8px 0; background: url('/images/movie-whatkidssay.png') no-repeat; width: 274px; height: 160px; margin: 0 auto; text-align: center; }

.exhibit-details { margin-top: 15px; margin-left: 20px; background: url('/images/exhibit-details-photos.png') no-repeat bottom; height: 410px; }
.exhibit-details h3 { font-family: Marydale, Helvetica, Arial, sans-serif; font-size: 24px;  color: #5a4832; margin-bottom: 8px; }
.exhibit-details li { font-family: Helvetica, Arial, sans-serif; font-size: 14px; line-height: 18px; padding: 0 0 0 30px; margin: 0 0 5px 0; background: url('/images/list-arrow.png') no-repeat; }

.exhibit-thumbnail { width: 144px; height: 100px; position: absolute; top: -120px; right: 0; display: none; }

.exhibit-thumbnail span { display: inline-block; width:46px; line-height: 46px; background: url(/images/exhibit-green-dot.png) no-repeat 0 3px; position: absolute; top: -10px; left:-10px; font-family: Marydale, Helvetica, Arial, sans-serif; font-size: 25px; text-align: center; text-indent: -6px; color: #fff; }

.exhibit-text-container { background-color: #b67531; color: #fff; height:70px;  margin-left: 20px; margin-right: 15px; padding: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; position: relative; }

.exhibit-text { display: none; }

.exhibit-text h4 { font-family: Helvetica, Arial, sans-serif; font-size: 14px; margin: 0 0 0px 0; padding: 0; }
.exhibit-text p { font-family: Helvetica, Arial, sans-serif; padding: 0; margin: 0; font-size: 12px; line-height: 14px; color: #fff; }

.exhibit-floorplan { margin-left: 5px; margin-top: -16px; background: url('/images/exhibit-floorplan.png') no-repeat; height:267px; width: 429px; position: relative; }

.floorplan-navigation { position: relative; width: 429px; height: 267px; }

.floorplan-navigation a, .floorplan-navigation a:visited { position: absolute; display: block; width: 46px; line-height: 46px; background: url('/images/exhibit-brown-dot.png') no-repeat 0 3px; font-family: Marydale, Helvetica, Arial, sans-serif; font-size: 25px; text-align: center; text-indent: -6px; color: #fff; }

.floorplan-navigation a:hover, .floorplan-navigation a.active { background-image: url('/images/exhibit-green-dot.png'); color: #fff; }

/*** Background ***/
.background-left { padding: 0 20px; }
.background-right { padding: 0 0 0 30px; }

.background-left h3 { font-family: Marydale, Helvetica, Arial, sans-serif; font-size: 18px; line-height: 22px;  color: #5a4832;  margin-bottom: 20px; }
.background-left p, .background-right p { font-family: Helvetica, Arial, sans-serif; font-size: 13px; line-height: 16px; padding: 0; }
.background-right { margin-top: 60px; }

.creators { margin-bottom: 0; }
.people { width: 113px; float: left; text-align: center; }
.people p  { margin-top: -5px; font-size: 12px; white-space: nowrap; }

.organization { width: 280px; float: left; margin-left: 10px; }
.organization img { margin-bottom: 10px; }

/*** Contact ***/

.contact-left { padding: 0 20px; }
.contact-right { padding: 0 20px 0 30px; margin-top: 66px; }

.contact-left h3, .contact-right h3 { font-family: Marydale, Helvetica, Arial, sans-serif; font-size: 24px; line-height: 25px;  color: #5a4832;  margin-bottom: 20px; }
.contact-left p, .contact-right p { font-family: Helvetica, Arial, sans-serif; font-size: 16px; line-height: 20px; padding: 0; }

.contact-left li, .contact-right li { font-family: Helvetica, Arial, sans-serif; font-size: 15px; line-height: 18px; padding: 0 0 0 30px; margin: 0 0 5px 0; background: url('/images/list-arrow.png') no-repeat; }

.download { margin-top: 30px; }
.download-brochure { width: 201px; float: left; }
.download-poster { width: 180px; float: right; margin-left: 15px; }

.smutan-launcher { width: 200px; height:247px; position: absolute; bottom:0; right: 0;}
.smutan-launcher a { line-height: 247px; background: url('/images/smutan.png') no-repeat; display: block; text-indent: -9999px; }
.smutan-launcher a:hover { background: url('/images/smutan-hover.png') no-repeat; }

/*** Project ***/

.dentisha { background: url('/images/project-dentisha.png') no-repeat top; height: 390px; margin-top: -5px; }
.dentisha p { padding-left: 180px; margin-bottom: 5px; font-size: 15px; line-height: 18px; }


.smutans { background: url('/images/project-card.png') no-repeat; height: 282px; width: 413px; margin-top: -18px; margin-left: 20px; }

.smutans h3 { font-family: Helvetica, Arial, sans-serif; font-size: 16px; line-height: 19px; padding: 22px 10px 0 15px; -webkit-transform: rotate(1deg); -moz-transform: rotate(1deg); font-style: italic; color: #5a4832; }
.smutans p { font-family: Helvetica, Arial, sans-serif; font-size: 14px; line-height: 20px; padding: 7px 20px 0 15px; -webkit-transform: rotate(1deg); -moz-transform: rotate(1deg); }


.workshop { height: 200px; position: relative; margin-top: 75px; background-repeat: no-repeat; width: 430px; height: 257px; margin-left: 10px; }

.workshop-tape { position: absolute; top: -40px; left: 100px; width: 248px; line-height: 63px; background: url('/images/project-tape.png') no-repeat; font-family: Marydale, Helvetica, Arial, sans-serif; font-size: 20px; padding-left: 70px; color: #5a4832; }

.workshop-3d { position: absolute; bottom: -66px; left: 97px; width: 193px; height: 151px; }


.workshop-navigation { position: relative; display: block; height: 257px; text-indent: -9999px; }
.workshop-navigation a { position: absolute; display: block; }



.biofilm-magnification { height: 300px; margin-top: 37px; background: url('/images/project-biofilm.png') no-repeat; width: 390px; margin-left: 20px; position: relative; }

.biofilm-magnification p { position: absolute; font-size: 13px; line-height: 16px; padding: 0; margin: 0; }

/*** Extras ***/

.extras-download-left a, .extras-download-left a:visited { color:#5a4832; }
.extras-download-left  h3 { font-family: Marydale, Helvetica, Arial, sans-serif; font-size: 24px;  color: #5a4832; text-align: center; margin-bottom: 40px;}
.extras-download-left  h4 { font-family: Marydale, Helvetica, Arial, sans-serif; font-size: 20px;  color: #5a4832; text-align: center; margin-bottom: 10px;}
.extras-download-left  h5 { font-family: Marydale, Helvetica, Arial, sans-serif; font-size: 18px;  color: #5a4832; text-align: center; margin-bottom: 10px;}
.extras-download-left p { font-family: Helvetica, Arial, sans-serif; padding: 0; margin-left: 100px; }
.extras-download-left img { padding: 10px; vertical-align: middle; }

.extras-download-right {padding-top: 65px; padding-left: 10px;}
.extras-download-right a, .extras-download-left a:visited { color:#5a4832; }
.extras-download-right  h3 { font-family: Marydale, Helvetica, Arial, sans-serif; font-size: 24px;  color: #5a4832; text-align: center; margin-bottom: 30px;}
.extras-download-right  h4 { font-family: Marydale, Helvetica, Arial, sans-serif; font-size: 20px;  color: #5a4832; text-align: center; margin-bottom: 20px;}
.extras-download-right  h5 { font-family: Marydale, Helvetica, Arial, sans-serif; font-size: 18px;  color: #5a4832; text-align: center; margin-bottom: 10px;}
.extras-download-right p { font-family: Helvetica, Arial, sans-serif; font-size: 14px; padding: 0; margin-left: 100px; }
.extras-download-right img { padding:10px; vertical-align: middle; }

.download-bar { background: url('/images/extras-download-bar.png') no-repeat; width:291px; height: 55px; line-height: 48px; margin-left: 80px; padding: 0px;}

.extras-herb-diagram { margin-left: 20px; }
.extras-herb-diagram h3, .extras-hologram h3 { font-family: Marydale, Helvetica, Arial, sans-serif; font-size: 17px; line-height: 20px;  color: #5a4832; text-align: center; margin-bottom: 10px; }
.extras-herb-diagram p { padding: 0; margin: 0; }

.extras-herb-photos { margin-left: 20px; margin-top: -10px; }
.extras-herb-photos p { padding: 0; margin: 0; }

.extras-hologram { text-align: left; margin-top: 60px; padding-left: 20px; }
.extras-hologram p { padding: 0 40px 0 0; }

.extras-biofilm h3 { font-family: Marydale, Helvetica, Arial, sans-serif; font-size: 17px; line-height: 20px;  color: #5a4832; padding-left: 90px;}

.extras-viewer-left { background: url('/images/extras-viewer-background.png') no-repeat 10px -10px; height: 653px; margin-top: -20px; }
.extras-viewer-right { background: url('/images/extras-viewer-background.png') no-repeat 101% -9px; margin-top: 46px;  height: 653px; }
.extras-viewer-right p { padding-left: 30px; margin-top: 10px; font-family: Helvetica, Arial, sans-serif; font-size: 14px; }

.extras-chooser { padding-top: 356px; padding-left: 51px; }

.extras-chooser div { width: 400px; height: 43px; margin-bottom: 5px; background: url('/images/extras-chooser-background02.png') no-repeat; }
.extras-chooser div.active { background: url('/images/extras-chooser-background-active02.png') no-repeat; }
.extras-chooser img { margin-left: 2px; margin-right:10px; vertical-align: middle; }

.extras-chooser a { font-family: Marydale, Helvetica, Arial, sans-serif; font-size: 18px;  color: #5a4832; vertical-align: middle; }

.extras-chooser a.active, .extras-chooser a:hover { color: #000; }

.viewer-container { width: 380px; height: 455px; margin-left: 30px; text-align: center; display: none; }
.viewer-container-gif { width: 380px; margin-left: 30px; text-align: center; display: none;}
.viewer-container img { margin-top: 135px; height: 260px; }

.viewer-note-card {height: 200px; background: url('/images/extras-viewer-card.png') no-repeat; margin-left: 8px; margin-top: -30px; display: none; }
.viewer-note-card p { font-family: Marydale, Helvetica, Arial, sans-serif; font-size: 26px; line-height: 35px;  color: #5a4832; padding-left: 30px; padding-top: 20px; padding-right: 75px; }
.viewer-note-card h3 { font-family: Marydale, Helvetica, Arial, sans-serif; font-size: 17px; line-height: 25px;  color: #5a4832; padding-left: 90px; margin-top: 10px; }
.sliderInfo {margin-bottom: -25px;}
.viewer-note-card-00 {height: 200px; background: url('/images/extras-viewer-card.png') no-repeat; margin-left: 8px; margin-top: 16px; display: none; }
.viewer-note-card-00 p { padding-left: 90px; padding-top: 25px; line-height: 19px; }
.viewer-note-card-00 h3 { font-family: Marydale, Helvetica, Arial, sans-serif; font-size: 17px; line-height: 25px;  color: #5a4832; padding-left: 90px; margin-top: 10px; }



/*** FancyZoom ***/

#zoom { z-index: 9000; }

/*** Full Size Movie ***/

p.movie-full-size { margin:0; font-family:Helvetica, Arial, sans-serif; font-size:90%; }

/*** Footer ***/

.footer { position: absolute; bottom: 10px; font-family: Helvetica, Arial, sans-serif; width: 1200px; text-align: center; color: #f4ebc0; }


/*** Slider ***/

.ui-slider { position: relative; text-align: left;  margin-top: 15px; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }

.ui-slider-horizontal { height: 6px; background-color: #ada897; }

.ui-slider-horizontal .ui-slider-handle { top: -7px; background: url('/images/viewer-slider-handle.png') no-repeat -4px 0; width: 36px; height: 26px; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

/*** Slimbox ***/

#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
	display: none;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

/*** Preload Large Images ***/

.preload1 { background-image: url('/images/logo.png'); }
.preload2 { background-image: url('/images/extras-photo.png'); }
.preload3 { background-image: url('/images/extras-blueprint.png'); }
.preload4 { background-image: url('/images/extras-bookmark-navigation.png'); }
.preload5 { background-image: url('/images/extras-bookmark.png'); }
.preload6 { background-image: url('/images/extras-brochure.png'); }
.preload7 { background-image: url('/images/extras-glasses.png'); }
.preload8 { background-image: url('/images/extras-herb-diagram.png'); }
.preload9 { background-image: url('/images/extras-herb-sketch.png'); }
.preload10 { background-image: url('/images/extras-pda.png'); }

.preload11 { background-image: url('/images/extras-biofilm.png'); }
.preload12 { background-image: url('/images/extras-biofilm-burn.png'); }

.preload13 { background-image: url('/images/project-workshop.png'); }
.preload14 { background-image: url('/images/project-workshop-3d.png'); }
.preload15 { background-image: url('/images/project-workshop-cooler.png'); }
.preload16 { background-image: url('/images/project-workshop-mixer.png'); }
.preload17 { background-image: url('/images/project-workshop-raider.png'); }
.preload18 { background-image: url('/images/project-workshop-sink.png'); }
.preload19 { background-image: url('/images/project-workshop-zapper.png'); }