/*******************************
* Solutions CSS
* (c) 2010, 2Catalyze, Inc. All rights reserved
********************************/

@import "style.css";

/*******************************************************************************
* Containers
*******************************************************************************/

body#learn-more{
    background: #f6f6f6 url('../../images/backgrounds/bg_body_header.png') no-repeat top center;
}

body#learn-more #content{
    margin:13px auto 0 auto;
    overflow:hidden;
    padding:0;
    width:980px;
}

/*******************************************************************************
* Header
*******************************************************************************/

body#learn-more h1{
    margin:0px;
}

body#learn-more h1 a{
    background:url('../../images/banners/kelleher_high_performers.jpg') no-repeat top center;
    display:block;
    height:264px;
    margin:0 0 20px 0;
    outline:none;
    text-indent:-9999px;
    width:980px;
}

/*******************************************************************************
* Get Started
*******************************************************************************/

.get_started{
    background:none repeat scroll 0 0 #f8f8f8;
    border-bottom:1px solid #d4d3d3;
    border-left:1px solid #d4d3d3;
    border-right:1px solid #d4d3d3;
    height:74px;
    overflow:hidden;
    text-align:center;
}

form#registration_form{
    margin:10px auto;
    width:480px;
}
    body#learn-more #get_started_email{
        font-size:1.4em;
        margin:0 0 5px 0;
    }
    body#learn-more #get_started_button{
        margin:0 0 5px 10px;
    }
    body#learn-more #get_started_messages{
        font-size:.8em;
    }

/*******************************************************************************
* Three Columns
*******************************************************************************/

#categories, #categories ul{
    list-style:none;
    margin:0;
    padding:0;
}

#categories{
    background:url('../../images/backgrounds/bg_three_columns.png') repeat-y;
    border-bottom:1px solid #d4d3d3;
    clear:left;
    color:#333333;
    overflow:hidden;
    width:980px;
}

    #categories ul.feature_list .category_name{
        background-image:url('../../images/learn-more.png');
        background-repeat:no-repeat;
        cursor:auto;
        float:left;
        height:108px;
        padding:0;
        width:326px !important;
    }
        #category_give{background-position:0px 0px;}
        #category_get{background-position:1px -108px;}
        #category_coach{background-position:1px -216px;}
        
    .category_name h2{
        color:#1564b6;
        font-family: 'Avenir Heavy', 'Avenir Black', Avenir, Helvetica, Arial, sans-serif;
        font-size:2.2em;
        font-weight:bold;
        margin:25px 0 0 0;
        text-align:center;
    }

    .category_name p{
        color:#0b2643;
        font-size:1.3em;
        font-weight:bold;
        margin:10px 20px 0 20px;
        text-align:center;
    }
    
    #categories li{
        float:left;
        padding:0;
        width:326px;
    }
    
        #categories ul#list_give li{
            margin-left:1px;
            width:284px;
        }
        
    #categories ul.feature_list li{
        clear:left;
        cursor:pointer;
        float:none;
        font-size:.7em;
        line-height:140%;
        overflow:hidden;
        padding:0 20px;
        width:285px;
    }
    
        #categories ul.feature_list li strong{
            font-weight:normal;
        }
        
        .feature_list li.altRow{
            background-color:#f5faff;
        }
        
        ul#list_get li.altRow{
            background-color:#f2f8fe;
        }
        
        .feature_list li.highlight{
            background-color:#ffffe9 !important;
        }
    
    #categories h3{
        color:#0d0d0d;
        font-family: 'Avenir Heavy', 'Avenir Black', Avenir, Helvetica, Arial, sans-serif;
        font-size:1.3em;
        margin:20px 0 13px 0;
    }
    
    #categories a.screenshot{
        background-image:url('../../images/learn-more.png');
        background-repeat:no-repeat;
        border:1px #ccc solid;
        display:block;
        float:left;
        height:75px;
        margin:0 10px 30px 10px;
        outline:none;
        text-indent:-9999px;
        width:75px;
    }
    
    #give_feedback a.screenshot{background-position:0px -325px;}
    #give_reminders a.screenshot{background-position:-75px -325px;}
    #give_quick a.screenshot{background-position:-150px -325px;}
    #give_profile a.screenshot{background-position:0px -775px;}
    #give_email a.screenshot{background-position:-225px -325px;}
    #get_groups a.screenshot{background-position:0px -477px;}
    #get_ratings a.screenshot{background-position:-75px -477px;}
    #get_effortless a.screenshot{background-position:-150px -477px;}
    #get_email a.screenshot{background-position:-225px -477px;}
    #get_conversation a.screenshot{background-position:-75px -775px;}
    #coach_regular a.screenshot{background-position:0px -627px;}
    #coach_summary a.screenshot{background-position:-75px -627px;}
    #coach_track_actions a.screenshot{background-position:-150px -627px;}
    #coach_alignment a.screenshot{background-position:-225px -627px;}
    #coach_scheduling a.screenshot{background-position:-150px -775px;}

/*******************************************************************************
* Learn More
*******************************************************************************/

#categories .learn_more{
    color:#91b8de;
    font-size:1.5em;
    list-style-image:url('../../images/icons/raquo.png');
    margin:0 0 0 15px;
}
    #categories .learn_more li{
        float:none;
        margin:0 0 10px 0;
        padding:0;
        width:auto;
    }
    
    #categories .learn_more a{
        color:#44688b;
        text-decoration:none;
    }
    #categories .learn_more a:hover{
        text-decoration:underline;
    }
    
#start_your_team{
    width:978px;
}