/*main elements*/
 
 #container
 {
   width: 740px;
 }
 
 #top
 {
   background-image: url(../images/top_iphone.png);
   width: 740px;
   height: 160px;
   margin-bottom: -1px;
 }
 
 #gradient
 {
   display: none;
 }
 
 #main
 {
   background-image: url(../images/main_iphone.png);/* main background-color: f9ffe9*/
   width: 740px;
 }
 
 #bottom
 {
   background-image: url(../images/bottom_iphone.png);
   width: 740px;
   height: 170px;
   font-size: 2em;
 }
 
 #background_top
 {
   background: url(../images/background_highscore_top_iphone.png) no-repeat;
   position: relative;
   width: 740px;
   height: 123px;
 }
 
 #background_main
 {
   background: url(../images/background_highscore_main_iphone.png) no-repeat;/* main background-color: f9ffe9*/
   position: relative;
   width: 740px;
   min-height: 2849px;
   text-align: center;
 }
 
 #background_bottom
 {
   background: url(../images/background_highscore_bottom_iphone.png) no-repeat;
   position: relative;
   width: 740px;
   height: 140px;
   text-align: center;
   font-size: 2em;
 }
 
 #main_left_1
 {
    height: 1475px;
 }
 
 #main_left_2
 {
    height: 500px;
 }
 
 #main_left_3
 {
    height: 535px; 
 }
 
 #main_left_4
 {
    height: 690px; 
 }
 
 #main_left_5
 {
    height: 920px; 
 }
 
 #main_left_6
 {
    height: 535px; 
 }
 
 #main_right
 {
    display: none;
 }
 
 #one_column
 {
    margin-top: 70px;
    margin-left: 20px;
 }
 
 #column_right_index_1
 {
    margin-top: 120px;
    margin-right: 20px; 
 }
 
 #column_right_index_2
 {
    margin-top: 60px;
    margin-right: 20px; 
 }
 
 #column_right_index_3
 {
    margin-top: 60px;
    margin-right: 20px; 
 }
 
 #column_right_index_4
 {
    margin-top: 55px;
    margin-right: 20px; 
 }
 
 #column_right_index_5
 {
    margin-top: 120px;
    margin-right: 20px; 
 }
 
 #column_right_index_6
 {
    margin-top: 60px;
    margin-right: 20px; 
 }

 #column_left_locfinder
 {
    margin-top: -10px;
 }
 
 #column_right_locfinder
 {
    margin-top: 10px;
    width: 510px;
 }
 
 #screen_shots
 {
    background: url(../images/meteor_maze/screen_shots_iphone.png);
    width: 715px;
    height: 3500px;
 }
 
 
 
 /*styles*/

 #diagram_fci
 {
    margin-left: -23px;
    background: url(../images/settingsInternetPage.png);
    width: 740px;
    height: 463px;
 }
 
 #diagram_main
 {
    margin-left: -23px;
 }
 
 #diagram_include
 {
    margin-left: -23px;
    background: url(../images/includePath_iphone.png);
    width: 740px;
    height: 2549px;
 }
 
 #diagram_exclude
 {
    margin-left: -23px;
    background: url(../images/excludePath_iphone.png);
    width: 740px;
    height: 2538px;
 }
 
 .icon
 {
    width: 80px;
    height: 80px;
 }
 
 #icon1
 {
    margin-left: -10px;
 }
 
 #icon2
 {
    margin-left: -10px;
 }
 
 #icon3
 {
    margin-left: -10px;
 }
 
 #icon4
 {
    margin-left: -10px;
 }
 
 #icon5
 {
    margin-top: 40px;
    margin-left: -10px;
 }
 
 #icon6
 {
    margin-left: -10px;
 }
 
 .video
 {
    display: none;
 }
 
 .video_iphone
 {
    display: block;
 }
 
 .app_store_badge_index
 {
    margin-left: 60px;
 }
 
 .app_store_badge
 {
    background: url(../images/app_store_badge_0708_iphone.jpg) no-repeat;
    width: 308px;
    height: 112px;
    margin-left: 0px;
 }
 
 .higher_iphone
 {
    margin-top: -100px;
 }

 .center_youtube_video_iphone
 {
    margin-left: 90px;
 }
 
 .space_iphone
 {
    height: 2140px;
 }
 
 .space_10px
 {
    height: 1px;
 }
 
 
 /*** iphone top nav bar ***/

 /* link styles */
 
 #nav_bar a
 {
    text-decoration: none;
    display: block;
    padding-bottom: 10px; padding-left: 5px; padding-top: 7px; padding-right: 5px;
    width: 7.24em;
    font-size: 2.4em;
    font-weight: bolder;
    text-align: center;
    margin: 0;
 }
 
 #nav_bar ul ul li a
 {
    font-weight: normal;
    margin-top: -1px;
 }

 /* main nav bar */

 #nav_bar
 {
    display: block;
	  padding: 0;
	  line-height: 2.5em;
    margin-left: 2px;
    margin-top: -12px;
 }
 
 /* all list items */

 #nav_bar li 
 {
	  margin: 0 !important; /* ignored by ie */
	  padding: 0 !important; /* ignored by ie */
	  list-style: none;
	  float: left;  
	  position: relative;
 }

 /* pop-up subnav */

 #nav_bar ul
 {
	  margin: 0;
	  padding: 0;
	  position: absolute;
    left: 0;
  	top: 2.9em; /*1.72em; /* change when you change height of links */
	  display: none;
 }

 /* list items in pop-up subnav */

 #nav_bar ul li 
 {
	  float: none; /* so links line up one above the other for drop-downs */
    top: 0.9em;
    background-color: #f9ffe9;
 }
 
 #nav_bar ul ul li
 {
    top: 1.5em;
 }
 
 #nav_bar ul ul
 {
    z-index: 10;
 }

 /* hover */

 #nav_bar li:hover > ul { display: block; }
 
 /* current */
 
 #nav_bar .current > a
 {
    background-color: #eef5db;
 }
 
 
 
 /* fonts */
 
 h1
 {
    font-size: 3.5em;
    text-shadow: #969bb9 3px 1px 4px;
    text-align: center;
 }
 
 h2
 {
    font-size: 3.1em;
    text-align: center;
 }
 
 h3
 {
    font-size: 2.5em;
    margin-top: -21px;
    text-align: center;
 }
 
 h4
 {
    font-size: 2.5em;
    text-align: center;
 }
 
 h5
 {
    font-size: 2.2em;
    text-align: center;
 }
 
 .text_iphone
 {
    display: inline;
 }

 .text1_1
 {
    font-size: 1.5em;
 }
 
 .text1_1b
 {
    font-size: 1.5em;
    font-weight: bolder;
 }
 
 .text1_1bc
 {
    font-size: 1.5em;
    font-weight: bolder;
    text-align: center;
 }

 .text1_2
 {
    font-size: 1.7em;
 }
 
 .text1_2b
 {
    font-size: 1.7em;
    font-weight: bolder;
 }
 
 .text1_2bc
 {
    font-size: 1.7em;
    font-weight: bolder;
    text-align: center;
 }
 
 .text1_2j
 {
    font-size: 1.7em;
    text-align: justify;
 }

 .text1_3b
 {
    font-size: 1.9em;
    font-weight: bolder; 
 }
 
 .text1_5
 {
    font-size: 2.2em;
 }
 
 .text1_5b
 {
    font-size: 2.2em;
    font-weight: bolder;
 }
 
 .text1_5bc
 {
    font-size: 2.2em;
    font-weight: bolder;
    text-align: center; 
 }
 
 .text1_8
 {
    font-size: 2.5em;
 }

 .text2_0
 {
    font-size: 2.8em;
 }
 
 .text2c
 {
    font-size: 2.8em;
    text-align: center;
 }
 
 .text2_3b
 {
    font-size: 3.1em;
    font-weight: bold;
 }
 
 .text2_3s
 {
    font-size: 3.1em;
    font-weight: bolder;
    text-shadow: #969bb9 2px 1px 3px;
 }
 
 
 
 /*form*/
 
 .formleft
 {
    font-size: 2.1em;
 }

 .captcha_field
 {
    background: url(../images/captcha_field_iphone.png) no-repeat;
    width: 125px;
    height: 36px;
 }
 
 .captcha
 {
    margin-bottom: 15px;
 }
 
 input, textarea
 {
    font-size: 2.5em;
    font-family: Helvetica;
    width: 360px;
    height: 36px;
    padding-left: 5px;
 }
 
 .field
 { 
    background: url(../images/form_field_iphone.png) no-repeat;
    width: 360px;
    height: 36px;
 }
 
 .area
 { 
    width: 340px;
 }

 .button_small
 {
    background: url(../images/form_button_small_iphone.png) no-repeat;
    width: 126px;
    height: 42px;
    padding-top: 5px;
 }

 .button_large
 {
    background: url(../images/form_button_large_iphone.png) no-repeat;
    width: 335px;
    height: 42px;
 }
 
 
 
 /* selection */
 
 #selection
 {
    display: none;
 }
 
 #selection_iphone_up
 {
    display: inline-table;
    margin: auto;
 }
 
 #selection_iphone_up a
 {
    background: url(../images/selection_button_iphone.png) no-repeat;
    display: block;
    width: 140px;
    height: 70px;
    padding-top: 8px;
    font-size: 2em;
    font-weight: bolder;
    text-align: center;
 }
 
 #selection_iphone_down
 {
    display: inline-table;
    margin: auto;
 }
 
 #selection_iphone_down a
 {
    background: url(../images/selection_button_iphone.png) no-repeat;
    display: block;
    width: 140px;
    height: 70px;
    padding-top: 8px;
    font-size: 2em;
    font-weight: bolder;
    text-align: center;
 }
 
 
 
 /*** HIGH SCORE ***/
 
 #meteor_maze_highscore_back_button
 {
      position: absolute;
      top: 2750px;
      left: 255px;
      width: 170px;
      height: 64px; 
      background: url(../images/meteormaze_highscore_back.png);
 }
 
 .background_highscore_homepage
 {
    background: url(../images/background_highscore_homepage_iphone.png) no-repeat;
    width: 550px;
    height: 770px;
 }
 
 .highscore
 {
    margin-top: -5px;
 }
 
 .wide
 {
   border: 1px solid black;
   margin: -2px;
   width: 150px;
   text-align: center;
   font-size: 2.1em;
 }
 
 .narrow
 {
   border: 1px solid black;
   margin: -2px;
   width: 100px;
   text-align: center;
   font-size: 2.1em;
 }
 
 .very_narrow
 {
   border: 1px solid black;
   margin: -2px;
   width: 25px;
   text-align: center;
   font-size: 2.1em;
 }