#container {
	max-width: 70em;
	margin: 0 auto;
}

#header {
	background-color: black;
	position: relative;
	min-height:59px;
	height: 7em;
	padding: 0;
	padding: 15px 0;
	  border-top-left-radius:50px;
  border-top-right-radius:50px;
	}
	
	#header ul {
  width: auto;
  position: absolute;
  bottom: 0;
  right: 0;
  margin: 0;
  padding: 0 15px 0 0;
  list-style: none;
  background: url("header_br.gif") no-repeat bottom right;
  z-index: 90;
}

#header ul a {
  float: left;
  display: block;
  padding: 4px 4px 4px 10px;
  background: transparent url("header_tab.gif") 0% -600px no-repeat;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
}
#header li {
  float: right;
  color: white;
  background: transparent url("header_tab.gif") 100% -600px no-repeat;
  padding: 0 6px 0 0;
  margin: 0 1px 0 0;
  border-bottom: 1px solid #515358;
}

#header h1 {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  font-size: 2px;
  background: url("header_tl.gif") no-repeat;
  height: 8px;
  z-index: 100;
}

#header h1 a {
  display: block;
  width: 204px;
  height: 114px;
  margin-left:25px;
  margin-top:5px;
  background: transparent url("flower concept.png") no-repeat;
  text-indent: -700em;
  text-decoration: none;

}
	#header ul li:hover a { background-position: 0% -400px; }
	#header ul li:hover { background-position: 100% -400px; }
	
	.layout {
  width: 100%;

  display: grid;
  grid-template-rows: 765px;
  grid-template-columns: 20% 58.5% 20%;
  gap: 8px;
}

#left {
  background-color: green;
}
#body {
  background-color: red;
}
#right {
  background-color: yellow;
}