body   {
 font: 1em arial,verdana,'sans serif';
 color: #663333;
 text-align: left;
 margin: 4px; padding: 2px;
}

p   {
 font: 0.7em arial,verdana,'sans serif';
 color: #663333;
 text-align: left;
 margin: 4px; padding: 2px;
}

table   {
 font: .7em arial,verdana,'sans serif';
 color: #663333;
 text-align: left;

}

form   {
 font: 1em arial,verdana,'sans serif';
 color: #663333;
 text-align: left;
 margin: 4px; padding: 2px;
}


h1,th {
    font-size: 1em;
    margin: 0.5em; padding: 0.3em;
    text-align: center;
    border: 0px ridge gray;
  }




h2 {font: normal 100.01% ;
text-align:right;
 color:#38475F;
 }


h3 {
font:normal 100.01% ;
 color:#666666;
 margin:0;
 text-align: left;
  }




h4 {
 font: italic 75% arial, 'courier new', 'lucida console', system;
 color: #663333;
 text-align: left;
 }


h5 {font: normal 100.01% ;
text-align:center;
 color:#38475F;
 }

h6 {
font:normal;
font-size:0.89em;
text-align:left;
margin:0;
}


a:link {
    font: bold ;
    text-align: justify;
    color: #660D0D;
    text-decoration: none;
    	}

a:visited {
    font: bold ;
    text-align: justify;
    color: #666666;
    text-decoration: none;
    }

a {
    font: bold ;
    text-align: justify;
    color: #660D0D	;
    text-decoration: none;
    }

a:hover {
    font: bold ;
    text-align: justify;
    color: #8F2907;
    text-decoration: none;
    }


html {
    padding: 0;
  }

select {
width:15em;
background-color:#FFFFE0;
font-size:0.7em;
font-family:'nimbus sans l',Arial,sans-serif;
}


  /* --- XXXXXXXXXXXXXXXXXXXXXXXXX --- */


  /* ----- BO: hlup -----   */

  #hlup {
  position: fixed;
  height:130px;
  width:800px;
  left:0px;
  top:0px;
  background-color: #FFFFFF;
  background-image: url(../pix/lofiblues.jpg);
  background-position: 100px 30px;
  background-repeat:no-repeat;
  background-attachment: fixed;
  overflow:hidden;
  z-index:3;

  }


  #hlup img {
     float: right;
    }

         /* ----- EO: hlup (which is header "lofi...") -----


   ----- BO: sailing -----   */

  #sailing {
    position: fixed;
    left:0.2em;
    top: 150px;
    font-size: 1em;
    margin: 0em;
    padding: 0em;
    background-color: #FFFFFF;
    max-width: 9em;
    z-index:4;

  }


 #sailing li {
    list-style: none;
    margin: 0em;
    padding: 0em;
    width: 14em;
    max-width:14em;
  }


#usailing {
    position: fixed;
    left:0.2em;
    top: 150px;
    font-size: 1em;
    margin: 0em;
    padding: 0em;
    background-color: #FFFFFF;
    max-width: 9em;
    z-index:4;

  }


  ul#usailing img {
    margin: 0em;
    height: 2.75em;
    }


  ul#subsail_store img {
    margin-left: -0.5em;
    margin-top: -0.5em;
    height: 2em;
    }


  ul#subsail_jour img {
    margin-left: 1.5em;
    margin-top: -1em;
    height: 3em;
    }

  ul#subsail_xxx img {
    margin-left: 2em;
    margin-top: -1em;
    height: 2em;
    }


  ul#usailing a {
    margin: 0em;
    font-weight: bold;
  }

  ul#usailing a:link {
    margin: 0em;
    color: black;
  }

  ul#usailing a:visited {
    margin: 0em;
    color: #666;
  }

  ul#usailing a:hover {
    margin: 0em;
    color: black;
  }

  ul#usailing a:active {
    margin: 0em;
    color: red;
  }

  /* ----- EO: sailing -----

   ----- BO: picout -----   */
 #picout1 {
    position: fixed;
    left:806px;
    height:100%;
    width:100%;
    min-width:6666px;
    top:0px;
    background-color: rgb(125,118,96);
    background-image: url(../picouts/case.jpg);
    background-position: 806px 0px;
    background-repeat:no-repeat;
    background-attachment: fixed;
    overflow:hidden;
    z-index:1;

  }


  #picout1 img {
     float: left;
    }




 #picout2 {
    position: fixed;
    left:806px;
    height:7777px;
    width:6666px;
    min-width:6666px;
    top:0px;
    background-color: rgb(125,118,96);
    background-image: url(../picouts/imp666.jpg);
    background-position: 806px 0px;
    background-repeat:no-repeat;
    background-attachment: fixed;
    overflow:hidden;
    z-index:1;

  }


  #picout2 img {
     float: left;
    }




 #picout3 {
    position: fixed;
    left:806px;
    height:7777px;
    width:6666px;
    min-width:6666px;
    top:0px;
    background-color: rgb(125,118,96);
    background-image: url(../picouts/a3340.jpg);
    background-position: 806px 0px;
    background-repeat:no-repeat;
    background-attachment: fixed;
    overflow:hidden;
    z-index:1;

  }


  #picout3 img {
     float: left;
    }




 #picout4 {
    position: fixed;
    left:806px;
    height:7777px;
    width:6666px;
    min-width:6666px;
    top:0px;
    background-color: rgb(125,118,96);
    background-image: url(../picouts/case_b.jpg);
    background-position: 806px 0px;
    background-repeat:no-repeat;
    background-attachment: fixed;
    overflow:hidden;
    z-index:1;

  }


  #picout4 img {
     float: left;
    }




 #picout5 {
    position: fixed;
    left:806px;
    height:7777px;
    width:6666px;
    min-width:6666px;
    top:0px;
    background-color: rgb(125,118,96);
    background-image: url(../picouts/phone3.jpg);
    background-position: 806px 0px;
    background-repeat:no-repeat;
    background-attachment: fixed;
    overflow:hidden;
    z-index:1;

  }


  #picout5 img {
     float: left;
    }




 #picout6 {
    position: fixed;
    left:806px;
    height:7777px;
    width:6666px;
    min-width:6666px;
    top:0px;
    background-color: rgb(125,118,96);
    background-image: url(../picouts/imp999.jpg);
    background-position: 806px 0px;
    background-repeat:no-repeat;
    background-attachment: fixed;
    overflow:hidden;
    z-index:1;

  }


  #picout6 img {
     float: left;
    }



/* ----- EO: picout -----

   ----- BO: content -----   */

 #content {
    position: absolute;
    top: 130px; left: 37px;
    width: 35em;
    border: 0px;
    margin-left: 11em;
    margin-top: 0em;
    padding: 1em;
    border-left: 0px;
    border-top: 0px;
    z-index:2;
  }

        /* ----- EO: content -----
   ----- BO: no move -----   */
  #no_move {
    position: fixed;
    left: 20px;
    top: 20px;
    width:73px;
    height:100px;
    color: red;
    background-image: url(../pix/cn-sgn2.jpg);
    background-position: 20px 20px ;
    background-repeat:no-repeat;
    background-attachment: fixed;
    z-index:4;

    }



    #no_move2 {
    position: fixed;
    left: 20px;
    top: 500px;
    width:133px;
    height:100px;
    color: red;
    background-image: url(../pix/oldpage_screenshot.jpg);
    background-position: 20px 500px ;
    background-repeat:no-repeat;
    background-attachment: fixed;
    z-index:1;

    }

    #no_move2 a  {
    text-decoration: none;
    }


    #no_move2 a:link  {
    text-decoration: none;
    }


    #no_move2 a:visited  {
    text-decoration: none;
    }



    #no_move2 a:hover  {
    text-decoration: none;
    }



        /* ----- EO: no move;

			BO: archive-divs ----*/

 #archive_top {
    position: fixed;
    top: 0px; left: 0px;
    background-color:#fffecd;
    width: 630px;
    height: 100px;
    margin-left: 0em;
    margin-top: 0em;
    padding-right: 0em;
    padding-left:0.3em;
    padding-top:0.3em;
    padding-right:0.3em;
    border-left: 0px;
    border-right:0px;
    border-top: 0px;
    border-bottom:0px #663e0d dashed;
    text-align:center;
    z-index:1;
    background-image:url(../arch/hey.gif);
    background-repeat:no-repeat;
	 background-position:110px 0px;
  }


    #archive_cable {
    position: absolute;
    top: 128px; left: 0px;
    background-color:#fffecd;
    width: 120px;
    height: 2046px;
    margin-left: 0em;
    margin-top: 0em;
    padding-right: 0em;
    padding-left:0.3em;
    padding-top:0.3em;
    padding-right:0.3em;
    border-left: 0px;
    border-right:0px;
    border-top: 0px;
    border-bottom:0px;
    text-align:center;
    z-index:2;
    background-image:url(../arch/cable_arch.gif);
    background-repeat:no-repeat;
	 background-position:bottom;
  }
   #archive_mic {
    position: absolute;
    top: 0px; left: 0px;
    background-color:#fffecd;
    width: 120px;
    height: 138px;
    margin-left: 0em;
    margin-top: 0em;
    padding-right: 0.3em;
    padding-left:0.3em;
    padding-top:0em;
    padding-right:0em;
    border-left: 0px;
    border-right:0px;
    border-top: 0px;
    border-bottom:0px;
    text-align:center;
    z-index:2;

  }


 #archive_text {
    position: absolute;
    top: 0px; left: 130px;
    background-color:#fffecd;
    width: 500px;
    font-size: 100%  ;
    text-decoration: none;
    margin-left: 0em;
    margin-top: 0em;
    padding-right: 0em;
    padding-left:0em;
    padding-top:0em;
    padding-right:0m;
    border-left: 0px;
    border-right:0px;
    border-top: 0px;
    border-bottom:0px;
    z-index:0;
    margin-top:107px;
  }

#glrynav {
	position:absolute;
	bottom:.5em;
	right:-1em;
	height:1.8em;
	padding:0em;
	margin:0em;
	}

#calback {
	position: absolute;
	width: 500px;
	height:291px;
	left: 5em;
	top: 5em;
	background-image: url(../pix/calbg.jpg);
	background-repeat: no-repeat;
	z-index:-1;

	}

#recbox {
	position: absolute;
	width: 561px;

	left: 20px;
	top: 111px;
	color:#f23e0b;
	z-index:-1;

	}

#recbox table{
	color:#f23e0b;
	background-image: url(../pix/rec_bg.jpg);
	background-repeat: no-repeat;
	}

#tapesel {
	position: static;
	left: 313;
	top: 206;
	width:400px;
	height:251px;
	border:0px solid green;
	background-image:url(../pix/tape_songs3.gif);
	background-repeat:no-repeat;
	z-index:3;

	}


#player {
	position: absolute;
	left: 69;
	top: 370;
	z-index:4;
	}

#tapesel_promo1 {

         width:400px;
         height:406px;
         border:0px solid green;
         background-image:url(../pix/tape_promo.jpg);
         background-repeat:no-repeat;
         margin: 20 auto auto auto;
         }

#tapesel_promo2 {

         width:400px;
         height:406px;
         border:0px solid green;
         background-image:url(../pix/tape_promo_whore.jpg);
         background-repeat:no-repeat;
         margin: 15 auto auto auto;

         }

#promoplayer1 {
	margin: 3 auto auto auto;
         width:400px;
	}



#promoplayer2 {
         margin: 3 auto auto auto;
         width:400px;
         }

        /* ----- EO: archive-divs


        EO ALL -----       */

#bookingbox {
	margin-left: 150px;
         background-color:#EBF0F9;
         width: 400px;
         margin-top:-36px;

}
/*brown: background-color:#EEDBB5;*/
/*blue: background-color:#EBF0F9;*/
#bookingbox p {
         text-align:right;
         color: #660D0D;

}

#bookingbox h1 {
         text-align:right;
         color: #660D0D;
         font-size: 12px;
         font-weight: bold;

}

#bookingbox a:link {
    color: #664d4d;
    text-decoration: none;
    	}

#bookingbox a:visited {
    color: #666666;
    text-decoration: none;
    }

#bookingbox a {
    color: #664d4d	;
    text-decoration: none;
    }

#bookingbox a:hover {
   color: #8F2907;
    text-decoration: none;
    }

#bookingbox table {
   color: #ododod;
   font-size:11px;


    }


#bookingbox td .time {

   font-size:11px;
   text-align:right;

    }


#bookingbox td .space {

   font-size:11px;
   align:left;
   color:#ff0000;

    }

#bookingpixbox {
   
   text-align: right;

   }