html {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  font-family: "Arial Bold",Tahoma,sans-serif;
  font-size: 1.5vw;
  font-style: italic;
  font-weight: bold;
  background: #000000;
  
}

body {
  display: block;
  width: auto;
  height: 100%;
  margin: -1% 0 0 0;
  font-size: 100%;
  background: #000000;
  
}

.mainwrapper {
  display: table;  
  width: auto;
  height: 100%;
  margin: 0 auto;
  padding: 0;
  
}

.innerwrapper {  
  display: table-cell;
  vertical-align: middle;
  
}

#gallery_one_page_body {
  width: auto;
  height: 100%;
  margin: 0;
  padding: .1% 1% 0 1%;
  background-image: -ms-radial-gradient(50% 50%, closest-corner, #d4b379, #000000);
  background-image: -webkit-radial-gradient(50% 50%, closest-corner, #d4b379, #000000);
  background-image: -moz-radial-gradient(50% 50%, closest-corner, #d4b379, #000000);
  
}

.ie #gallery_one_page_body {
  background: url(gradient.gif) repeat-x;
  margin: 0;
  padding: 1.75% 1% 1.4% 1%;
  font-family: 'Tahoma',sans-serif;
  font-size: 1.5vw;
  font-weight: bold;
  font-style: italic;

}

nav {
  display: block;
  max-width: 100%;
  margin: 0;
  padding: 0;
  color: #fffb98;
  background-image: url("banner_filled_links(scaled).gif");
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
    
}

.ie nav {
  margin-top: -2vw;

}

img {
  max-width: 100%;

}

#nav_current2 {
  width: 16.1%;
  margin: 0 0 0 2.2%;
  padding: .5% .7% .5% .3%; 
  float: left;
  background: #6d5730;
  border-radius: 10px;
  
}

#nav_top {    
  display: block;
  padding-top: 8.35%;
  padding-left: 25.7%;
  list-style-type: none;
  
}

ul li a {
  display: block;
  margin: 0;
  padding: 0;
  text-decoration: none;
  text-align: center;
  color: #000000;

}

#nav_home {
  width: 16.1%;
  margin: 0;
  padding: .5%;
  float: left;
  background: #ff0000;
  border-radius: 10px;
  
}

#nav_home a:hover {
  color: #fffb98;

}

#nav_home:active {
  background: #6d5730;
  
}

#nav_gallery_one {
  width: 16.1%;
  margin: 0 0 0 2.2%;
  padding: .5% .7% .5% .3%; 
  float: left;
  background: #ff0000;
  border-radius: 10px;
  
}

#nav_gallery_one a:hover {
  color: #fffb98;

}

#nav_gallery_one:active {
  background: #6d5730;
  
}

#nav_sales {
  width: 16.1%;
  margin: 0 0 0 2.2%;
  padding: .5%; 
  float: left;
  background: #d4b379;
  border-radius: 10px;
    
}

#nav_sales a:hover {
  color: #fffb98;

}

#nav_sales:active {
  background: #6d5730;
  
}

#nav_gallery_two {
  width: 16.1%;
  margin: 0 0 0 2.15%;
  padding: .5% .7% .5% .3%; 
  float: left;
  background: #d4b379;
  border-radius: 10px;
  
}

#nav_gallery_two a:hover {
  color: #fffb98;

}

#nav_gallery_two:active {
  background: #6d5730;
  
}

#nav_service {
  width: 16.1%;
  margin: 0 0 0 2.2%;
  padding: .5%; 
  float: left;
  background: #d4b379;
  border-radius: 10px;
  
}

#nav_service a:hover {
  color: #fffb98;

}

#nav_service:active {
  background: #6d5730;
  
}

#nav_bottom {  
  padding-top: 2.45%;
  padding-left: 24.65%;
  list-style-type: none;
     
}

#nav_aboutus {
  width: 16.1%;
  margin: -.15% 0 0 0;
  padding: .5%; 
  float: left;
  background: #ff0000;
  border-radius: 10px;
  
}

#nav_aboutus a:hover {
  color: #fffb98;

}

#nav_aboutus:active {
  background: #6d5730;
  
}

#nav_contactus {
  width: 16%;
  margin: -.15% 0 0 2%;
  padding: .5%; 
  float: left;
  background: #ff0000;
  border-radius: 10px;

}

#nav_contactus a:hover {
  color: #fffb98;

}

#nav_contactus:active {
  background: #6d5730;
  
}

#date {
  font-size: .85em;
  margin: -1.75% 0 0 0;
}

#wrapper {
  position: relative;

}

img {
  display: block;
  
}

#image_1 {
  display: block;
  width: 20%;
  float: left;
  border-style: solid;
  border-width: 6px;
  border-radius: 10px;
  border-color: #fffb98;
  margin:  3% 2% 0 5.3%;
  background-image: url(image01.jpg);
  background-size: 100%;
  background-repeat: no-repeat;
  box-shadow: 5.5px -5.5px #d4b379;
  
}

#image_2 {
  display: block;
  width: 20%;
  float: left;
  border-style: solid;
  border-width: 6px;
  border-radius: 10px;
  border-color: #fffb98;
  margin: 3% 2% 0 0;
  background-image: url(image02.jpg);
  background-size: 100%;
  background-repeat: no-repeat;
  box-shadow: 5.5px -5.5px #d4b379;
  
}

#image_3 {
  display: block;
  width: 20%;
  float: left;
  border-style: solid;
  border-width: 6px;
  border-radius: 10px;
  border-color: #fffb98;
  margin: 3% 2% 15% 0;
  background-image: url(image03.jpg);
  background-size: 100%;
  background-repeat: no-repeat;
  box-shadow: 5.5px -5.5px #d4b379;
  
}

#image_4 {
  display: block;
  width: 20%;
  float: left;
  border-style: solid;
  border-width: 6px;
  border-radius: 10px;
  border-color: #fffb98;
  margin: 3% 0 4% 0;
  background-image: url(image04.jpg);
  background-size: 100%;
  background-repeat: no-repeat;
  box-shadow: 5.5px -5.5px #d4b379;
  
}

#image_5 {
  display: block;
  width: 20%;
  float: left;
  border-style: solid;
  border-width: 6px;
  border-radius: 10px;
  border-color: #fffb98;
  margin: -14.2% 2% 0 5.3%;
  background-image: url(image05.jpg);
  background-size: 100%;
  background-repeat: no-repeat;
  box-shadow: 5.5px -5.5px #d4b379;
  
}

#image_6 {
  display: block;
  width: 20%;
  float: left;
  border-style: solid;
  border-width: 6px;
  border-radius: 10px;
  border-color: #fffb98;
  margin: 1.5% 2% 0 0;
  background-image: url(image06.jpg);
  background-size: 100%;
  background-repeat: no-repeat;
  box-shadow: 5.5px -5.5px #d4b379;
  
}

#image_7 {
  display: block;
  width: 20%;
  float: left;
  border-style: solid;
  border-width: 6px;
  border-radius: 10px;
  border-color: #fffb98;
  margin: -12.5% 2% 14% 0;
  background-image: url(image07.jpg);
  background-size: 100%;
  background-repeat: no-repeat;
  box-shadow: 5.5px -5.5px #d4b379;
  
}

#image_8 {
  display: block;
  width: 20%;
  float: left;
  border-style: solid;
  border-width: 6px;
  border-radius: 10px;
  border-color: #fffb98;
  margin: -3% 0 2% 0;
  background-image: url(image08.jpg);
  background-size: 100%;
  background-repeat: no-repeat;
  box-shadow: 5.5px -5.5px #d4b379;
  
}

#image_9 {
  display: block;
  width: 20%;
  border-style: solid;
  border-width: 6px;
  border-radius: 10px;
  border-color: #fffb98;
  float: left;
  margin: -15.7% 2% 0 5.3%;
  background-image: url(image09.jpg);
  background-size: 100%;
  background-repeat: no-repeat;
  box-shadow: 5.5px -5.5px #d4b379;
  
}

#image_10 {
  display: block;
  width: 20%;
  float: left;
  border-style: solid;
  border-width: 6px;
  border-radius: 10px;
  border-color: #fffb98;
  margin: 2% 2% 8% 0;
  background-image: url(image10.jpg);
  background-size: 100%;
  background-repeat: no-repeat;
  box-shadow: 5.5px -5.5px #d4b379;
  
}

#image_11 {
  display: block;
  width: 20%;
  float: left;
  border-style: solid;
  border-width: 6px;
  border-radius: 10px;
  border-color: #fffb98;
  margin: -11.8% 2% 8% 0;
  background-image: url(image11.jpg);
  background-size: 100%;
  background-repeat: no-repeat;
  box-shadow: 5.5px -5.5px #d4b379;
  
}

#image_12 {
  display: block;
  width: 20%;
  float: left;
  border-style: solid;
  border-width: 6px;
  border-radius: 10px;
  border-color: #fffb98;
  margin: 0.8% 0 10% 0;
  background-image: url(image12.jpg);
  background-size: 100%;
  background-repeat: no-repeat;
  box-shadow: 5.5px -5.5px #d4b379;
  
}

#image_13 {
  display: block;
  width: 20%;
  float: left;
  border-style: solid;
  border-width: 6px;
  border-radius: 10px;
  border-color: #fffb98;
  margin: -10% 2% 0 5.3%;
  background-image: url(image13.jpg);
  background-size: 100%;
  background-repeat: no-repeat;
  box-shadow: 5.5px -5.5px #d4b379;
  
}

#image_14 {
  display: block;
  width: 20%;
  float: left;
  border-style: solid;
  border-width: 6px;
  border-radius: 10px;
  border-color: #fffb98;
  margin: -5.6% 2% 0 0;
  background-image: url(image14.jpg);
  background-size: 100%;
  background-repeat: no-repeat;
  box-shadow: 5.5px -5.5px #d4b379;
  
}

#image_15 {
  display: block;
  width: 20%;
  float: left;
  border-style: solid;
  border-width: 6px;
  border-radius: 10px;
  border-color: #fffb98;
  margin: -17.8% 2% 22% 0;
  background-image: url(image15.jpg);
  background-size: 100%;
  background-repeat: no-repeat;
  box-shadow: 5.5px -5.5px #d4b3790;
  
}

#image_16 {
  display: block;
  width: 20%;
  float: left;
  border-style: solid;
  border-width: 6px;
  border-radius: 10px;
  border-color: #fffb98;
  margin: -7.2% 0 0 0;
  background-image: url(image16.jpg);
  background-size: 100%;
  background-repeat: no-repeat;
  box-shadow: 5.5px -.55px #d4b379;
  
}

#image_17 {
  display: block;
  width: 20%;
  float: left;
  border-style: solid;
  border-width: 6px;
  border-radius: 10px;
  border-color: #fffb98;
  margin: -2% 2% 0 5.3%;
  background-image: url(image17.jpg);
  background-size: 100%;
  background-repeat: no-repeat;
  box-shadow: 5.5px -5.5px #d4b379;
  
}

#image_18 {
  display: block;
  width: 20%;
  float: left;
  border-style: solid;
  border-width: 6px;
  border-radius: 10px;
  border-color: #fffb98;
  margin: 2.2% 2% 0 0;
  background-image: url(image18.jpg);
  background-size: 100%;
  background-repeat: no-repeat;
  box-shadow: 5.5px -5.5px #d4b379;
  
}

#image_19 {
  display: block;
  width: 20%;
  float: left;
  border-style: solid;
  border-width: 6px;
  border-radius: 10px;
  border-color: #fffb98;
  margin: -19.4% 2% 22% 0;
  background-image: url(image19.jpg);
  background-size: 100%;
  background-repeat: no-repeat;
  box-shadow: 5.5px -5.5px #d4b379;
  
}

#image_20 {
  display: block;
  width: 20%;
  float: left;
  border-style: solid;
  border-width: 6px;
  border-radius: 10px;
  border-color: #fffb98;
  margin: 0 0 0 0;
  background-image: url(image20.jpg);
  background-size: 100%;
  background-repeat: no-repeat;
  box-shadow: 5.5px -5.5px #d4b379;
  
}

#image_21 {
  display: block;
  width: 20%;
  float: left;
  border-style: solid;
  border-width: 6px;
  border-radius: 10px;
  border-color: #fffb98;
  margin: -14.7% 2% 0 5.3%;
  background-image: url(image21.jpg);
  background-size: 100%;
  background-repeat: no-repeat;
  box-shadow: 5.5px -5.5px #d4b379;
  
}

#image_22 {
  display: block;
  width: 20%;
  float: left;
  border-style: solid;
  border-width: 6px;
  border-radius: 10px;
  border-color: #fffb98;
  margin: -19.2% 2% 2% 22.7%;
  background-image: url(image22.jpg);
  background-size: 100%;
  background-repeat: no-repeat;
  box-shadow: 5.5px -5.5px #d4b379;
  
}

#image_23 {
  display: block;
  width: 20%;
  float: left;
  border-style: solid;
  border-width: 6px;
  border-radius: 10px;
  border-color: #fffb98;
  margin: -16.5% 3% 0 0;
  background-image: url(image23.jpg);
  background-size: 100%;
  background-repeat: no-repeat;
  box-shadow: 5.5px -5.5px #d4b379;
  
}

#copyright_statement {
  display: block;
  font-weight: bold;

}

footer {
  display: block;
  clear: left;  
  margin: 33.35% 1% .5% 1%;
  padding: 0 .8% 0 0;
  font-size: 1.1vw;
  font-weight: normal;
  font-style: italic;
  border: 3px solid #fffb98;
  border-radius: 5px;
  background-color: #6d5730;
  color: #fffb98;
  text-align: right;
  
}

.ie footer {
  margin: 35% 1% 0 1%;

}