@charset "UTF-8";
/* Energy Explorers page */
.outline-17 #g-main {
background: url('/images/exhibits/energyexplorers/clouds.png') repeat-x scroll center top; z-index:2; margin-top:-10px; 
}
.outline-17 #g-page-surround {
	background: url('/images/exhibits/energyexplorers/ee_top_background.png') no-repeat scroll center top; z-index:1;
	background-color: #fff;
}
.outline-17 .item-page {padding-left: 0; padding-right: 0;}

/* Import font for quotes */
@font-face {  
    font-family: "Marydale";  
    src: url( '/fonts/marydale/marydale.eot' ); /* IE */    
} 

/* Import font for quotes */
@font-face {  
    font-family: "Marydale";  
    src: url( '/fonts/marydale/marydale.ttf' ); /* non-IE */    
} 

@media screen and (min-width: 0px) and (max-width: 767px) {
	#subnav_bar {display:none;}
	#people {width:100%;}
	#people #choices {float:left; width: 100%; height: 188px; margin:460px 0 0 0; position:relative; padding: 3%;}
	#people #energy_hero {float:left; width: 100%; height:216px; margin:700px 0 0 0; position:absolute; padding: 3%;}
	#people p { font-size: 14px; line-height:18px;}
	#people h2 { font-size: 24px; line-height:24px;}
	/**#explorer_city_scene {position: relative; width: 100%; padding-top:75px; z-index:1; top: -1360px; left:-360px;}**/
	#explorer_city_scene { display: none;}
	#explorer_guides_support {height:490px;}
	#explorer_sponsors {height:330px;}
	#explorer_sponsors div {height: 330px;}
	#explorer_gas_station {margin-top:-685px;}
	#explorer_gas_station div {margin: 75px 0 0 5%;}
	#explorer_plan_it_green {margin-top:40px; }
	#explorer_quotes #social { width:80%;}
	#explorer_plan_it_green {background: url('/images/exhibits/energyexplorers/plan_it_green_background_sm.png') no-repeat scroll center top; }
	#explorer_plan_it_green .disclaimer {margin: 15px 0 0 -25px;}
	#explorer_energy_in_news {padding:-65px 20px 45px 20px;}
	#explorer_guides_support {margin-top: 100px;}
	#explorer_main a.read_article {background: url('/images/exhibits/energyexplorers/buttons/read_article_sm.png') no-repeat; width: 125px; height:37px;}
}
@media screen and (min-width: 768px) and (max-width: 959px) {
	#subnav_bar {width:768px;}
	#subnav a.hours_rates {padding-right:23%;}
	#people {width:100%;}
	#people #choices {float:left; width: 400px; height: 188px; margin:275px 0 0 150px; position:relative; }
	#people #energy_hero {float:left; width: 400px; height:216px; margin:650px 0 0 400px; position:absolute; }
	#people p { font-size: 14px; line-height:20px;}
	#people h2 { font-size: 24px; line-height:24px;}
	/**#explorer_city_scene {position: relative; width: 100%; padding-top:75px; z-index:1; top: -1250px; left:-215px;}**/
	#people #white {width: 120px; height: 110px; margin:90px 0 0 0;}
	#people #blue_chat {margin:-450px 140px 0 0; }
	#people #black {width: 130px; height: 130px; margin:110px 70px 0 0;}
	#people #green_chat {margin:-225px 200px 0 0; }
	#people #asian {width: 130px; height: 130px; margin:0 0 0 120px; }
	#people #orange_chat {margin:-50px 0 0 20px; }
	#explorer_city_scene #lights { display: block; left: 50%; margin-left: -544px;}
	#explorer_guides_support {height:420px;}
	#explorer_sponsors {height:330px;}
	#explorer_sponsors div {height: 330px;}
	#explorer_gas_station {margin-top:-745px;}
	#explorer_gas_station div {margin: 225px 0 0 5%;}
	#explorer_quotes #social { width:50%;}
	#explorer_plan_it_green {background: url('/images/exhibits/energyexplorers/plan_it_green_background.png') no-repeat scroll center top; }
	#explorer_plan_it_green .disclaimer {margin: 25px 0 0 -25px;}
	#explorer_energy_in_news {padding:45px 20px 45px 20px;}
	#explorer_main a.read_article {background: url('/images/exhibits/energyexplorers/buttons/read_article.png') no-repeat; width: 155px; height:47px;}
}
@media screen and (min-width: 960px) and (max-width: 1199px) {
	#subnav_bar {width:960px;}
	#subnav a.hours_rates {padding-right:28%;}
	#people {width:100%;}
	#people #choices {float:left; width: 515px; height: 188px; margin:350px 0 0 200px; position:relative; }
	#people #energy_hero {float:left; width: 493px; height:216px; margin:800px 0 0 500px; position:absolute; }
	#people p { font-size: 15px; line-height:21px;}
	#people h2 { font-size: 36px; line-height:36px;}
	/**#explorer_city_scene {position: relative; width: 100%; padding-top:75px; z-index:1; top: -1215px; }**/
	#people #white {width: 140px; height: 140px; margin:110px 5px 0 0;}
	#people #blue_chat {margin:-475px 160px 0 0; }
	#people #black {width: 160px; height: 160px; margin:140px 85px 0 0;}
	#people #green_chat {margin:-225px -10px 0 0; }
	#people #asian {width: 160px; height: 160px; margin:45px 0 0 160px; }
	#explorer_city_scene #lights { display: block; left: 50%; margin-left: -480px;}
	#explorer_guides_support {height:320px;}
	#explorer_sponsors {height:300px;}
	#explorer_sponsors div {height: 300px;}
	#explorer_gas_station {margin-top:-745px;}
	#explorer_gas_station div {margin: 225px 0 0 5%;}
	#explorer_quotes #social { width:50%;}
	#explorer_plan_it_green {background: url('/images/exhibits/energyexplorers/plan_it_green_background.png') no-repeat scroll center top; }
	#explorer_plan_it_green .disclaimer {margin: 25px 0 0 -25px;}
	#explorer_energy_in_news {padding:45px 20px 45px 20px;}
	#explorer_main a.read_article {background: url('/images/exhibits/energyexplorers/buttons/read_article.png') no-repeat; width: 155px; height:47px;}
	}
@media screen and (min-width: 1200px) {
	#subnav_bar {width:1200px;}
	#subnav a.hours_rates {padding-right:30%;}
	#people {width:1200px;}
	#people #choices {float:left; width: 515px; height: 188px; margin:442px 0 0 300px; position:relative; }
	#people #energy_hero {float:right; width: 493px; height:216px; margin:1000px 0 0 600px; position:absolute;}
	#people p { font-size: 15px; line-height:21px;}
	#people h2 { font-size: 36px; line-height:36px;}
	/**#explorer_city_scene {position: absolute; max-width: 100%; padding-top:1545px; z-index:1; top: 70px;}**/
	#people #white {width: 175px; height: 175px; margin:145px 5px 0 0;}
	#people #blue_chat {margin:-200px 190px 0 0; }
	#people #black {width: 200px; height: 200px; margin:165px 105px 0 0;}
	#people #green_chat {margin:-225px -10px 0 0; }
	#people #asian {width: 200px; height: 200px; margin:100px 0 0 200px; }
	#explorer_city_scene #lights {display: block; margin-left: auto; margin-right: auto;}
	#explorer_guides_support {height:320px;}
	#explorer_sponsors {height:300px;}
	#explorer_sponsors div {height: 300px;}
	#explorer_gas_station {margin-top:-745px;}
	#explorer_gas_station div {margin: 225px 0 0 5%;}
	#explorer_quotes #social { width:50%;}
	#explorer_plan_it_green {background: url('/images/exhibits/energyexplorers/plan_it_green_background.png') no-repeat scroll center top; }
	#explorer_plan_it_green .disclaimer {margin: 25px 0 0 -25px;}
	#explorer_energy_in_news {padding:45px 20px 45px 20px;}
	#explorer_main a.read_article {background: url('/images/exhibits/energyexplorers/buttons/read_article.png') no-repeat; width: 155px; height:47px;}
}
#explorer_main { width: 100%; /*margin:-35px 0 0 0;*/ margin: 0 auto; z-index:0; margin-top: 90px;}

/* Heading and paragraph classes **/
#explorer_main h2 { color: #333333; font-size: 37px; font-weight: bold; font-family: "Helvetica"; padding: 0 0 10px 0; line-height:37px; letter-spacing: 0.02em;}
#explorer_main h2 .blue { color: #6699cc; }
#explorer_main h3 { color: #666666; font-size: 21px; font-family: "Helvetica"; /*padding: 8px 0 8px;*/ line-height:18px; letter-spacing: 0.02em;}
#explorer_main h4 { color: #666666; font-size: 15px; font-family: "Helvetica"; font-style:italic;/*padding: 8px 0 8px;*/ line-height:18px; letter-spacing: 0.02em;}
#explorer_main p, #explorer_main li { color: #666666; font-size: 15px; font-family: "Helvetica"; line-height:21px;}
#explorer_main p.green { color: #33cc33; font-size: 15px; font-weight: bold; font-family: "Helvetica";}
#explorer_main a.facebook { opacity: 1.0; filter: alpha(opacity=100); background: url('/images/exhibits/energyexplorers/buttons/facebook.png') no-repeat; width: 150px; height:47px; display:block; text-indent:-9999px; float:left;}
#explorer_main a.twitter { opacity: 1.0; filter: alpha(opacity=100); background: url('/images/exhibits/energyexplorers/buttons/twitter.png') no-repeat; width: 150px; height:47px; display:block; text-indent:-9999px; float:left;}
#explorer_main a.play_now { opacity: 1.0; filter: alpha(opacity=100); background: url('/images/exhibits/energyexplorers/buttons/play_now.png') no-repeat; width: 157px; height:47px; display:block; text-indent:-9999px;}
#explorer_main a.learn_more { opacity: 1.0; filter: alpha(opacity=100); background: url('/images/exhibits/energyexplorers/buttons/learn_more.png') no-repeat; width: 147px; height:47px; display:block; text-indent:-9999px;}
#explorer_main a.find_showtimes { opacity: 1.0; filter: alpha(opacity=100); background: url('/images/exhibits/energyexplorers/buttons/find_showtimes.png') no-repeat; width: 177px; height:47px; display:block; text-indent:-9999px;}
#explorer_main a.read_article { opacity: 1.0; filter: alpha(opacity=100); display:block; text-indent:-9999px;}
#explorer_main a.donate_now { opacity: 1.0; filter: alpha(opacity=100); background: url('/images/exhibits/energyexplorers/buttons/donate_now.png') no-repeat; width: 157px; height:47px; display:block; text-indent:-9999px;}
#explorer_main a.button:hover {opacity: 0.9; filter: alpha(opacity=90); }

/** general classes **/
.mb_960 { position: relative; width: 100%; margin: 0 auto; }
.explorer_grey_divider_horizontal { clear: both; max-width: 1200px; width: 100%; height: 10px; background: #999999; margin: 0 auto; }
#blackout { position:fixed; top:0; left:0; bottom:0; right:0; margin: 0; padding: 300px 0 0 0; height: 100%; width: 100%; background: #000000; opacity: .9; filter: alpha(opacity=30); -moz-opacity: .3; z-index: 999; }
#blackout div { margin: 0 auto; width: 100%; height: 600px; text-align:center; }
#blackout h2 { color: #fff; font-size: 37px; font-weight: bold; font-family: "Helvetica"; padding: 0 0 10px 0; line-height:37px; letter-spacing: 0.02em; }
#blackout p { color: #fff; font-size: 15px; font-family: "Helvetica"; line-height:21px; }
#blackout #keep_scrolling { background: url('/images/exhibits/energyexplorers/keep_scrolling.png') no-repeat; }
#blackout #keep_scrolling #light_bulb_on {position: relative; height:84px; width:109px; background:url('/images/exhibits/energyexplorers/light_bulb_on.png') no-repeat; z-index:999999;}


#people {max-width: 100%; position: relative; margin-top: 0px; min-height: 1188px; margin: 0 auto; background: url('/images/exhibits/energyexplorers/people.png') no-repeat scroll center top; z-index:4; background-size: 100%;}
#subnav_bar {width: 100%; position:relative; height:58px; background-color: rgba(0, 51, 51, 0.7); z-index:5; }
#subnav {height:58px; /*background-color: rgba(0, 51, 51, 0.7);*/ /*width:1110px; padding-right:170px;*/ width:100%; margin:0 auto;}
#subnav a {float:right; margin: 12px 0 0 15px; }
#subnav p {float:right; font-family: "Helvetica"; font-size:14px; color: #fff; margin-top:18px; font-style:italic;}
#subnav a.hours_rates { opacity: 1.0; filter: alpha(opacity=100); background: url('/images/exhibits/energyexplorers/buttons/hours_rates.png') no-repeat; width: 168px; height:47px; display:block; text-indent:-9999px; float:right;}
#subnav a.buy_renew_membership { opacity: 1.0; filter: alpha(opacity=100); background: url('/images/exhibits/energyexplorers/buttons/buy_renew_membership.png') no-repeat; width: 235px; height:47px; display:block; text-indent:-9999px; float:right;}
#subnav a.button:hover {opacity: 0.9; filter: alpha(opacity=90); }

/** explorer top banner **/
#explorer_top { position: relative; margin: 0 0 0 -160px; /*margin:-9px 0 -35px 0;*/ height: 1188px; width:1280px;  z-index:1; }

#people #white {float:right; position:relative; z-index:999999; }
#people #blue_chat {float:right; width: 179px; height: 126px; position:relative; z-index:999999; background: url('/images/exhibits/energyexplorers/blue_chat_bubble.png') no-repeat; }
#people #blue_chat div {width:130px; height:70px; margin:0 auto; margin-top:32px; z-index:999999;}
#people #blue_chat p { color: #fff; font-size:13px; font-family: "Helvetica"; line-height:16px; }

#people #black {float:right; position:relative; z-index:999999; }
#people #green_chat {float:right; width: 179px; height: 126px; position:relative; z-index:999999; background: url('/images/exhibits/energyexplorers/green_chat_bubble.png') no-repeat; }
#people #green_chat div {width:125px; height:75px; margin:0 auto; margin-top:32px; }
#people #green_chat p { color: #fff; font-size:14px; font-family: "Helvetica"; line-height:16px; }

#people #asian {float:left; position:relative; z-index:999999; }
#people #orange_chat {float:left; width: 179px; height: 126px; position:relative; z-index:999999; background: url('/images/exhibits/energyexplorers/orange_chat_bubble.png') no-repeat; }
#people #orange_chat div {width:125px; height:75px; margin:0 auto; margin-top:28px;}
#people #orange_chat p { color: #fff; font-size:14px; font-family: "Helvetica"; line-height:16px; }

#people p { color: #666666; font-family: "Helvetica";}
#people h2 { color: #333333; ont-weight: bold; font-family: "Helvetica"; padding: 0 0 5px 0; letter-spacing: 0.01em;}
#people .blue { color: #6699cc; }
/*#explorer_top .white {width: 50px; height: 50px; position: absolute; top: 20px; left: 20px; background:red; z-index:99999;}*/

/** explorer city scene **/
#explorer_city_scene {position: absolute; max-width: 100%; padding-top:1545px; z-index:1; top: 70px; margin: 0 auto;}
#explorer_city_scene div { max-width:1200px; width:100%; height:350px; top:-70px; margin: 0 auto;}
#explorer_city_scene #lights {position: relative; width:1200px; background:url('/images/exhibits/energyexplorers/city_scene_lights.png') no-repeat;}
/*#explorer_city_scene #content {position:relative; height: 121px; width:80%; margin: 0 auto; margin-top: -100px;}
#explorer_city_scene #content h2 { color: #fff; }
#explorer_city_scene #content p { color: #fff; }*/

/** explorer city scene content**/
#explorer_city_scene_content {position: absolute; max-width: 100%; padding-top:1845px; z-index:1; top: 70px; margin: 0 auto;}
#explorer_city_scene_content div { max-width:1200px; height:350px; top:-70px; margin: 0 auto;}
#explorer_city_scene_content #content {position:relative; height: 121px; width:80%; margin: 0 auto; margin-top: -100px;}
#explorer_city_scene_content #content h2 { color: #fff; }
#explorer_city_scene_content #content p { color: #fff; }

/** explorer gas station **/
#explorer_gas_station {max-width: 1200px; position: relative; height: 631px; background: url('/images/exhibits/energyexplorers/gas_station_background.png') no-repeat scroll center top;}
#explorer_gas_station div {position:relative; float:left; width:40%; }

/** explorer slideshow **/
#explorer_showcase { position:relative; width:566px;}
#explorer_showcase #showcase-left {position:absolute; width:196px; height:397px; top: 0; left: -196px; }
#explorer_showcase .layer {background-color: rgba(102, 153, 204, 0.7); position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#explorer_showcase #showcase-right {position:absolute; width:196px; height:397px; top: 0; right: -196px; }

#explorer_showcase .showcase-arrow-previous { opacity: 0.7; filter: alpha(opacity=70); background: transparent url("/images/exhibits/energyexplorers/slideshow_left_arrow.png") no-repeat; width: 94px; left: 28px; left:-130px; top: 150px;}
#explorer_showcase .showcase-arrow-next { opacity: 0.7; filter: alpha(opacity=70); background: transparent url("/images/exhibits/energyexplorers/slideshow_right_arrow.png") no-repeat; width: 97px; right: 28px; right:-130px; top: 150px;}
#explorer_showcase .showcase-arrow-previous:hover { opacity: 1.0; filter: alpha(opacity=100); }
#explorer_showcase .showcase-arrow-next:hover { opacity: 1.0; filter: alpha(opacity=100); }

/** explorer quotes **/
#explorer_quotes { position: relative; max-width: 1200px; width: 100%; height:477px; padding: 25px 0 25px 0; margin: 0 auto;}
#explorer_quotes #slider { position:relative; margin: 20px 0 25px 0; height:219px; width:100%; }
#explorer_quotes #slider ul { list-style: none;}
#explorer_quotes #slider p {font-family: "Marydale"; font-size:51px; line-height: 65px; }
#explorer_quotes #social { position:relative; height:100px; margin: 0 auto; text-align:center; margin-bottom: 10px;}
#explorer_quotes #social .buttons {position:relative; display: inline-block;}

/** explorer plan it green **/
#explorer_plan_it_green {position: relative; width: 100%; height: 465px; }
#explorer_plan_it_green div {position:relative; float:right; width:392px; margin: 55px 45px 0 0;}
#explorer_plan_it_green .disclaimer {color: #666666; font-size: 12px; font-style: italic; font-family: "Helvetica";}

/** explorer focus on energy **/
#explorer_focus_on_energy {width: 100%; position:relative; height:350px; padding:25px 20px 45px 20px;}
#explorer_focus_on_energy h2 {padding-left:25px; }
#explorer_focus_on_energy div {float: left; width: 260px; position:relative; padding: 0 25px 0 25px;}
#explorer_focus_on_energy div.border {border-left:1px solid #cccccc; }

/** explorer switch **/
#explorer_switch {width: 100%; position:relative; height:163px; background: url('/images/exhibits/energyexplorers/grey_background.png') repeat-y; padding:45px; border:0;}
#explorer_switch div {float: left; width: 50%; position:relative; }
#explorer_switch div.right { padding-left:45px; }
#explorer_switch .video {margin-top:-125px; }

/** explorer energy in the news **/
#explorer_energy_in_news {width: 100%; position:relative; height:450px; }
#explorer_energy_in_news h2 {padding-left:25px; }
#explorer_energy_in_news div {float: left; width: 33%; position:relative; padding: 0 25px 0 25px;}
#explorer_energy_in_news div.border {border-left:1px solid #cccccc; }

/** explorer guides & support **/
#explorer_guides_support {width: 100%; position:relative; background: url('/images/exhibits/energyexplorers/grey_background.png') repeat-y; padding:45px; margin-left:-1px; border:0;}
#explorer_guides_support #guides {float: left; width: 55%; position:relative; }
#explorer_guides_support #guides .lists { float:left; margin-left: 0; padding-left: 0; list-style: none; }
#explorer_guides_support #guides .lists li { padding-left: 20px; background-image: url(/images/exhibits/energyexplorers/file_icon.png); background-repeat: no-repeat; margin:0 0 10px 10px;}
#explorer_guides_support #guides .lists li a { color:#666666;}
#explorer_guides_support #guides .lists li a:hover{ color:#33cc33;}
#explorer_guides_support #support {float: left; width: 45%; position:relative; padding-left:25px; border-left:1px solid #cccccc;}

/** explorer sponsors **/
#explorer_sponsors {width: 100%; position:relative; padding:45px 20px 45px 20px;}
#explorer_sponsors div {float: left; width: 25%; position:relative; padding: 0 15px 0 15px; }
#explorer_sponsors div.border {border-left:1px solid #cccccc; }
#explorer_sponsors h4 {padding-bottom:5px; }
#explorer_sponsors p {line-height:22px; }