body {
    -webkit-text-size-adjust: none;
}

a {
    -webkit-transition: color 0.5s ease-in-out;
    -moz-transition:    color 0.5s ease-in-out;
}

div#bd {
    margin: 0 10px;
}

div#ft a {
    color: #999;
}

div#exttouch.home strong {
    font-weight: bold;
}

div#exttouch.home {
    font: 13px/1.5 "Helvetica Neue", Helvetica, Arial, sans-serif;
}

div#exttouch.home #feature {
    margin: 0 0 32px 5px;
    width: 460px;
}

div#exttouch.home #feature h1 {
    color: #000;
    font: 400 40px/1 "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 56px 0 4px;
    letter-spacing: -1px;
    white-space: nowrap;
}

div#exttouch.home #feature h1 span {
    font-weight: 200;
}

div#exttouch.home #feature h2 {
    color: #777;
    font: normal 16px/1 "Helvetica Neue", Helvetica, Arial, sans-serif;
    letter-spacing: 0.05em;
    margin: 0 0 18px;
}

div#exttouch.home #feature p {
    color: #333;
    font: 13px/1.6 "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0 0 24px;
    width: 425px;
}

div#exttouch.home #feature p#action {
    clear: right;
    margin: 18px 0;
    overflow: hidden;
    overflow: visible;
}

div#exttouch.home #feature p#action a {
    background: #fff url(/assets/images/20100616buttons.png) no-repeat 0 0;
    display: block;
    float: left;
    height: 25px;
    margin: 0 12px 0 0;
    overflow: hidden;
/*
    position: absolute;
    bottom: 10px;
    right: 0;
*/
    text-indent: 150%;
    white-space: nowrap;
    width: 120px;
}

div#exttouch.home p#action a:hover,
div#exttouch.home p#action a:focus,
div#exttouch.home p#action a:active {
    background-position: 0 -40px;
}

div#exttouch.home p#action a#secondary,
div#exttouch.home p#action a#learnmore {
    background-position: 0 -80px;
    width: 130px;
}

div#exttouch.home p#action a#secondary:hover,
div#exttouch.home p#action a#secondary:focus,
div#exttouch.home p#action a#secondary:active {
    background-position: 0 -120px;
}

div#exttouch.home p#action a#learnmore {
    background-position: 0 -320px;
}

div#exttouch.home p#action a#learnmore:hover,
div#exttouch.home p#action a#learnmore:focus,
div#exttouch.home p#action a#learnmore:active {
    background-position: 0 -360px;
}


div#exttouch.home #feature p#action {
    width: 500px;
}

div#exttouch.home #feature span.release {
    clear: left;
    color: #9d9d9d;
    display: block;
    font-size: 12px;
    padding: 24px 0 0 14px;
    white-space: nowrap;
}

div#exttouch.home #feature img#threebrothers {
    position: absolute;
    right: 10px;
    top: 0;
}

div#exttouch.home div#threebros {
    background: url(/assets/images/20100715-iphone-ipad-android-2.jpg) no-repeat 0 0;
    height: 467px;
    position: absolute;
    right: 10px;
    top: 0;
    width: 460px;
}




div#exttouch.home .callout {
    background: #f2f2f2;
    -webkit-border-radius: 10px;
    -moz-border-radius:    10px;
    border-radius:         10px;
    text-shadow: 0 1px 0 rgba(255,255,255,0.8);
}








/* Three Columns Feature List */

div#exttouch.home div#features {
    min-height: 350px;
/*     overflow: auto; */
    position: relative;
    z-index: 2;
}

div#exttouch.home div#features div.col {
    float: left;
    margin-right: 35px;
    width: 275px;
}

div#exttouch.home div#features div.col1 div.callout {
    height: 144px;
    margin: -12px 0 0 5px;
/*     overflow: auto; */
    padding: 12px;
}

div#exttouch.home div#features div.col ul {
    list-style: none;
}

div#exttouch.home div#features div.col img {
    float: left;
    margin-top: 4px;
}

div#exttouch.home div#features h2,
div#exttouch.home div#features p {
    margin-left: 60px;
}

div#exttouch.home div#features div#featurelist div.callout ul {
    color: rgba(4,100,187,0.8);
    font-size: 9px;
    list-style-type: square;
    list-style-position: inside;
    margin: 3px 0 0 60px;
/*     width: 246px; */
}

div#exttouch.home div#features div#featurelist ul li {
    float: left;
    margin: 0 0 3px 0px;
    padding: 0;
    height: 16px;
    width: 85px;
}

div#exttouch.home div#features div#featurelist ul li span {
    color: #777;
    font-size: 11px;
}

div#exttouch.home div#features div#featurelist ul li.os {
    display: block;
    margin-top: 5px;
    margin-left: 10px;
    width: 76px;
}

div#exttouch.home div#features div#featurelist ul li.os strong {
    color: #555;
    font-size: 12px;
}

div#exttouch.home div.col h2 {
    color: #555;
    font: bold 13px/18px "Helvetica Neue", Helvetica, Arial, sans-serif;
    letter-spacing: -0.05em;
}

div#exttouch.home #featuredesc p {
    color: #888;
    font: normal 12px/16px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

div#exttouch.home div.col2 li,
div#exttouch.home div.col3 li {
    float: left;
    height: 90px;
    margin-bottom: 24px;
}

div#exttouch.home div#features div.col3 {
    margin-right: 0;
}

div#exttouch.home div#features div.col img#onebighappyfamily {
    display: block;
    margin-top: 24px;
    margin-left: -4px;
}



/* End Three Columns */












hr.doublerule,
div.doublerule {
    background: none;
    border: none;
    border: 1px solid #dfdfdf;
    border-width: 1px 0;
    clear: both;
    height: 2px;
    margin: 36px 0;
}

div.doublerule hr {
    display: none;
}



div#testimonials div {
    margin-bottom: 36px;
    width: 440px;
}

div#testimonials div img.headshot {
    float: left;
    margin: 0 36px 24px 0;
}

div#testimonials div blockquote p {
    color: #666;
    font: 400 22px/25px "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0;
    text-indent: -0.42em;
}

div#testimonials div blockquote.small p {
    font: 400 18px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-indent: -0.42em;
}

div#testimonials div blockquote cite {
    color: #999;
    font-size: 12px;
    font-weight: bold;
}

div#testimonials div > p {
    clear: both;
}

div#testimonials {
    float: left;
    width: 450px;
}




div#apps {
    min-height: 140px;
    margin-bottom: 18px;
    margin-left: 490px;
    overflow: auto;
    padding: 18px 12px 12px;
    width: 426px;
}

div#apps a.app {
    display: block;
    height: 72px;
    float: left;
    height: 110px;
    margin: 0 8px 8px 0;
    text-decoration: none;
    width: 72px;
}

div#apps a.app.first {
    margin-left: 17px;
}

div#apps a.app.last {
    margin-right: 0;
}

div#apps a.app span {
    color: #ccc;
    display: block;
    font-size: 11px;
    text-align: center;
    -webkit-transition: color 0.5s ease-in-out;
}

div#apps a.app:hover span {
    color: #0464BB;
}

div#apps p {
    font-size: 12px;
    margin: 8px 18px 0;
}

div#apps div {
    clear: both;
}

div#apps div#default {
    text-align: right;
}

div#apps div.desc {
    display: none;
}



p#bottomnav {
    border-top: 1px solid #ddd;
    clear: both;
    overflow: hidden;
    overflow: visible;
    padding: 12px 0 36px;
}

p#bottomnav a.prev,
p#bottomnav a.next {
    background: url(/assets/images/bg-arrows-lr.png) no-repeat 0 50%;
    color: #0464BB;
    display: block;
    float: left;
    font-size: 14px;
    font-weight: bold;
    height: 14px;
    line-height: 14px;
    text-align: left;    
    padding-left: 24px;
    width: 120px;
}

p#bottomnav a:hover,
p#bottomnav a:focus {
    color: #1C417C;
    text-decoration: underline;
}

p#bottomnav a.prev {
}

p#bottomnav a.next {
    background-position: right 50%;
    padding: 0 24px 0 0;
    float: right;
    text-align: right;
    width: 120px;
}



div#communication {
    -webkit-border-radius: 4px;
    -moz-border-radius:    4px;
    border-radius:         4px;
    border: 1px solid #dfdfdf;
    background: #fff url(/assets/images/bg-x-gray.png) repeat-x 0 0;
    clear: both;
    height: 16px;
    line-height: 16px;
    margin: 12px 0 12px;
    
    padding: 12px;
    position: relative;
}

div#communication form {
    height: 16px;
    position: relative;
}

div#communication form#sms-form {
    position: absolute;
    top: 50%;
    right: 0;
    min-width: 440px;
    margin-top: -8px;
}

div#communication form#sms-form.error strong {
    color: #bb0000;
}

div#communication form p#thanks,
div#communication form p#thanks2 {
    display: none;
    position: relative;
}

div#communication form.thanks label,
div#communication form.thanks a#submit,
div#communication form.thanks a#sms-form-btn {
    display: none;
    position: relative;
}

div#communication form#sms-form.thanks p#thanks2,
div#communication form#signup.thanks p#thanks {
    display: block !important;
    font-weight: bold;
}

div#communication form#sms-form.thanks p#thanks2 {
    padding-right: 12px;
    text-align: right;
}

div#communication form#signup.thanks p#thanks span {
    display: inline;
    font-weight: normal;
}

div#communication label {
    color: #777;
    font-size: 12px;
    line-height: 16px;
    position: relative;
    top: -4px;
}

div#communication label strong {
    margin-right: 12px;
    position: relative;
    text-shadow: 0 1px 0 rgba(255,255,255,0.8);
}

div#communication input#email,
div#communication input#sms-form-phone {
    position: relative;
}



div#communication a#submit,
div#communication a#sms-form-btn {
/*
    border: 1px solid #ccc;
    border-color: #ccc #ddd #ddd #ccc;
    -webkit-border-radius: 2px;
    -moz-border-radius:    2px;
    border-radius:         2px;
    font-size: 12px;
    height: 12px;
    line-height: 16px;
    padding: 5px 6px;
    width: 150px;
*/
    background: url(/assets/images/20100616buttons.png) no-repeat 0 -160px;
    display: inline-block;
    height: 24px;
    margin: 0 12px 0 0;
    overflow: hidden;
    position: relative;
    text-indent: 150%;
    white-space: nowrap;
    width: 76px;
}

.ext-webkit div#communication a#submit,
.ext-webkit div#communication a#sms-form-btn {
    top: -8px;
}

.ext-gecko div#communication label strong {
    top: -8px;
}

.ext-gecko div#communication input#email,
.ext-gecko div#communication input#sms-form-phone {
    top: -7px;
}

.ext-gecko div#communication a#submit,
.ext-gecko div#communication a#sms-form-btn {
    top: -4px;
}

.ext-ie6 div#communication label strong,
.ext-ie6 div#communication label strong {
    top: -1px;
}

.ext-ie6 div#communication input#email,
.ext-ie6 div#communication input#sms-form-phone {
    top: 3px;
}

.ext-ie6 div#communication a#submit,
.ext-ie6 div#communication a#sms-form-btn {
    top: 0px;
}

.ext-ie6 div#communication form#sms-form {
    margin-top: -13px;
}

.ext-ie7 div#communication label strong,
.ext-ie7 div#communication label strong {
    top: -5px;
}

.ext-ie7 div#communication input#email,
.ext-ie7 div#communication input#sms-form-phone {
    top: -1px;
}

.ext-ie7 div#communication a#submit,
.ext-ie7 div#communication a#sms-form-btn {
    top: -4px;
}

.ext-ie8 div#communication label strong,
.ext-ie8 div#communication label strong {
    top: -3px;
}

.ext-ie8 div#communication a#submit,
.ext-ie8 div#communication a#sms-form-btn {
    top: -10px;
}

div#communication a#submit:hover,
div#communication a#submit:focus,
div#communication a#submit:active {
    background-position: 0 -200px;
}

div#communication a#sms-form-btn {
    background-position: 0 -240px;
}

div#communication a#sms-form-btn:hover,
div#communication a#sms-form-btn:focus,
div#communication a#sms-form-btn:active {
    background-position: 0 -280px;
}

div#communication input#email,
div#communication input#sms-form-phone {
    border: 1px solid #ccc;
    border-color: #ccc #ddd #ddd #ccc;
    -webkit-border-radius: 2px;
    -moz-border-radius:    2px;
    border-radius:         2px;
    font-size: 12px;
    height: 12px;
    line-height: 16px;
    padding: 5px 6px;
    width: 170px;
}



div#quad {
    height: 228px;
    margin: 0 auto 24px;
    overflow: hidden;
    position: relative;
    width: 940px;
}

div#quad div a {
    background-color: #f9f9f9;
    background-repeat: no-repeat;
    background-position: 0 0;
    display: block;
    height: 0;
    margin: 0;
    padding-top: 228px;
    position: absolute;
    top: 0;
    width: 235px;
}

div#quad div a:hover {
    background-position: 0 -228px;
}

div#quad div#quad1 a,
div#quad div#quad1-2 a {
    left: 0;
}

div#quad div#quad2 a,
div#quad div#quad2-2 a {
    left: 235px;
}

div#quad div#quad3 a,
div#quad div#quad3-2 a {
    left: 470px;
}

div#quad div#quad4 a,
div#quad div#quad4-2 a {
    left: 705px;
}

div#quad div#quad1 a {
    background-image: url(/assets/images/quad1-20100707.png);
}

div#quad div#quad2 a {
    background-image: url(/assets/images/quad2.jpg);
}

div#quad div#quad3 a {
    background-image: url(/assets/images/quad3.jpg);
}

div#quad div#quad4 a {
/*     background-image: url(/assets/images/quad4.png); */
    background-image: url(/assets/images/quad4-20100630.png);
}

div#quad div#quad1-2 a {
    background-image: url(/assets/images/quad1.jpg);
}

div#quad div#quad2-2 a {
    background-image: url(/assets/images/quad2-2.png);
}

div#quad div#quad3-2 a {
/*     background-image: url(/assets/images/quad3-2.png); */
    background-image: url(/assets/images/quad3-20100630.png);
}

div#quad div#quad4-2 a {
    background-image: url(/assets/images/quad4-2.png);
}


/*
div#communication + div#ft {
    border: none;
    margin-top: 12px;
}
*/























/* Products page */

div.productnav {
    background: url(/assets/images/bg-y-fade-ul.png) no-repeat 100% 0;
    float: left;
    height: 444px;
    width: 188px;
}

div.productnav li {
    display: block;
    width: 187px;
}

div.productnav li a:link,
div.productnav li a:visited {
    background: #f9f9f9;
    border: 1px solid;
    border-width: 1px 0;
    border-color: #fff #fff #ddd;
    color: #555;
    display: block;
    font-size: 13px;
    font-weight: bold;
/*     height: 16px; */
    line-height: 16px;
    padding: 15px 20px 12px 12px;
    text-decoration: none;
    -webkit-text-shadow: 0 1px 0 rgba(255,255,255,0.9);
    -moz-text-shadow:    0 1px 0 rgba(255,255,255,0.9);
    text-shadow:         0 1px 0 rgba(255,255,255,0.9);
}

.ext-ie7 div.productnav li a:link,
.ext-ie7 div.productnav li a:visited {
    height: 20px;
}

div.productnav li a:hover,
div.productnav li a:focus,
div.productnav li a:active,
div.productnav li a.active,
div.productnav li.last a.active {
    color: #0464BB;
}

div.productnav li a.active {
    background: #dfdfdf;
    border-bottom-color: #ccc;
}

div.productnav li.last a {
    color: #659608;
}

div#touch.product h3#producttitle {
    border-bottom: 1px solid #ddd;
    color: black;
    font-size: 40px;
    font-weight: 400;
    letter-spacing: -1px;
    margin: 0;
    padding: 36px 0 12px;
    position: relative;
}

div#touch.product h3#producttitle a {
    color: black;
    text-decoration: none;
}

div#touch.product h3#producttitle a.buttonimg {
    background: url(/assets/images/20100616buttons.png) no-repeat 0 0;
    display: block;
    float: right;
    height: 25px;
    overflow: hidden;
    position: absolute;
    bottom: 10px;
    right: 0;
    text-indent: 150%;
    white-space: nowrap;
    width: 120px;
}

.ext-ie7 div#touch.product h3#producttitle a.buttonimg {
    bottom: 20px;
}

div#touch.product h3#producttitle a.buttonimg:hover,
div#touch.product h3#producttitle a.buttonimg:focus,
div#touch.product h3#producttitle a.buttonimg:active {
    background-position: 0 -40px;
}

div#touch.product h3#producttitle a.buttonimg:active {
    bottom: 9px;
}



div#touch.product h3#producttitle a.button {
    background: #0464BB;
    -webkit-border-radius: 10px;
    -moz-border-radius:    10px;
    border-radius:         10px;
    color: #fff;
    display: block;
    float: right;
    font-size: 13px;
    line-height: 13px;
    padding: 6px 12px 1px;
    position: absolute;
    bottom: 10px;
    right: 0;
    text-decoration: none;
    text-shadow: 0 1px 0 rgba(0,0,0,0.9);
}

div#touch.product h3#producttitle a#secondary.button {
    background: #ddd;
    color: #555;
    text-shadow: 0 1px 0 rgba(255,255,255,0.9);
}

div#touch.product #hero {
    background: #fff url(/assets/images/20100616family.png) no-repeat 50% 0;
    margin-top: 24px;
    margin-left: 188px;
    padding-top: 330px;
    /* text-align: center; */
}

div#touch.product #hero h1,
div#touch.product #hero h2 {
    color: #111;
    font: bold 32px/1 "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0.67em 0 0 36px;
    padding: 0;
    -webkit-text-shadow: 0 2px 0 rgba(255,255,255,0.9);
    -moz-text-shadow:    0 2px 0 rgba(255,255,255,0.9);
    text-shadow:         0 2px 0 rgba(255,255,255,0.9);

}

div#touch.product #hero h2 {
    width: 675px;
}

div#touch.product h3 {
    -webkit-text-shadow: 0 1px 0 rgba(255,255,255,0.9);
    -moz-text-shadow:    0 1px 0 rgba(255,255,255,0.9);
    text-shadow:         0 1px 0 rgba(255,255,255,0.9);
}

div#touch.product #hero h2 {
    color: #555;
    font-size: 18px;
    font-weight: normal;
    line-height: 1.18em;
    margin: 0 0 1em 36px;
    width: 600px;
}

div#touch.product #lower {
/*     border-top: 1px solid #ddd; */
/*     margin-left: 198px; For homepage */
    margin-left: 212px; /* for subpages */
    padding: 18px 10px 0 0;
}

div#touch.product #lower div.section {
    border-bottom: 1px solid transparent;
/*     clear: both; */
    min-height: 202px;
/*     margin: 0 50px 36px; */
    margin: 0 0 12px;
    overflow: auto;
    padding: 12px 0 24px;
}

div#touch.product #lower div.section img {
    float: left;
/*     width: 300px; */
}

div#touch.product #lower div.section h3,
div#touch.product #lower div.section p,
div#touch.product #lower div.section ul {
    margin-left: 350px;
}

div#touch.product #lower div.section h3 {
    font-size: 20px;
    margin-bottom: 6px;

}

div#touch.product #lower div.section p {
    font-size: 14px;
    line-height: 1.5;
}

div#touch.product #lower div#icons.section ul {
    list-style: square;
    list-style-position: inside;
}

div#touch.product #lower div#icons.section ul li {
    float: left;
    font-size: 12px;
    width: 25%;
    color: #999;
}

div#touch.product #lower div.section.alt img {
    float: right;
}

div#touch.product #lower div.section.alt h3,
div#touch.product #lower div.section.alt p,
div#touch.product #lower div.section.alt ul {
    margin-right: 350px;
    margin-left: 0;
    margin-bottom: 6px;
}

/*
div#touch.product #lower div#resolution.section h3,
div#touch.product #lower div#resolution.section p {
    margin-right: 550px;
}
*/

div#touch.product div#css3sass.section div.callout {
    background: #f2f2f2;
    -webkit-border-radius: 10px;
    -moz-border-radius:    10px;
    border-radius:         10px;
    margin-left: 350px;
    padding: 12px;
}

div#touch.product div#lower div#css3sass.section div.callout p,
div#touch.product div#lower div#css3sass.section div.callout ul {
    margin: 0;
    padding: 0;
}

div#touch.product div#lower div#css3sass.section div.callout ul {
    list-style: none;
    margin: 0 auto;
    overflow: auto;
    padding: 12px 6px 6px;
    width: 300px;
}

div#touch.product div#lower div.section div.callout ul li {
    float: left;
}

div#touch.product div#lower div.section div.callout ul li a {
    display: block;
    margin-right: 16px;
    text-align: center;
    text-decoration: none;
    width: 86px;
}

div#touch.product div#lower div.section div.callout ul li.last a {
    margin-right: 0;
}

div#touch.product div#lower div.section div.callout ul li a span {
    color: #999;
    display: block;
    font-size: 11px;
}

div#touch.product div#lower div.section div.callout ul li a:hover span {
    color: #0464BB;
}

div#touch.product div#lower div.section div.callout ul li a img {
    background: white;
    border: 3px solid white;
    
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.75);
    -moz-box-shadow:    0 1px 2px rgba(0,0,0,0.75);
    box-shadow:         0 1px 2px rgba(0,0,0,0.75);
    
    display: block;
    height: 50px;
    margin-bottom: 5px;
    padding: 1px;
    width: 80px;
    
    -webkit-transition: border-color 0.3s ease-in-out;
}

div#touch.product div#lower div.section div.callout ul li a:hover img {
    border-color: #0464BB;
}



/* Testimonials */
div#touch.product div#lower.testimonials div.section {
    overflow: hidden;
    width: 618px;
}

div#touch.product div#lower.testimonials div.section * {
    margin-right: 0;
    margin-left: 0;    
}

div#touch.product div#lower.testimonials div.section {
    margin-right: 100px;
    margin-left: 0;
    min-height: 120px;
}

/*
div#touch.product div#lower.testimonials div.section.alt {
    margin-right: 0;
    margin-left: 100px;
}
*/

div#touch.product div#lower.testimonials div.section blockquote p {
    font-size: 18px;
    line-height: 24px;
}

div#touch.product div#lower.testimonials div.section blockquote cite {
    font-size: 14px;
}

div#touch.product div#lower.testimonials div.section img {
    background: #fff;
    border: 1px solid #ddd;
    float: right;
    margin: 0 0 25px 25px;
    padding: 3px;
}

div#touch.product div#lower.testimonials div.section.alt img {
    float: left;
    margin: 0 25px 25px 0;
}