/* Save Their Future Now : Generation iY  site designed by  The A Group | www.agroup.com */

@import url("../taglib/css/reset.css");

body {
	background:#333;
	font: 13px/1.6 "arial", "helvetica", sans-serif;
	/*color: #333;*/
}

#container {
	background:url("../images/main/bg-container.gif") repeat-x center top #fff;
}

h2 {
	color:#5ebb47;
	font:33px "arial", "helvetica", sans-serif;
	text-transform:uppercase;
	letter-spacing:-0.01em;
	font-weight:bold;
	margin-bottom:0.8em;
}

#content {
	margin:0 auto;
	width:920px;
	font-size:1.05em;
}

#copy {
	padding-left: 317px;
	background: url("../images/ebook/product.jpg") no-repeat left top;
	padding-bottom:20px;
	min-height:430px;
}

#copy p {
	margin: 1.46em 0;
}

#copy a {
	color: #579946;
}

#copy ul {
	list-style: disc;
	margin:1.46em 0;
	padding-left: 1.846em;
}

/* ============== HEADER ============== */
#header {
	height: 80px;
	margin:0 auto;
	width:920px;
	position:relative;
}

#header h1 {
	background: url("../images/main/bg-logo.png") no-repeat left center;
	height:80px;
	width: 297px;
	float: left;
}

#header h1 a {
	display:block;
	height:80px;
	width: 297px;
	text-indent: -4000px;
}

#nav {
	width:600px;
	float:right;
	text-align:right;
	margin-top:28px;
}

#nav li {
	display:inline;
	border-right:1px solid #666;
	padding-right:8px;
	margin-left:8px;
}

#nav li:last-child {
	padding-right:0;
	border-right:none;
}

#nav a {
	color:#fff;
	font-size:15px;
	text-decoration:none;
	font-weight:normal;
}

#nav a:hover {
	color:#5ebb47;
}

#subheader {
	width:920px;
	height:70px;
	margin:0 auto 42px;
	position:relative;
}

#counter {
	float: left;
	display: inline;
	margin: 22px 0 0;
	width:463px;
}

#counter span {
	float: left;
	height: 32px;
	margin-left: 1px;
	display: inline;
}

#counter span.one {
	width: 16px;
	background: url("../images/main/bg-counter-numbers.png") no-repeat center top;
	text-indent: -4000px;
}

#counter span.two {
	width: 21px;
	background: url("../images/main/bg-counter-numbers.png") no-repeat left -32px;
	text-indent: -4000px;
}

#counter span.three {
	width: 21px;
	background: url("../images/main/bg-counter-numbers.png") no-repeat left -64px;
	text-indent: -4000px;
}

#counter span.four {
	width: 21px;
	background: url("../images/main/bg-counter-numbers.png") no-repeat left -96px;
	text-indent: -4000px;
}

#counter span.five {
	width: 21px;
	background: url("../images/main/bg-counter-numbers.png") no-repeat left -128px;
	text-indent: -4000px;
}

#counter span.six {
	width: 21px;
	background: url("../images/main/bg-counter-numbers.png") no-repeat left -160px;
	text-indent: -4000px;
}

#counter span.seven {
	width: 21px;
	background: url("../images/main/bg-counter-numbers.png") no-repeat left -192px;
	text-indent: -4000px;
}

#counter span.eight {
	width: 21px;
	background: url("../images/main/bg-counter-numbers.png") no-repeat left -224px;
	text-indent: -4000px;
}

#counter span.nine {
	width: 22px;
	background: url("../images/main/bg-counter-numbers.png") no-repeat left -256px;
	text-indent: -4000px;
}

#counter span.zero {
	width: 23px;
	background: url("../images/main/bg-counter-numbers.png") no-repeat left -288px;
	text-indent: -4000px;
}

#counter span.comma {
	width: 10px;
	background: url("../images/main/bg-counter-numbers.png") no-repeat center -320px;
	text-indent: -4000px;
}

#counter #so_far {
	text-indent: -4000px;
	width: 61px;
	background: url("../images/main/so_far.png") no-repeat left top;
}

#counter #people_support {
	text-indent: -4000px;
	width: 272px;
	background: url("../images/main/people_support.png") no-repeat right top;
}

#counter #be_one {
	text-indent: -4000px;
	width: 463px;
	background: url("../images/main/be_one.png") no-repeat right top;
}

a#catalyst_resources-tab {
	display:block;
	width:223px;
	height:36px;
	float:right;
	text-indent:-3000px;
	background: url("../images/main/catalyst_resources.png") no-repeat center top;
	margin:17px 0 0 8px;
}

a#catalyst_resources-tab:hover {
	background: url("../images/main/catalyst_resources-hover.png") no-repeat center top;
}

p#book_tim {
	width:216px;
	height:30px;
	padding:4px 3px 2px;
	background-color:#333;
	color:#fff;
	float:right;
	margin:17px 0 0 8px;
	font-size:12px;
	line-height:14px;
	text-align:center;
	overflow:hidden;
}

p#book_tim a {
	color:#579946;
}

a.add_your_voice {
	display:block;
	width:190px;
	height:36px;
	float:right;
	text-indent:-3000px;
	background: url("../images/main/add_your_voice-btn.png") no-repeat center top;
	margin-top:17px;
}

a.add_your_voice:hover {
	background: url("../images/main/add_your_voice-btn-hover.png") no-repeat center top;
}

	
/* ============== SIDEBAR ============== */

#sidebar {
	width: 296px;
	float: left;
	padding-bottom:30px;
}

#sidebar #news_tools-links li {
	margin-top:8px;
}

#sidebar #news_tools-links li a {
	display:block;
	width:264px;
	height:42px;
	text-indent:-3000px;
}

#sidebar #news_tools-links li a.for_parents {
	background: url("../images/main/for_parents-btn.png") no-repeat center top;
}

#sidebar #news_tools-links li a.for_parents:hover {
	background: url("../images/main/for_parents-btn-hover.png") no-repeat center top;
}

#sidebar #news_tools-links li a.for_parents-selected {
	background: url("../images/main/for_parents-btn-selected.png") no-repeat center top;
}
		
#sidebar #news_tools-links li a.for_educators {
	background: url("../images/main/for_educators-btn.png") no-repeat center top;
}

#sidebar #news_tools-links li a.for_educators:hover {
	background: url("../images/main/for_educators-btn-hover.png") no-repeat center top;
}

#sidebar #news_tools-links li a.for_educators-selected {
	background: url("../images/main/for_educators-btn-selected.png") no-repeat center top;
}

#sidebar #news_tools-links li a.for_youth_workers {
	background: url("../images/main/for_youth_workers-btn.png") no-repeat center top;
}

#sidebar #news_tools-links li a.for_youth_workers:hover {
	background: url("../images/main/for_youth_workers-btn-hover.png") no-repeat center top;
}

#sidebar #news_tools-links li a.for_youth_workers-selected {
	background: url("../images/main/for_youth_workers-btn-selected.png") no-repeat center top;
}

#sidebar #news_tools-links li a.for_employers {
	background: url("../images/main/for_employers-btn.png") no-repeat center top;
}

#sidebar #news_tools-links li a.for_employers:hover {
	background: url("../images/main/for_employers-btn-hover.png") no-repeat center top;
}

#sidebar #news_tools-links li a.for_employers-selected {
	background: url("../images/main/for_employers-btn-selected.png") no-repeat center top;
}

#sidebar #news_tools-links li a.for_recent_press {
	background: url("../images/main/recent_press-btn.png") no-repeat center top;
}

#sidebar #news_tools-links li a.for_recent_press:hover {
	background: url("../images/main/recent_press-btn-hover.png") no-repeat center top;
}

#sidebar #news_tools-links li a.for_recent_press-selected {
	background: url("../images/main/recent_press-btn-selected.png") no-repeat center top;
}

#sidebar #news_tools-links li a.forum-btn {
	background: url("../images/main/forum-btn.png") no-repeat center top;
	margin-top:30px;
}

#sidebar #news_tools-links li a.quiz-btn {
	background: url("../images/main/quiz-header.png") no-repeat center top;
}	
		
/* ============== MAIN CONTENT ============== */

a#buy_now-tab {
	display:block;
	width:49px;
	height:179px;
	text-indent:-3000px;
	background: url("../images/main/buy_now-tab.png") no-repeat center top;
	position:fixed;
	top:180px;
	left:0;
	z-index:3000;
}

#copy h2 span {
	font-size:12px;
	letter-spacing:normal;
	font-weight:normal;
	text-transform:none;
	padding-left:2px;
}

#copy h2 span.lowercase {
	color:#5ebb47;
	font:33px "arial", "helvetica", sans-serif;
	text-transform:none;
	letter-spacing:-0.01em;
	font-weight:bold;
	margin-bottom:0.8em;
	padding:0;
}

#copy h2 span a {
	text-decoration:none;
	padding-right:2px;
}

#copy h2 span a:hover {
	text-decoration:underline;
}

blockquote p:before {			
	content: "\201C";
	font-size: 7em;
	line-height:1px;
	position: relative;
	top: .45em;
	color: #888;
}

blockquote p:after {			
	content: "\201d";
}

blockquote cite {
	color: #666;
	font-size:0.95em;
}

blockquote cite:before {
	content: "\2014  ";	
}

blockquote cite a {
	color: #666;
}

#copy #tabs {
	width:603px;
	float:left;
	list-style:none;
	margin:0;
	padding:0;
	border-bottom:10px solid #eee;
}

#copy #tabs li {
	display:inline;
	float:left;
	margin-right:6px;
}

#copy #tabs li a,
#copy #tabs li span {
	display:block;
	width:120px;
	padding:8px 0 6px 0;
	text-align:center;
	font-size:15px;
	font-weight:bold;
	letter-spacing:-0.01em;
	text-transform:uppercase;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;

}

#copy #tabs li span {
	background-color:#eee;
	color:#222;
}
	
#copy #tabs li a {
	background-color:#ddd;
	text-decoration:none;
	color:#888;
}

#copy #tabs li a:hover {
	color:#444;
}

#copy #copy-body {
	width:543px;
	padding:15px 30px 20px;
	background-color:#eee;
	float:left;
	font-size:0.95em;
}

		
/* ============== FOOTER ============== */
#footer {
	clear: both;
	color:#666;
	background:#333;
	font-size: 0.923em;
	padding-top: 22px;
	line-height: 32px;
}

#footer div {
	margin:0 auto;
	width:920px;
	height: 190px;
}

#footer a {
	color:#666;
}

#footer a:hover {
	color:#888;
}

#nav-footer {
	width:550px;
	float:left;
}

#nav-footer li {
	display:inline;
	border-right:1px solid #666;
	padding-right:8px;
	margin-left:4px;
}

#nav-footer li:last-child {
	padding-right:0;
	border-right:none;
}

#nav-footer a {
	font-size:13px;
	text-decoration:none;
	font-weight:normal;
}

#copyright {
	float: left;
	font-size: 0.846em;
}

#social-links {
	width: 296px;
	float: right;
	background: url("../images/main/bg-social-links.png") no-repeat left center;
}

#social-links > li {
	float: left;
	margin-left: 7px;
}

#social-links > li:first-child {
	margin-left: 107px;
}

#social-links a {
	display: block;
	height:32px;
	width: 32px;
	text-indent: -4000px;
}

#social-links .facebook {
	background: url("../images/main/facebook.png") no-repeat center top;
}

#social-links .twitter {
	background: url("../images/main/twitter.png") no-repeat center top;
}

#social-links .wp {
	background: url("../images/main/wp.png") no-repeat center top;
}

#social-links .youtube {
	background: url("../images/main/youtube.png") no-repeat center top;
}

#social-links .linkedin {
	background: url("../images/main/linkedin.png") no-repeat center top;
}