/* background colors */

.bg-color-dark-gray {
	background: #7D7D7D;		
}

.bg-color-light-gray {
	background: #EEE;	
}

.bg-color-blue {
	background: #00A7E0;
}

.bg-color-light-blue {
	background: #BEE4F3;
}

.bg-color-dark-blue {
	background: #295688;
}

.bg-color-teal {
	background: #099;	
}

.bg-color-white {
	background: #FFF;	
}

/* text colors */

.color-white {
	color: #FFF;	
}

.color-blue {
	color: #00A7E0;	
}

.color-dark-blue {
	background: #295688;	
}

.color-gray {
	color: #7D7D7D;	
}

.color-light-gray {
	color: #EEE;	
}

.color-teal {
	color: #099;	
}

/* defaults */

body {
	margin: 0;
	padding: 0;	
	font-family: "Arial", "sans-serif";
	font-size: 14px;
	color: #666;
}

a img {
	border: 0;
	outline: none;	
}

h2 {
	color: #00A7E0;
	font-size: 40px;	
	font-weight: 600;
	margin-top: 0;
}

h3 {
	color: #00A7E0;
	font-size: 24px;	
}

h4 {
	color: #999;
	font-size: 23px;		
	font-weight: 400;
}

td > img {
	margin-left: 20px;
	margin-right: 20px;	
}

#content td {
	padding: 5px;	
}

/* scaffolding */

.max-width {
	margin: 0 auto;
	max-width: 1000px;	
}

#top-nav-bar {
	height: 40px;
}

#top-nav-bar .navbar-collapse.collapse {
	height: 40px !important;	
}

#top-nav-bar a {
	color: 	#295688;
	text-transform: uppercase;
    font-family: "Arial", "sans-serif";
	font-size: 12px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.navbar {
	min-height: 80px;	
}

#second-nav-bar {
	height: 84px;	
}

#second-nav-bar .navbar {
	min-height: 84px;	
}

#second-nav-bar .navbar-right a {
	margin-top: 25px;
	color: 	#00A7E0;
	text-transform: uppercase;
    font-family: "Arial", "sans-serif";
	font-size: 12px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: bold;
}

#second-nav-bar a.button {
	color: #FFF;	
	border-radius: 5px;
	padding-left: 30px;
	padding-right: 30px;
	height: 33px;
}

#second-nav-bar a.button:hover {
	background: #295688;	
}

#solution-dropdown {
	display: none;
	width: 100%;
	height: 170px;
	background: #FFF;
	position: absolute;
	top: 120px;
	border-top: 1px solid #BEE4F3;
	border-bottom: 1px solid #BEE4F3;
	z-index: 1002;
}

#solution-icons {
	width: 920px;
	margin: 0 auto;	
}

.solution-icon {
	width: 230px;
	text-align: center;
	float: left;
}

.solution-icon img {
	margin-top: 20px;
	margin-bottom: 5px;	
}

.solution-icon a {
	color: #7D7D7D;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;	
}

#story-dropdown {
	display: none;
	width: 100%;
	height: 170px;
	background: #FFF;
	position: absolute;
	top: 120px;
	border-top: 1px solid #BEE4F3;
	border-bottom: 1px solid #BEE4F3;
	z-index: 1002;
}

#story-icons {
	width: 920px;
	margin: 0 auto;	
}

.story-icon {
	width: 230px;
	text-align: center;
	float: left;
}

.story-icon img {
	margin-top: 20px;
	margin-bottom: 5px;	
}

.story-icon a {
	color: #7D7D7D;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;	
}

#location-dropdown {
	display: none;
	width: 100%;
	height: 170px;
	background: #FFF;
	position: absolute;
	top: 120px;
	border-top: 1px solid #BEE4F3;
	border-bottom: 1px solid #BEE4F3;
	z-index: 1002;
}

#location-icons {
	width: 230px;
	margin: 0 auto;	
}

.location-icon {
	width: 230px;
	text-align: center;
	float: left;
}

.location-icon img {
	margin-top: 20px;
	margin-bottom: 5px;	
}

.location-icon a {
	color: #7D7D7D;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;	
}

#contact-dropdown {
	display: none;
	width: 100%;
	height: 170px;
	background: #FFF;
	position: absolute;
	top: 120px;
	border-top: 1px solid #BEE4F3;
	border-bottom: 1px solid #BEE4F3;
	z-index: 1002;
}

#contact-icons {
	width: 230px;
	margin: 0 auto;	
}

.contact-icon {
	width: 230px;
	text-align: center;
	float: left;
}

.contact-icon img {
	margin-top: 20px;
	margin-bottom: 5px;	
}

.contact-icon a {
	color: #7D7D7D;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;	
}

#content > div {
	padding-top: 20px;
	padding-bottom: 40px;
}

#footer-nav {
	padding-top: 40px;	
}

#footer-nav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
} 

#footer-nav a {
	text-decoration: none;
	color: #EEE;	
	display: inline-block;
}

#footer-nav ul a {	
	margin-top: 10px;
}

#footer-nav a:hover {
	text-decoration: underline;	
}

#footer-nav .col-md-2 {
	margin-bottom: 10px;	
}

#footer {
	margin: 40px 0;
	line-height: 32px;
	font-weight: bold;	
}

#footer > div {
	border-top: 1px solid #EEE;	
}

#footer .row {
	margin-top: 20px;	
}

#footer ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
} 

#footer li {
	display: inline-block;
	margin-right: 15px;	
}

#footer li:last-child {
	margin-right: 0;	
}

#footer a {
	text-decoration: none;
	color: #EEE;	
	font-weight: bold;
}

#footer a:hover {
	text-decoration: underline;	
}

/* custom styles */

.bold {
	font-weight: bold;	
}

.clear {
	clear: both;	
}

.divider {
	height:	60px;
	background: url(../images/nextera/divider.png) #FFF no-repeat;
	background-position: center center;
}

.divider-sm {
	height:	40px;
	background: url(../images/nextera/divider-sm.png) #FFF no-repeat;
	background-position: center center;
}

.nextera-button {
	background: #295688;
	border-radius: 5px;
	color: #FFF;
	font-size: 12px;
	font-weight: 700;
	line-height: 20px;
	padding: 12px 30px;
	border: 0;
	text-transform: uppercase;
	height: 33px;	
}

a.nextera-button:hover {
	color: #FFF;	
	text-decoration: none;
}

/* home page */

#home-testimonial > div {
	margin: 0 auto;
	max-width: 1000px;
	padding: 50px 10px;
	font-weight: bold;
	font-size: 30px;
	text-align: center;	
	text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4);
}

#home-icons .row > div {
	text-align: center;	
	padding: 20px 0 40px;
}

#home-icons img {
	margin: 20px 0;	
}

#home-icons a {
	font-weight: bold;
	font-size: 16px;	
}

#home-icons a:hover {
	text-decoration: none;	
}

#home-sliders {
	height: 530px;	
	position: relative;
}

#home-sliders .slide {
	height: 530px;
	width: 100%;
	background-position: center;	
	text-align: center;
	position: absolute;
}

#home-slide-1 {
	background: url(../images/nextera/home-slider-1.jpg);	
}

#home-slide-2 {
	background: url(../images/nextera/home-slider-2.jpg);	
	display: none;
}

#home-slide-3 {
	background: url(../images/nextera/home-slider-3.jpg);	
	display: none;
}

.slide h2 {
	margin: 0 auto;
	padding-top: 100px;
	color: #FFF;
	width: 950px;	
	text-align: center;
	font-size: 70px;
	text-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
}

.slide h2 sup {
	font-size: 12px;	
	text-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
}

.slide p {
	margin: 40px auto 0;
	padding: 20px;
	width: 500px;
	color: #FFF;	
	font-size: 26px;
	background: url(../images/nextera/blue80.png);
	border-radius: 5px;
	text-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
}

#slider-nav {
	height:	 60px;
	background: url(../images/nextera/divider.png) #FFF no-repeat;
	background-position: bottom center;
	text-align:center;
}

.nav-circle {
	display: inline-block;
	width: 8px;
	height: 8px;
	border-radius: 4px;
	background: #CCC;
	margin: 25px 5px 0;
	cursor: pointer;
}

.nav-circle.active {
	background: #BEE4F3;	
}

#news-outside-container {
	width: 600px;
	height: 250px;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	margin: 50px auto 0;
	position: relative;
}

#news-outside-container .arrow-left {
	position: absolute;	
	width: 56px;
	height: 56px;
	cursor: pointer;
	background: url(../images/nextera/news-nav-left.png);
	left: -28px;
	top: 97px;
}

#news-outside-container .arrow-right {
	position: absolute;	
	width: 56px;
	height: 56px;
	cursor: pointer;
	background: url(../images/nextera/news-nav-right.png);
	right: -28px;
	top: 97px;
}

#news-outside-container .featured {
	position: absolute;
	right: 5px;
	padding: 5px 25px;	
	top: -50px;
	border-radius: 0 0 15px 15px;
	text-transform: uppercase;
}

#home-news .news {
	padding: 50px;
	display: none;	
}

#home-news .news img {
	width: 100px;
	margin: 10px;
}	

#home-news .news > div {
	width: 350px;	
}

#home-news #news-1 {
	display: block;
}

#news-nav {
	height: 50px;	
	text-align: center;
}

#news-nav .nav-circle {
	margin-top: 20px;	
}

/* overview */

#overview-header {
	height: 278px;	
}

#overview-header div {
	height: 278px;
	width: 100%;
	background: url(../images/nextera/overview-header.jpg);
	background-position: center;	
}

.overview {
	padding: 40px 0;	
}

.overview td {
	padding: 20px;	
}

.overview p {
	font-size: 18px;	
	line-height: 150%;
}

/* for individuals */

.for-individuals {
	padding: 40px 0;	
	font-size: 16px;
}

.for-individuals h2 {
	margin: 30px 0 40px;
}

.for-individuals h4 {
	margin-bottom: 20px;
	color: #00A7E0;
	font-weight: 500;
}

.for-individuals td {
	padding-right: 20px;	
}

/* for employers */

.for-employers {
	padding: 40px 0;	
	font-size: 16px;
}

.for-employers h2 {
	margin: 30px 0 40px;
}

.for-employers h4 {
	margin-bottom: 20px;
	color: #00A7E0;
	font-weight: 500;
}

.for-employers td {
	padding-right: 20px;	
}

/* our story */

#our-story-nav {
	width: 100%;
	height: 40px;
	background: #08AAE1;
}

#our-story-nav ul {
	list-style-type: none;
    margin: 0;
    padding: 0;
	text-align: center;
}

#our-story-nav li {
	display: inline;	
	line-height: 40px;
}

#our-story-nav a {
	display: inline-block;
	color: #FFF;
	padding: 0 20px;
	text-decoration: none;
	text-transform: uppercase;
}

#our-story-nav a:hover {
	color: #295688;
	text-decoration: none;
}

.our-story {
	padding: 40px 0;	
}

.our-story td {
	padding: 20px 20px 20px 0;	
}

.our-story h2 {
	margin: 30px 0 40px;		
}

.our-story h4 {
	line-height: 150%;
}

.our-story p {
	font-size: 18px;
	line-height: 160%;	
}

/* our mission */

.our-mission {
	padding: 40px 0;	
}

.our-mission td {
	padding: 20px 20px 20px 0;	
}

.our-mission h2 {
	margin: 30px 0 40px;		
}

.our-mission h2 small {
	font-size: 34px;	
}

.our-mission h4 {
	line-height: 150%;
}

.our-mission p {
	font-size: 18px;
	line-height: 160%;	
}

/* our leadership */

#our-leadership {
	padding: 40px 0;	
}

#our-leadership h2 {
	margin: 30px 0 40px;	
}

.bio {
	padding: 20px 20px 60px;	
	width: 100%;
	max-width: 480px;
	float: left;
}

.bio img {
	float: left;	
	margin: 0 20px 0 0;
}

.bio > div {
	padding-top: 10px;
	height: 125px;
	overflow: hidden;	
}

.bio a span {
	padding-left: 10px;
	font-size: 11px;	
}

/* news-page */

#news-page {
	padding: 40px 0;	
	font-size: 16px;
}

#news-page h2 {
	margin: 30px 0 40px;
}

#news-page h4 {
	margin-bottom: 20px;
	color: #00A7E0;
	font-weight: 500;
}

#news-page td {
	padding-right: 20px;	
}

#news-page td img {
	margin: 0 40px 0 0;	
}

/* contact-join */

#contact-join {
	background: url(../images/nextera/divider.png) #f2f6f9 no-repeat;
	background-position: top center;
}

.contact-join-panel {
	float: left;
	width: 50%;	
	margin: 30px 0;
	padding: 30px 50px;
}

.contact-join-panel:last-child {
	border-left: 1px solid #CCC;	
}

.contact-join-panel img {
	float: left;
	display: inline-block;	
	margin: 0 20px;
}

.contact-join-panel p {
	padding: 20px;	
}

.contact-join-panel p strong {
	color: #00A7E0;	
}

/* locations */

.coming-soon {
	color: #F60
}

#locations-search {
	padding: 30px 0;	
	text-align: center;
}

#locations-search form {
	margin-top: 20px;	
}

#locations-search input[type="text"] {
	width: 300px;
}

#locations-search input[type="submit"] {
	background: #295688;
	border-radius: 5px;
	color: #FFF;
	font-size: 12px;
	font-weight: 700;
	line-height: 20px;
	padding: 6px 30px;
	border: 0;
	text-transform: uppercase;
	height: 33px;
}

#locations-map-container {
	position: relative;	
}

#locations-map {
	width: 100%;
	height: 500px;	
}

#locations-list-back {
	position: absolute;
	left: 100px;
	top: 50px;
	width: 400px;
	height: 400px;
	background: #FFF;	
	box-shadow: 0 0 10px #666;
	zoom: 1;
	filter: alpha(opacity=80);
	opacity: 0.8;
}

#locations-list {
	position: absolute;
	left: 100px;
	top: 50px;
	width: 400px;
	height: 400px;
	padding: 25px;
	overflow-y: scroll;
}

#locations-list .group {
	background: url(../images/nextera/marker.png) no-repeat;
	background-position: 0px 20px;
	padding: 10px 10px 10px 50px;
}

#locations-list .group ul {
	list-style: none;
	margin: 0;
	padding: 0;	
}

#locations-list .group ul > li {
	padding: 5px 5px 5px 20px;	
}

/* groups */

#mountains {
	height: 120px;	
}

#mountains div {
	height: 120px;
	width: 100%;
	background: url(../images/nextera/mountains.jpg);
	background-position: center;	
}

#group-landing td {
	padding: 0 15px 15px 0;	
}

#group-landing td strong {
	color: #999;
	font-size: 20px;	
}

#group-landing td strong small {
	color: #999;
	font-size: 14px;	
}

#group-landing {
	padding: 30px 0;	
}

#group-landing strong {
	color: #00A7E0;
}

.download-pdf {
	background: url(../images/nextera/download-pdf.png) no-repeat;
	height: 68px;
	padding-left: 50px;	
}

.download-pdf a {
	display: inline-block;
	margin-top: 15px;
	font-weight: bold;
	color: #00A7E0;	
}

/* contact us */

#contact-us > div {
	padding-top: 20px;
	padding-bottom: 40px;
}

#contact-us h2 {
	margin: 50px 0 30px;
}

#contact-us h4 {
	margin-bottom: 30px;
	color: #00A7E0;
	font-weight: bold;
}

#contact-us h5 {
	color: #00A7E0;	
	font-weight: bold;
}

#contact-us .control-label {
	text-align: left !important;	
}

/* faq */

#faq {
	padding: 50px 0;	
}

.accordion-group {
	margin-bottom: 20px;	
}

/* media queries */

/* slider width is 1460, so expand after that */
@media (min-width : 1461px)
{
	#home-sliders .slide {
		background-size: 100%;	
	}
	
	#mountains div {
		background-size: 100%;	
	}
}

/* styles for anything above mobile */
@media (min-width : 768px)
{
	.show-on-collapse-only {
		display: none !important;	
	}
	
	#top-nav-bar li:last-child {
		margin-right: 0;	
		padding-right: 0;
	}
	
	#top-nav-bar li:last-child a {
		margin-right: 5px;	
		padding-right: 0;
	}
	
	#top-nav-bar a:hover {
		background: none;	
	}
	
	#second-nav-bar a.button {
		margin-left: 15px;
	}
	
	#group-landing .col-md-8 > div {
		padding-right: 30px;	
	}
	
	#group-landing .col-md-4 > div {
		padding-left: 30px;	
	}
}

/* styles for iPad landscape */
@media (min-width : 768px) {

    #home-sliders,
    #slider-nav {
        display: block;
    }

    #home-icons .col-md-4 {
        padding-top: 40px !important;
        width: 33.3333% !important;
        float: left !important;
    }

    #home-icons img {
        width: 200px;
        height: 200px;
    }

    #footer-nav .col-md-2 {
        float: left !important;
        width: 16.6667% !important;
        font-size: 11px !important;
    }

    #second-nav-bar .navbar-right a {
        font-size: 10px;
    }

    #story-icons {
        width: 768px;
        margin: 0 auto;
    }

    .story-icon {
        width: 192px;
        text-align: center;
        float: left;
    }
}

/* styles for mobile up to (but not including) iPad landscape */
@media (max-width : 767px) {

    #home-sliders,
    #slider-nav,
    #home-news {
        display: none;
    }

	.navbar {
		margin-bottom: 0 !important;	
	}
	
	#top-nav-bar {
		display: none;	
	}
	
	.hide-on-collapse {
		display: none !important;	
	}
	
	#second-nav-bar {
		height: auto;	
	}

	#second-nav-bar .navbar-right a {
		margin-top: 5px;
	}
	
	.navbar-header button {
		margin-top: 20px;	
		margin-bottom: 25px;
	}
	
	#second-nav-bar a.button {
		margin-left: 5px;
		margin-right: 5px;
		padding-left: 15px;
	}
	
	#footer-nav ul {
		padding-left: 10px;
	}
	
	.contact-join-panel {
		width: 100%;	
		padding: 30px 50px;
	}
	
	.contact-join-panel:last-child {
		border-left: 0;	
	}
	
	#locations-list-back {
		display: none;	
	}
	
	#locations-list {
		position: relative;
		top: 0;
		left: 0;
		width: 100%;	
		height: auto;
		background: #EEE;
		overflow: auto;
	}
	
	.bio {
		width: 100%;
		max-width: 100%;	
	}
}

/* styles for phones */
@media (max-width : 420px) {
	.bio img {
		float: none;	
	}
}