body {
	font-size: 16px;
	font-family: Cambria;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
	margin:0;
	width:  2123px;
	height: 1590px;
	
}
.Navbar {
	box-shadow: 3px 3px rgba(0,0,0,0.4);
	
}
a {
	font-size: 16px;
	font-family: Cambria;
	font-weight: bold;
	text-align: center;
}
a:link {
	text-decoration: none;
	color:  #ffffff;
	text-align: center;
	text-align: center;
}
a:visited {
	text-decoration: none;
	color:  #ffffff;text-align: center;
}
a:hover {
	text-decoration: none;
	color:  #ffffff;text-align: center;
}
a:active {
	text-decoration: none;
	color:  #ffffff;text-align: center;
}

.footer ul {
	margin-top:-150px;
	position:fixed;
	list-style-type: none;
	padding: 3px;
	overflow: hidden;
	float: center;
	z-index:5px;
	margin-top:-1470px;
	margin-left:250px;
	
	text-align: center;
	
    background-color: black;
	
  }

#menu table {
	text-align:center;
} 

#menu1 table {
	text-align:center;
}

ul.nav {
	margin:0;
	padding:0;
	list-style:none;
	height:36px; line-height:36px;
	background:#325; /* you can change the backgorund color here. */
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}
ul.nav li {
	border-right:1px solid #189b80; /* you can change the border color matching to your background color */
	float:left;
}
ul.nav a {
	display:block;
	padding:0 28px;
	color:#ccece6;
	text-decoration:none;
}
ul.nav a:hover,
ul.nav li.current a {
	background:#086754;
}

.btn {
  color: #325;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  text-decoration: none;
  margin: 1rem;
  padding: 0.5rem;
  border: 2px solid #e5dc15;
  border-radius: 0.5rem;
    position: relative;
  top: 0;
  transition: all 300ms ease-in-out;
}

.btn:hover {
  background: #e5dc15;
  color: #0e79b2;
}
.btn.b-1:hover {
  top: 0.2em;
  box-shadow: 0 0.4em #c2bb11, 0 0.7em rgba(0, 0, 0, 0.4);
}

.btn.b-1:active {
  top: 0.4em;
  box-shadow: 0 0.2em #c2bb11, 0 0.5em rgba(0, 0, 0, 0.4);
}


.footer li {
  
}

.footer li a {
  display: inline-block;
  color: white;
  text-align: center;
  text-decoration: none;
  vertical-align: bottom;
}

.footer li a:hover {
  background-color: #111;
}

.navelement {
	padding: 28px 16px 0px 16px;
}

.footer { 
	left: 0;
	bottom: 0;
	background-color: #325;
	color: red;
	text-align: center;
	position:relative;
  }
  
.modal-overlay {
 position: absolute;
 top: 0;
 left: 0;
 z-index: 98;
 width: 2123px; height: 1500px;
 background-color: rgba(0, 0, 0, 0.6);
}
.modal {
 position: fixed;
 top: 25%;
 left:50%;
 transform: translate(-50%, -50%);
 z-index: 99;
 text-align: center;
 width: 100%;
 max-width: 400px;
 background-color: #FFF;
 border-radius: 16px; 
 padding: 25px;

}

.plotdet {
	color:#086754;
	font-weight:bold;
}

.available {
	background:green;
	width: 35px; height:22px; border: 5; position: absolute;border-radius:5px;
	box-shadow: 3px 3px rgba(0,0,0,0.4);
	transition: 0.4s ease-out;
}

.booked {
	background:orange;
	width: 35px; height:22px; border: 5; position: absolute;border-radius:5px;
	box-shadow: 3px 3px rgba(0,0,0,0.4);
	transition: 0.4s ease-out;
}

.registered {
	background:brown;
	width: 35px; height:22px; border: 5; position: absolute;border-radius:5px;
	box-shadow: 3px 3px rgba(0,0,0,0.4);
	transition: 0.4s ease-out;
}
.Mortgage {
	background:grey;
	width: 35px; height:22px; border: 5; position: absolute;border-radius:5px;
	box-shadow: 3px 3px rgba(0,0,0,0.4);
	
	transition: 0.4s ease-out;
}
.Hold {
	background:blue;
	width: 35px; height:22px; border: 5; position: absolute;border-radius:5px;
	box-shadow: 3px 3px rgba(0,0,0,0.4);
	transition: 0.4s ease-out;
}

.Soldout {
	background:purple;
	width: 35px; height:22px; border: 5; position: absolute;border-radius:5px;
	box-shadow: 3px 3px rgba(0,0,0,0.4);
	transition: 0.4s ease-out;
}



.plot10 {
left: 455px;
  top: 1149px;
  height: 28px;
}
.plot9 {
 left: 836px;
  top: 1122px;
  height: 28px;
}
.plot8 {
 left: 876px;
  top: 1122px;
  height: 28px;
  height: 28px;
}
.plot7 {
left: 921px;
  top: 1122px;
  height: 28px;
}
.plot6 {
  left: 966px;
  top: 1114px;
  height: 28px;
}
.plot5 {
 left: 1039px;
  top: 1105px;
  height: 28px;
}
.plot4 {
 left: 1041px;
  top: 1149px;
  height: 32px;
}
.plot3 {
 left: 1043px;
  top: 1201px;
  height: 32px;
}
.plot2 {
  left: 1189px;
  top: 1120px;
  height: 30px;
}
.plot1 {
  left: 1233px;
  top: 1120px;
  height: 32px;
}

.plot11 {
 left: 776px;
  top: 982px;
  height: 28px;
}
.plot12 {
  left: 833px;
  top: 982px;
  height: 28px;
}
.plot13 {
  left: 877px;
  top: 982px;
  height: 28px;
}
.plot14 {
  left: 921px;
  top: 982px;
  height: 28px;
}
.plot15 {
 left: 965px;
  top: 982px;
  height: 28px;
}
.plot16 {
  left: 1010px;
  top: 982px;
  height: 28px;
}
.plot17 {
   left: 1057px;
  top: 982px;
  height: 28px;
}
.plot18 {
  left: 1183px;
  top: 982px;
  height: 28px;
}
.plot19 {
 left: 1231px;
  top: 982px;
  height: 28px;
}
.plot20 {
   left: 1283px;
  top: 982px;
  height: 28px;
}
.plot21 {
    left: 1403px;
  top: 903px;
  height: 28px;
}
.plot22 {
   left: 1363px;
  top: 903px;
  height: 28px;
}
.plot23 {
  left: 1321px;
  top: 903px;
  height: 28px;
}
.plot24 {
  left: 1277px;
  top: 903px;
  height: 28px;
}
.plot25 {
  left: 1231px;
  top: 903px;
  height: 28px;
}
.plot26 {
    left: 1187px;
  top: 903px;
  height: 28px;
}

.plot27 {
    left: 1055px;
  top: 903px;
  height: 28px;
}
.plot28 {
   left: 1009px;
  top: 903px;
  height: 28px;
}
.plot29 {
    left: 966px;
  top: 903px;
  height: 28px;
}
.plot30 {
    left: 921px;
  top: 903px;
  height: 28px;
}
.plot31 {
     left: 877px;
  top: 903px;
  height: 28px;
}
.plot32 {
    left: 833px;
  top: 903px;
  height: 28px;
}
.plot33 {
  left: 788px;
  top: 903px;
  height: 28px;
}
.plot34 {
  left: 743px;
  top: 903px;
  height: 28px;

}
.plot35 {
   left: 699px;
  top: 903px;
  height: 28px;
}
.plot36 {
 left: 643px;
  top: 903px;
  height: 28px;
}
.plot49 {
   left: 966px;
  top: 754px;
  height: 28px;
}
.plot48 {
 left: 921px;
  top: 754px;
  height: 28px;
}
.plot47 {
   left: 877px;
  top: 754px;
  height: 28px;
}
.plot46 {
  left: 832px;
  top: 754px;
  height: 28px;
}
.plot45 {
  left: 787px;
  top: 754px;
  height: 28px;
}
.plot44 {
 left: 743px;
  top: 754px;
  height: 28px;
}
.plot43 {
 left: 699px;
  top: 754px;
  height: 28px;
}
.plot42 {
   left: 654px;
  top: 754px;
  height: 28px;
}
.plot41 {
    left: 610px;
  top: 754px;
  height: 28px;
}
.plot40 {
  left: 566px;
  top: 754px;
  height: 28px;
}
.plot39 {
left: 520px;
  top: 754px;
  height: 28px;
}
.plot38 {
  left: 477px;
  top: 754px;
  height: 28px;
}
.plot37 {
 left: 432px;
  top: 754px;
  height: 28px;
}
.plot62 {
   left: 1585px;
  top: 671px;
  height: 28px;
}
.plot61 {
  left: 1629px;
  top: 671px;
  height: 28px;
}
.plot60 {
   left: 1559px;
  top: 754px;
  height: 28px;
}
.plot59 {
   left: 1498px;
  top: 754px;
  height: 28px;
}
.plot58 {
   left: 1454px;
  top: 754px;
  height: 28px;
}
.plot57 {
   left: 1409px;
  top: 754px;
  height: 28px;
}
.plot56 {
   left: 1364px;
  top: 754px;
  height: 28px;
}
.plot55 {
    left: 1320px;
  top: 754px;
  height: 28px;
}
.plot54 {
    left: 1276px;
  top: 754px;
  height: 28px;
}
.plot53 {
      left: 1232px;
  top: 754px;
  height: 28px;
}
.plot52 {
  left: 1183px;
  top: 754px;
  height: 28px;
}
.plot51 {
    left: 1056px;
  top: 754px;
  height: 28px;
}
.plot50 {
   left: 1011px;
  top: 754px;
  height: 28px;
}
.plot63 {
      left: 1541px;
  top: 671px;
  height: 28px;
}
.plot64 {
  left: 1498px;
  top: 671px;
  height: 28px;
}
.plot65 {
 left: 1454px;
  top: 671px;
  height: 28px;
}
.plot66 {
  left: 1410px;
  top: 671px;
  height: 28px;
}
.plot67 {
   left: 1366px;
  top: 671px;
  height: 28px;
}
.plot68 {
  left: 1320px;
  top: 671px;
  height: 28px;
}
.plot69 {
 left: 1276px;
  top: 671px;
  height: 28px;
}
.plot70 {
 left: 1232px;
  top: 671px;
  height: 28px;
}
.plot71 {
 left: 1183px;
  top: 671px;
  height: 28px;
}
.plot72 {
  left: 1055px;
  top: 671px;
  height: 28px;
}
.plot73 {
 left: 1009px;
  top: 671px;
  height: 28px;
}
.plot74 {
    left: 964px;
  top: 671px;
  height: 28px;
}
.plot75 {
    left: 923px;
  top: 671px;
  height: 28px;
}
.plot76 {
      left: 878px;
  top: 671px;
  height: 28px;
}
.plot77 {
     left: 832px;
  top: 671px;
  height: 28px;
}
.plot78 {
     left: 788px;
  top: 671px;
  height: 28px;
}
.plot79 {
    left: 745px;
  top: 671px;
  height: 28px;
}
.plot80 {
   left: 700px;
  top: 671px;
  height: 28px;
}
.plot81 {
  left: 655px;
  top: 671px;
  height: 28px;
}
.plot82 {
      left: 610px;
  top: 671px;
  height: 28px;
}
.plot83 {
   left: 565px;
  top: 671px;
  height: 28px;
}
.plot84 {
      left: 522px;
  top: 671px;
  height: 28px;
}
.plot85 {
     left: 461px;
  top: 671px;
  height: 28px;
}
.plot86 {
  left: 475px;
  top: 517px;
  height: 28px;
}
.plot87 {
     left: 551px;
  top: 517px;
  height: 28px;
}
.plot88 {
      left: 612px;
  top: 517px;
  height: 28px;
}
.plot89 {
     left: 678px;
  top: 517px;
  height: 28px;
}
.plot104 {
 left: 1694px;
  top: 517px;
  height: 28px;
}
.plot103 {
   left: 1629px;
  top: 517px;
  height: 28px;
}
.plot102 {
  left: 1567px;
  top: 517px;
  height: 28px;
}
.plot101 {
   left: 1505px;
  top: 517px;
  height: 28px;
}
.plot100 {
    left: 1439px;
  top: 517px;
  height: 28px;
}
.plot99 {
    left: 1370px;
  top: 517px;
  height: 28px;
}
.plot98 {
       left: 1311px;
  top: 517px;
  height: 28px;
}
.plot97 {
 left: 1247px;
  top: 517px;
  height: 28px;
}
.plot96 {
 left: 1185px;
  top: 517px;
  height: 28px;
}
.plot95 {
   left: 1058px;
  top: 517px;
  height: 28px;
}
.plot94 {
   left: 996px;
  top: 517px;
  height: 28px;
}
.plot93 {
  left: 934px;
  top: 517px;
  height: 28px;
}
.plot92 {
   left: 867px;
  top: 517px;
  height: 28px;
}
.plot91 {
     left: 807px;
  top: 517px;
  height: 28px;
}
.plot90 {
    left: 742px;
  top: 517px;
  height: 28px;
}