body { background: #ecffff; font-family: 'SofiaProLightRegular', 'Century Gothic', 'Avant Garde', sans-serif; }

#wrapper { position: relative; width: 1202px; margin: 0 auto; }
#header { position: relative; height: 151px; border-bottom: 1px solid #bfe8e6; margin-bottom: 8px; z-index: 1; }
#logo { position: absolute; top: 12px; left: 10px; display: block; }
#mainNav { position: absolute; right: 0px; bottom: -1px; padding: 0; margin: 0; list-style-type: none; vertical-align: middle; }
#mainNav li { position: relative; float: left; padding: 0; margin: 0 0 0 8px; }
#mainNav #mainNavSteps { float: left; }
#mainNav li a { line-height: 108px; padding: 0 3px; font-size: 17px; color: #49615e; /* text-transform: uppercase; */ font-weight: bold; cursor: pointer; }
#mainNav ul { display: none; position: absolute; top: 108px; background: url('/imgs/step-nav-bg.jpg') repeat-x center bottom; list-style-type: none; }
#mainNav li:hover ul { display: none; }
#mainNav ul li { float: none; padding: 0; margin: 0; }
#mainNav ul li a { line-height: 44px; padding: 0 10px; font-size: 16px; color: white; }
.actualUnderline { position: absolute; bottom: 0; left: 0; width: 100%; height: 4px; background: #52b0a9; }

#langNav { position: absolute; top: 20px; right: 5px; padding: 0; margin: 0; list-style-type: none; }
#langNav li { float: left; padding: 0; margin: 0; }
#langNav li a { display: block; margin-left: 14px; font-size: 14px; line-height: 14px; color: #aadad7; text-transform: uppercase; font-weight: bold; cursor: pointer; }
#langNav li.actual a, #langNav li a:hover { color: #52b0a9; }

#main { position: relative; overflow: hidden; height: 680px; z-index: 0; }
.cntnt { position: relative; float: left; width: 1020px; height: 680px; }

#page_0 .box { position: relative; float: left; display: block; width: 340px; height: 340px; line-height: 340px; overflow: hidden; vertical-align: middle; text-align: center; background: #52b0a9; }
#page_0 .box.double { width: 680px; }
#page_0 a.box .lighter { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.2); opacity: 0; filter: alpha(opacity = 0);
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out;
  -ms-transition: opacity .25s ease-in-out;
  -o-transition: opacity .25s ease-in-out;
  transition: opacity .25s ease-in-out;
}
#page_0 .box.makesItCool .lighter { background: rgba(255,255,255,0.1); }
#page_0 a.box:hover .lighter { opacity: 1; filter: alpha(opacity = 1); }
#page_0 .box .headline { display: inline-block; line-height: 40px; vertical-align: middle; color: white; font-size: 36px; font-weight: bold; text-transform: uppercase; letter-spacing: 12px; margin-right: -12px; }
#page_0 .box .more { position: absolute; right: 0; bottom: 10px; display: block; width: 34px; height: 34px; overflow: hidden; background: url('/imgs/box_more-icon.png') no-repeat 0 0; text-indent: -4000px; overflow: hidden; }
#page_0 a.box:hover .more { background-position: -34px 0; }
#page_0 .box.climbing { background: url('/imgs/image_climbing_small.jpg') no-repeat center center; }
#page_0 .box.mountain { background: url('/imgs/image_mountain_small.jpg') no-repeat center center; }
#page_0 .box.island { background: url('/imgs/image_island.jpg') no-repeat center 0; }
#page_0 .box.makesItCool { background: url('/imgs/texture_coal-transp.png') no-repeat 0 0; }
#page_0 .box.makesItCool .headline { margin-right: 0; }
#page_0 .box.makesItCool .headline span { display: block; }
#page_0 .box.makesItCool .makes { font-size: 30px; letter-spacing: 18px;  margin-right: -18px; line-height: 36px; }
#page_0 .box.makesItCool .middle { background: url('/imgs/makes-it-cool-divider.png') no-repeat center center; line-height: 25px; }
#page_0 .box.makesItCool .it { font-size: 24px; letter-spacing: 14px;  margin-right: -14px; }
#page_0 .box.makesItCool .cool { letter-spacing: 23px; margin-right: -23px; line-height: 40px; }
#page_0 .box.manifesto { background: url('/imgs/texture_light-ice.jpg') no-repeat 0 0; }
#page_0 .box.youAndIceCan .headline { margin-right: 0; }
#page_0 .box.youAndIceCan .youAnd { font-size: 30px; line-height: 40px; letter-spacing: 8px; margin: 0 -28px 0 -20px; }
#page_0 .box.youAndIceCan .ice { display: block; width: 182px; height: 81px; background: url('/imgs/ice-stories_ice.png') no-repeat center 0; text-indent: -4000px; overflow: hidden; }
#page_0 .box.youAndIceCan .can { font-size: 44px; line-height: 52px; letter-spacing: 46px; margin: 0 -46px 0 -6px; }
#page_0 .box .smallHeadline { text-align: right; position: absolute; width: 76%; bottom: 12px; right: 13%; margin-top: 18px; display: block; font-size: 18px; line-height: 20px; letter-spacing: 0; text-transform: none; font-family: 'SofiaProLightRegular', Georgia, serif; color: rgba(255,255,255,0.75);
  -moz-transition: color .25s ease-in-out;
  -webkit-transition: color .25s ease-in-out;
  -ms-transition: color .25s ease-in-out;
  -o-transition: color .25s ease-in-out;
  transition: color .25s ease-in-out;
}
#page_0 .box:hover .smallHeadline { color: white; }

.stepNavCol { position: relative; float: left; width: 90px; height: 680px; background: url('/imgs/step-nav-bg.jpg') repeat-x center bottom; overflow: hidden;
  -moz-transition: width .35s ease-in-out;
  -webkit-transition: width .35s ease-in-out;
  -ms-transition: width .35s ease-in-out;
  -o-transition: width .35s ease-in-out;
  transition: width .35s ease-in-out;
}
.stepNavCol.open { width: 180px; }
.stepNavCol.closed { width: 0; }
.stepNavCol .social { padding: 37px 0 0; margin: 0; text-align: center; list-style-type: none; }
.stepNavCol .social li { display: block; padding: 0; margin-bottom: 20px; }
.stepNavCol .social a { display: inline-block; width: 68px; height: 69px; background: url('/imgs/social-icons.png') no-repeat 0 0; text-indent: -4000px; overflow: hidden; }
.stepNavCol .social a:hover { background-position: -68px 0; }
.stepNavCol .social .twitter { background-position: 0 -69px; }
.stepNavCol .social .twitter:hover { background-position: -68px -69px; }
.stepNavCol .social .youtube { background-position: 0 -138px; }
.stepNavCol .social .youtube:hover { background-position: -68px -138px; }
.stepNavCol .social .message { background-position: 0 -207px; }
.stepNavCol .social .message:hover { background-position: -68px -207px; }
.stepNavCol .stepBtn { position: absolute; bottom: 44px; right: 0; display: block; width: 100%; line-height: 75px; vertical-align: middle; text-align: center; background: rgba(0,0,0,0.3); color: white; cursor: pointer; }
.stepNavCol .stepBtn .arrowCnt { display: inline-block; padding-right: 34px; background: url('/imgs/arrow-right_large.png') no-repeat right center; }
.stepNavCol.left .stepBtn .arrowCnt { padding: 0 0 0 34px; background: url('/imgs/arrow-left_large.png') no-repeat left center; }
.stepNavCol .stepBtn .txt { display: inline-block; width: 0; line-height: 20px; max-height: 40px; font-size: 15px; font-weight: bold; /* text-transform: uppercase; */ letter-spacing: 1px; vertical-align: middle; overflow: hidden;
  -moz-transition: width .35s ease-in-out;
  -webkit-transition: width .35s ease-in-out;
  -ms-transition: width .35s ease-in-out;
  -o-transition: width .35s ease-in-out;
  transition: width .35s ease-in-out;
}
.stepNavCol .stepBtn .txt .subMenu {  }
.stepNavCol.open .stepBtn .txt { width: 130px; }
.stepNavCol .subSteps { padding: 37px 0 0; margin: 0; text-align: center; list-style-type: none; }
.stepNavCol .subSteps li { display: block; padding: 0; margin-bottom: 20px; }
.stepNavCol .subSteps a { display: inline-block; width: 68px; height: 69px; line-height: 69px; background: url('/imgs/sub-steps-circle.png') no-repeat 0 0; text-align: center; vertical-align: middle; font-size: 28px; font-weight: bold; color: #6cbcb2; }
.stepNavCol .subSteps a:hover, .stepNavCol .subSteps .active a { background-position: -68px 0; color: white; }

.stepNavCol .subSteps.multiCol { padding-left: 10%; padding-right: 10%; }
.stepNavCol .subSteps.multiCol li { float: left; width: 50%; }

.navigatorPage .box { position: relative; float: left; display: block; width: 50%; height: 50%; line-height: 340px; overflow: hidden; vertical-align: middle; text-align: center; background: #52b0a9; }
.navigatorPage a.box { cursor: pointer; }
.navigatorPage .box.double { width: 100%; background: url('/imgs/image_balloon_giant.jpg') no-repeat center center; }
.navigatorPage a.box .lighter { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.2); opacity: 0; filter: alpha(opacity = 0); z-index: 1;
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out;
  -ms-transition: opacity .25s ease-in-out;
  -o-transition: opacity .25s ease-in-out;
  transition: opacity .25s ease-in-out;
}
.navigatorPage a.box:hover .lighter { opacity: 1; filter: alpha(opacity = 1); }
.navigatorPage .box .headline { position: absolute; width: 80%; bottom: 20%; right: 8%; display: inline-block; line-height: 52px; text-align: right; vertical-align: middle; color: white; font-size: 42px; font-weight: bold; /*text-transform: uppercase; */ letter-spacing: 3px; margin-right: -8px; z-index: 2; }
.navigatorPage .box.double .headline { position: relative; width: auto; bottom: auto; right: auto; font-size: 58px; line-height: 58px; padding-right: 50%; text-align: center; letter-spacing: 12px; margin-right: -12px; }
.navigatorPage .box .more { position: absolute; right: 0; bottom: 10px; display: block; width: 34px; height: 34px; overflow: hidden; background: url('/imgs/box_more-icon.png') no-repeat 0 0; text-indent: -4000px; overflow: hidden; z-index: 2; }
.navigatorPage a.box:hover .more { background-position: -34px 0; }
.navigatorPage .box.lightIce { background: url('/imgs/texture_light-ice.jpg') repeat 0 0; }
.navigatorPage .box.who-we-are { background: url('/imgs/who-we-are-box_bg.jpg') repeat right 0; }
.navigatorPage .box.carbon-footprint-reduction { background: url('/imgs/carbon-footprint-rediction-box-bg.jpg') repeat right 0; }
.navigatorPage .box.experts { background: url('/imgs/expert-bg.jpg') repeat right 0; }
.navigatorPage .box.patrons { background: url('/imgs/support.jpg') repeat right 0; }
.navigatorPage .box.events { background: url('/imgs/book.jpg') repeat right 0; }
.navigatorPage .box.members { background: url('/imgs/members.jpg') repeat right 0; }
.navigatorPage .box.who-we-are .decoration01 { position: absolute; top: 0; right: 0; width: 100%; height: 12px; background: #8fc73e; }
.navigatorPage .box.how-we-do-better { background: url('/imgs/step-image-box_bg.jpg') no-repeat center center; }
.navigatorPage .box.carbon-offset { background: url('/imgs/carbon-offset-box_bg.jpg') no-repeat center center; }
.navigatorPage .box.you-and-icc-can { background: url('/imgs/image_windmill_giant.jpg') no-repeat center center; }
.navigatorPage .box.founder { background: url('/imgs/founder_marine.jpg') no-repeat center center; }
.navigatorPage .box.about-the-club { background: url('/imgs/club_large.jpg') no-repeat center center; }
.navigatorPage .box.environmental-to-businesses { background: url('/imgs/company-icc.jpg') no-repeat center center; }
.navigatorPage .box.you-and-icc-can .headline { text-align: left; padding: 0 56% 0 4%; }
.navigatorPage .box.you-and-icc-can .navSentence { width: 420px; }
.navigatorPage .box.why-youll-love-icc-products .headline { font-size: 42px; line-height: 50px; }
.navigatorPage .box.why-youll-love-icc-products { background: url('/imgs/texture_light-ice.jpg') repeat 0 0; }
.navigatorPage .box.why-youll-love-icc-products .decoration01 { position: absolute; top: 0; right: 0; width: 100%; height: 12px; background: #ffc91f; }
.navigatorPage .box.why-youll-love-icc-products .lighter { background: rgba(0,0,0,0.1); }
.navigatorPage .box.iccmap { background-image: url('/imgs/map-box_bg.jpg'); }
.navigatorPage .box.iccmap .decoration01 { position: absolute; top: 0; left: 0; width: 50%; height: 12px; background: #33c6f4; }
.navigatorPage .box.iccmap .decoration02 { position: absolute; top: 0; right: 0; width: 50%; height: 12px; background: #dc1374; }
.navSentence { position: absolute; color: #182b29; color: white; right: 42px; bottom: 44px; width: 520px; min-height: 47px; padding: 40px 0 0 50px; font: 30px/33px /* 'Century Schoolbook', */ 'SofiaProLightRegular', Georgia, serif; font-style: italic; text-align: right; background: url('/imgs/quotation-mark_white_large.png') no-repeat 0 0; z-index: 2; }

.navigatorPage.social .box { background: url('/imgs/texture_coal-transp.png') repeat 0 0; }
.navigatorPage.social .box .decoration01 { position: absolute; top: 0; left: 0; width: 100%; height: 20px; /* background: #3b5998; */ background: #6cbcb2; }
.navigatorPage.social .box .headline { text-align: left; font-size: 36px; line-height: 36px; right: auto; left: 36%; bottom: 52%; }
.navigatorPage.social .box .decoration02 { position: absolute; right: 68%; top: 50%; display: block; width: 68px; height: 69px; margin-top: -35px; background: url('/imgs/social-icons.png') no-repeat -68px 0; text-indent: -4000px; overflow: hidden; z-index: 2; }
.navigatorPage.social .box .txt { position: absolute; left: 36%; top: 49%; width: 50%; color: white; color: rgba(255,255,255,0.7); text-align: left; font: 22px/25px 'SofiaProLightRegular', Georgia, serif; font-style: italic; z-index: 2; }
.navigatorPage .box.facebook .lighter, .navigatorPage .box.facebook .decoration01 { background-color: #3b5998; }
.navigatorPage .box.twitter .lighter, .navigatorPage .box.twitter .decoration01 { background-color: #00aced; }
.navigatorPage .box.youtube .lighter, .navigatorPage .box.youtube .decoration01 { background-color: #ef3938; }
.navigatorPage .box.message .lighter, .navigatorPage .box.message .decoration01 { background: url('/imgs/texture_coal-transp.png') repeat 0 0; }
.navigatorPage.social .box.twitter .decoration02 { background-position: -68px -69px; }
.navigatorPage.social .box.youtube .decoration02 { background-position: -68px -138px; }
.navigatorPage.social .box.message .decoration02 { background-position: -68px -207px; }

.cntnt.message { background: url('/imgs/texture_coal-transp.png') repeat 0 0; }
.cntnt.message .decoration01 { position: absolute; top: 0; left: 0; width: 100%; height: 20px; background: url('/imgs/texture_coal-transp.png') repeat 0 0; }
.cntnt.message .formCnt { position: absolute; width: 50%; left: 42%; top: 0; padding: 3%; color: white; }
.cntnt.message input[type=text], .cntnt.message textarea { display: block; background: rgba(0,0,0,0.2); color: white; width: 100%; line-height: 14px; font-size: 14px; padding: 12px 12px; border: 1px solid #ccc; border-color: rgba(255,255,255,0.7); }
.cntnt.message input[type=text]:focus, .cntnt.message textarea:focus { background: rgba(0,0,0,0.4); border-color: white; }
.cntnt.message textarea { height: 240px; resize: none; }
.cntnt.message label { display: inline-block; color: white; float: left; text-align: right; margin-left: -27%; }
.cntnt.message .row { padding: 10px 0; }
.cntnt.message .starredInfo { font-size: 11px; font-style: italic; padding: 8px 0; color: rgba(255,255,255,0.5); }
.cntnt.message input[type=submit] { line-height: 16px; font-size: 16px; border: none; background: black; background: rgba(0,0,0,0.6); color: white; padding: 14px 16px; width: 120px; cursor: pointer;
  -moz-transition: background-color .25s ease-in-out;
  -webkit-transition: background-color .25s ease-in-out;
  -ms-transition: background-color .25s ease-in-out;
  -o-transition: background-color .25s ease-in-out;
  transition: background-color .25s ease-in-out;
}
.cntnt.message input[type=submit]:hover, .cntnt.message input[type=submit]:focus { background: black; }}
.cntnt.message .mBox { overflow: hidden; vertical-align: middle; text-align: center; }
.cntnt.message .mBox .headline { position: absolute; width: 80%; bottom: 20%; right: 8%; display: inline-block; line-height: 52px; text-align: right; vertical-align: middle; color: white; font-size: 46px; font-weight: bold; text-transform: uppercase; letter-spacing: 8px; margin-right: -8px; z-index: 2; }
.cntnt.message .mBox { position: absolute; bottom: 25%; left: 0; display: block; line-height: 340px; height: 340px; width: 40%; }
.cntnt.message .mBox .headline { text-align: left; font-size: 36px; line-height: 36px; right: auto; left: 36%; bottom: 52%; }
.cntnt.message .mBox .decoration02 { position: absolute; right: 68%; top: 50%; display: block; width: 68px; height: 69px; margin-top: -35px; background: url('/imgs/social-icons.png') no-repeat -68px 0; text-indent: -4000px; overflow: hidden; z-index: 2; }
.cntnt.message .mBox .txt { position: absolute; left: 36%; top: 49%; width: 50%; color: white; color: rgba(255,255,255,0.7); text-align: left; font: 22px/25px 'Century Schoolbook', Georgia, serif; font-style: italic; z-index: 2; }
.cntnt.message .mBox .decoration02 { background-position: -68px -207px; }

#footer { position: relative; height: 94px; line-height: 94px; color: #698885; font-size: 11px; font-weight: bold; /* text-transform: uppercase; */ letter-spacing: 1px; vertical-align: middle; }
#footerNav { padding: 0; margin: 0; list-style-type: none; text-transform: none; }
#footerNav li { float: left; padding: 0; margin: 0 16px 0 0; }
#footerNav li a { display: inline-block; line-height: 20px; vertical-align: middle; }
#footerTxt { position: absolute; top: 0; right: 90px; }
#footerTxt p { display: inline; }
#footerLogo { position: absolute; top: 0; right: 12px; display: block; }
#footerLogo img { display: inline-block; vertical-align: middle; }

.leftRow { float: left; width: 40%; }

.headlinePic { position: relative; height: 340px; padding-left: 90px; margin-left: -90px; background: url('/imgs/image_island_large.jpg') no-repeat right 0; }
#page_2 .headlinePic { background-image: url('/imgs/image_climbing.jpg'); }
#page_3 .headlinePic { background-image: url('/imgs/image_windmill.jpg'); }
#page_4 .headlinePic { background-image: url('/imgs/image_balloon.jpg'); }
#page_5 .headlinePic { background-image: url('/imgs/image_mountain.jpg'); }
#page_6 .headlinePic { background-image: url('/imgs/image_surf.jpg'); }
.headlinePic .headline { position: absolute; bottom: 10px; left: 90px; color: white; font-size: 42px; line-height: 48px; font-weight: bold; /*text-transform: uppercase; */ letter-spacing: 12px; }
.sentenceArea { position: relative; height: 340px; background: url('/imgs/texture_light-ice.jpg') no-repeat 0 0; color: white; overflow: hidden; }
.sentenceArea blockquote { position: absolute; right: 25px; bottom: 44px; width: 344px; padding: 40px 0 0 50px; min-height: 50px; font: 34px/38px 'SofiaProLightRegular',/* 'Century Schoolbook', */ Georgia, serif; font-style: italic; text-align: right; background: url('/imgs/quotation-mark_white_large.png') no-repeat 0 0; }
.txtCnt { position: relative; float: left; width: 60%; height: 100%; background: white url('/imgs/txt-cntnt_bottom.png') repeat-x 0 bottom; }
.txtCnt .txtCntnt { padding: 22px; }

.partnersList .item { position: relative; float: left; width: 153px; height: 153px; background: white /*url('/imgs/texture_coal-lighter-transp.png')*/ repeat center center; }
/* .partnersList .item.even { background-image: url('/imgs/texture_coal-light-transp.png'); } */
.partnersList .item.featured { width: 100%; height: 177px; }
.partnersList .item .logo { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url('/imgs/ice-logo-small.png') no-repeat center center; }
.partnersList .item .lighter { position: absolute; top: 0; left: 0; width: 100%; height: 100%; line-height: 153px; background: black; background: rgba(0,0,0,0.7); opacity: 0; filter: alpha(opacity = 0); z-index: 1; text-align: center; vertical-align: middle; color: white;
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out;
  -ms-transition: opacity .25s ease-in-out;
  -o-transition: opacity .25s ease-in-out;
  transition: opacity .25s ease-in-out;
}
.partnersList .item:hover .lighter { opacity: 1; filter: alpha(opacity = 1); }
.partnersList .item .lighter .txt { display: inline-block; line-height: 24px; }
.partnersList .item .headline { font-size: 13px; text-transform: uppercase; /* font-weight: bold; */ letter-spacing: 3px; margin-right: -3px; }
.partnersList .item .more { position: absolute; right: 0; bottom: 10px; display: block; width: 34px; height: 34px; overflow: hidden; background: url('/imgs/box_more-icon.png') no-repeat 0 0; text-indent: -4000px; overflow: hidden; z-index: 2; }
.partnersList .item:hover .more { background-position: -34px 0; }
.partnersList .item.featured .headline { position: absolute; font-size: 30px; line-height: 32px; bottom: 50%; left: 4%; color: white; letter-spacing: 6px; text-shadow: 0 0 12px rgba(0,0,0,0.25); z-index: 2; }
.partnersList .item.featured blockquote { position: absolute; top: 50%; left: 4%; color: white; font: 22px/28px 'Century Schoolbook', Georgia, serif; font-style: italic; text-shadow: 0 0 12px rgba(0,0,0,0.25); z-index: 2; }
.partnersList .item .headline { padding: 12px 12px; letter-spacing: .5px; position: relative; z-index: 5;
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out;
  -ms-transition: opacity .25s ease-in-out;
  -o-transition: opacity .25s ease-in-out;
  transition: opacity .25s ease-in-out;
}
.partnersList .item:hover .headline { color: #fff; }
.partnersList .item { color: #192B29; }
.partnersList .item:hover { text-decoration: none; }
.partnersList .item:hover .headline { text-decoration: none; }
.partnersList .item.cs_0 { background: #7EE3DF; }
.partnersList .item.cs_1 { background: url("/imgs/step-nav-bg.jpg") repeat-x scroll center bottom rgba(0, 0, 0, 0); color: #fff; }
.partnersList .item.cs_2 { background: url("/imgs/texture_light-ice.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0); }
.partnersList .item.cs_3 { background: #63C9C2; }
.partnersList .item.cs_4 { background: url("/imgs/texture_coal-transp.png") repeat scroll 0 0 rgba(0, 0, 0, 0); color: #fff; }
.partnersList .item.cs_5 { background: #52B0A9; }

.txtCntnt { font: 14px/24px Verdana, Arial, Helvetica, sans-serif; color: #777; }
.txtCntnt p { margin: 12px 0; }
.txtCntnt h2 { color: #294945; font-family: 'Century Schoolbook', Georgia, serif; font-size: 26px; margin: 28px 0 28px; }
.txtCntnt h3 { color: #294945; font-family: 'Century Schoolbook', Georgia, serif; font-size: 20px; }
.txtCntnt h4 {  }
.txtCntnt img { margin: 30px 0; }
.txtCntnt p:first-child, .txtCntnt h2:first-child, .txtCntnt h3:first-child, .txtCntnt h4:first-child, .txtCntnt ul:first-child { margin-top: 0; }

#main.subPage { height: auto; }
#main.subPage .cntnt { height: auto; width: 80%; }
#main.subPage .cntnt .head { position: relative; height: 150px; background: url('/imgs/image_balloon_giant.jpg') no-repeat center center; }
#main.subPage .cntnt .head .pageHead { position: absolute; bottom: 0; margin-bottom: -3px; left: 45px; width: 80%; display: inline-block; line-height: 58px; text-align: left; vertical-align: middle; color: white; font-size: 40px; font-weight: bold; /* text-transform: uppercase; */ letter-spacing: 4px; margin-right: -4px; z-index: 2; }
#main.subPage .cntntWrapper { background: white; min-height: 300px; padding: 45px 330px 110px 45px; background: white url('/imgs/txt-cntnt_bottom.png') repeat-x 0 bottom; }
.quoteArea { position: relative; float: right; top: 0; right: 0; margin: 45px 0 4px 30px; width: 370px; background: url('/imgs/texture_light-ice.jpg') no-repeat 0 0; color: white; overflow: hidden; }
.quoteArea blockquote { padding: 60px 25px 30px 50px; font: 26px/30px 'SofiaProLightRegular', Georgia, serif; font-style: italic; text-align: right; background: url('/imgs/quotation-mark_white_large.png') no-repeat -12px 20px; }
#main.subPage .cntnt.you-and-ice .head { background-image: url('/imgs/image_windmill_giant.jpg'); background-position: center -180px; }
#main.subPage .cntnt.ice-partners .head { background-image: url('/imgs/image_surf_giant.jpg'); background-position: center -180px; }

.partnerSteps { position: relative; height: 120px; background: #365f5a; padding: 0; margin: 0; list-style-type: none; }
.partnerSteps li { position: absolute; top: 0; right: 0; width: 50%; height: 100%; padding: 0; margin: 0; }
.partnerSteps li.prev { right: auto; left: 0; }
.partnerSteps li a { display: block; height: 100%; text-indent: -4000px; overflow: hidden; background: white no-repeat center center; }
.partnerSteps li a .lighter { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url('/imgs/texture_coal-transp.png') repeat center center; opacity: 1; filter: alpha(opacity = 1);
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out;
  -ms-transition: opacity .25s ease-in-out;
  -o-transition: opacity .25s ease-in-out;
  transition: opacity .25s ease-in-out;
}
.partnerSteps li a:hover .lighter { opacity: 0; filter: alpha(opacity = 0); }
.partnerSteps li a .more { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url('/imgs/arrow-right_large.png') no-repeat center center; }
.partnerSteps li.prev a .more { background-image: url('/imgs/arrow-left_large.png'); }

#main.subPage .stepNavCol { position: absolute; width: 20%; height: 100%; right: 0; top: 0; background-color: #365f5b; color: white; }
#main.subPage .stepNavCol .parentHead { position: relative; height: 150px; line-height: 150px; background: rgba(0,0,0,0.3); vertical-align: middle; text-align: center; text-transform: uppercase; font-weight: bold; font-size: 22px; letter-spacing: 4px; margin-right: -4px; }
#main.subPage .stepNavCol .parentHead .txt { display: inline-bock; line-height: 24px; vertical-align: middle; }

#categories-box { position: absolute; z-index: 2; right: 0; bottom: 44px; }
#categories-box .catCnt { float: left; /* background: url('/imgs/texture_coal-transp.png') */ repeat 0 0; }
#categories-box .category { height: 120px; width: 120px; background: url('/imgs/markers/icon_sun.png') no-repeat center center; text-indent: -4000px; overflow: hidden; border-bottom: 6px solid black; }

#categories-box .category#category_2 { background-image: url('/imgs/markers/icon_wind.png'); }
#categories-box .category#category_4 { background-image: url('/imgs/markers/icon_water.png'); }
#categories-box .category#category_5 { background-image: url('/imgs/markers/icon_bio.png'); }
#categories-box .category#category_8 { background-image: url('/imgs/markers/icon_forest.png'); }
#categories-box .category#category_9 { background-image: url('/imgs/markers/icon_planning.png'); }
#categories-box .category#category_10 { background-image: url('/imgs/markers/icon_energy.png'); }
#categories-box .category.selected#category_1, #categories-box .category#category_1:hover { border-color: #ffc91f; }
#categories-box .category.selected#category_2, #categories-box .category#category_2:hover { border-color: #dc1374; }
#categories-box .category.selected#category_4, #categories-box .category#category_4:hover { border-color: #33c6f4; }
#categories-box .category.selected#category_5, #categories-box .category#category_5:hover { border-color: #8fc73e; }
#categories-box .category.selected#category_8, #categories-box .category#category_8:hover { border-color: #067444; }
#categories-box .category.selected#category_9, #categories-box .category#category_9:hover { border-color: #8a743f; }
#categories-box .category.selected#category_10, #categories-box .category#category_10:hover { border-color: #17af5a; }
#categories-box .category { opacity: 0.5; filter: alpha(opacity = 0.5);
  -moz-transition: opacity .25s ease-in-out, border-color .25s ease-in-out, background-color .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out, border-color .25s ease-in-out, background-color .25s ease-in-out;
  -ms-transition: opacity .25s ease-in-out, border-color .25s ease-in-out, background-color .25s ease-in-out;
  -o-transition: opacity .25s ease-in-out, border-color .25s ease-in-out, background-color .25s ease-in-out;
  transition: opacity .25s ease-in-out, border-color .25s ease-in-out, background-color .25s ease-in-out;
}
#categories-box .category:hover { opacity: 1;  filter: alpha(opacity = 0); }
#categories-box .category.selected { background-color: black; }
#map_canvas { z-index: 1; }

#map_canvas { width: 100%; height: 600px; }
.mapInfoWindow .header {  }
.mapInfoWindow .header h2 { text-transform: uppercase; font-size: 22px; font-weight: bold; }
.mapInfoWindow .txtCntnt { font-size: 11px; line-height: 16px; }

.anim { position: relative; }