.sprite_land {
  background-image: url('/landing/img/sprite1.png');
  background-size: 64px 32px;
}

body,html { 
   background: #666;
   background-image: url('/landing/img/bg.jpg');
   width: 100%;
   height: 100%;
   margin:0;
   padding:0;
   color:#aaa;
   font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;
   font-family: "Quattrocento Sans", Helvetica, Arial, sans-serif;
   font-weight: normal;
   /* Fonter: 1: H "Play", B "Quattrocento Sans". 2: H Jura, B Lato. 3: H "Ubuntu", B "Didact Gothic" */
   /* Bra: 'Droid Sans', 'Lato', 'Ubuntu', 'Open Sans', 'Istok Web' */
}
body { 
	margin: 0; 
	font-size: 16px; 
	line-height: 1.4;
}
hr.ruler { 
   background-image: url('/landing/img/ruler.jpg');
   clear: both;
   height: 16px;
   margin: 0;
   padding: 0;
   border: 0;
}

h2 {
   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color:#fff;
	font-weight: 100;
   font-size: 25px;     /* 26px / 16px = 1.625em */
   line-height: 28px;   /* line-height: 1.3; */
   margin: 10px 0px;
}
h3 {
/*    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; */
   color:#fff;
   font-weight: 100;
   font-size: 20px;
   line-height: 24px;
   margin: 10px 0px 10px;
}
h4 {
   color:#bbb;
   font-size: 16px;
   font-weight: normal;
   line-height: 22px;
   margin: 10px 0px;
}
p {
   margin: 10px 0px;
}
td { 
   font-size: 14px; 
   padding: 0px;
   padding-right: 20px;
   margin: 0px;
}
#letter_body td { 
   font-size: 17px; 
}

img { 
   max-width: 100%;
   border: 0;
   -ms-interpolation-mode: bicubic;
   vertical-align: middle;
}

#press_img td {
	text-align: center;
	padding: 20px 10px;
}
.toc_heading {
   margin-top:20px;
}
.toc_heading a {
   color: #FFFFFF;
}

pre {
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
}
.light_gray {
   color:#aaa;
}
.gray {
   color:#666;
}
.white {
   color: #FFFFFF;
}
.focus {
   color:#ddd;
   font-size: 18px; /*17px*/
}
.msg_info {
   color:#666;
   font-style: normal;
   font-size: 14px; /*17px*/
}
.intro_sub {
   margin-top: 25px;
}
.quote {
   color:#ddd;
   font-size: 18px; /*17px*/
   font-style: italic;
   margin: 0 0 30px;
}
.press_info {
   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-size: 14px; 
   font-weight: normal;
}
.note {
   font-size: 13px; 
   font-weight: normal;
   color: #888888;
}
#dialog-confirm {
   display: none;
}
.ui-widget {
   font-size: 14px; /*17px*/
}

#header_land { 
	height: 0px;
}
#middle { 
	width: 100%;
}

#frame_fixed {
   width: 795px;
   background: #000;
   margin: 0 auto;
   padding: 0px;
} 

#frame_share_inline {
   float:right;
   margin: 0px auto 0px;
   width: 184px;
}
#tmp_share { 
   cursor:pointer;
	height: 32px;
   width: 184px;
}

/*#size_debug { 
   position: fixed;
   top: 0px;
   left: 0px;
   font-family: Helvetica,sans-serif;
}*/

#first_section { 
   border-radius: 20px 20px 0px 0px;   
   height: 545px;
   padding-left: 5.5%;
   padding-right: 1.5%;
   background-image: -ms-radial-gradient(center bottom, circle farthest-side, #472400 0%, #000000 100%);
   background-image: -moz-radial-gradient(center bottom, circle farthest-side, #472400 0%, #000000 100%);
   background-image: -o-radial-gradient(center bottom, circle farthest-side, #472400 0%, #000000 100%);
   background-image: -webkit-gradient(radial, center bottom, 0, center bottom, 480, color-stop(0, #472400), color-stop(1, #000000));
   background-image: -webkit-radial-gradient(center bottom, circle farthest-side, #472400 0%, #000000 100%);
   background-image: radial-gradient(center bottom, circle farthest-side, #472400 0%, #000000 100%);
   /* Offset 0,1, Color 472400, 000000, bottom center, farthest-side. http://ie.microsoft.com/testdrive/graphics/cssgradientbackgroundmaker/default.html*/
}

#main_intro { 
   float:left;
   width: 61%;           /* of 720 */
   margin: 0;
   padding: 0;
   padding-top: 40px;
}
#main_phone { 
	position: relative;
   float:right;
   margin-bottom: 0;
   width: 39%;           /* of 720 */
}
#title_right { 
   padding-top: 10px;
   padding-left: 5%;
	float: left;
	width: 30%;
}
.clear_both { 
   clear: both;
}
#icon_img { 
	border-radius: 25% 25% 25% 25%;   
	margin-top: 5%;
	margin-left: 5%;
   width: 20%;
   max-width: 80px;
   float: left;
   -webkit-box-shadow:0 0 20px 0px #555; 
   -moz-box-shadow: 0 0 20px 0px #555; 
   -o-box-shadow: 0 0 20px 0px #555;
   -ms-box-shadow: 0 0 20px 0px #555;
   box-shadow:0 0 20px 0px #555; 
}
#logo_img { 
   padding-top: 15px;
   width: 60%;
   float: left;
}

#logo_subtitle {
	position: absolute;
	color: white;
	font-weight: lighter;
   font-size: 22px;
   top: 76px;
   left: 200px;
}
#intro_txt {
   clear: both;
   padding-top: 20px;
   margin-bottom: 20px;
   line-height: 1.3;
}
#intro_txt h2 {
   font-size: 29px;
   margin-top: 20px;
   margin-bottom: 5px;
}
.intro_ingress {
   font-size: 14px;
   margin-bottom: 25px;
}
.intro_subject {
	margin-left: 0px;
}
.intro_subject h3{
   font-size: 18px;
   font-weight: normal;
   margin-top: 20px;
   margin-bottom: 0;
}
.intro_subject p{
   font-size: 14px;
   line-height: 18px;
   margin-top: 0;
}

#intro_text { 
	clear: both;
   padding-top: 20px;
   margin-bottom: 20px;
}
#main_explanation { 
	margin-top: 35px;
   margin-bottom: 35px;
}
#iphone_img { 
   padding-top: 55px;
}
#marketing {
   margin-top: 47px;
   margin-bottom: 17px;
   overflow:auto; 
}
#marketing_tour { 
   margin-bottom: 17px;
   float: left;
}
#universal {
   position: absolute;
   bottom: -32px;
   left: 45px;
/*    bottom: -5px; */
/*    left: 100px; */
}
#universal_img { 
   position: absolute;
   left: 150px;
   bottom: 30px;
   width: 130px;
   /*-webkit-transform: rotate(10deg);
   -moz-transform: rotate(10deg);
   -o-transform: rotate(10deg);
   -ms-transform: rotate(10deg);
   transform: rotate(10deg);*/
}  

#img_tour {
   margin-top: 15px;
}

#user_review_banner {
   margin-top: 20px;
	font-style: italic;
   font-size: 14px;
   color:#666;
}
.review_banner { 
   float: right;
   font-style: italic;
   font-size: 14px;
   margin-right: 10px;
   color:#666;
}
.review_banner_left { 
   float: left;
   margin-right: 0px;
}
.review_banner_right { 
   float: right;
   width: 210px;
   margin-top: 3px;
}
.review_banner a { 
   color:#666;
}
.review_banner a:link {text-decoration:none;}
.review_banner a:visited {text-decoration:none;}
.review_banner a:hover {text-decoration:underline;}
.review_banner a:active {text-decoration:underline;}

#review_banner img { 
	width: 40px;
	float: right;
	margin-top: 5px;
   margin-bottom: 15px;
}

#animated_screen { 
	position: absolute;
	top: 161px;
	left: 42px;
	width: 206px;
}

#appstore_badge_land_top { 
   /*padding-left: 0px;
   margin-top: 15px;*/
   float: left;
   margin-right: 40px;
   padding-right: 0px;
}
#appstore_badge_land_end {
   float: right;
   bottom: 10px;
   right: 40px;
   margin-top: 20px;
}
.appstore_badge_land { 
   text-align: center;
   width: 180px;
   padding-right: 30px;
}
.appstore_badge_land_absolute {
   position: absolute;
   padding-right: 0px;
}

.clearboth {
   clear: both;
}

.appstore {
   cursor:pointer;
	display:block;
   margin-bottom: 9px;
   -webkit-transition: all 0.2s ease;
   -moz-transition: all 0.2s ease;
   -o-transition: all 0.2s ease;
   -ms-transition: all 0.2s ease;
   transition: all 0.2s ease;
}
.no-touch .appstore:hover {  
   opacity: 0.7;
}

.android_link { 
   cursor:pointer;
	color: #666;
	font-size: 11px;
	text-decoration: none;
	text-align: center;
}
.no-touch .android_link:hover { 
   text-decoration: underline;
}

#second_section { 
	clear: both;
   /*height: 650px; */
   background-image: -ms-radial-gradient(right center, ellipse farthest-side, #472400 0%, #000000 100%);
   background-image: -moz-radial-gradient(right center, ellipse farthest-side, #472400 0%, #000000 100%);
   background-image: -o-radial-gradient(right center, ellipse farthest-side, #472400 0%, #000000 100%);
   background-image: -webkit-gradient(radial, right center, 0, right center, 954, color-stop(0, #472400), color-stop(1, #000000));
   background-image: -webkit-radial-gradient(right center, ellipse farthest-side, #472400 0%, #000000 100%);
   background-image: radial-gradient(ellipse farthest-side at right center, #472400 0%, #000000 100%);   
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#472400');
   z-index: -5;
}
#screen_rows { 
   position: relative;
}
#background_trail { 
	position: absolute;
	width: 747px;
	height: 485px;
	top: 168px;
	left: 0px; 
   background-image: url('/landing/img/background_trail.png');
   background-size: 747px 485px;
   z-index: 4;
}
.screen_row { 
	position: relative;
	clear: both;
   padding: 10px;
   z-index: 5;
}
.screen_text_row1 { 
   float:left;
   width: 155px;
   padding: 0px 10px;
}
.screen_text_row2 { 
   float:left;
   width: 155px;
   padding: 0px 0px 0px 30px;
}
.screen_shot { 
	width: 175px;
	/*height: 258.75px; 255px*/
   float:left;
   margin: 12px;
   box-shadow: 5px 5px 5px 0px rgba(0,0,0,.5);
}
.ss_21 { 
   margin: 12px 12px 12px 5px;
}
.title_row { 
   padding: 15px 30px 0px 30px;
}

.title_row h2{ 
   margin-bottom: 0px;
}

#third_section { 
	position: relative;
	padding-bottom: 30px;
	border-radius: 0px 0px 20px 20px;   
	background-image: -ms-radial-gradient(left center, ellipse farthest-side, #472400 0%, #000000 100%);
   background-image: -moz-radial-gradient(left center, ellipse farthest-side, #472400 0%, #000000 100%);
   background-image: -o-radial-gradient(left center, ellipse farthest-side, #472400 0%, #000000 100%);
   background-image: -webkit-gradient(radial, left center, 0, left center, 954, color-stop(0, #472400), color-stop(1, #000000));
   background-image: -webkit-radial-gradient(left center, ellipse farthest-side, #472400 0%, #000000 100%);
   background-image: radial-gradient(ellipse farthest-side at left center, #472400 0%, #000000 100%);
}
.reasons_row { 
   padding: 20px 30px 0px 30px;
}

#single_section { 
   position: relative;
   padding-bottom: 30px;
   border-radius: 20px;   
   background-image: -ms-radial-gradient(left center, ellipse farthest-side, #472400 0%, #000000 100%);
   background-image: -moz-radial-gradient(left center, ellipse farthest-side, #472400 0%, #000000 100%);
   background-image: -o-radial-gradient(left center, ellipse farthest-side, #472400 0%, #000000 100%);
   background-image: -webkit-gradient(radial, left center, 0, left center, 954, color-stop(0, #472400), color-stop(1, #000000));
   background-image: -webkit-radial-gradient(left center, ellipse farthest-side, #472400 0%, #000000 100%);
   background-image: radial-gradient(ellipse farthest-side at left center, #472400 0%, #000000 100%);
}

.support_qa { 
	margin: 20px 0px 0px 0px;
}
.support_qa h1 { 
   font-size: 16px; 
   margin-bottom: 5px;
   font-weight: normal;
   color:#fff;
}
.support_answer { 
   padding: 0px 0px 0px 0px;
}
.support_answer p { 
	margin: 5px 0px;
	font-size: 14px; 
}


#footer_space { 
   height: 50px;
}

#footer { 
   /*position: fixed;*/
   border-bottom: 2px solid #333;
   width: 100%;
   min-height: 63px;
   background: #000;
	clear: both;
   bottom: 0;
   color: #888;
   font-size: 11px;
   line-height: 16px;
   /*opacity: 0.8;*/
   min-width: 795px; 
}
#footer .footer-wrap {
   padding-top: 15px;
}
.footer-wrap {
   margin: auto;
   position: relative;
   text-align: right;
   width: 100%;
   min-width: 795px; 
}
#footer label {
   margin-right: 10px;
}

ul {
   list-style: none outside none;
   margin: 0px;
   padding: 0px;
}

#footer-text li.first {
   border-left-width: 0;
	padding-left: 0;
}
#footer-text li {
   border-left: 1px solid #333333;
   float: left;
   padding: 0 4px;
}
a {
   color: #bbb;
}
.copyright {
   color: #666;
}
#footer-text li a {
   color: #888;
   text-decoration: none;
}
.no-touch #footer-text li a:hover {
    text-decoration: underline;
}

#footer .footer-links{
   float: left;
    text-align: left;
    padding-left: 20px;
}

#footer .footer-locale-switcher {
   float: right;
   margin-right: 15px;
   color: #888888;
   text-decoration: none;
   position: relative;
}
#footer .locale-current {
   color: #888888;
   text-decoration: none;
}
#footer .locale-current:link {text-decoration:none;}
#footer .locale-current:visited {text-decoration:none;}
#footer .locale-current:hover {text-decoration:underline;}
#footer .locale-current:active {text-decoration:underline;}
#locale-switcher.dropdown .locale-current:link {text-decoration:underline;}
#locale-switcher.dropdown .locale-current:visited {text-decoration:underline;}

#footer .locale-alt:link {text-decoration:none;}
#footer .locale-alt:visited {text-decoration:none;}
#footer .locale-alt:hover {text-decoration:underline;}
#footer .locale-alt:active {text-decoration:underline;}

#locale-switcher .dropdown-menu {
   display: none;
    background-clip: padding-box;
    background-color: #444;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    float: right;
    right: 0;
    list-style: none outside none;
    text-align: left;
    margin: 2px 0 0;
    min-width: 60px;
    padding: 5px;
    position: absolute;
    top: 100%;
    z-index: 1000;   
}
#locale-switcher.dropdown .dropdown-menu {
   display: inline;
}

#locale-switcher .down, .up {
   cursor:pointer;
}

#locale-switcher .down {
   display: inline;
}
#locale-switcher.dropdown .down {
   display: none;
}
#locale-switcher .up {
   display: none;
}
#locale-switcher.dropdown .up {
   display: inline;
}


.ddropdown-toggle {
    border-radius: 0;
    vertical-align: top;
    border-radius: 0 4px 4px 0;
}
.ddropdown-menu {
}


#footer .footer-share {
   float: right;
   margin-right: 0;
   width: 250px;
   padding-right: 15px;
}
#footer .footer-share label {
   width: 55px;
   float: left;
}


#footer .footer-social {
   float: right;
   margin-right: 0;
   padding-right: 15px;
}
#footer .footer-social label {
   float: left;
}
#footer .footer-social ul {
   float: right;
   margin: 0px 5px 0px 0px;
}
#footer .footer-social li {
   float: left;
   margin-right: 5px;
}
#footer .footer-social li a {
   display: block;
   height: 32px;
   width: 32px;
}
#footer .footer-social li a.twitter {
    background-position: -32px 0;
}
#footer .footer-social li a span {
   display: none;
}

#santa_img {
   position: absolute;
   top: -68px;
   left: -122px;
   width: 140px;
	display: none;
}

@media screen and (min-width: 800px) {
	#header_land { 
      height: 40px;
   }
	
   #frame_fixed {
      border-radius: 20px 20px 20px 20px;   
      box-shadow: 0px 0px 20px 0px rgba(0,0,0,.5);
   } 
   #santa_img {
      position: absolute;
      top: -68px;
      left: -122px;
      width: 140px;
      display: block;
   }
}
.relative {
   position: relative;
}

#first_section.first_section_business { 
   height: 582px;
}
#main_intro_biz { 
   float:left;
   width: 61%;           /* of 720 */
   margin: 0;
   padding: 0;
   padding-top: 20px;
}
#intro_text_biz { 
   clear: both;
   padding-top: 30px;
   margin-bottom: 20px;
}
#private_link {
   position: absolute;
   top: 40px;
   right: 30px;
   font-style: italic;
   font-size: 14px;
   color:#666;
}
#private_link a {
   color:#666;	
}

#for_business {
   position: absolute;
   top: -60px;
   left: 230px;
}
.demo_text {
   font-style: normal;
   font-size: 14px; /*17px*/
   width: 200px;
   padding-top: 5px;
}
.tour_demo {
	float: left;
   margin-top: 20px;
	margin-right: 40px;
}

.sub_heading {
   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
   color:#fff;
   font-weight: 100;
   font-size: 18px;
   line-height: 22px;
   margin: 20px 0px 10px;
}

#screen_biz_walk {
	position: relative;
	padding: 20px 30px 30px;
}

#screen_biz_row1 {
	position: absolute;
   left: 30px;
   width: 150px;
}
#screen_biz_row2 {
   position: absolute;
   top: 520px;
   right: 25px;
   width: 150px;
}
.brand_screen {
   float: left;
   width: 168px;
   margin-right: 20px;
}
.brand_screen_right {
   margin-right: 0px;
}
.brand_screen p {
   font-size: 14px;
}
.main_phone_biz {
   top:50px;
}

#desktop_send_own_cta_biz { 
   top: 40px; 
   left: 10px;
   width: 206px;
   height: 113px;
   float: left;
}  
.send_own_cta_biz { 
   cursor:pointer;
   background-image: url('/img/cta2.png');
   background-size: 100% 100%;
   position: relative;
   color: #fff;
   text-align: center;
   opacity: 1;
}  
.send_own_cta_biz a { 
   color: #003300;
}
.send_own_txt_biz { 
   position: relative;
   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-size: 20px;
   line-height: 24px;
   font-weight: 200;
   color: #ffffff;
   /*CTA font-size: 15px;*/
   background: transparent;
   -webkit-transform: rotate(5deg);
   -moz-transform: rotate(5deg);
   -o-transform: rotate(5deg);
   -ms-transform: rotate(5deg);
   transform: rotate(5deg);
}  
#desktop_send_own_cta_biz .send_own_txt_biz { 
   top: 20px;
}

.usage_link { 
   color: #FFFFFF;
}
.usage_link:link {text-decoration:none;}
.usage_link:visited {text-decoration:none;}
.usage_link:hover {text-decoration:underline;}
.usage_link:active {text-decoration:underline;}

#sign { 
	position: relative;
   right: 40px;
	float: right;
   width: 110px;
}

#smartphones { 
   position: relative;
   float: right;
   top: 5px;
   width: 200px;
}
.tour_table { 
  border-collapse: collapse; 
  border-spacing: 0;
  width: 100%;
}
.tour_table td { 
  /*border: 1px #555 solid; */
  vertical-align: top;
  width: 25%;
  font-size: 16px;
}