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:   10pt;
  line-height: 13pt;
}

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

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

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

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

#NavigationBar-App {
  min-height: 30px;
  font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
  -webkit-font-smoothing: antialiased;
  font-weight: 500;
  display: block;
  padding-right: 20px;
  margin: 0px;
  padding-bottom: 30px;
}

#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: 18pt;
}

#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: #dbdbbf;
  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: 16pt;
  line-height: 110%;
}

#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: #dbdbbf;
  background-color: inherit;
}

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

/*========================================================================
   Footer
========================================================================*/
#Footer {
/*  border: 1px solid red;*/
  min-width: 950px;
  min-height: 30px;
  font-size: 10pt;
  font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
  -webkit-font-smoothing: antialiased;
  padding-top: 20px;
  text-align: right;
  color: #cccccc;
  float: right;
  padding-right: 20px;
  padding-bottom: 50px;
}

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

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

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

#Footer-Home {
/*  border: 1px solid red;*/
  min-width: 950px;
  min-height: 30px;
  font-size: 8pt;
  text-align: right;
  color: #cccccc;
  position: relative;
  right: 20px;
  margin: 0px;
  padding-right: 20px;
  top: 1120px;
  z-index: 3;
  padding-bottom: 50px;
}

/*========================================================================
   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: 26px;
  font-weight: 700;
  text-align: left;
/*  border: 1px solid yellow;*/
  display: block;
  position: relative;
  z-index: 8;
  line-height: 101%;
  top: 130px;
  padding-left: 20px;
}

.Title-Home {
  color: #cccccc;
  font-size: 38px;
  font-weight: 700;
  text-align: left;
/*  border: 1px solid yellow;*/
  display: block;
  position: relative;
  z-index: 8;
  line-height: 101%;
  top: 15px;
  padding-left: 20px;
}

#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;
/*  border: green solid 1px; */
  position: relative;
  top: 120px;
  float: right;
  z-index: 10;
  margin-right: 20px;
}

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

#Icons li{
  width: 52px;
  height:52px;
/*  border: 1px solid blue;*/
}

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

/*========================================================================
   Content
========================================================================*/
#Content {
  min-width: 950px;
  margin-left: 20px; 
  margin-right: 20px; 
  text-align: left;
/*  border: 1px dashed green;*/
  display: inline-block;
  position: relative;
  padding-bottom: 50px;
}


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

#Info {
  width: 240px;
  text-align: left;
  display: block;
  margin: 8px;
}

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

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

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

.Heading {
  font-weight: 600;
}

#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: 13px;
  font-weight: normal;
  padding: 0px;
}

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

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

#Content-Home {
  text-align: left;
/*  border: 1px green solid; */
  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: 215px;
  left: 25px;
/*
  top: 217px;
  left: 30px;
*/
  margin: 0px;
  border: none;
}


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

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

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

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


#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: 238px;
  left: 100px;
}


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


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

#Notes {
  display: block;
  position: absolute;
  top: 620px;
  margin-left: 690px;
}

#Notes img{
  width: 249px;
  height: 193px;
}

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

#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: 40px;
  margin-right: 0px;
  top: 750px;
  max-width: 800px;
  margin-bottom: 20px;
}

#Text #Top p {
  font-size: 9pt;
}

#Text-Point {
  text-align: left;
/*  border: 1px green solid; */
  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: 280px;
  width: 500px;
  height: 250px;
  top: 100px;
  padding-right: 15px;
}

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

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

#Text-Point #Right ul li{
  line-height: 20px;
  font-size: 12pt;
}

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


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

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

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

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

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

.Title-Web {
  color: #ff6600;
  font-size: 26px;
  font-weight: 600;
  display: block;
  position: relative;
  line-height: 101%;
  text-align: center;
  top: 40px;
  background-color: #000000;
  max-width: 180px;
}


.Heading {
  font-size: 20px;
  font-weight: 500;
}


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

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

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

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

.clear {
  clear: both;
  display: block;
/*  border: 1px dotted blue; */
}

.Intro{
  font-size: 12px;
}

.pointContent {
  margin-left: 60px;
/*  border: 1px solid red;*/
}

h1.HeadingItalic {
/*  border: 1px solid green;*/
  font-size: 14px;
  font-weight: 500;
  font-style: italic;
}

#appicon {
/*  border: 1px solid yellow;*/
  text-align: left;
  width: 250px;
  float: left;
}

#rightContent {
/*  border: 1px dotted yellow;*/
  width: 70%;
  float: left;
  margin-left: 25px;
}

#rightContent-faq {
/*  border: 1px dotted yellow;*/
  width: 70%;
  margin-left: 280px;
}


/*---------------------------------------------------------------------------*/
#Device-iPhone {
  font-size: smaller;
  position: relative;
  text-align: left;
  display: inline-block;
  margin: 8px;
/*  border: 1px solid blue;*/
}

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

#Device-iPadL {
  font-size: smaller;
  position: relative;
  text-align: left;
  display: inline-block;
  margin: 8px;
/*  border: 1px solid blue;*/
}

#Device-iPadP {
  font-size: smaller;
  position: relative;
  text-align: left;
  display: block;
  margin: 8px;
/*  border: 1px solid blue;*/
}

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

#Device-iPadP img {
  width: 72px;
  height: 94px;
  border: none;
}

#Device-iPadL img {
  width: 94px;
  height: 72px;
  border: none;
}

#Device {
  border: none;
}

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

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

.text1 {
  font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 8pt;
}

.text1 a:hover{
  text-decoration: underline;
  font-size: 8pt;
}

#Footer-Company {
  position: relative;
  top: 20px;
/*  font-family: 'HelveticaNeue', 'Helvetica Neue', 'Arial', sans-serif;    */
  font-size: 10pt;
  font-weight: 500;
}

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

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

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

.emacsian {
  font-family: 'Courier';
  font-size: 12pt; 
  font-style: normal;
}

.coltd {
  font-size: 10pt;
  font-style: normal;
}

.emacsian1 {
  font-family: 'Courier';
  font-size: 18pt; 
}

.coltd1 {
  font-size: 14pt;
  font-style: normal;
}

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