#map {
	top: -16px;
    border: 2px solid #000 ;
    height: 600px;  
    width: 1040px;
		}
		#wark
		{
	position: absolute;
    left: 10px;
	bottom: 2px;
    cursor: pointer
		}
		#drive
		{
	position: absolute;
    left: 70px;
	bottom: 2px;
    cursor: pointer
		}
		#info
		{
	position: absolute;
    left: 130px;
	bottom: 2px;
    cursor: pointer
		}
		#help
		{
	position: absolute;
    left: 190px;
	bottom: 2px;
    cursor: pointer
		}
	#first{
			position: absolute; 
			right: 15px;
			bottom: 190px; 
			display: none;
			cursor: pointer;
		}
		#second{
			position: absolute; 
			right: 15px;
			bottom: 220px; 
			display: none;
			cursor: pointer;
		}
		#third{
			position: absolute; 
			right: 15px;
			bottom: 250px; 
			display: none;
			cursor: pointer;
		}
		#forth{
			position: absolute; 
			right: 15px;
			bottom: 280px; 
			display: none;
			cursor: pointer;
		}
		#fifth{
			position: absolute; 
			right: 15px;
			bottom: 310px; 
			display: none;
			cursor: pointer;
		}
		#sixth{
			position: absolute; 
			right: 15px;
			bottom: 340px; 
			display: none;
			cursor: pointer;
		}
		#seventh{
			position: absolute; 
			right: 15px;
			bottom: 370px; 
			display: none;
			cursor: pointer;
		}
		.modal {
			display: none; /* Hidden by default */
			position: fixed; /* Stay in place */
			z-index: 1; /* Sit on top */
			left: 0;
			top: 0;
			width: 100%; /* Full width */
			height: 100%; /* Full height */
			overflow: auto; /* Enable scroll if needed */
			background-color: rgb(0,0,0); /* Fallback color */
			background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
		  }
		  
		  /* Modal Content/Box */
		  .modal-content {
			text-align: justify;
			background-color: #fefefe;
			margin: 15% auto; /* 15% from the top and centered */
			padding: 20px;
			border: 1px solid #888;
			width: 80%; /* Could be more or less, depending on screen size */
		  }
		  
		  /* The Close Button */
		  .close {
			  position: relative;
			  bottom:20px;
			margin: auto;
			color: #aaa;
			float: right;
			font-size: 28px;
			font-weight: bold;
		  }
		  
		  .close:hover,
		  .close:focus {
			color: black;
			text-decoration: none;
			cursor: pointer;
		  }
		  .modal1 {
			display: none; /* Hidden by default */
			position: fixed; /* Stay in place */
			z-index: 1; /* Sit on top */
			left: 0;
			top: 0;
			width: 100%; /* Full width */
			height: 100%; /* Full height */
			overflow: auto; /* Enable scroll if needed */
			background-color: rgb(0,0,0); /* Fallback color */
			background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
		  }
		  
		  /* Modal Content/Box */
		  .modal-content1 {
			text-align: justify;
			background-color: #fefefe;
			margin: 15% auto; /* 15% from the top and centered */
			padding: 20px;
			border: 1px solid #888;
			width: 85%; /* Could be more or less, depending on screen size */
		  }
		  
		  /* The Close Button */
		  .close1 {
			position: relative;
			bottom:20px;
		  margin: auto;
			color: #aaa;
			float: right;
			font-size: 28px;
			font-weight: bold;
			margin-bottom: auto
			;
		  }
		  .close1:hover,
		  .close1:focus {
			color: black;
			text-decoration: none;
			cursor: pointer;
		  }
#container{
	position: absolute;
        left: 1080px;
		top: 300px;
}
#myImage
{
position: absolute;
left: 1080px;
top: 0px;
margin-bottom: 0px;
cursor: pointer
}

#mySound
{
position:relative; 
cursor: pointer;
width: 360px;
margin-top: 17px
}
#myText
	{
	position:relative; 
	width: 360px;
	height: 350px;
	overflow: auto;
	margin-top: 5px;
	margin-left: 5px;
  	}
#map-canvas 
	 {
		top: 0px;
		position: absolute;;
        border: 0px;
        left: 1060px;
    	cursor: pointer;
        height:270px;
        width: 360px;
		margin-bottom: 0px;
      }
	 #myDot 
	  	{
		visibility: hidden;
        position:relative; 
		display:block;	
		left:155px;
		margin-top: 0px;
    	} 
		#dot1,#dot2 {
			position:relative; 
			display: inline-block;
			cursor: pointer;
			height: 15px;
			width: 15px;
			margin: 0 2px;
			background-color: rgb(14, 1, 1);
			border-radius: 50%;
			display: inline-block;
			transition: background-color 0.6s ease;
		  }
		 .myDot1 .tooltiptext1 {
			visibility: hidden;
			width: 120px;
			background-color: black;
			color: #fff;
			text-align: center;
			border-radius: 16px;
			padding: 5px 0;
			/* Position the tooltip */
			position: absolute;
			top: 15px;
			z-index: 1;
		  }
		  .myDot1:hover .tooltiptext1 {
			visibility: visible;
		  }
		  .myDot2 .tooltiptext2 {
			visibility: hidden;
			width: 120px;
			background-color: black;
			color: #fff;
			text-align: center;
			border-radius: 16px;
			padding: 5px 0;
			/* Position the tooltip */
			position: absolute;
			top: 15px;
			z-index: 1;
		  }
		  .myDot2:hover .tooltiptext2 {
			visibility: visible;
		  }

::-webkit-scrollbar {
    width: 20px;
}

::-webkit-scrollbar-thumb {
    background: grey;
    background-clip: content-box;
    border: 5px solid transparent;
}