/* iPhone Demo */

#d_outer {
  width: 254px;
  height: 328px; /* 381 - 53 */
  padding-top: 53px;
  background: #fff url('backgrounds/d_top.png') top left no-repeat;
  overflow: hidden;
  position: absolute;
  top: 104px;
  left: 25px;
}

#d_outer * {
  margin: 0;
  padding: 0;
}

#d_inner{
  width: 641px;
  position: relative; /* for vista? */
}

#d_nav{
  background: #1a1a72 url('backgrounds/d_nav_bg.png') top left repeat-x;
  height: 55px;
}

 #d_nav li{
   display: inline;
 }
 
 #d_nav li a{
   display: block;
   height: 55px;
   text-indent: -9999em;
   float: left;
 }

 #d_nav1 {width: 90px; background: #1a1a72 url('backgrounds/d_nav_sprites.png') 0 0 no-repeat;}
 #d_nav1:hover, li.d_active #d_nav1{background-position: 0 -55px;}
 
 #d_nav2 {width: 86px; background: #1a1a72 url('backgrounds/d_nav_sprites.png') -90px 0 no-repeat;}
 #d_nav2:hover, li.d_active #d_nav2{background-position: -90px -55px;}
 
 #d_nav3 {width: 78px; background: #1a1a72 url('backgrounds/d_nav_sprites.png') -176px 0 no-repeat;}
 #d_nav3:hover, li.d_active #d_nav3{background-position: -176px -55px;}

.d_slideshow {width: 254px; float: left;}
.d_slideshow img{cursor: pointer;}


/* Android Demo */

#a_outer {
  width: 251px;
  height: 390px; /*447-56*/
  padding-top: 56px;
  background: #fff url('backgrounds/a_top.png') top left no-repeat;
  overflow: hidden;
  position: absolute;
  top: 49px;
  left: 24px;
}

#a_outer * {
  margin: 0;
  padding: 0;
}

#a_inner{
  width: 641px;
  position: relative; /* for vista? */
}

#a_nav{
  background: #1a1a72 url('backgrounds/a_nav_bg.png') top left repeat-x;
  height: 52px;
}

 #a_nav li{
   display: inline;
 }
 
 #a_nav li a{
   display: block;
   height: 52px;
   text-indent: -9999em;
   float: left;
 }

 #a_nav1 {width: 85px; background: #1a1a72 url('backgrounds/a_nav_sprites.png') 0 0 no-repeat;}
 #a_nav1:hover, li.a_active #a_nav1{background-position: 0 -52px;}
 
 #a_nav2 {width: 81px; background: #1a1a72 url('backgrounds/a_nav_sprites.png') -85px 0 no-repeat;}
 #a_nav2:hover, li.a_active #a_nav2{background-position: -85px -52px;}
 
 #a_nav3 {width: 85px; background: #1a1a72 url('backgrounds/a_nav_sprites.png') -166px 0 no-repeat;}
 #a_nav3:hover, li.a_active #a_nav3{background-position: -166px -52px;}

.a_slideshow {width: 251px; float: left;}
.a_slideshow img{cursor: pointer;}



/* BlackBerry Demo */
#bb_outer {
  width: 258px;
  height: 173px;
  padding-top: 22px;
  background: #fff url('backgrounds/bb_top.png') top left no-repeat;
  overflow: hidden;
  position: absolute;
  top: 97px;
  left: 21px;
}

#bb_outer * {
  margin: 0;
  padding: 0;
}

#bb_inner{
  width: 641px;
  position: relative; /* for vista? */
}

#bb_nav{
  background: #1a1a72 url('backgrounds/bb_nav_bg.png') top left repeat-x;
  height: 29px;
}

 #bb_nav li{
   display: inline;
 }
 
 #bb_nav li a{
   display: block;
   height: 29px;
   text-indent: -9999em;
   float: left;
 }

 #bb_nav1 {width: 69px; background: #1a1a72 url('backgrounds/bb_nav_sprites.png') 0 0 no-repeat;}
 #bb_nav1:hover, li.bb_active #bb_nav1{background-position: 0 -29px;}
 
 #bb_nav2 {width: 65px; background: #1a1a72 url('backgrounds/bb_nav_sprites.png') -69px 0 no-repeat;}
 #bb_nav2:hover, li.bb_active #bb_nav2{background-position: -69px -29px;}
 
 #bb_nav3 {width: 66px; background: #1a1a72 url('backgrounds/bb_nav_sprites.png') -134px 0 no-repeat;}
 #bb_nav3:hover, li.bb_active #bb_nav3{background-position: -134px -29px;}

 #bb_nav4 {width: 58px; background: #1a1a72 url('backgrounds/bb_nav_sprites.png') -200px 0 no-repeat;}
 #bb_nav4:hover, li.bb_active #bb_nav4{background-position: -200px -29px;}

.bb_slideshow {width: 258px; float: left;}
.bb_slideshow img{cursor: pointer;}