body,div,h1,h2,h3,h4,h5,h6,ul,li,p,form,ol,dd,dt,dl {
font-weight:400;
list-style:none;
margin:0;
padding:0;
}

body {
height:100%;
background:#ffffff;
font-family: 'Gotham 4r', 'Gotham A', 'Gotham B', Arial, Helvetica, Sans-Serif;
font-size:16px;
}

h1,h2,h3,h4,h5,h6 {line-height:normal;}

a {color:#666766;text-decoration:underline;}

h1 a:hover {color:#0394f1;}

.clearfix:after {
clear:both;
content:".";
display:block;
height:0;
visibility:hidden;
}

.clearfix {
display:block;
}

* html .clearfix,html .clearfix {
height:1%;
}
.none {display:none;}
.fixed {position: fixed;}
.absolute {position: absolute;}

.borderBlue {border: 1px solid blue}
.borderGreen {border: 1px solid green}
.borderRed {border: 1px solid red}
.borderNone {border: none}

div#wrapper {
}

#topnavOuter
{
    position: relative;
    width: 1280px;
   margin: 0 auto;
    padding: 0px;
    z-index: 8;
}
#topnav
{
    width: 1280px;
    height: 87px;
    position: fixed;
    background-color: #fff;
}

#topnav:after
{
    content: "";
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;
}




/*
#sub #contentOuter{
    position: relative;
    background: none;
    z-index: 1;
}
*/


#contentInner{
    width: 1280px;
    margin: 0 auto;
    padding: 0px;

}

.rowholder:after{
    content: "";
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;
}


#contentCols{
    position: relative;
}
#contentCols:after{
    content: "";
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;
}

.lcol{
    position: relative;
    float: left;
    width: 951px;
}

.rcol{
    position: relative;
    float: left;
}


#footerOuter
{

}
#footer
{
    width: 1280px;
    margin: 0px auto;
}

/*homepage tiles and buttons*/
/*--------------------------*/

.content {
    position: absolute;
    z-index: 4;
    left: 151px;
    background-repeat: no-repeat;
}

#home #slide01 .content {
    top: 355px;
    width: 491px;
    height: 310px;
    background-image: url(../images/home_content_slide1.png);
}
#home #slide02 .content {
    top: 215px;
    width: 712px;
    height: 346px;
    background-image: url(../images/home_content_slide2.png);
}
#home #slide03 .content {
    top: 169px;
    width: 382px;
    height: 446px;
    background-image: url(../images/home_content_slide3.png);
}
#home #slide04 .content {
    top: 175px;
    width: 760px;
    height: 438px;
    background-image: url(../images/home_content_slide4.png);
}
#home #slide05 .content {
    top: 155px;
    width: 464px;
    height: 373px;
    background-image: url(../images/home_content_slide5.png);
}

.backhome {
    position:relative;
    display:block;
    left:40px;
    top:-110px;
    height: 100px;
    width: 301px;
    cursor:pointer;
    border: none;
}
.homeHover {
    position:relative;
    display:block;
    left:153px;
    top:414px;
    height: 41px;
    width: 430px;
    cursor:pointer;
    border: none;
}
.homeHover:hover {
/*    border: 1px solid blue;*/
    background-image: url(../images/CTA.png);

}

.down {
    position:relative;
    display:block;
    width: 82px;
    height:68px;
    left: 437px;
    top: 195px;
    background: url(../images/home_content_down_link.png) no-repeat 0 -68px;
}
.down:hover {background-position: 0 0;}

.videoPlay {
    width: 68px;
    height:58px;
    cursor:pointer;
    border: none;
    background: url(../images/spritePlay_playicon.png) no-repeat 0 0;
}
.videoPlay:hover {background-position: 0 -58px;}


.down01 {
    position:relative;
    display:block;
    top: 227px;
    width: 284px;
    height: 83px;
    cursor:pointer;
    border: none;
    background: url(../images/spritePlay_ScrollMore_CTA.png) no-repeat 0 0;
}
.down01:hover  {background-position: 0 -83px;}
.down01b {
    position:relative;
    display:block;
    top: 180px;
    left: 381px;
    width: 200px;
    height: 83px;
    border: none;
    background: url(../images/spritePlay_ScrollMore_link.png) no-repeat 0 0;
}
.homeLink2 {
    position:relative;
    display:block;
    top: 132px;
    width: 289px;
    height: 45px;
    cursor:pointer;
    border: none;
    background: url(../images/home_content_slide2_link.png) no-repeat 0 0;
}
.homeLink2:hover  {background-position: 0 -45px;}

.down02 {
    position:relative;
    display:block;
    top: 250px;
    cursor:pointer;
    border: none;
/*    border: 1px solid blue;*/
}
.homeLink3 {
    position:relative;
    display:block;
    top: 164px;
    left: 81px;
    width: 300px;
    height: 80px;
    cursor:pointer;
    border: none;
    background: url(../images/spritePlay_difference.png) no-repeat 0 0;
}
.homeLink3:hover  {background-position: 0 -93px;}

.down03 {
    position:relative;
    display:block;
    top: 274px;
    cursor:pointer;
    border: none;
/*    border: 1px solid blue;*/
}
.down04 {
    position:relative;
    display:block;
    top: 430px;
    cursor:pointer;
    border: none;
/*    border: 1px solid blue;*/
}


.homeLink5 {
    position:relative;
    display:block;
    top: 107px;
    left: 374px;
}

.getstartedHome {
    position:relative;
    display:block;
    left:343px;
    top:-74px;
    height: 34px;
    width: 276px;
    cursor:pointer;
    background: url(../images/sprite_getstartedHome.png) no-repeat 0 0;
}
.getstartedHome:hover  {background-position: 0 -34px;}

}

.backToTop {
    position:relative;
    display:block;
    left:115px;
    top:1517px;
    height: 62px;
    width: 100px;
    cursor:pointer;
    border: 1px solid red;
}
.backToTop:hover {
/*    border: 1px solid blue;*/

}

/* Global subpages*/
/*--------------------------*/


.videoButton {
    position: absolute;
    z-index: 6;
    background-repeat: no-repeat;
}

/* 1.1 tiles and buttons*/
/*--------------------------*/

#onepoint1 #slide01 {
    height: 223px;
    margin-top: 130px;
}

#onepoint1 #slide02 .content {
    top: 0px;
    height: 510px;
}

#onepoint1 #slide03{
    height: 595px;
}


#onepoint1 .mainCTA {
    position:relative;
    display:block;
    width: 250px;
    height: 34px;
    top: -233px;
    background: url(../images/spriteSeeResults.png) no-repeat 0 0;
}
#onepoint1 .mainCTA:hover {background-position: 0 -34px;}


/* 1.2 tiles and buttons*/
/*--------------------------*/

#onepoint2 #slide01 {
    height: 223px;
    margin-top: 130px;
}

#onepoint2 #slide02 .content {
    top: 0px;
    height: 635px;
}

#onepoint2 #slide03{
    height: 445px;
}


#onepoint2 #slide03 .content {
    top: 0px;
}

a.footnote{
    display: block;
    height: 20px;
    width: 120px;
    position: absolute;
    top: 53px;
    left: 580px;
}

#onepoint2 .mainCTA {
    position:relative;
    display:block;
    width: 250px;
    height: 34px;
    background: url(../images/spriteGetStarted.png) no-repeat 0 0;
}
#onepoint2 .mainCTA:hover {background-position: 0 -34px;}



#onepoint2 .videoCTA {
    position:relative;
    display:block;
    top: 90px;
    width: 388px;
    height: 132px;
    background: url(../images/spritePlay_LeadingTheWay.png) no-repeat 0 0;
}
#onepoint2 .videoCTA:hover {background-position: 0 -132px;}



#onepoint2 #VideoClose {
    width: 1280px;
    height: 587px;
    margin-left: -151px;
    background: url(../images/video_big_3_1.png);
    display: none;
    cursor:pointer;
}
#threepoint1 #VideoClose {
    width: 1280px;
    height: 587px;
    margin-left: -151px;
    background: url(../images/video_big_3_1.png);
    display: none;
    cursor:pointer;
}

#bottomImage {
    margin-left: -151px;
}

/* 1.5 tiles and buttons*/
/*--------------------------*/
#onepoint5 #slide01 {
    height: 223px;
    margin-top: 130px;
}

#onepoint5 #slide02 .content {
    top: 0px;
    height: 500px;
}


#step1, #step2, #step3  {
    position:relative;
    display: block;
    float: left;
    width: 230px;
    height: 50px;
    margin-top: 26px;
    margin-bottom: 11px;
    cursor: pointer;
    background: url(../images/spriteForm_nav.png) no-repeat 0 0;
}
#step1 {
    margin-right: 51px;
}
#step2 {
    margin-right: 33px;
    background-position: -281px 0;
}
#step3 {
    background-position: -541px 0;
}


#step1:hover {background-position: 0px -50px;}
#step2:hover {background-position: -281px -50px;}
#step3:hover {background-position: -541px -50px;}

#step1.hot{background-position: 0px -50px;}
#step2.hot {background-position: -281px -50px;}
#step3.hot {background-position: -541px -50px;}

#step1.cold{background-position: 0px 0px; cursor: default;}
#step2.cold {background-position: -281px 0px; cursor: default;}
#step3.cold {background-position: -541px 0px; cursor: default;}

#form1 {
    position: absolute; top: 87px;
    width: 773px; height: 323px;
/*    background: url(../images/sub1_5_content_slide2_1.png) no-repeat 0 0;*/
}
#form2 {position: absolute; top: 87px;
    width: 773px; height: 564px;
/*    background: url(../images/sub1_5_content_slide2_2.png) no-repeat 0 0;*/
}

#form3  {position: absolute; top: 87px;
    width: 773px; height: 351px;
/*    background: url(../images/sub1_5_content_slide2_3.png) no-repeat 0 0;*/
}

#formButton1 {position: absolute; top: 410px; cursor: pointer; width:190px; height: 34px;}
#formButton2 {position: absolute; top: 650px; cursor: pointer; width:190px; height: 34px;}
#formButton3 {position: absolute; top: 438px; cursor: pointer; width:101px; height: 34px;}



/* 2.1 tiles and buttons*/
/*--------------------------*/

#twopoint1 #slide01 {
    height: 223px;
    margin-top: 130px;
}

#twopoint1 #slide02 .content {
    top: 0px;
    height: 512px;
}

#twopoint1 #slide03{
    height: 308px;
}

/* 3.2 tiles and buttons*/
/*--------------------------*/

#threepoint1 #slide01 {
    height: 223px;
    margin-top: 130px;
}

#threepoint1 #slide02 .content {
    top: -56px;
    height: 339px;
}

#threepoint1 #slide02{
    height: 373px;
}

#threepoint1 #slide03 .content{
    top: 0px;
    height: 450px;
}

#threepoint1 #slide04 .content{
    top: 0px;
    height: 399px;
}

#threepoint1 #slide05 .content{
    top: 0px;
}

#threepoint1 .videoCTA {
    position:relative;
    display:block;
    top: 101px;
    left: 336px;
    width: 68px;
    height: 58px;
    background: url(../images/spritePlay_playicon.png) no-repeat 0 0;
}
#threepoint1 .videoCTA:hover {background-position: 0 -58px;}




#threepoint1 .mainCTA {
    position:relative;
    display:block;
    top: 0px;
    width: 314px;
    height: 34px;
    background: url(../images/spriteSimpleSupport.png) no-repeat 0 0;
}
#threepoint1 .mainCTA:hover {background-position: 0 -34px;}