@import url("./whitespace-reset.css");

body {
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #333333;
	background: #535454; }

fieldset { border: none; }
.clearer { clear: both; }

#sitewrapper {
	width: 954px;
	margin: 30px auto; }

#homepage #header {
	position: relative;
	height: 550px;
	background: transparent url("../images/bg_home-header.png") 0 0 no-repeat; }
	#homepage #header h1 {
		position: absolute;
		left: 18px;
		top: 16px;
		z-index: 1; }
		#homepage #header h1 a {
			display: block;
			width: 184px;
			height: 147px;
			text-indent: -8685px; }
	#homepage #header p { display: block; }
ul#home-nav {
	position: absolute;
	left: 56px;
	top: 316px;
	z-index: 20;
	width: 204px; }
	ul#home-nav li { padding: 0 0 15px 0; }
	ul#home-nav a {
		display: block;
		height: 26px;
		text-indent: -8685px;
		outline: none; }
	ul#home-nav a.btn_welcome {
		width: 147px;
		margin: 0 0 0 12px; }
	ul#home-nav a.btn_success {
		width: 131px;
		margin: 0 0 0 29px; }
	ul#home-nav a.btn_community { width: 175px; }
	ul#home-nav a.btn_mission {
		width: 135px;
		margin: 0 0 0 52px; }
	ul#home-nav a.btn_caring {
		width: 120px;
		margin: 0 0 0 84px; }
#homepage-circles {
	float: right;
	position: relative;
	width: 695px;
	height: 463px;
	margin: 62px 24px 0 0; }
	#homepage-circles .circle { position: absolute; }
	#homepage-circles div.mission {
		left: 0;
		top: 50px;
		z-index: 5;
		width: 189px;
		height: 190px;
		background: transparent url("../images/bg_circles_mission.png") 0 0 no-repeat; }
	#homepage-circles div.welcome {
		left: 212px;
		top: 0;
		z-index: 3;
		width: 284px;
		height: 284px;
		background: transparent url("../images/bg_circles_welcome.png") 0 0 no-repeat; }
	#homepage-circles div.community {
		right: 0;
		top: 30px;
		z-index: 1;
		width: 221px;
		height: 221px;
		background: transparent url("../images/bg_circles_community.png") 0 0 no-repeat; }
	#homepage-circles div.success {
		left: 56px;
		bottom: 0;
		z-index: 2;
		width: 251px;
		height: 251px;
		background: transparent url("../images/bg_circles_success.png") 0 0 no-repeat; }
	#homepage-circles div.caring {
		right: 84px;
		bottom: 28px;
		z-index: 4;
		width: 215px;
		height: 215px;
		background: transparent url("../images/bg_circles_caring.png") 0 0 no-repeat; }
	#homepage-circles div.hovered { background-position: 0 100%; }
	#homepage-circles div.active { background-position: 0 50%; }
	#homepage-circles a.heading {
		position: absolute;
		display: block;
		text-indent: -8685px;
		outline: none; }
	#homepage-circles a.mission {
		left: 25px;
		top: 144px;
		z-index: 6;
		width: 198px;
		height: 68px;
		background: transparent url("../images/hdr_circles_mission.png") 0 0 no-repeat; }
	#homepage-circles a.welcome {
		left: 140px;
		top: 194px;
		z-index: 10;
		width: 386px;
		height: 103px;
		background: transparent url("../images/hdr_circles_welcome.png") 0 0 no-repeat; }
	#homepage-circles a.community {
		left: 376px;
		top: 134px;
		z-index: 9;
		width: 255px;
		height: 73px;
		background: transparent url("../images/hdr_circles_community.png") 0 0 no-repeat; }
	#homepage-circles a.success {
		left: 189px;
		top: 277px;
		z-index: 8;
		width: 215px;
		height: 70px;
		background: transparent url("../images/hdr_circles_success.png") 0 0 no-repeat; }
	#homepage-circles a.caring {
		left: 365px;
		top: 331px;
		z-index: 7;
		width: 197px;
		height: 90px;
		background: transparent url("../images/hdr_circles_caring.png") 0 0 no-repeat; }
	#homepage-circles .popup {
		display: none;
		position: absolute;
		z-index: 100;
		width: 600px;
		height: 388px;
		color: #ffffff; }
		#homepage-circles .popup a.btn_close {
			position: absolute;
			right: 15px;
			top: 15px;
			z-index: 101;
			color: #ffffff;
			text-decoration: none; }
	#homepage-circles #box_mission {
		left: 80px;
		top: 52px;
		background: transparent url("../images/bg_mission-box.png") 0 0 no-repeat; }
		#homepage-circles .popup .left-col {
			float: left;
			width: 296px;
			padding: 0 26px 0 45px; }
		#homepage-circles .popup .right-col {
			position: relative;
			padding: 40px 30px 20px 0;
			overflow: hidden; }
		#homepage-circles #box_mission h2 {
			width: 252px;
			height: 87px;
			margin: 40px 0 0 -65px;
			text-indent: -8685px;
			background: transparent url("../images/hdr_popup_mission.png") 0 0 no-repeat; }
		#homepage-circles .popup h3 {
			font-size: 20px;
			padding: 0 0 10px 0; }
			#homepage-circles .popup blockquote p {
				padding: 0 0 5px 0;
				font-size: 13px;
				line-height: 140%; }
			#homepage-circles .popup blockquote small { font-size: 11px; }
	#homepage-circles #box_welcome {
		left: 80px;
		top: 52px;
		color: #333333;
		background: transparent url("../images/bg_welcome-box.png") 0 0 no-repeat; }
		#homepage-circles #box_welcome h2 {
			width: 345px;
			height: 92px;
			margin: 25px 0 0 -45px;
			text-indent: -8685px;
			background: transparent url("../images/hdr_box_welcome.png") 0 0 no-repeat; }
		#homepage-circles #box_welcome a.btn_close { color: #333333; }
	#homepage-circles #box_community {
		left: 30px;
		top: 40px;
		background: transparent url("../images/bg_community-box.png") 0 0 no-repeat; }
		#homepage-circles #box_community h2 {
			width: 255px;
			height: 73px;
			margin: 25px 0 0 -10px;
			text-indent: -8685px;
			background: transparent url("../images/hdr_circles_community.png") 0 0 no-repeat; }
	#homepage-circles #box_success {
		left: 80px;
		top: 22px;
		background: transparent url("../images/bg_success-box.png") 0 0 no-repeat; }
		#homepage-circles #box_success h2 {
			width: 215px;
			height: 70px;
			margin: 25px 0 0 -10px;
			text-indent: -8685px;
			background: transparent url("../images/hdr_circles_success.png") 0 0 no-repeat; }
	#homepage-circles #box_caring {
		left: 0;
		top: -10px;
		background: transparent url("../images/bg_caring-box.png") 0 0 no-repeat; }
		#homepage-circles #box_caring h2 {
			width: 197px;
			height: 90px;
			margin: 25px 0 0 -10px;
			text-indent: -8685px;
			background: transparent url("../images/hdr_circles_caring.png") 0 0 no-repeat; }

ul#nav {
	padding: 6px 0;
	text-align: center;
	background: #75aa52; }
	ul#nav li {
		display: inline;
		padding: 0 10px 0 0;
		font: normal 16px Georgia, serif; }
	ul#nav li.last { padding: 0; }
	ul#nav a {
		color: #ffffff;
		text-decoration: none; }

#homepage #content {
	width: 947px;
	padding: 13px 0 0 7px;
	background: #ced1ea url("../images/bg_homepage-cols_top.gif") 196px 10px no-repeat; }
	#homepage #content #columns {
		float: left;
		width: 100%;
		background: transparent url("../images/bg_homepage-cols_repeat.gif") 189px 0 repeat-y; }
	#homepage #content .column {
		float: left;
		width: 158px;
		padding: 12px;
		margin: 0 7px 0 0; }
	#homepage #content .column.last { margin: 0; }
	#homepage #content .column.no-padding,
	#homepage #content .column.last {
		width: 182px;
		padding: 0; }
	#homepage #content .bottom {
		clear: both;
		float: left;
		width: 100%;
		height: 4px;
		margin: -4px 0 8px 0;
		background: transparent url("../images/bg_homepage-cols_bottom.gif") 189px 0 no-repeat; }
	#homepage #content .last-module { margin: 0; }
	#homepage #content img {
		display: block;
		margin: 0 0 20px 0; }
	#homepage #content img.shift-happens { margin: 0 0 10px 0; }
	#homepage #content h3 {
		padding: 0 0 5px 0;
		font: normal 20px "Trebuchet MS", Helvetica, sans-serif;
		color: #02486f; }
	#homepage #content .module h3 { color: #ffffff; }
		#homepage #content h3 a {
			color: #02486f;
			text-decoration: none; }
		#homepage #content .module h3 a { color: #ffffff; }
	#homepage #content h3.light-blue { color: #7585c2; }
	#homepage #content h3.green { color: #408647; }
	#homepage #content h3.purple,
	#homepage #content h3.purple a { color: #9f3897; }
	#homepage #content .hrule {
		clear: both;
		margin: 0 10px 10px 10px;
		border-bottom: 1px solid #fff761; }
		#homepage #content .hrule hr { display: none; }
	#homepage #content p {
		padding: 0 0 10px 0;
		font-size: 11px;
		line-height: 140%; }
	#homepage #content .module.news h3 { color: #ffffff; }
	#homepage .feedburnerFeedBlock {
		height: 160px;
		min-height: 160px;
		padding: 0 0 15px 0;
		font-size: 11px; }
		html > body #homepage .feedburnerFeedBlock { height: auto; }
		#homepage .feedburnerFeedBlock li {
			padding: 0 0 10px 0;
			font-size: 12px; }
		#homepage .feedburnerFeedBlock a {
			color: #ffffff;
			text-decoration: none; }
		#homepage .feedburnerFeedBlock a:hover { text-decoration: underline; }
		#homepage .feedburnerFeedBlock #creditfooter { display: none; }
	#homepage #content .module.support { background-color: #514987; }
	#homepage #content .module.addthis { background: #77ab53; }
	#homepage ul.media-links {
		float: left;
		width: 100%;
		padding: 0 0 4px 0; }
		#homepage ul.media-links li {
			float: left;
			padding: 0 6px 6px 0; }
		#homepage ul.media-links li.last { padding-right: 0; }
		#homepage ul.media-links a {
			float: left;
			width: 30px;
			height: 30px;
			text-indent: -8685px;
			outline: none; }
		#homepage ul.media-links a.btn_facebook {
			width: 79px;
			background: transparent url("../images/btn_facebook_homepage.gif") 0 0 no-repeat; }
		#homepage ul.media-links a.btn_youtube {
			margin-left: 7px;
			background: transparent url("../images/btn_youtube_homepage.gif") 0 0 no-repeat; }
		#homepage ul.media-links a.btn_flickr { background: transparent url("../images/btn_flickr_homepage.gif") 0 0 no-repeat; }
	.connect a.btn_ning {
		display: block;
		padding: 5px 4px;
		font-size: 18px;
		text-align: center;
		text-transform: uppercase;
		text-decoration: none;
		color: #fff500;
		background: #332e77; }

/* Shift Happens
--------------*/
#shift #header { background: transparent url("../images/bg_shift-happens-header.gif") 0 0 no-repeat; }
	#shift #header h1 { padding: 7px 0 12px 25px; }
	#header p { display: none; }

#content {
	clear: both;
	float: left;
	padding: 7px 20px 20px 20px;
	background: #ffffff; }
#shift #content { padding-top: 20px; }
#left-col {
	float: left;
	width: 213px;
	padding: 13px 5px 0 0; }
#shift #left-col {
	width: 213px;
	padding: 0 13px 0 0; }
#shift-main {
	float: left;
	width: 482px; }
#shift #main {
	float: left;
	width: 407px;
	padding: 15px 30px;
	margin: 0 13px 0 0;
	border: 1px solid #afaa96;
	background: transparent; }
	#main a { color: #551a8b; }
	#main h1 {
		padding: 0 0 15px 0;
		font: normal 28px "Trebuchet MS", Arial, Helvetica, sans-serif;
		color: #902787; }
	#main p {
		padding: 0 0 20px 0;
		line-height: 150%; }
#right-col {
	float: left;
	width: 206px;
	padding: 13px 0 0 0; }
#shift #right-col { padding: 0; }
.module {
	clear: both;
	padding: 10px;
	margin: 0 0 12px 0;
	font: normal 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #ffffff;
	background: #902787; }
#shift .connect h3,
#shift .connect p { padding: 0 0 10px 0; }
.success-video {
	padding: 0;
	background: #8d9acf; }
	.success-video a {
		display: block;
		width: 100%;
		height: 322px;
		text-indent: -8685px;
		outline: none;
		background: transparent url("../images/img_shift-happens_george-suess.jpg") 0 100% no-repeat; }
.testimonial { padding: 25px 20px; }
	.testimonial p {
		padding: 0 0 10px 0;
		line-height: 150%; }
	.testimonial span {
		display: block;
		text-align: right;
		font-size: 11px;
		text-transform: uppercase; }
.blog { padding-bottom: 5px; }
	.blog h3 {
		padding: 0 0 5px 0;
		font: normal 18px Georgia, serif; }
		.blog a { color: #ffffff; }
		.blog li {
			padding: 0 0 10px 0;
			font-size: 11px;
			line-height: 140%; }
		.blog span.headline { font-weight: bold; }
		#shift .blog span.headline:after { content: " - "; }
			.blog li div { display: inline; }
		.blog #creditfooter { display: none; }
.books { padding: 0; }
	.books .book {
		clear: both;
		float: left;
		width: 196px;
		padding: 10px 5px; }
	.books .green { background: #75a952; }
	.books .purple { background: #474584; }
	.books img { float: left; }
	.books p {
		padding: 0 0 5px 0;
		font: normal 14px Georgia, serif;
		line-height: 130%; }
	.books a {
		display: block;
		font-size: 11px;
		text-align: right;
		color: #ffffff; }

/* Inner pages
------------*/
#header { background: transparent url("../images/bg_header.gif") 0 0 no-repeat; }
	#header h1 { padding: 7px 0 12px 25px; }
		#header h1 a {
			display: block;
			width: 130px;
			height: 106px;
			text-indent: -8685px;
			outline: none; }
#top-image img { display: block; }
#main {
	float: left;
	width: 484px;
	padding: 0 6px 0 0;
	background: transparent url("../images/bg_center-col_repeat.gif") 0 0 repeat-y; }
	#main .inner {
		padding: 34px;
		background: transparent url("../images/bg_center-col_top.gif") 0 0 no-repeat; }
	#main .bottom {
		clear: both;
		height: 14px;
		background: transparent url("../images/bg_center-col_bottom.gif") 0 0 no-repeat; }
.social-media {
	float: left;
	width: 183px;
	padding: 10px 15px;
	margin: 0 0 12px 0;
	background: #75aa52; }
	.social-media h3 {
		padding: 0 0 10px 0;
		font-size: 15px;
		text-align: center;
		color: #ffffff; }
	.social-media li {
		float: left;
		padding: 0 7px 0 0; }
	.social-media li.last { padding: 0; }
		.social-media li a {
			float: left;
			width: 40px;
			height: 40px;
			text-indent: -8685px;
			outline: none; }
		.social-media li a.btn_facebook {
			width: 82px;
			background: transparent url("../images/btn_facebook.gif") 0 50% no-repeat; }
		.social-media li a.btn_youtube { background: transparent url("../images/btn_youtube.gif") 0 0 no-repeat; }
		.social-media li a.btn_flickr { background: transparent url("../images/btn_flickr.gif") 0 0 no-repeat; }
.module.careers { background: #735a8a; }
	.module.careers h3 {
		height: 34px;
		background: transparent url("../images/hdr_careers.gif") 50% 0 no-repeat; }
		.module.careers h3 a {
			display: block;
			width: 135px;
			height: 27px;
			margin: 0 auto;
			text-indent: -8685px;
			outline: none; }
	.module.careers p { text-align: center; }
.module.shift-happens {
	background: #a53d98;
	font-size: 11px; }
	.module.shift-happens h3 {
		height: 63px;
		background: transparent url("../images/hdr_shift-happens_sidebar.gif") 50% 0 no-repeat; }
		.module.shift-happens h3 a {
			display: block;
			width: 172px;
			height: 56px;
			margin: 0 auto;
			text-indent: -8685px;
			outline: none; }
	.module.shift-happens p { padding: 0 10px; }
.module.newsletter { background: #75aa52; }
	.module.newsletter h3,
	#homepage #content .module.newsletter h3 {
		padding: 0 0 7px 0;
		font: normal 12px Arial, Helvetica, sans-serif; }
	#homepage #content .module.newsletter input#textfield {
		width: 110px; }
	.module.newsletter input#newsbtn {
		padding: 2px 0;
		font: normal 12px Arial, Helvetica, sans-serif;
		color: #ffffff;
		cursor: pointer;
		border: none;
		background: transparent; }
.module.support {
	padding-left: 28px;
	background: #7288c4 url("../images/bg_support-us.gif") 15px 10px no-repeat; }
	.module.support h3 {
		padding: 0 0 5px 0;
		font-size: 24px;
		font-weight: normal; }
		.module.support h3 a,
		#homepage #content .module.support h3 a {
			color: #ffffff;
			text-decoration: none; }
	.module.support p {
		font-size: 11px;
		line-height: 150%; }
.module.addthis { }
	.module.addthis h3 { padding: 0 0 10px 0; }
	#homepage #content .module.addthis img { margin: 0; }
#youtube-strip { clear: both; }
#flickr-strip h3,
#youtube-strip h3 {
	padding: 0 0 7px 0;
	font: normal 18px "Trebuchet MS", Helvetica, sans-serif; }
	#youtube-strip h3 img { margin: 0 0 -4px 0; }
#flickr-strip img {
	margin: 0 5px 0 0;
	border: 1px solid #000000; }
	#flickr-strip h3 img {
		margin: 0;
		border: none; }
.link-list {
	float: left;
	width: 190px;
	padding: 10px 10px 20px 0; }
	.link-list h3 {
		padding: 0 0 10px 0;
		font: normal 16px Georgia, serif;
		color: #4c4782; }
	#main .link-list ul { padding: 0; }
	#main .link-list li {
		font-size: 13px;
		font-weight: bold;
		list-style: none; }
	.link-list a { color: #4c4782; }
#main h2 {
	padding: 0 0 10px 0;
	font-size: 16px; }
#main ul,
#main ol { padding: 0 0 20px 20px; }
	#main ul li {
		padding: 0 0 5px 0;
		list-style: disc; }
	#main ol li {
		line-height: 150%;
		list-style: decimal; }
.small-video {
	float: left;
	padding: 0 15px 0 0; }
	#main .small-video p {
		padding: 0;
		font-size: 9px;
		font-style: italic; }
#main address {
	float: left;
	width: 220px;
	padding: 0 15px 0 0;
	line-height: 150%; }
	#main address.careers {
		float: none;
		padding: 0 0 20px 0; }
#main blockquote { padding: 0 0 15px 0; }
	#main blockquote p { padding: 0 0 5px 0; }
	#main blockquote p.cited { text-align: right; }
form#contact fieldset {
	clear: both;
	padding: 0 0 10px 0; }
form#contact label {
	float: left;
	width: 140px;
	padding: 0 10px 0 0;
	text-align: right; }
	form#contact fieldset.comments label {
		float: none;
		display: block;
		width: auto;
		padding: 0 0 5px 0;
		text-align: left; }
form#contact textarea { margin: 0 0 10px 40px; }
	form#contact fieldset.comments input { display: block; }
#main ul.resources {
	float: left;
	width: 100%;
	padding-left: 0; }
	#main ul.resources li {
		float: left;
		width: 100%;
		padding: 0 10px 15px 10px;
		margin: 0 0 15px 0;
		list-style: none;
		border-bottom: 1px solid #333333; }
	#main ul.resources li.last {
		padding-bottom: 0;
		margin: 0;
		border: none; }
	#main ul.resources img {
		float: left;
		margin: 0 10px 0 0; }
	#main ul.resources p {
		overflow: hidden;
		padding: 0; }
img.float-right {
	float: right;
	margin: 0 0 10px 10px; }
img.float-left {
	float: left;
	margin: 0 10px 10px 0; }
hr { margin: 20px 0; }
p.careers-videos { text-align: center; }
	p.careers-videos img { margin: 0 5px; }

p#footer {
	clear: both;
	padding: 5px;
	font-size: 11px;
	color: #ffffff; }
	p#footer a { color: #ffffff; }