body {
  background-color: #333;
  color: #cccccc;
  min-width: 950px;
}

body, p, ol, ul, td {
  font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size:   11pt;
  line-height: 110%;
}

a:visited,
a:active,
a:link {
  color: #ffcc00;
  text-decoration: none;
}

a:hover {
  color: #ff6600;
  text-decoration: underline;
}

/*========================================================================
   Navigation bar
========================================================================*/

#NavigationBar {
/*  border: #cccccc dotted 1px;  */
  min-height: 30px;
  font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
  -webkit-font-smoothing: antialiased;
  display: block;
  padding-right: 20px;
  margin: 0px;
}

#NavigationBar-App {
/*  border: #cccccc dotted 1px;  */
/*  min-width: 950px;*/
  min-height: 30px;
  font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
  -webkit-font-smoothing: antialiased;
  font-weight: 800;
  display: block;
  padding-right: 20px;
  margin: 0px;
}

#NavigationBar ul {
  margin: 0;
  padding-left: 0px;
  padding-top: 0.5em;
  padding-bottom: 0.2em;
  float: right;
  list-style: none;
}

#NavigationBar ul li {
  padding-left: 2px;
  padding-right: 2px;
  float: left;
  font-size: 12pt;
}

#NavigationBar a,
#NavigationBar a:visited,
#NavigationBar a:active,
#NavigationBar a:link {
  display: block;
  padding-left: 0.5em;
  padding-right: 0.5em;
  text-decoration: none;
  color: #ffcc00;
  background-color: inherit;
}

#NavigationBar a:hover {
  color: #ff6600;
  background-color: inherit;
}


#NavigationBar-App ul {
  margin: 0;
  padding-left: 0px;
  padding-top: 0;
  padding-bottom: 0.5em;
  float: right;
  list-style: none;
}

#NavigationBar-App ul li {
  padding-left: 2px;
  padding-right: 2px;
  float: left;
  font-size: 11pt;
}

#NavigationBar-App a,
#NavigationBar-App a:visited,
#NavigationBar-App a:active,
#NavigationBar-App a:link {
  display: block;
  padding-left: 0.5em;
  padding-right: 0.5em;
  text-decoration: none;
  color: #ffcc00;
  background-color: inherit;
}

#NavigationBar-App a:hover {
  color: #ff6600;
  background-color: inherit;
}


/*========================================================================
   Footer
========================================================================*/
#Footer {
  min-width: 950px;
  min-height: 30px;
  padding-top: 50px;
  font-size: 8pt;
  text-align: right;
  color: #cccccc;
  float: right;
  padding-right: 20px;
}

#Footer-Company {
  position: relative;
  top: 20px;
  font-size: 8pt;
  color: #cccccc;
}

.FootNotes {
  font-size: smaller;
  margin: 0px;
  display: inline-block;
  float: right;
  position: relative;
  top: -10px;
}

.FootNotes a:link {
 color: #ffcc00;
}

.FootNotes a:hover {
  color: #ff6600;
}

/*---------------------------------------------------------------------------
  emacsian
---------------------------------------------------------------------------*/
.emacsian {
  font-family: 'Courier';
  font-size: 11pt; 
  font-style: normal; 
}

.emacsian a:visited,
.emacsian a:active,
.emacsian a:link {
  font-style: normal; 
}

.emacsian a:hover {
  font-style: normal; 
  color: #ff6600;
}

.emacsian1 {
  font-family: 'Courier';
  font-size: 11pt; 
  font-style: normal; 
}

.emacsian1 a:visited,
.emacsian1 a:active,
.emacsian1 a:link {
  font-style: normal; 
}

.emacsian1 a:hover {
  font-style: normal; 
  color: #ff6600;
}

.coltd {
  font-size: 9pt;
  text-decoration: none;
  font-style: normal;
}

.coltd a:visited,
.coltd a:active,
.coltd a:link {
  font-size: 9pt;
  text-decoration: none;
  font-style: normal;
}

.coltd a:hover {
  text-decoration: underline;
  font-style: normal;
  color: #ff6600;
}

.coltd1 {
  font-size: 9pt;
  text-decoration: none;
  font-style: normal;
}

.coltd1 a:visited,
.coltd1 a:active,
.coltd1 a:link {
  font-size: 9pt;
  text-decoration: none;
  font-style: normal;
}

.coltd1 a:hover {
  text-decoration: underline;
  font-style: normal;
  color: #ff6600;
}

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

#Footer-Home {
  min-width: 950px;
  min-height: 30px;
  font-size: 8pt;
  text-align: right;
  color: #cccccc;
  position: relative;
  right: 20px;
  margin: 0px;
  padding-right: 20px;
  top: 760px;
  z-index: 3;
}

/*========================================================================
   Banner
========================================================================*/
#Banner
{
/*  border: 1px solid blue;*/
  display: inline-block;
  height: 180px;
  min-width: 950px;
  width: 100%;
}

#Banner img {
  height: 115px; 
  width: 950px; 
  border: none;
}

.Title {
  color: #cccccc;
  font-size: 22pt;
  font-weight: 700;
  text-align: left;
  display: block;
  position: relative;
  z-index: 8;
  line-height: 101%;
  top: 130px;
  padding-left: 20px;
}

.Title-Home {
  color: #cccccc;
  font-size: 28pt;
  font-weight: 700;
  text-align: left;
  display: block;
  position: relative;
  z-index: 8;
  line-height: 101%;
  top: 15px;
  padding-left: 20px;
}

.Title-Web {
  color: #cccccc;
  font-size: 18pt;
  font-weight: 700;
  text-align: left;
  display: block;
  position: relative;
  z-index: 8;
  line-height: 101%;
  top: 40px;
  background-color: #000000;
  max-width: 180px;
  width:180px;
  margin-left: 60px;
  text-align: center;
}


#Banner-Home {
/*  border: 1px solid blue;*/
  display: inline-block;
  height: 70px;
  min-width: 950px;
  width: 100%;
  float: right;
}

/*========================================================================
   SubNavigation bar
========================================================================*/
#SubNavigationBar {
  min-height: 50px;
  display: block;
  position: relative;
  top: 120px;
  float: right;
  z-index: 10;
  margin-right: 20px;
}

#SubNavigationBar ul {
  margin: 0px;
  padding-left: 0em;
  float: right;
  list-style: none;
}

#Infcons li{
  width: 52px;
  height:52px;
}

#Icons li img{
  width: 50px; 
  height: 50px;
  border: none;
}


/*========================================================================
   Content
========================================================================*/
#Content {
  min-width: 950px;
  margin-left: 20px; 
  margin-right: 20px; 
  text-align: left;
  display: inline-block;
  position: relative;
}

#Content #Icon img{
  width: 250px;
  height: 250px;
  position: relative;
  display: block;
  top: 0px;
  left:0px;
  margin: 0px;
  margin-right: 20px;
  border: none;
}

#Content p {
}

#Info {
  left: 0px;
  display: block;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
}

#Content #Version {
  width: 240px;
  left: 0px;
  display: block;
  margin: 15px;
}

#Content #Info img{
  display: block;
  position: relative;
  width: 135px;
  height: 40px;
  border: none;
  margin-top: 10px;
}

#Content #ReleaseNotes {
  position: relative;
  margin-bottom: 20px;
  left: 0px;
  padding: 10px;
  border-bottom: 1px #dbdbbf dotted;
}

#Content #ReleaseNotes-2 {
  position: relative;
  left: 0px;
  top: 50px;
  border-bottom: 1px #dbdbbf dotted;
  border-top: 1px #dbdbbf dotted;
}

#Content #ReleaseNotes-2 p{
  font-size: 9pt;
  font-weight: normal;
  padding: 0px;
}

#Content #ReleaseNotes-2 ul{
  font-size: 9pt;
  font-weight: normal;
  padding-left: 20px;  
}

.Heading {
  font-size: 18pt;
  font-weight:bold;
}

.Heading-2 {
  font-size: 14pt;
  font-weight: 300; 
}

/*===========================================================================*/

#Content-Home {
  text-align: left;
  display: block;
  min-width: 980px;
  position: absolute;
  margin-top: 80px;
}

#Content-Home #IPhone img{
  float: left;
  width: 250px;
/*
  height: 488px;
  width: 250px;
*/
  position: absolute;
  display: block;

  top: 248px;
  left: 25px;
/*
  top: 217px;
  left: 30px;
*/
  margin: 0px;
  border: none;
}


#Content-Home #IPhone-Horizontal img{
  float: left;
  width: 475px;
  position: absolute;
  display: block;
  top: 480px;
  left: 194px;
  margin: 0px;
  border: none;
}

#Content-Home #IPad img{
  float: left;
  width: 886px;
  position: absolute;
  display: block;
  top: 20px;
  left: 240px;
  margin: 0px;
  padding-right: 50px;
  border: none;
}

#Content-Home #Screen img{
  float: left;
  height: 190px;
  width: 311px;
  position: absolute;
  display: block;
  top: 513px;
  left: 280px;
  margin: 0px;
  border: none;
  z-index: 2;
}

#IPhone-Home {
  text-align: left;
  display: inline-block;
  min-width: 300px;
  position: absolute;
  top:510px;
}


#IPhone-Home #IPhone-Icon-1{
  margin-left: 54px; 
  padding-right: 0px;
  text-align: left;
  display: inline-block;
  min-width: 160px;
  position: absolute;
  z-index: 2;
  padding-bottom: 10px;
}

#IPhone-Home #IPhone-Icon-2{
  margin-left: 54px; 
  padding-right: 0px;
  text-align: left;
  display: inline-block;
  min-width: 160px;
  position: absolute;
  z-index: 2;
  padding-bottom: 10px;
  top: 57px;
}

#IPhone-Home #IPhone-Icon-3{
  margin-left: 54px; 
  padding-right: 0px;
  text-align: left;
  display: inline-block;
  min-width: 160px;
  position: absolute;
  z-index: 2;
  padding-bottom: 10px;
  top: 120px;
}


#IPhone-Home #IPhone-Icon-1 img{
  float: left;
  width: 50px;
  position: relative;
  display: block;
  top: 0px;
  left:0px;
  margin: 0px;
  border: none;
}

#IPhone-Home #IPhone-Icon-2 img{
  float: left;
  width: 50px;
  position: relative;
  display: block;
  top: 0px;
  left:0px;
  margin: 0px;
  border: none;
}

#IPhone-Home #IPhone-Icon-3 img{
  float: left;
  width: 50px;
  position: relative;
  display: block;
  top: 0px;
  left:0px;
  margin: 0px;
  border: none;
}

#IPhone-Home #IPhone-BottomIcon img{
  float: left;
  height: 52px;
  position: relative;
  display: block;
  top: 0px;
  left:0px;
  margin: 0px;
  border: none;
}

#IPhone-Home #IPhone-BottomIcon{
  display: block;
  min-width: 160px;
  position: absolute;
  z-index: 2;
  padding-bottom: 10px;
  top: 238px;
  left: 101px;
}

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

#IPhone-Home2 {
  text-align: left;
/*  border: 1px yellow solid; */
  display: inline-block;
  min-width: 300px;
  position: absolute;
  margin-top: 195px;
}

#Content-Home #IPhone2 img{
  float: left;
  width: 250px;
  position: absolute;
  display: block;
  top: 0px;
  left:0px;
  margin: 0px;
  border: none;
}

#IPhone-Home2 #IPhone-Icon-1{
  margin-left: 53px; 
  padding-right: 0px;
  text-align: left;
/*  border: 1px red solid; */
  display: inline-block;
  min-width: 160px;
  position: absolute;
  z-index: 2;
  padding-bottom: 10px;
}

#IPhone-Home2 #IPhone-Icon-2{
  margin-left: 54px; 
  padding-right: 0px;
  text-align: left;
/*  border: 1px red solid; */
  display: inline-block;
  min-width: 160px;
  position: absolute;
  z-index: 2;
  padding-bottom: 10px;
  top: 60px;
}

#IPhone-Home2 #IPhone-Icon-3{
  margin-left: 54px; 
  padding-right: 0px;
  text-align: left;
/*  border: 1px red solid; */
  display: inline-block;
  min-width: 160px;
  position: absolute;
  z-index: 2;
  padding-bottom: 10px;
  top: 120px;
}


#IPhone-Home2 #IPhone-Icon-1 img{
  float: left;
  width: 50px;
  position: relative;
  display: block;
  top: 0px;
  left:0px;
  margin: 0px;
  border: none;
}

#IPhone-Home2 #IPhone-Icon-2 img{
  float: left;
  width: 50px;
  position: relative;
  display: block;
  top: 0px;
  left:0px;
  margin: 0px;
  border: none;
}

#IPhone-Home2 #IPhone-Icon-3 img{
  float: left;
  width: 50px;
  position: relative;
  display: block;
  top: 0px;
  left:0px;
  margin: 0px;
  border: none;
}

#IPhone-Home2 #IPhone-BottomIcon{
/*  border: 1px green solid; */
  display: block;
  min-width: 160px;
  position: absolute;
  z-index: 2;
  padding-bottom: 10px;
  top: 239px;
  left: 100px;
}


#IPhone-BottomIcon img{
  float: left;
  height: 52px;
  position: relative;
  display: block;
  border: none;
  left: 1px;
}

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

#News {
  display: block;
  position: absolute;
  top: 200px;
  margin-left: 50px;
}

#News img{
  border: none;
  width: 150px;
}
/*---------------------------------------------------------------------------*/

#Notes {
  display: block;
  position: absolute;
  top:  280px;
  margin-left: 830px;
}

#Notes img{
  width: 200px;
  height: 155px;
}

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

#Text a:visited, a:active, a:link {
  color: #ffcc00;
  text-decoration: none;
}

#Text a:hover {
  color: #ff6600;
  text-decoration: none;
}

#Text {
  display: inline-block;
  min-width: 980px;
  position: absolute;
  margin-top: 100px;
  text-align: left;
}


#Text #Top{
  padding-bottom: 20px;
  max-height: 300px;
  position: absolute;
  display: inline-block;
  left: 340px;
  margin-right: 60px;
  top: 110px;
  max-width: 480px;
}

#Text-Point {
  text-align: left;
  display: inline-block;
  min-width: 980px;
  position: absolute;
  margin-top: 110px;
}


#Text-Point #Right{
  text-align: left;
/*  border: 1px red dotted; */
  display: block;
  position: absolute;
  margin-left: 660px;
  width: 380px;
  height: 250px;
  top: 325px;
  padding-right: 15px;
}

#Text-Point img{
  height: 180px;
  margin-left: 20px;
  border: none;
}

#Text-Point #Right ul{
  list-style-image: url('../images/Common/bullet.png')
}

#Text-Point #Right ul li{
  line-height: 22px;
}

.IPhoneAppTitle {
  font-size: 16pt;
  font-weight: bold;
}

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

.ReadMoreRight {
  text-align: right;
  float: right;
}

.ReadMoreRight a:visited,
.ReadMoreRight a:active,
.ReadMoreRight a:link {
  color: #ffcc00;
  text-decoration: none;
}

.ReadMoreRight a:hover {
  color: #ff6600;
  text-decoration: none;
}

/*===========================================================================*/

.Title-Small {
  color: #ff6600;
  font-size: 18pt;
  font-weight: 600;
  display: block;
  position: absolute;
  line-height: 101%;
  text-align: right;
  top: 55px;
  right: 30px;
}

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

.email {
  color: #ffcc00;
  font-style: italic;
  font-weight: 600;
}

.HeadingItalic img {
  width: 45px;
  vertical-align: middle;
  border: none;
}


.ContentImg img {
  display: block;
  position: relative;
  border: 1px dotted gray;
  height: 284px;
}

.ContentImg-iPadL img {
  display: block;
  position: relative;
  border: 1px dotted gray;
  width: 512px;
  height: 336px;
}

.ContentImg-iPadP img {
  display: block;
  position: relative;
  border: 1px dotted gray;
  width: 384px;
  height: 463px;
}

/*---------------------------------------------------------------------------*/
.clear {
  clear: both;
  display: block;
}

.Intro{
  font-size: 12pt;
}

.pointContent {
  margin-left: 60px;
  padding-bottom: 20px;
}

.text1 {
  margin-top: -15px;
}

.text1 a:hover{
  text-decoration: underline;
}

h1.HeadingItalic {
  font-size: 14pt;
  font-weight:bold;
}

#appicon {
  text-align: left;
  width: 280px;
  float: left;
}

#rightContent {
  width: 70%;
  float: left;
  margin-left: 25px;
}

#rightContent-faq {
  width: 70%;
  margin-left: 280px;
}


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

#Device-iPhone {
  font-size: smaller;
  position: relative;
  display: inline-block; 
  text-align: center;
}

#Device-iPhone5 {
  font-size: smaller;
  position: relative;
  display: inline-block; 
  text-align: center;
}

#Device-iPadL {
  font-size: smaller;
  position: relative;
  display: inline-block; 
  text-align: center;
}

#Device-iPadP {
  font-size: smaller;
  position: relative;
  display: inline-block; 
  text-align: center;
}

#Device-iPhone img {
  width: 30px;
  border: none;
}

#Device-iPhone5 img {
  width: 30px;
  border: none;
}

#Device-iPadP img {
  width: 68px;
  border: none;
}

#Device-iPadL img {
  height: 68px;
  border: none;
}

#Device {
  padding-bottom: 80px;
}

#Device a:visited,
#Device a:active,
#Device a:link {
  color: #ffcc00;
  text-decoration: none;
}

#Device a:hover {
  color: #ff6600;
  text-decoration: underline;
}