/* @override http:// */
/*-------------------------------------------------------------------------------------
[Master Stylesheet]

Project:	Finding Optimism
Version:	1.0
Created by:	DesignRL

------------------------------------------------------

[Table of Contents]

	1. Main 
	2. Header
	3. Menu
	4. Content
	5. Footer
	6. Menu Listing

------------------------------------------------------

[fonts]

	body: Arial, Helvetica, sans-serif;
	font-size: 14px;
	
[Colors]

	orange: #d77038;
	blue: #4169b2;

--------------------------------------------------------------------------------------*/


/* ==================== MAIN ==================== */

/* Universal --------- */
#body_container { background:#ffffff url(../images/bg-50x97.gif) 0 -111px repeat-x; }
#top_bar { background:url(../images/top_bar-10x31.gif) 0 0 repeat-x; height:31px;}
#top_bar .container { width:970px; margin:0 auto; }
#top_bar ul { margin:0px; padding:0px; list-style:none; }
#top_bar ul li { margin:0px; padding:0px; float:left; }
#top_bar ul li a { display:block; height:31px; background-image:url(../images/top_bar_menu_458x93.gif); background-repeat:no-repeat; background-position:0 0; }
#top_bar ul li a div { display:none; }
#top_bar ul li.top_findingoptimism a { width:161px; background-position:0 0; }
#top_bar ul li.top_optimismonline a { width:161px; background-position:-161px 0; }
#top_bar ul li.top_moodhealth a { width:136px; background-position:-322px 0; }
/**/
#top_bar ul li.top_findingoptimism a:hover { background-position:0 -31px; }
#top_bar ul li.top_optimismonline a:hover { background-position:-161px -31px; }
#top_bar ul li.top_moodhealth a:hover { background-position:-322px -31px; }
/**/
#top_bar ul li.top_findingoptimism a.active { background-position:0 -62px; }
#top_bar ul li.top_optimismonline a.active { background-position:-161px -62px; }
#top_bar ul li.top_moodhealth a.active { background-position:-322px -62px; }
/**/
#top_bar ul li a span.active_arrow { display:none; }
#top_bar ul li a.active span.active_arrow { display:block; width:11px; height:5px; position:absolute; top:31px;  }
#top_bar ul li a.active span.active_arrow img { display:none; }
/**/
.btn-optimism-login { float:right; padding:5px 0 0 0; }
.btn-optimism-login a { background:url(../images/btn-optimismlogin-234x23.gif) -117px 0 no-repeat; display:block; width:117px; padding-top:23px; height:0px; overflow:hidden; }
.btn-optimism-login a:hover { background-position:0 0; }
/**/
/**/
.home { background-image:url(../images/opt-online-home-960x315.jpg); padding:242px 0 0 16px; width:944px; }
.home ul { margin:0px; padding:0px; list-style:none; position:absolute; z-index:2; }
.home ul li { margin:0px; padding:0px; float:left; }
.home ul li a { display:block; height:0px; padding-top:50px; overflow:hidden; background:url(../images/cta_btns_459x150.jpg) 0 0 no-repeat; }
.home ul li.cta_trial { padding-right:13px; }
.home ul li.cta_buy { padding-right:12px; }
/**/
.home ul li.cta_trial a { width:173px; background-position:0px 0; }
.home ul li.cta_buy a { width:173px; background-position:-173px 0; }
.home ul li.cta_login a { width:113px; background-position:-346px 0; }
/**/
.home ul li.cta_trial a:hover { background-position:0px -50px; }
.home ul li.cta_buy a:hover { background-position:-173px -50px; }
.home ul li.cta_login a:hover { background-position:-346px -50px; }
/**/
.home ul li.cta_trial a:active { background-position:0px -100px; }
.home ul li.cta_buy a:active { background-position:-173px -100px; }
.home ul li.cta_login a:active { background-position:-346px -100px; }
/**/
.home .btn_privacy { position:relative; text-align:right; left:5px; top:-8px; }
/**/
.section1 { width:930px; overflow:hidden; position:relative; margin:0 auto; border-bottom:1px dotted #CCC; }
.points { width:625px; overflow:hidden; position:relative; float:left; }
.point { width:203px; float:left; font-size:13px; padding:10px 5px 10px 0; }
.point img { position:absolute; }
.point h3 { font-size:14px; margin:0 0 0 40px; padding:0px; }
.point p { margin:0 0 0 40px; padding:0px; color:#666; }
/**/
.cta_right { width:305px; float:left; text-align:right; padding:0 0 20px 0; }
.cta_view-demo { padding:20px 0 0 0; }
/**/
.section_testimonials { width:930px; overflow:hidden; position:relative; margin:0 auto; padding:30px 0 10px 0; }
.section_testimonials .online-testimonial_section { width:465px; float:left; }
.section_testimonials .online-testimonial_section a { text-decoration:underline; color:#4169B2; }
.section_testimonials .online-testimonial_section h2 { height:23px; text-indent:-9999px; overflow:hidden; padding:0 0 20px 0; }
.section_testimonials .online-testimonial_section h2 { height:23px; text-indent:-9999px; overflow:hidden; padding:0 0 20px 0; }
.section_testimonials .testimonials_individuals h2 { background:url(../images/ttl-testimonials-individuals-291x23.gif) 0 0 no-repeat; width:291px; }
.section_testimonials .testimonials_professionals h2 { background:url(../images/ttl-testimonials-pros-312x23.gif) 0 0 no-repeat; width:312px; }
.section_testimonials .online-testimonial { width:205px; float:left; padding:0 25px 15px 0; font-size:13px; color:#666; line-height:19px; }
.section_testimonials .online-testimonial strong { color:#333333; display:block; padding:15px 0 0 0; }
/**/
.blue_box { width:625px; float:left; background:url(../images/bluebox-stretch-625x3.gif) 0 0 repeat-y; margin:20px 0; }
.blue_box .top { background:url(../images/bluebox-top-625x3.gif) 0 0 no-repeat; width:625px; height:auto; }
.blue_box .bottom { background:url(../images/bluebox-bottom-625x3.gif) 0 bottom no-repeat; width:625px; padding:10px 0; height:auto; }
.blue_box .bottom ul { margin:0px; padding:5px 0 0 0; }
.blue_box .bottom ul li { margin:0px; padding:5px 0 5px 15px; background:url(../images/online_bullet-8x8.gif) 0 11px no-repeat; list-style:none; }
.blue_box .col1, .blue_box .col2 { width:280px; float:left; font-size:13px; color:#666; line-height:19px; padding:10px 15px 0px 15px; }
.blue_box .col1 { border-right:1px solid #FFF; }
.blue_box .col1 h2 { background:url(../images/ttl_individuals-love-247x23.gif) 0 0 no-repeat; width:247px; height:23px; margin:0px; padding:0px; text-indent:-9999px; }
/**/
.blue_box .col2 { border-left:1px solid #d7ebf7; }
.blue_box .col2 h2 { background:url(../images/ttl_clinicians-love-237x23.gif) 0 0 no-repeat; width:237px; height:23px; margin:0px; padding:0px; text-indent:-9999px; }