html, body{
	height:100%;
}

header{
}
header .logo{
	float:left;
	width:200px;
	height:92px;
	padding:15px 0;
}
#nav {
	float:right;
	margin:20px 0 0 0;
}
#nav .account-nav {
    list-style: none;
    margin: 0 0 45px 0;
	text-align:right;
}
#nav .account-nav > li {
    display: inline-block;
	text-align:center;
	padding:0 0 0 20px;
}
#nav .account-nav > li > a{
	color: #33b44a;
	font-weight:600;
}
#nav .account-nav > li > a:hover{
	color:#333333;
}
#nav .main-nav {
    list-style: none;
    margin: 0;
}
#nav .main-nav > li {
    display: inline-block;
    position: relative;
	margin:0;
	padding:0 15px;
	border-right:#33b44a 2px solid;
}
#nav .main-nav li a{
	font-size:18px;
	color: #33b44a;
    display: block;
    padding: 0;
    z-index: 10;
    position: relative;
	font-weight:600;
}
#nav .main-nav li a:hover{
	color:#333333;
}
#nav .main-nav > li:last-child {
	border:none;
	padding:0 0 0 15px;
}
/* Sub nav */
#nav .main-nav > li > ul{
	display:none;
	position:absolute;
	left:0;
	z-index:100;
	background:#fff;
	list-style: none;
    margin: 0;
	min-width:100%;
	padding:20px 0 10px 0;
	border-radius:0 0 10px 10px;
}
#nav .main-nav > li:hover > ul{
	display:block;
}
#nav .main-nav > li > ul > li{
	padding:5px 15px 5px 15px;
}


/* Home Slider */
#slideshow li{
	height:400px;
}
#slideshow .slide-content{
	width:400px;
	visibility:hidden;
	padding:50px 0;
}
#slideshow .slide-content h2{
	font-size:36px;
	line-height:42px;
	margin:0;
	padding:0 0 20px 0;
	font-weight:600;
}
#slideshow .slide-content h3{
	font-size:23px;
	line-height:27px;
	margin:0;
	padding:0 0 20px 0;
	font-weight:600;
}

	


#content{
	background:#999999;
	padding:60px 0;
}
#content .intro{
	padding:0 180px;
}
#content p{
	color:#fff;
	font-size:18px;
	line-height:22px;
	font-weight:600;
	margin:0;
	padding:0 0 15px 0;
	text-align:center;
}
#content .search-box p{
	color:#fff;
	font-size:23px;
	line-height:27px;
	font-weight:600;
	margin:0;
	padding:15px 0 15px 0;
	text-align:center;
}


#cta-boxes{
	padding:45px 0;
}
#cta-boxes .cta-box{
	padding:20px;
	border:#aacf38 3px solid;
	border-radius:10px;
	background:rgba(255,255,255,0.80);
	text-align:center;
}
#cta-boxes .cta-box h3{
	font-size:32px;
	line-height:36px;
	margin:0;
	padding:0 0 10px 0;
}
#cta-boxes .cta-box hr{
	width:70%;
	background:#333;
	border:none;
	height:3px;
	margin:0 auto 25px auto;
	padding:0;
}
#cta-boxes .cta-box p{
	padding:0 10px 25px 10px;
	margin:0;
}
#cta-boxes .cta-box.green{
	border:#aacf38 3px solid;
	background:#aacf38;
}




footer{
	background:#e7e7e7;
	padding:20px 0;
}
footer .logo{
	width:200px;
}
footer .logo img{
	width:100%;
	height:auto;
}
footer .footer-nav{
	list-style:none;
	margin:0 0 5px 0;
}
footer .footer-nav li{
	margin:0;
	padding: 0 0 5px 0;
}
footer .footer-nav li a{
	color:#333;
}
footer .footer-nav li a:hover{
	text-decoration:underline;
}
footer .signoff p{
	font-size:14px;
	line-height:18px;
}
footer .signoff a{
	color:#333;
}



/* BX Slider */

.bx-wrapper{
	position: relative;
	*zoom: 1;
}

.bx-wrapper .bx-viewport {
	overflow:hidden;
	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
    	-ms-transform: translatez(0);
    	-o-transform: translatez(0);
    	transform: translatez(0);
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	left:50%;
	bottom:10px;
	transform: translate(-50%);
}

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #fff;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	*zoom: 1;
	margin-bottom:10px;
}

.bx-pager-item{
	display:inline-block;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background:#fff;
	text-indent: -9999px;
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border:2px solid #fff;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: none;
	border:2px solid #fff;
}





a#pull{display:none;}

@media only screen and (max-width: 1199px) {
	.double-col .col1, .double-col .col2 {width: 100%;}
	#intro {height: auto;}
	#intro h2 {margin: 60px 0 20px 0;}
	.double-col{margin-bottom:50px;}
	#stories #hero {width: 400px; background-size:100% auto;}
}

@media only screen and (max-width: 959px) {
	#nav {margin: 25px 0 0 0;}
	#welcome {background-position:-450px bottom;}
	#welcome .container .five.columns {padding-top: 150px; padding-bottom: 30px;}
	#intro{height: auto;	background-attachment: inherit; background-position: center bottom; background-size:auto; background-image: url('../images/introduction-bg-tablet.jpg'); background-repeat:no-repeat;	 background-color:#e73917;}
	#intro .six.columns{width:748px;}
	#intro h2 {margin: 10px 0 20px 0;}
	.double-col .col1, .double-col .col2 {width: 350px;}
	.double-col{ padding:0 0 290px 0;}
	#stories #hero { width: 280px; height: 500px; background: url('../images/stories-bg-pic.jpg') 0 0 no-repeat; background-size:100%;}
	#stories h2 { margin: 20px 0 10px 0;}
	#stories ul.cat-nav { margin: 0 200px 30px 0;}
	#tell-us-yours h2 {margin: 30px 0 20px 0;}
}

@media only screen and (max-width: 767px) {
	#nav{position:relative; text-align:center; margin:0;float: none; display:block; padding:8px 0 0 0;}
	a#pull { position:relative;	display:inline-block;margin: 0;width: 22px;height: 20px;background: url(../images/menu-button.png) 0 0 no-repeat;-webkit-transition: -webkit-transform 250ms ease-out 0s;-moz-transition: -moz-transform 250ms ease-out 0s;-o-transition: -o-transform 250ms ease-out 0s;transition: transform 250ms ease-out 0s;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);background-size:24px; z-index:10;}
	a#pull.open {background-position: 0 -22px;-webkit-transition: -webkit-transform 250ms ease-out 0s;-moz-transition: -moz-transform 250ms ease-out 0s;-o-transition: -o-transform 250ms ease-out 0s;transition: transform 250ms ease-out 0s;-webkit-transform: rotate(-180deg);-moz-transform: rotate(-180deg);-ms-transform: rotate(-180deg);-o-transform: rotate(-180deg);transform: rotate(-180deg);}
	#nav .main-nav{background:#e53012; position:absolute; top:0; padding:60px 0 30px 0; width:100%; display:none;}
	#nav .main-nav > li{display:block; margin:0 0 20px 0;}
	#nav .main-nav > li > a{color:#fff;}
	
	header .logo { margin:0 auto; width:180px;}
	header .logo img, #welcome .care-big img { width:100%; height:auto;}
	#welcome .care-big {margin: 0 0 30px 0; width:250px;}
	#welcome {background-image: url('../images/welcome-bg-mobile.jpg'); background-position:center bottom; background-color:#eeeeee; background-size:auto; background-attachment:inherit;}
	#welcome .container .five.columns {padding-top: 150px; padding-bottom: 270px;}
	#welcome .intro {padding: 0;}
	#intro .six.columns, .double-col .col1, .double-col .col2{width:420px;}
	#hero{display:none;}
	#stories ul.cat-nav {margin: 0 0 30px 0;}
	#stories h2 {font-size: 48px; line-height: 52px;}
	footer{padding-bottom:20px;}
	#tell-us-yours {height: auto; background-position: -190px center; background-size: auto; background-image: url('../images/tell-us-yours-bg.jpg');}
}

@media only screen and (max-width: 479px) {
	#intro .six.columns, .double-col .col1, .double-col .col2{width:300px;}
	
}