/* ----------------- main-header --->>> */
.main-header {
	height: 61px;
}


/* ----------------- main-content --->>> */

.main-content 
{
    background-color: #ffffff;
    background: url(../../images/reflect/base/Reflect_MainContent_BG.png) repeat-y;
    border-left: 1px solid #2d2d2d;
    border-right: 1px solid #2d2d2d;
    /*height: 1200px;*/
}

/* ----------------- content --->>> */

.content 
{
    /*height: 255px;*/
    padding: 0 0 0 50px;
}

    .content .content-header
    {
        font-size: 25pt;
        font-family: WorkSans SemiBold, Tahoma, Geneva, sans-serif;
        line-height: 25pt;
        color: #653900;
        padding-bottom: 5px;
        padding-top: 20px;
    }
    
    .content .content-subheader
    {
        font-size: 12pt;
        line-height: 12pt;
        color: #363636;
        padding-bottom: 5px;
    }
    
    .content .text
    {
        font-size: 13pt;
        line-height: 13pt;
        color: #363636;
        padding: 20px;
        float: left;
        width: 500px;
    }
    
    .content .video
    {
        background: url(../../images/reflect/works/HowItWorks_Video.png) no-repeat;
        height: 115px;
        width: 175px;
        float: right;
        margin-top: 20px;
        margin-right: 15px;
        cursor: pointer;
    }

    .content .divider
    {
        background: url(../../images/reflect/base/divider.png) repeat-x;
        width: 882px;
        height: 10px;
        padding-bottom: 10px;
    }
    
    .content .secondary-header
    {
        background-color: #C7C3B6;
        height: 235px;
        width: 882px;
    }
    
    .content .secondary-header .brightcove-video {
    		left: 600px; position: absolute; top: 160px;
    }
    
    .content .secondary-header .tertiary-header
    {
        color: #008ab0;
        font-size: 14pt;
        line-height: 14pt;
        font-famliy: WorkSans SemiBold, Tahoma, Geneva, sans-serif;
        margin-top: 20px;
        cursor: pointer;
    }
   
.secondary-content 
{
    height: 300px;
    padding: 0 0 0 50px;
	margin-top: 15px;
}

    .secondary-content .picture
    {
        width: 505px;
        height: 300px;
        float: left;
    }
    
    
    .secondary-content .text
    {
        background: url(../../images/reflect/works/HowItWorks_BigArrow.png) no-repeat;
        width: 350px;
        height: 240px;
        color: #363636;
        font-size: 12pt;
        line-height: 12pt;
        margin: 20px 40px 0 0;
        padding: 25px 0 0 35px;
        float: left;
    }
    
    .secondary-content .text .header
    {
        color: #008ab0;
        font-size: 25pt;
        line-height: 25pt;
        font-family: WorkSans SemiBold, Tahoma, Geneva, sans-serif;
        display: block;
        margin: 0 0 15px 0;
    }