body.white {background:#fff;}

body.white a {color:#0072bc}

div#header {height:30px; width:auto; z-index:1000;background:url(/-/img/transparent_000_80.png)}

	body.white div#header {background:none;}

	div#header div#themeNav ul#breadcrumb {width:auto; margin: 0 30px;}
	
	body.fullWindow div#header div#themeNav ul#breadcrumb {margin: 0 10px;}

	div#header div#themeNav ul#breadcrumb li {float:left;color:#aaa;}

	div#header div#themeNav ul#breadcrumb a {color:#fff; font-weight:bold;}
	
		body.white div#header div#themeNav ul#breadcrumb a {color:#000;}
	
	div#header div#themeNav ul#breadcrumb a:hover {color:#fff;}
	
		body.white div#header div#themeNav ul#breadcrumb a:hover {color:#666;}

div.slideShowPhoto {display:none;position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;background:url(/-/img/infinity_loop.gif) no-repeat center;}

	body.white div.slideShowPhoto {background:url(/-/img/infinity_loop_black.gif) no-repeat center;}

	div.slideShowPhoto img {display:none;position:absolute;top:0;left:0;}

/* LARGE BUTTONS OVERLAY ON IMAGE
--------------------------------------------------*/

div#slideOverlayButtons {position:absolute;top:0px;left:0px;width:100%;height:100%;overflow:hidden;}
	div#slideOverlayButtons a {display:block;position:absolute;top:0;width:50%;height:100%;}
	div#slideOverlayButtons a#slideOverlayPrev {left:0;}
		div#slideOverlayButtons a#slideOverlayPrev:hover {background:url(/slideshow/img/bg_overlay-button_left_black.png) no-repeat left center transparent;}
		body.white div#slideOverlayButtons a#slideOverlayPrev:hover {background:url(/slideshow/img/bg_overlay-button_left.png) no-repeat left center transparent;}
	div#slideOverlayButtons a#slideOverlayNext {right:0;}
		div#slideOverlayButtons a#slideOverlayNext:hover {background:url(/slideshow/img/bg_overlay-button_right_black.png) no-repeat right center transparent;}
		body.white div#slideOverlayButtons a#slideOverlayNext:hover {background:url(/slideshow/img/bg_overlay-button_right.png) no-repeat right center transparent;}
	
div#slideShowTitle {position:absolute; height:40px; bottom:40px; left:30px;}
	body.fullWindow div#slideShowTitle {left:10px;}
	div#slideShowTitle h2 {font-size:11px;line-height:15px;font-weight:bold;margin:0;);}
		div#slideShowTitle h2 a.stbutton {background: url(../../img/icon_sharethis.gif) 0 1px no-repeat ! important; padding: 0 0 0 14px ! important;}

	body.white div#slideShowTitle h2 {background:#fff;}
	
	div#slideShowTitle h2 b {font-weight:normal;margin:0;}
	div#slideShowTitle h3 {display:none;font-size:11px;line-height:15px;font-weight:normal;}
	body.white div#slideShowTitle h3 {background:#fff;}
	div#slideShowTitle h3#pt_0 {display:block;}
	body.white div#slideShowTitle h2 {color:#000;}
	body.white div#slideShowTitle h3 {color:#000;font-size:11px;line-height:15px;font-weight:normal;}
	div#slideShowTitle p#slideCaptionsToggle {font-weight:normal;font-size:11px;line-height:15px;color:#aaa;margin-top:5px;}
		
/* AUDIO PLAYER
--------------------------------------------------*/

div#audioPlayer {float:left; position:absolute; right:70px; bottom:43px; width:278px; height:44px;}
	div#audioPlayer div#flashAudio {position:absolute; top:0; left:0;}
	
/* PHOTO CAPTION OVERLAY
--------------------------------------------------*/
	
div.slideShowCaption {display:none; position:absolute; top:40px; left:30px; width:250px;}
	body.fullWindow div.slideShowCaption {left:10px;}
	div.captionBottom {top:auto; bottom:130px; padding-top:0;}
	div.slideShowIntro {width:300px;}
	div.captionContent {padding:10px 10px 5px; background:url(/-/img/transparent_000_80.png); -webkit-border-bottom-right-radius:10px; -webkit-border-bottom-left-radius:10px; -moz-border-radius-bottomleft:10px; -moz-border-radius-bottomright:10px;}
		body.white div.captionContent {background:url(/-/img/transparent_fff_80.png);}
		body.white div.captionContent {background: rgba(255, 255, 255, 0.9);}
	div.captionBottom div.captionContent {-webkit-border-bottom-right-radius:0; -webkit-border-bottom-left-radius:0;-webkit-border-top-right-radius:10px; -webkit-border-top-left-radius:10px;-moz-border-radius-bottomleft:0; -moz-border-radius-bottomright:0;-moz-border-radius-topleft:10px; -moz-border-radius-topright:10px;}
	div.slideShowCaption h3 {font:bold 12px/16px 'Helvetica Neue', helvetica, sans-serif;margin-bottom:8px;color:#fff;}
		body.white div.slideShowCaption h3 {color:#000;}
		div.slideShowCaption h3 small {font-size:10px;text-transform:uppercase;font-weight:normal;}
	div.slideShowIntro h3 {font-size:14px;margin-bottom:8px;color:#fff;}
		body.white div.slideShowIntro h3 {color:#000;}
	div.slideShowCaption p {font:normal 11px/15px 'Helvetica Neue', helvetica, sans-serif; margin-bottom:11px; background:none;color:#fff;}
		body.white div.slideShowCaption p {color:#000;}
	div.slideShowIntro p {font-size:12px;line-height:16px;margin-bottom:8px;color:#fff;}
		body.white div.slideShowIntro p {color:#000}
	div.slideShowCaption p.metadata {font-size:10px; color:#999;}
		body.white div.slideShowCaption p.metadata {color:#666;}

/* SLIDE NAVIGATION BUTTONS
   --------------------------------------------------*/

div#slideShowNav {position:absolute; left:30px; bottom:10px;}
		body.white div#slideShowNav {}
		body.fullWindow div#slideShowNav {padding:10px;left:0;bottom:0; background:url(/-/img/transparent_000_80.png);}
	div#slideShowNav a#slideShowPrev {float:left; padding-top:0px; margin:0; text-align:center; width:24px; height:18px; background:url(/slideshow/img/icon_arrow_left.png) no-repeat center #111; border:1px solid #333;}			
		body.white div#slideShowNav a#slideShowPrev {background:url(/slideshow/img/icon_arrow_left_grey.png) no-repeat center #ebebeb;border:1px solid #aaa;}				
		div#slideShowNav a#slideShowPrev img {margin-top:3px;}
	div#slideShowNav a#slideShowNext {float:left; padding-top:0px; margin:0 0 0 2px; text-align:center; width:24px; height:18px; background:url(/slideshow/img/icon_arrow_right.png) no-repeat center #111; border:1px solid #333;}
		body.white div#slideShowNav a#slideShowNext {margin-top:0;background:url(/slideshow/img/icon_arrow_right_grey.png) no-repeat center #ebebeb;border:1px solid #aaa;}		
		div#slideShowNav a#slideShowNext img {margin-top:3	px;}
	div#slideShowNav ul#slideButtons {float:left; margin:0 10px 0 10px;}
		body.white div#slideShowNav ul#slideButtons {margin-top:0;}
	div#slideShowNav ul#slideButtons li {display:inline;}
	div#slideShowNav ul#slideButtons li a {float:left;font-size:11px;color:#fff;text-decoration:none;text-align:center;padding-top:3px;width:24px;height:15px;margin-right:2px;background:url(/slideshow/img/btn_inactive.png);border:1px solid #7b2e00;}	
		body.white div#slideShowNav ul#slideButtons li a {background:#c5ecfb;border-color:#c5ecfb;color:#448ccb;}
	div#slideShowNav ul#slideButtons li a.active {background:url(/slideshow/img/btn_active.png);border:1px solid #f3ac00;}		
		body.white div#slideShowNav ul#slideButtons li a.active {background:#555;border:1px solid #555;color:#fff;}		
	div#slideShowNav div#slideCaptionsToggle {float:left;font-size:10px;font-weight:normal;}
		body.white div#slideShowNav div#slideCaptionsToggle {color:#000;}
		div#slideShowNav div#slideCaptionsToggle input {vertical-align:middle;}

/* INTRODUCTION COPY
   --------------------------------------------------*/
   
div#introCopyBlock {position:absolute; width:75%; top:60px; left:50%; margin-left:-37.5%;}
		
	div#introCopyBlock h2 {font: bold 30px/36px 'Helvetica Neue', helvetica, sans-serif; color:#fff; margin-bottom:4px;}
	body.white div#introCopyBlock h2 {color:#000;}	
	div#introCopyBlock p.byline {font: normal 10px/24px 'Helvetica Neue', helvetica, sans-serif; text-transform:uppercase;}
	div#introCopyBlock p {font: normal 22px/36px Georgia, serif;}
	div#introCopyBlock p.longIntro {font: normal 16px/22px Georgia, serif;margin-bottom:1em;color:#eee;}
		body.white div#introCopyBlock p.longIntro {color:#333;}
	div#introCopyBlock a#startButton {position:static; float:left; margin-top:36px; margin-left:183px;}
		

/* START SLIDESHOW
   --------------------------------------------------*/

a#startButton {position:absolute;top:50%;left:50%;width:235px;height:50px;margin-left:-117px;margin-top:-25px;text-indent:-9000px;background:url(/slideshow/img/btn_start-slideshow.png) no-repeat top left;}
	a#startButton.hasBorder {margin-top:-70px;}

/* PHOTO LOAD PROGRESS
   --------------------------------------------------*/
   
div#loadProgress {position:absolute; right:20px; bottom:120px; background:url(/-/img/transparent_000_80.png); font:bold 11px/15px 'Helvetica Neue', helvetica, sans-serif; color:#666;}
	
/* SLIDE PREVIEW
   --------------------------------------------------*/

div#slidePreview {position:absolute; display:none; bottom:35px; left:0; border:1px solid #bbb; -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.5);}		
	body.white div#slidePreview {border-color:#333;}
	div#slidePreview img {display:block;border:3px solid #fff;}
	body.white div#slidePreview img {border-color:#000;}

/* DIAGRAM FOR VIEWABLE PART OF IMAGE
   --------------------------------------------------*/
   
div#viewportMap {display:none;position:absolute;right:10px;top:40px;background:url(/slideshow/img/transparent_fff_20.png);border:1px solid #fff;}
	div#viewArea {position:absolute; top:0;left:0;background:url(/slideshow/img/transparent_fff_20.png);}

/* MORE SLIDESHOWS DOCK FOR LAST SLIDE
   --------------------------------------------------*/
   
div#moreSeedSlideshows {display:none;position:absolute;bottom:90px;width:100%;overflow:hidden;height:150px}		
	body.fullWindow div#moreSeedSlideshows {bottom:80px;}
	div#moreSeedSlideshowsDock {position:absolute;bottom:0;left:50%;width:430px;background:url(/-/img/transparent_000_80.png); padding:10px; border-style:solid; border-color:#000; border-width:1px 1px 0;}
		body.white div#moreSeedSlideshowsDock {background:#fff;border-width:0;}
	div#moreSeedSlideshowsDock h3 {font:bold 10px/13px 'Helvetica Neue', helvetica, sans-serif;text-transform:uppercase;margin:0 10px 8px 0;}
	div#moreSeedSlideshowsDock div.moreSlideshowThumb {width:100px;float:left;margin-left:10px;}
	div#moreSeedSlideshowsDock div.slideshowThumbLeft {margin-left:0;}
	div#moreSeedSlideshowsDock div.moreSlideshowThumb img {border:1px solid #fff;margin-bottom:4px;}
	div#moreSeedSlideshowsDock div.moreSlideshowThumb h4 {font:bold 10px/13px 'Helvetica Neue', helvetica, sans-serif;}


/* PHYLLOTAXIS
   --------------------------------------------------*/
   
div#phylotaxis {position:absolute;bottom:17px;right:30px;width:54px;height:55px;background:url(/-/img/logo_phylotaxis_med_white.png) no-repeat;}
	body.white div#phylotaxis {background:url(/-/img/logo_phylotaxis_med_black.png) no-repeat;}
	body.fullWindow div#phylotaxis {right:10px;}