body {
	/*some browsers add margins and padding by default, remove them*/        
	margin: 0px;
	padding: 0px;
/* center everything for ie*/text-align: center; /*background*/;
	background: #cccc99 url('../pic/bg.png') no-repeat fixed center;
}
.container1 {
	/* reset text centering*/       
	text-align: left;
	width: 900px;
	height: 10px; /*visual aid so we can see the div*/ /*(border: 1px solid #000;
	/* center everything on other browsers*/;
	margin: 0 auto;
}
.container2 {
	/* reset text centering*/       
	text-align: left;
	width: 900px;
	height: 50px; /*visual aid so we can see the div*/ /*border: 1px solid #000;
	/* center everything on other browsers*/;
	margin: 0px auto;
}
.container3 {
	/* reset text centering*/       
	text-align: left;
	width: 900px;
	height: 50px; /*visual aid so we can see the div*/ /*border: 1px solid #000;
	/* center everything on other browsers*/;
	margin: 50px auto;
}
.container4 {
	/* reset text centering*/       
	text-align: left;
	width: 900px;
	height: 50px; /*visual aid so we can see the div*/ /*border: 1px solid #000;
	/* center everything on other browsers*/;
	margin: 50px auto;
}
.container5 {
	/* reset text centering*/       
	text-align: left;
	width: 900px;
	height: 50px; /*visual aid so we can see the div*/ /*border: 1px solid #000;
	/* center everything on other browsers*/;
	margin: 50px auto;
}
.container6 {
	/* reset text centering*/       
	text-align: left;
	width: 900px;
	height: 50px; /*visual aid so we can see the div*/ /*border: 1px solid #000;
	/* center everything on other browsers*/;
	margin: 50px auto;
}
font {
	font-family: "Times New Roman", Times, serif;
	font-size: medium;
	color: black;
}
.navigator {
	font-family: "Times New Roman", Times, serif;
	font-size: large;
	text-align: center;
	border-bottom-style: solid;
	border-bottom-color: fuchsia;
	border-bottom-width: 2px;
}
a {
	color: #000000;
	text-decoration: none;
	outline: 0;
}
a:visited {
	color: #000000;
}
a:active {
	color: #000000;
}
a:hover {
	color: #008000;
}
table {
	table-layout: fixed;
	font-family: "Times New Roman", Times, serif;
	font-size: medium;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
}
.textcenter {
	text-align: center;
}
.menunagi {
	text-align: center;
	font-size: large;
}
.vline {
	background: fuchsia;
}
.textright {
	text-align: right;
	vertical-align: top;
}
.textleft {
	text-align: left;
	vertical-align: top;
}
.price {
	text-align: center;
	font-size: 10px;
}
.textleftunder {
	text-align: left;
	text-decoration: underline;
}
.thankyou {
	text-align: center;
	text-decoration: blink;
	font-size: x-large;
	color: maroon;
}
.gallery {
  width: 900px;
  margin: 100px auto;
  border-radius: 3px;
  overflow: hidden;
}

.img-c {
  width: 300px;
  height: 385px;
  float: left;
  position: relative;
  overflow: hidden;
}

.img-w {
  position: absolute;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: top;
  cursor: pointer;
  transition: transform ease-in-out 300ms;
}

.img-w img {
  display: none;
}

.img-c {
  transition: width ease 400ms, height ease 350ms, left cubic-bezier(0.4, 0, 0.2, 1) 420ms, top cubic-bezier(0.4, 0, 0.2, 1) 420ms;
}

.img-c.active {
  width: 710px !important;
  height: 919px !important;
  position: absolute;
  z-index: 2;
}

.img-c.postactive {
  position: absolute;
  z-index: 2;
  pointer-events: none;
}

.img-c.active.positioned {
  left: auto !important;
  top: 100px !important;
  transition-delay: 50ms;
}