@font-face{font-family:helveticaCondensedLight;src:url(../fonts/HelveticaNeueLTStd-LtCn.otf)}
.off{display:none}
body{background-color:#eee;font-family:sans-serif}
.container{position:relative;margin:0 auto;width:1010px;text-align:center}
#map-page{display:none;background-color:#d1e9eb;}
#main-head{font-family: Nobel;font-weight: bold;text-transform: uppercase;font-size: 61px;padding-top: 30px;padding-bottom:15px}
#main-head>h1{padding-top:16px}
#main-ribbon{margin:0 auto;margin-top:14px;margin-bottom:14px;width:884px;height:70px;background-image:url(../img/main-ribbon.png)}
#main-ribbon>p{padding-top:22px;color:#FFF;font-size:24px}
#mapWrap{position:relative;width:100%;padding-bottom: 30px}
.st0{cursor:pointer;-webkit-transition:fill .25s;transition:fill .25s;fill:#2DB2DC;stroke:#443736;stroke-miterlimit:10}
.st0:hover{-webkit-transition:fill .25s;transition:fill .25s;fill:#2187A8}
#bottom-ribbon{position:absolute;right:35px;bottom:220px;width:308px;height:62px;background-image:url(../img/bottom-ribbon.png)}
#bottom-ribbon>p{padding-top:15px;color:#443736;font-size:16px}
#main-footer{padding:22px 32px;background-color:#fff}
#main-footer>p{margin-bottom:6px;color:#282828;text-align:left;font-size:18px}
#main-footer>hr{margin:0;height:1px;border:0;background-color:#fff}
#main-key{margin-top:16px;margin-bottom:5px;max-width:100%;height:auto}
#mapKey{font-size:18px;font-family:'Nobel';font-weight:700;text-transform: uppercase}
#tsp-map-statement{ margin: 30px auto; font-size: 20px !important; line-height: 26px; font-family: Nobel; color: #05242e; text-align: center; width: 700px; max-width: 100%; padding: 10px 30px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; background-color: #fff; }
#main-popover{position:absolute;top:0;left:0;display:none;width:349px;height:213px;background-image:url(../img/main-popover-left.png);pointer-events:none}
#main-popover>#state-title{position:absolute;top:10px;left:16px;color:#F8C32B;font-size:16px;font-family:'Nobel';font-weight:700}
.popover-percent{position:absolute;width:53px;color:#fff;text-align:center;font-size:18px}
.top-row{top:84px}
.bottom-row{top:169px}
#percent0,#percent5{left:12px}
#percent1,#percent6{left:78px}
#percent2,#percent7{left:144px}
#percent3,#percent8{left:210px}
#percent4,#percent9{left:276px}
#info-page{z-index:100;display:none}
#info-wrap{position:absolute;top:0;left:0;width:985px}
#sticky-head{position:fixed;top:0;z-index:1000;display:none;width:100%;width:985px;height:75px;background-color:#fff;opacity:0}
#sticky-head .share-btns{position:absolute;top:12px;right:12px}
#share-label{position:relative;top:17px;cursor:default;vertical-align:top;right:15px}
.share-btns{position:relative;margin:0;padding:0;list-style:none;text-align:left}
.share-btns li{display:inline;color:#30b2dc;font-size:18px;font-weight:700;font-family:'Nobel';cursor:pointer}
.gov-btn{cursor:pointer;text-align:center;position:absolute;top:18px;right:347px;padding:10px 14px 6px;border-radius:7px;color:#37B3DB;font-family:helveticaCondensedLight;font-size:18px;background-color:#fff;border:1px solid #37B3DB;text-decoration:none}
.gov-btn-text p{display:inline}
.gov-btn-text img{display:inline;padding-right:4px}
#sticky-download{margin:0 12px}
#share-download{margin:0 6px 0 12px}
.arrow{position:fixed;top:432px;z-index:1000;width:45px;height:43px;background-size:45px 43px;cursor:pointer}
#left-arrow{left:10px;left:50%;margin-left:-489px;background-image:url(../img/left-arrow.png)}
#right-arrow{right:10px;left:50%;margin-left:445px;background-image:url(../img/right-arrow.png)}
#head-logo{position:absolute;top:10px;left:20px;height:50px}
#sticky-head h3{color:#f9c329;text-transform:uppercase;font-size:54px;font-family:'Six Caps',sans-serif;line-height:68px}
#close{position:absolute;top:16px;left:10px;width:40px;height:40px;background-image:url(../img/close.png);background-size:40px;cursor:pointer}
#share-container{position:absolute;top:11px;right:0}
#share-ribbon{position:relative;top:-6px;margin-left:11px;cursor:default}
#info-head{margin-top:63px}
#info-head h1{color:#333;font-size:128px;font-family:'Nobel',sans-serif;font-weight:700}
#info-state-name{text-transform:uppercase}
#info-head h3{margin-bottom:6px;color:#B2A4A4;font-size:24px;font-weight:700;font-family:'Nobel'}
#info-head-highlight{color:#B2A4A4;font-size:19px;font-family:helveticaCondensedLight,Arial,serif}
#energy-mix{margin-top:80px}
.energy-type{margin-bottom:20px}
#energy-mix-right{float:right;margin-right:65px;text-align:right}
#energy-mix-left{float:left;margin-left:65px;text-align:left}
#energy-mix-left .energy-type-icon{display:inline-block;margin-right:19px;vertical-align:top}
#energy-mix-right .energy-type-icon{display:inline-block;margin-left:19px;vertical-align:top}
.energy-type-text{display:inline-block;margin-top:19px}
.energy-type-label{margin-bottom:4px;color:#443736;font-size:19px;font-family:'Nobel'}
.energy-type-value{color:#443736;font-size:19px;font-family:'Nobel',sans-serif;font-weight:700}
#jobs-created{position:absolute;top:865px}
#jobs-graph{position:absolute;top:13px;left:535px;width:420px;text-align:left}
.blue-man{display:inline-block;width:17px;height:40px;background-image:url(../img/blue-man.png);background-size:16px 40px;background-repeat:no-repeat}
span.jobs-label{margin-left:18px;font-size:36px;font-family:'Nobel';font-weight:700;fill:#443736}
#wws{position:absolute;top:1216px;width:100%;height:222px}
#wws-graph{position:absolute;bottom:0;left:516px;width:64px;background-color:#fac42a}
#wws-value{position:absolute;right:390px;color:#f26230;font-size:57px;font-family:'Six Caps',sans-serif}
#wws-arrow{position:absolute;right:413px}
#avoided-mortality{position:absolute;top:1785px}
#health-cost-dollars{position:absolute;left:117px;width:109px;color:#fff;font-size:78px;font-family:'Six Caps',sans-serif}
#health-cost-gdp{position:absolute;top:87px;left:268px;width:150px;color:#443736;font-size:19px;font-family:helveticaCondensedLight,Arial,sans-serif}
#health-cost-graph{position:absolute;top:-24px;left:292px}
#pollution-deaths{position:absolute;top:195px;left:325px;color:#443736;font-size:19px;font-family:'Nobel';font-weight:700}
#pollution-years{position:absolute;top:363px;left:58px;width:400px;color:#443736;text-align:left;font-size:19px;font-family:helveticaCondensedLight,Arial,sans-serif;line-height:22px}
#polution-years-txt{color:#443736;font-size:19px;font-family:'Nobel';font-weight:700}
#pollution-graph{position:absolute;top:234px;left:195px;width:240px;text-align:left}
.yellow-man{display:inline-block;width:22px;height:53px;background-image:url(../img/yellow-man.png);background-size:20px 53px;background-repeat:no-repeat}
#land-percentage{position:absolute;top:1753px}
#land-footprint,#land-spacing{position:absolute;width:100px;font-size:75px;font-family:'Six Caps',sans-serif}
#land-percentage-state{position:absolute;top:-144px;left:729px;width:240px;color:#443736;text-align:left;font-size:25px;font-weight:700;font-family:'Nobel'}
#land-footprint{left:576px;color:#FAC42A}
#land-spacing{left:754px;color:#F9612B}
#land-footprint-label,#land-spacing-label{position:absolute;top:83px;width:100px;color:#443736;text-align:left;font-size:19px;font-family:helveticaCondensedLight,Arial,sans-serif}
#land-footprint-label{left:583px}
#land-spacing-label{left:758px}
#land-percentage-graph{position:absolute;top:124px;left:550px}
#future-costs{position:absolute;top:2373px;left:298px;text-align:left}
#bau-graph-container,#wws-costs-graph-container{width:610px;position:absolute}
#bau-graph-container{top:0}
#wws-costs-graph-container{top:96px}
#bau-graph{float:left;width:200px;height:45px;background-color:#30B3DD}
#bau-costs{float:left;margin-top:18px;margin-left:27px;color:#443736;font-size:15px;font-weight:700;font-family:'Nobel'}
#wws-costs-graph{float:left;width:200px;height:45px;background-color:#FAC42A}
#wws-costs{float:left;margin-top:18px;margin-left:27px;color:#443736;font-size:15px;font-weight:700;font-family:'Nobel'}
#total-savings{position:absolute;position:absolute;top:2649px}
#total-savings-val{position:absolute;left:126px;color:#443736;font-size:18px;font-family:'Nobel';font-weight:700}
#energy-savings-val{position:absolute;top:-23px;left:853px;color:#443736;font-size:18px;font-family:'Nobel';font-weight:700}
#total-savings-graph{position:absolute;top:22px;left:62px;width:420px;text-align:left}
#energy-savings-graph{position:absolute;top:20px;left:524px;width:420px;text-align:left}
.dollar{display:inline-block;width:104px;height:53px;background-image:url(../img/dollar.png);background-size:85px 42px;background-repeat:no-repeat}
#source-url{position:absolute;top:2976px;left:677px;width:216px;height:18px;background-size:335px 58px;cursor:pointer}
#bottom-url{position:absolute;top:2940px;left:79px;width:205px;height:100px;background-size:335px 58px;cursor:pointer}
#facebook-url{position:absolute;top:3013px;left:561px;width:185px;height:25px;background-size:194px 17px;cursor:pointer}
#twitter-url{position:absolute;top:3013px;left:756px;width:133px;height:25px;background-size:194px 17px;cursor:pointer}
#site-url-tsp{position:absolute;top:2858px;left:337px;width:382px;height:25px;background-size:194px 17px;cursor:pointer}
#site-url-100{position:absolute;top:2884px;left:415px;width:116px;height:25px;background-size:194px 17px;cursor:pointer}