@import url(http://web.archive.org/web/20101223203148cs_/http://www.android.com/css/android2-modaltour.css);

html {
  background:#ccc;
  font-size:13px;
  margin:0;
}
body {
  margin:0;
  font-family:Arial;
  color:#333;
  background:url(http://web.archive.org/web/20101223203148im_/http://www.android.com/images/android2-bg.gif) center repeat-y;
}
div.body-wide {
  background:#fff;
  width:100%;
}
img {
  border:0;
}
a {
  color:#3f8cd9;
  text-decoration:none;
}
a:hover {
  text-decoration:underline;
}
h1, h2, h3, h4 {
  margin:0;
}
div.clearer {

}
div.header {
  height:62px;
  background:url(http://web.archive.org/web/20101223203148im_/http://www.android.com/images/android2-header-bg.gif) bottom repeat-x;
}
div.header h1 {
  padding:20px 20px 0 20px;
  margin:0;
  width:135px;
  height:42px;
  float:left;
}
div.header ul {
  margin:21px 0 0 0;
  list-style:none;
  padding:0;
  float:left;
}
div.header ul li {
  display:inline;
}
div.header ul li a {
  float:left;
  display:block;
  background:url(http://web.archive.org/web/20101223203148im_/http://www.android.com/images/android2-header-tabs.gif) no-repeat;
  width:134px;
  height:40px;
  margin:0 5px 0 0;
  line-height:41px;
  font-size:16px;
  font-weight:bold;
  text-align:center;
}
div.header ul li.active a {
  color:#333;
  background-position:0 -41px;
  height:41px;
}
div.header ul li.active a:hover {
  text-decoration:none;
}
div.page {
  margin:0 auto;
  width:963px;
  background:#fff;
}
div.main {
  background:url(http://web.archive.org/web/20101223203148im_/http://www.android.com/images/android2-main-bg.gif) repeat-x;
  padding:20px;
}
div.main div.intro {
}
div.main div.video-main {
  width:520px;
  height:262px;
  display:block;
  float:left;
  background:url(http://web.archive.org/web/20101223203148im_/http://www.android.com/images/nexusone_sideways.png) top left no-repeat;
}
div.main div.video-main div.video-holder {
  margin:33px 0 0 60px;
}
div.main div.callouts {
  border-top:1px solid #ccc;
  padding:20px 0 15px 0;
  margin:20px 0 0 0;
}
div.main div.callout {
  width:31%;
  float:left;
  margin-right:25px;
}
div.main div.callout.last {
  border-right:0;
  margin-right:0;
}
div.main div.callout.last p {
  padding-right:0;
}
div.main div.callout h3 {
  font-size:17px;
  margin:0;
}
div.main div.callout p {
  padding:0 20px 0 0;
}
div.main div.callout img {
  float:left;
  margin:0 20px 20px 0;
}
div.main div.callout a {
  font-weight:bold;
}
div.footer {
  padding:10px 0 0 0;
  color:#ccc;
  margin-top:20px;
}
div.footer ul {
  list-style:none;
  padding:0;
  margin:0;
}
div.footer ul li {
  display:inline;
}
div.page-footer {
  width:980px;
  margin:0 auto;
  height:12px;
  background:url(http://web.archive.org/web/20101223203148im_/http://www.android.com/images/android2-footer.gif) top center no-repeat;
}
div.media h2 {
  margin:0 0 15px 0;
}
div.media div.wallpaper img {
  width:200px;
  height:150px;
  padding:1px;
  border:1px solid #ccc;
  background:#fff;
  margin:0 15px 5px 0;
  display:block;
}
div.media div.wallpaper {
  float:left;
  font-size:11px;
  font-weight:bold;
  margin:0 0 15px 0;
}
div.intro-alt {
  float:right;
  margin:40px 30px 0 0;
}
div.intro {
  margin:0 0 0 30px;
}
div.intro img {
  float:left;
}
div.intro h2 {
  font-size: 2em;
  width: 200px;
  margin-top:40px;
}
div.intro .cta {
  margin:40px 0 0 0;
  font-size:18px;
  text-align: center;
}
div.intro .cta #icon {
  float: left;
  width: 270px;
}
div.intro .cta #header {
  float: left;
  width: 250px;
}
div.intro .cta #header h2 {
  margin-bottom: .5em;
}
div.intro .sub-cta {
  margin:20px 0 0 0;
}
div.intro .sub-cta a {
  font-weight:bold;
}
div.intro .cta a.button {
  display:block;
  width:181px;
  height:40px;
  background:#999 url(http://web.archive.org/web/20101223203148im_/http://www.android.com/images/android-main-button.gif) no-repeat;
  line-height:40px;
  margin-left:10px;
  text-align:center;
  font-weight:bold;
  font-size:16px;
  color:#425117;
}
div.media div.video {
  margin:0 0 20px 0;
}
div.media div.video {
  text-align:center;
}
div.media div#video-wrapper embed {
  border: solid 1px #DDD;
}
div.media ul.videos {
  padding:0;
  margin:0;
  list-style:none;
}
div.media ul.videos li {
  display:block;
  float:left;
  font-size:11px;
  margin:0 43px 20px 0;
  width:105px;
  height:100px;
}
div.media ul.videos li img {
  width:100px;
  height:75px;
  padding:1px;
  border:1px solid #ccc;
  margin:0 0 5px 0;
  display:block;
}
div.media ul.videos li a {
  outline:none;
}
div.media ul.screenshots {
  list-style:none;
  padding:0;
  margin:0;
}
div.media ul.screenshots li img {
  width:150px;
  height:225px;
  border:1px solid #c5c5c5;
  padding:1px;
  margin:0 0 5px 0;
  display:block;
}
div.media ul.screenshots li.horizontal img {
  width:225px;
  height:150px;
}
div.media ul.screenshots li {
  font-size:11px;
  font-weight:bold;
  float:left;
  width:157px;
  margin:0 20px 20px 0;
}
div.media ul.screenshots li a {
  outline:none;
}
div.g-tab-content-hidden {
  display:none;
}
div.g-tabs ul {
  list-style:none;
  margin:0;
  padding:0;
}
div.g-tabs ul li.g-tab {
  border:1px solid #c5c5c5;
  padding:5px;
  display:inline;
  float:left;
  background:#eaeaea;
  margin:0 5px 0 0;
  line-height:20px;
  padding-right:15px;
  padding-left:15px;
  font-weight:bold;
  height:20px;
  border-bottom:0;
  -moz-border-radius-topleft:5px;
  -moz-border-radius-topright:5px;
  -webkit-border-top-left-radius:5px;
  -webkit-border-top-right-radius:5px;
}
div.g-tabs ul li.g-tab-selected {
  background:#fff;
  height:21px;
  margin-bottom:-1px;
}
div.g-tab-contents {
  border:1px solid #c5c5c5;
  padding:15px;
  padding-bottom:0;
  margin:0 0 20px 0;
  -moz-border-radius-bottomleft:5px;
  -moz-border-radius-bottomright:5px;
  -webkit-border-bottom-left-radius:5px;
  -webkit-border-bottom-right-radius:5px;
}

.g-modal-tour {
}
ul.g-modal-tour-screenshots {
  padding:0;
  margin:0;
  list-style:none;
}
ul.g-modal-tour-screenshots li {
  display:none;
  text-align:center;
  font:16px 'Arial';
  font-weight:bold;
}
ul.g-modal-tour-screenshots li.active {
  display:block;
}
ul.g-modal-tour-screenshots li img {
  border:7px solid #fff;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  display:block;
  margin:0 auto;
}
ul.g-modal-tour-screenshots li span {
  margin:15px 0 0 0;
  text-align:center;
  display:block;
}
.fineprint {
  font-size:11px;
  color:#666;
}
span.modal-dialog-title-close {
  outline:none;
  width:29px;
  height:29px;
  margin:-50px -15px 8px 0;
  position:relative;
  display:block;
  float:right;
  background:url('http://web.archive.org/web/20101223203148im_/http://www.android.com/images/g-modal-tour-x.gif') no-repeat;
  cursor:pointer;
}
span.modal-dialog-title-close:hover {
  background-position:0 -29px;
}
.g-modal-tour-left {
  left:-80px;
}
.g-modal-tour-right {
  right:-80px;
}
#language-switcher {
  display:none;
  float:right;
  margin:25px 15px 0 0;
}
h3#information {
  margin-top: 15px;
}
#android-green {
  color:#A4C639;
  font-weight:bold;
}
h3 {
  font-weight: normal;
  font-size: 1.35em;
  margin: 1em 0 .25em;
}
.hr-bottom {
  border-bottom: 1px solid #DEDEDE;
  margin-bottom: 1em;
  padding-bottom: 1em;
}
.hr-bottom img {
  padding-left: 65px;
}
.xtr {
  padding-top:1em;
}

/*
     FILE ARCHIVED ON 20:31:48 Dec 23, 2010 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 11:41:04 Jan 02, 2025.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.504
  exclusion.robots: 0.021
  exclusion.robots.policy: 0.009
  esindex: 0.011
  cdx.remote: 8.741
  LoadShardBlock: 185.638 (3)
  PetaboxLoader3.datanode: 296.14 (4)
  load_resource: 502.624
  PetaboxLoader3.resolve: 362.916
*/