/*content and sections*/

html, body
{
  height: 100%;
}

body {
		background-image: url(/web/20181128115025im_/http://alp-myoko.com/img/vert_back_alt.jpg);
		background-repeat: repeat-x;
		background-color: #778eab;
	}


/*li {
	list-style-type: none;
}*/

hr {
		border-width: 1px;
		border-style: dashed;
		border-color: #4c4c4c;
		margin-left: 10px;
		margin-right: 10px;
}


/* MAIN CONTENT SECTIONS*/

#container {
   	background-color: black;
   	padding-top: 0px;
   	width: 900px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
    overflow: hidden;
    margin-bottom: 0;
    padding-bottom: 0;
    background-color: #E7EDF6;
}
	 
.content_left {
	float: left;
	width: 22.2222%;
	background-color: #512b11;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.content_right {
	float: left;
	width: 77.7778%;
	background-color: #e7edf6;
	height: 100%;
}

.top {
	background-image: url(/web/20181128115025im_/http://alp-myoko.com/img/container_top_j.gif);
	background-repeat: no-repeat;
	height: 58px;
	border: 0px;
}



/* this is the container for text and photos */

.right_text_photo {
	width: 700px; 
	height: 100%;
	float: left;
}

.right_left_col {
	width: 50%;
	float: left;
}

.right_right_col {
	width: 50%;
	float: right;
	margin-top: 50px;
}

.content_left_access {
	width: 200px;
	height: 1050px;
	background-color: black;
	position: absolute;
	margin-left: 0px;
	margin-top: 0px;
}

.content_right_access {
	width: 700px;
	height: 1050px;
	background-color: #e7edf6;
	position: relative;
	margin-left: 200px;
	margin-top: 0px;
}

.content_left_3d {
	width: 200px;
	height: 1150px;
	background-color: black;
	position: absolute;
	margin-left: 0px;
	margin-top: 0px;
}

.content_right_3d {
	width: 700px;
	height: 1150px;
	background-color: #e7edf6;
	position: relative;
	margin-left: 200px;
	margin-top: 0px;
}
		/* reserve bar section */
.bar a {
    width:200px;
 	height:30px;
 	float:left;
 	margin-top: 18px;
 	margin-bottom: 30px; 
 }
 
.bar a.br {
 	background-image: url(/web/20181128115025im_/http://alp-myoko.com/img/reserve_band_j.jpg);
 	top: 0px;
 	left: 0px;	 
}

.bar a.br:hover  {
 	background-position: 0 bottom;
}

.myoko_info {
	margin-top: 100px;
	margin-bottom: 20px;
}

	/* menu section */
.menu a {
 /*\*/ overflow:hidden;
 /**/ width:117px;
 	height:30px;
 	display:block;
 	float:left;	
 }
.menu a.mn01 {
 	background-image: url(/web/20181128115025im_/http://alp-myoko.com/img/mn_welcome_j.jpg);
 	top: 0px;
 	left: 0px;
 }
.menu a.mn02 {
 	background-image: url(/web/20181128115025im_/http://alp-myoko.com/img/mn_rooms_j.jpg);
 	top: 0px;
 	left: 0px;
 }
.menu a.mn03 {
 	background-image: url(/web/20181128115025im_/http://alp-myoko.com/img/mn_reserve_j.jpg);
 	top: 0px;
 	left: 0px;
 }
.menu a.mn04 {
 	background-image: url(/web/20181128115025im_/http://alp-myoko.com/img/mn_access_j.jpg);
 	top: 0px;
 	left: 0px; 
 }
.menu a.mn05 {
 	background-image: url(/web/20181128115025im_/http://alp-myoko.com/img/mn_news_j.jpg);
 	top: 0px;
 	left: 0px; 
 }
.menu a.mn01:hover,.menu a.mn02:hover,.menu a.mn03:hover,
.menu a.mn04:hover,.menu a.mn05:hover {
 	background-position: 0 bottom;
 }
.menu a.here, .head .menu a.here:hover {
     background-position: 0 bottom;
 }

.lang_link {
 	padding-left: 800px;
 	padding-top: 40px;
 	word-wrap: normal;
 	font-style: normal;
 	font-weight: normal;
 	text-align: left;
 	font-size: 8pt;
 	font-family: Helvetica, Verdana, Arial, sans-serif;
 	color: white;
 	text-decoration: none;
 }

.lang_link A:link {
 text-decoration: underline;
 color: white;
}
.lang_link A:hover {
 	text-decoration: underline;
 	color: white
}
.lang_link A:active {
 	text-decoration: underline;
 	color: white;
}
.lang_link A:visited {
 	text-decoration: underline;
 	color: white ;
}

.clear{
clear: right;
}

.logo {
	margin-top: 5px;
	margin-left: 30px;
}

/* close/submit buttons*/
.button a {
 /*\*/ overflow:hidden;
 /**/ width:74px;
 	height:27px;
 	display:block;
 	float:left;	
 }
.button a.mn01 {
 	background-image: url(/web/20181128115025im_/http://alp-myoko.com/img/close.gif);
 	top: 0px;
 	left: 0px;
 	 }
.button a.mn02 {
 	background-image: url(/web/20181128115025im_/http://alp-myoko.com/img/submit.gif);
 	top: 0px;
 	left: 0px;
 	 }
.button a.mn01:hover,#button a.mn02:hover {
 	background-position: 0 bottom;
 }


/* decoration */

.left_border {
		border-width: 1px;
		border-style: dashed;
		border-color: #4c4c4c;
		margin-left: 10px;
		margin-right: 10px;
}

.icons {
	float: left;
	margin-right: 10px;
	}


/* text designs */
.left_text_white {
  	text-align: left;
 	font-size: 9pt;
 	font-family: Helvetica, Verdana, Arial, sans-serif;
 	color: white;
 	text-decoration: none;
 	margin-left: 20px;
 	margin-right: 20px;
 	margin-bottom: 20px;
 	float: left;	
 }
 	
 
.left_text_white a:link {
 text-decoration: underline;
 color: white;
}
.left_text_white a:hover {
 	text-decoration: underline;
 	color: white;
 }
.left_text_white a:active {
 	text-decoration: underline;
 	color: white;
}
.left_text_white a:visited {
 	text-decoration: underline;
 	color: white;
}


.headline {
  	font-weight: bold;
 	text-align: left;
 	font-size: 20pt;
 	font-family: sans-serif;
 	color: #778eab;
 	text-decoration: none;
 	padding-left: 40px;
 	padding-top: 40px;
 	padding-bottom: 20px;
 	line-height: 26px;
 }
 
 .subhead {
  	font-weight: bold;
 	text-align: left;
 	font-size: 18pt;
 	font-family: sans-serif;
 	color: #778eab;
 	text-decoration: none;
 	padding-left: 0px;
 	padding-top: 0px;
 	padding-bottom: 5px;
 	line-height: 26px;

 }


.body_10 {
 	font-family: Helvetica, Verdana, Arial, sans-serif;
 	font-size: 11px;
 	line-height: 13px;
 	color: black;
}
.body_10 a:link {
 text-decoration: underline;
 color: black;
}
.body_10 a:hover {
 	text-decoration: underline;
 	color: #c48e04
 }
.body_10 a:active {
 	text-decoration: underline;
 	color: #c48e04
 }
.body_10 a:visited {
 	text-decoration: underline;
 	color: black ;
 }

.body_10_index {
 	font-family: Helvetica, Verdana, Arial, sans-serif;
 	font-size: 13px;
 	line-height: 14px;
 	color: black;
  	float: left;
  	margin-left: 40px;
  	width: 300px;
}

.body_10_index a:link {
 text-decoration: underline;
 color: black;
}
.body_10_index a:hover {
 	text-decoration: underline;
 	color: #c48e04;
}
.body_10_index a:active {
 	text-decoration: underline;
 	color: #c48e04;
}
.body_10_index a:visited {
 	text-decoration: underline;
 	color: black;
 }

.body_10_full {
 	width: 600px;
 	font-family: Helvetica, Verdana, Arial, sans-serif;
 	font-size: 11pt;
 	line-height: 13pt;
 	color: black;
  	margin-left: 40px;
  	margin-bottom: 20px;
}

.body_10_full a:link {
 text-decoration: underline;
 color: black;
}
.body_10_full a:hover {
 	text-decoration: underline;
 	color: #c48e04
 	}
.body_10_full a:active {
 	text-decoration: underline;
 	color: #c48e04;
 	}
.body_10_full a:visited {
 	text-decoration: underline;
 	color: black; 
 }
 	
.photos_right {
	width: 246px;
	float: left;
	margin-left: 30px;
}

.caption {
 	font-size: 9pt;
 	font-family: Helvetica, Verdana, Arial, sans-serif;
 	font-weight: bold;
 	color: black;
 	text-align: left;
 	margin-top: 3px;
 	margin-bottom: 20px;
}

.bottom {
	width: 900px;
	height: 90px;
	background-color: gray;
	margin-top: 0;
	margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px;
 }

.bottom_rooms {
	width: 900px;
	height: 90px;
	background-color: gray;
   	position: absolute;
   	margin-top: 0px;
   	margin-left: 0px;
  }

.bottom_reserve {
	width: 900px;
	height: 90px;
	background-color: gray;
   	position: absolute;
   	margin-top: 40px;
   	margin-left: -200px;
 }
   
.bottom_3d {
	width: 900px;
	height: 90px;
	background-color: gray;
   	position: absolute;
   	margin-top: 0px;
   	margin-left: 0px;
 }

.bottom_inset_map {
	width: 900px;
	height: 90px;
	background-color: gray;
   	position: absolute;
   	margin-top: 540px;
   	margin-left: -200px;
 }

#map {
  height: 700px;  /* The height is 400 pixels */
  width: 700px;  /* The width is the width of the web page */
 }
	
.bottom_text {
	word-wrap: normal;
 	font-style: normal;
 	font-weight: normal;
 	text-align: left;
 	font-size: 9pt;
 	font-family: Helvetica, Verdana, Arial, sans-serif;
 	color: white;
 	text-decoration: none;
 	padding-left: 240px;
 	padding-top: 10px;
}

.bottom_text a:link {
 	text-decoration: underline;
 	color: white;
 	}
.bottom_text a:hover {
 	text-decoration: underline;
 	color: #c48e04;
 	}
.bottom_text a:active {
 	text-decoration: underline;
 	color: #c48e04;
 	}
.bottom_text a:visited {
 	text-decoration: underline;
 	color: black;
 	}


.tripbox {
	width: 220px;
	height: 240px;
	background: url(/web/20181128115025im_/http://alp-myoko.com/css/img/brown.pix.gif) repeat-y;
	float: left;
	margin-left: 10px;
	margin-top: 20px;
	}
	
.tripcap {
	font-size: 9px; 
	font-family: sans-serif;
	color: white; 
	text-align: center; 
	margin: 10px 0px 0px 0px;
	}
	
.tripcap a:link {
 text-decoration: underline;
 color: #BF9000;
	}
.tripcap a:hover {
 	text-decoration: underline;
 	color: #c48e04;
 	}
.tripcap a:active {
 	text-decoration: underline;
 	color: #c48e04;
 	}
.tripcap a:visited {
 	text-decoration: underline;
 	color: white; 
 	}
	
/*  Fader Slideshow */
    .rslides {
        position: relative;
        float: right;
        list-style: none;
        overflow: hidden;
        width: 100%;
        padding: 0;
        margin: 0;
     }

	.rslides ul{
		list-style: none;	
	}
    .rslides li {
        -webkit-backface-visibility: hidden;
        list-style: none;
        position: absolute;
        display: none;
        width: 100%;
        left: 0;
        top: 0;
    }

    .rslides li:first-child {
        position: relative;
        display: block;
        float: left;
        list-style: none;
    }

    .rslides img {
        display: block;
        height: auto;
        float: left;
        width: 100%;
        border: 0;
    }
	

/* KILL THESE IF POSSIBLE 

.top_brown {
	background-image: url(/web/20181128115025im_/http://alp-myoko.com/img/container_top_brown.gif);
	background-repeat: no-repeat;
	height: 58px;
}

.top_browner {
	background-image: url(/web/20181128115025im_/http://alp-myoko.com/img/container_top_browner.gif);
	background-repeat: no-repeat;
	height: 58px;
}
.top_brownest {
	background-image: url(/web/20181128115025im_/http://alp-myoko.com/img/container_top_brownest.gif);
	background-repeat: no-repeat;
	height: 58px;
}
.top_red {
	background-image: url(/web/20181128115025im_/http://alp-myoko.com/img/container_top_red.gif);
	background-repeat: no-repeat;
	height: 58px;
}


	 
.content_left_brown {
	width: 200px;
	background-color: #84470F;
	float: left;
}

.content_left_browner {
	width: 200px;
	background-color: #68390d;
	float: left;
}

.content_left_brownest {
	width: 200px;
	background-color: #512c0a;
	float: left;
}
.content_left_red {
	width: 200px;
	background-color: #640606;
	float: left;
}
*/
	
/*
     FILE ARCHIVED ON 11:50:25 Nov 28, 2018 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 11:08:14 Aug 08, 2026.
     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):
  capture_cache.get: 0.438
  load_resource: 619.28
  PetaboxLoader3.resolve: 465.492
  PetaboxLoader3.datanode: 88.1
*/