/* ===============Full Screen background image======================*/
			img.bg {
					z-index:-1;
				  /* Set rules to fill background */
				  min-height: 100%;
				  min-width: 1024px;
					
				  /* Set up proportionate scaling */
				  width: 100%;
				  height: auto;
					
				  /* Set up positioning */
				  position: fixed;
				  top: 0;
				  left: 0;
				}

				@media screen and (max-width: 1024px) { /* Specific to this particular image */
				  img.bg {
					  z-index:-1;
					left: 50%;
					margin-left: -512px;   /* 50% */
				  }
			}
			
			/* ===============Back to top======================*/
			#back-top {
				position: fixed;
				right: 20px;
				bottom: 20px;
			}

			#back-top a {
				width: 108px;
				text-align: center;
				font: 11px/100% Arial, Helvetica, sans-serif;
				text-transform: uppercase;
				text-decoration: none;
				color: #bbb;

				-webkit-transition: 1s;
				-moz-transition: 1s;
				transition: 1s;
			}
			#back-top a:hover {
				color: #000;
			}

			#back-top span {
				opacity:0.4;
				width: 100px;
				height: 100px;
				display: block;
				margin-bottom: 7px;
				background: #ddd url("../img/back-to-top.png") no-repeat center center;


				-webkit-border-radius: 15px;
				-moz-border-radius: 15px;
				border-radius: 55px;

				
				-webkit-transition: 1s;
				-moz-transition: 1s;
				transition: 1s;
			}
			#back-top a:hover span {
				opacity:5;
				background-color: #777;
			}
			
			.modal_loading {
				display:    none;
				position:   fixed;
				z-index:    1000;
				top:        0;
				left:       0;
				height:     100%;
				width:      100%;
				background: rgba( 255, 255, 255, .8 ) 
							url('../img/ajax-loader2.gif')
							50% 50% 
							no-repeat;
			} 

			/* When the body has the loading class, we turn
			   the scrollbar off with overflow:hidden */
			body.loading {
				overflow: hidden;   
			}

			/* Anytime the body has the loading class, our
			   modal element will be visible */
			body.loading .modal_loading {
				display: block;
			}