#contentSection h1
{
    margin: 0px;
}
/*** FEATURES *******************************************************************/

#features
{
    height: 301px;
    width: 960px;
    padding: 0px;
    margin: 0px;
}
/* INDIVIDUAL HOMEPAGE TILES */
#features .hero1
{
    height: 301px;
    width: 960px;
    background: url(../../img/hm/features-bg-1-v2.jpg) bottom center no-repeat;
}
#features .hero2
{
    height: 301px;
    width: 960px;
    background: url(../../img/hm/features-bg-2-v1.jpg) bottom center no-repeat;
}
#features .hero3
{
    height: 301px;
    width: 960px;
    background: url(../../img/hm/features-bg-3-v1.jpg) bottom center no-repeat;
}
#features .hero4
{
    height: 301px;
    width: 960px;
    background: url(../../img/hm/features-bg-4-v1.jpg) bottom center no-repeat;
}
#features .hero5
{
    height: 301px;
    width: 960px;
    background: url(../../img/hm/features-bg-5-v2.png) bottom center no-repeat;
}
#features .hero6
{
    height: 301px;
    width: 960px;
    background: url(../../img/hm/features-bg-6-v1.png) bottom center no-repeat;
}
.hero .button
{
    display: block;
    text-align: center;
    width: 168px;
    height: 29px;
    margin: 2px auto 0px;
    font-size: 16px;
    font-weight: 600;
    padding-top: 2px;
    background: url(../../img/hm/features-button-bg-v1.png) top center no-repeat;
}
.hero .button.orange
{
    background: url(../../img/hm/features-button-orange-bg-v1.png) top center no-repeat;
}
.hero a
{
    color: #fcfcfc;
}
.hero a:hover
{
    color: #efefef;
    text-decoration: none;
}
.hero .buttonContainer
{
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    width: 320px;
    height: 35px;
}

/* VARIABLE [.LEFT/.RIGHT] based upon feature style */
#features .right
{
    float: right;
    display: inline;
}
#features .left
{
    float: left;
    display: inline;
}

#features h1
{
    font-size: 26px;
    font-weight: 900;
    line-height: 29px; /*font-family: "myriad-pro-condensed","Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Verdana, sans-serif;*/
    font-family: "myriad-pro-condensed" , "Times New Roman";
    font-weight: 600;
    color: #444;
}
#features .text p
{
    margin: 8px 0px;
    letter-spacing: 0px;
    line-height: 20px;
    font-size: 15px;
    width: 450px;
}
#features .text
{
    width: 460px;
    text-align: left;
    margin: 45px 50px 0px 35px;
    line-height: 22px;
}


/* numbered feature box controls */
.controls
{
    float: left;
    width: 100%;
    background: #fff url(../../img/hm/features-controls-bg-v1.png) bottom center repeat-x;
    overflow: hidden;
    position: relative;
}
.controls ul
{
    clear: left;
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    left: 50%;
    text-align: center;
}

.controls li
{
    display: inline;
    float: left;
    list-style: none;
    margin: 0px 20px;
    width: 20px;
    height: 20px;
    position: relative;
    right: 50%;
}

.controls ul li a
{
    font-size: 10px;
    color: #777;
    display: block;
    width: 14px;
    height: 16px;
    padding-left: 2px;
}

.controls ul li .on, .controls ul li .on:hover
{
    color: #efefef;
    background: #fff url(../../img/hm/features-controls-num-on-v1.png) top center no-repeat;
}

.controls ul li a:hover
{
    color: #777;
    background: #fff url(../../img/hm/features-controls-num-over-v1.png) top center no-repeat;
}


/*** PANELS **********************************************************************/

#panels
{
}

#panels .column
{
    width: 240px;
    margin: 0px;
    float: left;
    text-align: center;
}
#panels .column h1
{
    font-size: 20px;
    color: #E76E34;
    letter-spacing: .02em;
    margin-bottom: 15px;
    padding-top: 15px;
    font-family: "myriad-pro";
    font-weight: 400;
}

#panels .column p
{
    color: #e76e34;
    font-size: 18px;
    width: 180px;
    font-style: italic;
    font-family: 'Times New Roman' , serif;
    font-weight: 600;
    letter-spacing: -1px;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
}




/* these allow for different background images */
/* heights are set here for compat */
#panels .column .individuals
{
    background: #fff url(../../img/hm/panels-bg-individual-v1.gif) bottom center no-repeat;
    height: 200px;
}

#panels .column .individuals p
{
    width: 140px;
}

#panels .column .business
{
    background: #eee url(../../img/hm/panels-bg-business-v1.gif) bottom center no-repeat;
    height: 200px;
}
#panels .column .mobile
{
    background: #fff url(../../img/hm/panels-bg-mobile-v1.gif) bottom center no-repeat;
    height: 200px;
}
#panels .column .samples
{
    background: #eee url(../../img/hm/panels-bg-free-trial-v1.png) bottom center no-repeat;
    height: 200px;
}

#panels .column .samples p
{
    width: 145px;
    color: #74b64a;
}