* {
  font-family: helvetica, sans-serif;
  padding:0;
  margin:0;
  border:none;
}
html {
/*  height:100%;*/
}
body {
  padding-top:0;
  background:url(images/bzztbackground-grey.png);
  text-align:center;
/*  height:100%;*/
}
#page {
  width:800px;
  padding-left:50%;
  margin-left:-400px;
  width:800px;
/*  min-height:100%;*/
/*  height:auto !important;*/
/*  height:100%;*/
/*  margin:0 auto -1em -400px;*/
}

/*    #text {
  float: left;
  width: 460px;
}
#text p {
  margin-top:0;
  padding-top:0;
}*/
.sub {
  font-size: 90%;
  font-style: italic;
}
#image {
  float: left;
}
a {
  color:#bbb;
}
#haunted {
  background:#000;
  padding:20px;
  margin:20px;
  color: orange;
}
#haunted a {
  color:orange;
}
#header {
  position:relative;
  padding:0;
  margin:0;
  height:200px;
}
#logo {
  background:url(images/AudioXBones-150.png) no-repeat top left;
  position:absolute;
  top:30px;
  left:25px;
  height:200px;
  width:200px;
  cursor:pointer;
}
#navtab {
  background:url(images/bzzt-navtab.png) no-repeat top right;
  height:40px;
  width:250px;
  position:absolute;
  top:0;
  left:550px;
}
#navtab p {
  font-size:80%;
  font-style:italic;
  margin-top:9px;
  color:#999;
}
#navtab p span {
  margin:0 13px;
}
#navtab p span a {
  text-decoration:none;
}
#navtab p span a:hover {
  color:yellow;
}
#phone {
  background:url(images/phonebody.png) no-repeat top left;
  height:600px;
  width:270px;
  position:absolute;
  top:30;
  left:200px;
}
#screen {
  height:400px;
  width:270px;
  position:absolute;
  top:81;
  left:25px;
/*      border:1px solid red;*/
}
#screen img {
  position:absolute;
  top:0;
  left:0;
  width:215px;
}

#screen-digital, #screen-drip, #screen-insect, #screen-silent, #screen-thump, #screen-paparazzi {
  display:none;
}
/*pick which screent to show at default*/
#screen-insect {
      display:block;
}

#appnav {
/*  border:1px solid red;*/
  position:absolute;
  top:200px;
  left:35px;
  width:160px;
}
#appnav div {
  width:70px;
  height:70px;
  margin-bottom:0;
  float:left;
}
#icon-digital {
  background:url(images/bzztdigital-sm.png) no-repeat;
}
#icon-digital:hover {
  background:url(images/bzztdigital-sm-hover.png) no-repeat; 
  cursor:pointer;     
}
#icon-drip {
  background:url(images/bzztdrip-sm.png) no-repeat;      
}
#icon-drip:hover {
  background:url(images/bzztdrip-sm-hover.png) no-repeat;            
  cursor:pointer;           
}
#icon-insect {
  background:url(images/bzztinsect-sm.png) no-repeat;      
}
#icon-insect:hover {
  background:url(images/bzztinsect-sm-hover.png) no-repeat;            
  cursor:pointer;           
}
#icon-silent {
  background:url(images/bzztsilent-sm.png) no-repeat;      
}
#icon-silent:hover {
  background:url(images/bzztsilent-sm-hover.png) no-repeat;            
  cursor:pointer;           
}
#icon-thump {
  background:url(images/bzztthump-sm.png) no-repeat;      
}
#icon-thump:hover {
  background:url(images/bzztthump-sm-hover.png) no-repeat;            
  cursor:pointer;           
}
#icon-paparazzi {
  background:url(images/bzztpaparazzi-sm.png) no-repeat;      
}
#icon-paparazzi:hover {
  background:url(images/bzztpaparazzi-sm-hover.png) no-repeat;            
  cursor:pointer;           
}
#appstore {
  position:absolute;
  top:469px;
  left:40px;
}
#appstore img:hover {
  cursor:pointer;
}
#text {
  font-size:80%;
  color:#999;
  width:360px;
  height:440px;
  overflow:hidden;
  position:absolute;
  top:60px;
  left:480px;
  text-align:left;
  margin-left:20px;      
}
#text h1 {
  font-weight:normal;
  font-size:1.7em;
  color:#ccc;
/*  color:#D2E3FF;*/
}
#text h2 {
  font-weight:normal;
  font-size:1.4em;
  color:#ccc;
}
#text div {
  width:340px;
}
#text div p {
  margin-bottom:10px;
}
#text-help, #text-drip, #text-haunted, #text-digital, #text-insect, #text-silent, #text-thump, #text-paparazzi {
  display:none;
}
#hiddenFrame {
  visibility:hidden;
  position:absolute;
  left:-1000px;
}