#head_block{
	  
	  height: 235px; /* 100px */
      
      background:url(images/Gold-Rod.jpg) 18px 2px /*left top*/ no-repeat,url(images/Gold-Rod.jpg) 18px 217px no-repeat,
      url(images/fire.gif)17px 168px no-repeat, url(images/fire.gif)450px 168px no-repeat/*432px 35px*/,
      url(images/header-gold-plate.jpg)0px 1px no-repeat;
      background-size: 97% 15px, 97% 15px,35px 55px, 35px 55px,100% 500px; /*width height*/
	  /*background-size: 97% 15px, 97% 15px,35px 55px, 35px 55px,100% 100px; /*width height*/
      
        /* Rounded Corners */
  border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
margin: 2px 1px 1px 15px;/*top right btm left. This moves the whole thing around */
	 
	  }
	  
	  
      
      #head_block-test{
	  
	  height:100px;
      width:95%;
      position: fixed;
      
      background:/*url(images/Gold-Rod.jpg) 18px 2px /*left top*/ /*no-repeat,url(images/Gold-Rod.jpg) 18px 85px no-repeat,*/
      url(images/fire.gif)18px 35px no-repeat,url(images/fire.gif)5000px 35px no-repeat,
      url(images/header-gold-plate2.jpg)0px 0px no-repeat;
      
      background-size: auto; /*width height*/ /*97% 15px, 97% 15px*/
	  /*background-size: 35px 55px,35px 55px,100% 100%; /*width height*/ /*97% 15px, 97% 15px*/
     
      
        /* Rounded Corners */
  border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
margin: -15px 0px 5px 22px;/*top right btm left. This moves the whole thing around */
	 
	  }
	  
/* search box*/

#search-form_3 {
background: #e1e1e1; /* e1e1e1 Fallback color for non-css3 browsers */
width: 262px;/* Adjust 262px*/
position: absolute; 
top: 30px; 
right: 50px;
background-image:url(images/header-gold-plate.jpg);

/* Rounded Corners */
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;

}

/*****Search box begins ******/
/*** TEXT BOX ***/
.search_3{
background: fafafa; /* fafafa Fallback color for non-css3 browsers */
background-image:url(images/footer-gold-plate.jpg);
border: 0;
border-bottom: 1px solid #fff;
/*border-right: 1px solid rgba(255,255,255,.8);*/
font-size: 12px;
width: 190px;/* Adjust*/
height:auto;

/* Rounded Corners */
border-radius: 17px;
-webkit-border-radius: 17px;
-moz-border-radius: 17px;
}

/*** SEARCH BUTTON ***/
.submit_3{
background: RED;/* #44921f Fallback color for non-css3 browsers */ 
background-image:url(images/Search.jpg);

border: 1;
color: #eee; /* #eee */
cursor: pointer;
float: right;
font: 10px 'Raleway', sans-serif;
font-weight: bold;
height: 18px; /* Adjust*/
margin: 2px 2px 0; /*4 4 0*/
text-shadow: 0 -1px 0 rgba(0,0,0,.3);
width: 60px;/* Adjust*/
outline: none;

/* Rounded Corners */
border-radius: 30px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;


}
/*** SEARCH BUTTON HOVER ***/
.submit_3:hover {
	background-image:url(images/footer-gold-plate.jpg);
/*background: #4ea923;*/ /* Fallback color for non-css3 browsers */

}
.submit_3:active {
background: black; /* #4ea923; Fallback color for non-css3 browsers*/
/*background-image:url(images/Gold-Rod.jpg);*/


}

/*Search box end */

/* Default fonts for entire HTML files*/
/*html 
{
   font-size: 1em; /* adding !important will override everything specify in HTML attributes*/
   /*color: #000 !important;*/
   /*font-family: verdana;*/
/*}*/
	  
	  
	  body {
	  
	  height: auto;
      width: 97%; /*100% or too much of this thing will cause little white protruding at right*/
	  
      background:url(images/circular-gold.jpg)48px 230px /*left top  48px 105px*/no-repeat,
      url(images/gold-rocks-background.jpg) 0 0 no-repeat;
      background-size: 93% 100%, 100% 100%; /*width height 93% 100% */
      margin: 2px 1px 0px 15px;/*t r b l This moves the whole thing around */
	  
	  }
	  
	  
	  #footer{
	  
	 height: 100px;
      /*width: 100%; /*too much of this thing will cause little white protruding at right*/
	  background-image:url(images/footer-gold-plate.jpg);
	  background-repeat: no-repeat;
	  background-size: 100% 100%;
      position: relative;
	  margin: 0px 0px 0px 15px;/*top right btm left- This moves the whole thing around */
      /* Rounded Corners */
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
	  
	  }
	
				  .floating-menu 
				 {
				
				background-image:url(images/gold-bar-menu.jpg);
				background-repeat: no-repeat;
				background-size: 100% 100%;
				padding: 2px;;
				width: 130px; /*130*/
				z-index: 50;
				left: 15px; /*left: 15px;*/
				top: 250px; /*top: 140px;*/
				position: fixed;
				border-radius: 10px;
				}
				  

         .thick{ 
            font-size:15px;
			margin-left: 140px;
			margin-right: 100px;
			
			
         }

			h1 {
				display: inline;
				font-size: 1.5em;
				font-family:verdana;
				color: #ffdd1a;
				text-shadow: 
				 1.5px 1.5px #332b00, /*shadow*/
    			 0 0 5px  #ffffff,  /* inner white */
       			 0 0 10px  #ffdd1a, /* middle */
				 0 0 20px  #806c00, /* outer  */
                 0 0 30px  #FFFF00, /* outer  */
                 0 0 40px  #332b00, /* outer  */
                 0 0 50px  #FF0000, /* outer  */
                 0 0 60px  #fff4b3; /* outer */
				margin-top: 0.67em;
				margin-bottom: 0.67em;
				margin-left: 0;
				margin-right: 0;
				/*font-weight: bold;*/
			}	

			h2 {
				display: inline;
				font-size: .9em;
				font-family:verdana;
				color: #ffdd1a;
				text-shadow: 
				 1.5px 1.5px #332b00, /*shadow*/
    			 0 0 5px  #ffffff,  /* inner white */
       			 0 0 10px  #ffdd1a, /* middle */
				 0 0 20px  #806c00, /* outer  */
                 0 0 30px  #FFFF00, /* outer  */
                 0 0 40px  #332b00, /* outer  */
                 0 0 50px  #FF0000, /* outer  */
                 0 0 60px  #fff4b3; /* outer */
				margin-top: 0em;
				margin-bottom: 0em;
				margin-left: 0em;
				margin-right: 0;
				font-weight: bold;
			}

			h3 {
				display: inline;
				font-size: 0.8em;
				font-family:verdana;
				color:#FFFF00;
				text-shadow: 
				 1px 1px #000000,   /*shadow*/
				 0 0 5px  #FFFF00,  /* inner white */
       			 0 0 10px  #ffdd1a, /* middle */
				 0 0 20px  #806c00, /* outer  */
                 0 0 30px  #FFFF00, /* outer  */
                 0 0 40px  #332b00, /* outer  */
                 0 0 50px  #FF0000, /* outer  */
                 0 0 60px  #fff4b3; /* outer */
				margin-top: 0em;
				margin-bottom: 0em;
				margin-left: 0em;
				margin-right: 0;
				/*font-weight: bold;*/
			}
			
			h4 {
				display: inline;
				font-size: 0.9em;
				font-family:verdana;
				color:#7a33ff;  /*ff3352*/
				text-shadow: 
				 .9px .9px #000000,   /*shadow*/
				 0 0 5px  #FFFF00,  /* inner white */
       			 0 0 10px  #ffdd1a, /* middle */
				 0 0 20px  #806c00, /* outer  */
                 0 0 30px  #FFFF00, /* outer  */
                 0 0 40px  #332b00, /* outer  */
                 0 0 50px  #FF0000, /* outer  */
                 0 0 60px  #fff4b3; /* outer #fff4b3 */
				margin-top: 0em;
				margin-bottom: 0em;
				margin-left: 0em;
				margin-right: 0;
				/*font-weight: bold;*/
			}
			
			.container {
			  position: relative;
			  overflow: hidden;
			  width: 80%;
			  padding-top: 50%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) 56.25% */
			}
			
			.responsive-iframe {
			  position: absolute;
			  top: 0;
			  left: 0;
			  bottom: 0;
			  right: 0;
			  width: 100%;
			  height: 100%;
			}
			
			
		 .search_footer_info{ 
			 font-size:10px;
			 text-align: center;
			 color: blue;
			 }
 
		 
			 
			 .circle { width: 45px; /*adjust circle size*/
			 height: 45px; 				/*adjust circle size*/
			 -moz-border-radius: 45px; 
			 -webkit-border-radius: 45px; 
			 border-radius: 45px; 
			 position: absolute;
			left: 81px;
			/*adjust the top: xx px; from html for each different height distance*/
			 
			 /********This lines makes spin speed *******/
				-webkit-animation:spin 8s linear infinite;
				-moz-animation:spin 8s linear infinite;
				animation:spin 8s linear infinite;
					
					
			/**************************************/
			 
			 }
			 
			 
		 
			 .img {
		  
		  
					-webkit-animation:spin 2s linear infinite;
					-moz-animation:spin 2s linear infinite;
					animation:spin 2s linear infinite;
			}
			
			/************ these lines associate with spin lines ***********/
			@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
			@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
			@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
			/*********************************************************************/
			
								#spinning-circle {
								  animation-name: spinning-circle;
								  animation-duration: 10s;
								  animation-iteration-count: infinite;
								  width: 20px; /*45 default */
								  height: 30px;/*45 default */
								}

								@-webkit-keyframes spinning-circle {
								  0% {
									-webkit-transform: rotate(0deg);
									transform: rotate(0deg);
									-webkit-transform-origin: 125% 125%;
									transform-origin: 125% 125%;
								  }
								  100% {
									-webkit-transform: rotate(360deg);
									transform: rotate(360deg);
									-webkit-transform-origin: 125% 125%;
									transform-origin: 125% 125%;
								  }
								}
								
			.rectangle { width: 100px; height: 40px; background: orange;
						clip-path: inset(10% 0 10% 0); /*mask border parts*/
						border-radius: 10px; /*make round corners*/

			}
            
            .copyright{
            position: absolute; 
            top: 10px; left: 150px;
            color: #808000;
             }
             .facebook-icon{
             position: absolute; 
             float: right; 
             top: 10px; right: 100px; 
             width: 20px;
              }
			
			/*.circle.rectangle{}*/