:root {
    --footHeight:110px;
    --screenH:calc(100vh - var(--footHeight) - 0px);
    --iPhoneW:257px;
    --iPhoneH:521px;
}

a{text-decoration: none; color: #55a555;}
h1{font-size: 17pt;}
h4{font-size: 12.5pt; margin:30px 0 -10px 0;}
ul li{color:#55a555; font-weight:bold}
.ColGrn{color:#55a555}
.ColBrn{color:#985522}

body{
    background-image:url("i/gradBg.png");
    background-repeat:repeat-x;
    background-size:auto 750px;
    background-color:#ebebd9;
    margin: 0;
    font-family: Helvetica, Arial, Tahoma, sans-serif;
    font-weight: normal;
    font-size:11pt;
    color:#676767;
}
div#mainDiv{
    position: relative;
    width:750px;
    margin-left:auto;
	margin-right:auto;
    min-height:var(--screenH);
}
div#iPhoneCol{
    position: relative;
    width:257px;
    margin-top:42px;
    margin-bottom:42px;
    float: left;
    display: block;
}
div#mainCol{
    width:450px;
    height:calc(100% - var(--footHeight));
    margin-top:28px;
    margin-bottom:28px;
    float: right;
    display: block;
}
#logo{
    float: right;
    width: 225px;
    height: 225px;      
}
div#mainCol nav{
    display: block;
    margin-top:100px;
    width: 180px;
}
div#mainCol nav img{
    margin-top: 7px;
    width:167px;
    height:31px;
}
img#line{
    width:450px; height:25px;
    margin-top:16px;
}
div#mainText p{
    clear: both;
    line-height: 17pt;
    text-align: justify;
}

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

img#iPhone{
    position: absolute;
    z-index: 50;
    left: 10;
    top: 10;
    width: var(--iPhoneW);
    height: var(--iPhoneH);
}
img.screenshot{
    position: absolute;
    z-index: 10;
    left:19px;
    top:10.5px;
    width:226px;
    height:494px;
}
img.appleBtn{
    width:136px;
    height:45px;
    margin-top:calc(var(--iPhoneH) + 32px);
    margin-left:64px;
}

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

div#ft_Wrap{
    clear: both;
    width: 100%;
    height: var(--footHeight);
    display:grid;
    grid-template-columns:auto 750px auto;
    grid-template-rows: auto;
    background-image:url("i/ftBg.png");
    background-size:600px var(--footHeight);
}
/* div#ft_L{

} */
div#ft_M{
    height: var(--footHeight);
    /* padding: 0; */
    
    background-image:url("i/ftBg-Ball.png");
    background-size: 100px 110px;
    background-position-x: right;
    background-repeat: no-repeat;
    
}
div#ft_R{
    background-image:url("i/ftBg-Grs-R.png");
    background-size: 11px 9px;
    background-position: 110px 63px;
    background-repeat: no-repeat;
}



div#ft_M a{
    display:inline-block;
    margin: 67px 30px 0 0;
}
div#ft_M a:first-of-type {
    margin-left: 35px;
}
div#ft_M a, div#ft_M span{
    color:#f2f2f2;
}
span.cpyRgt{
    margin-left: 40px;
}
/* -------------------- */