/* GLOBAL */
	
		html { height: 100%; }
		body { position: relative; height: 100%; margin: 0; padding: 0; font-family: 'Trebuchet MS'; }
		img { max-width: 100%; }
						
		.center { text-align: center; }	
											
		a, button { transition: all 0.4s; color: #ff5000; text-decoration: none; }
		a:focus, a:hover { color: #000; text-decoration: none; }
				
		.custom-table { display: table; width: 100%; height: 100%; }
		.custom-table-cell { display: table-cell; float: none; width: 100%; height: 100%; vertical-align: top; }
		.v-mid { vertical-align: middle; }
		
		.logo { display: inline-block; }
		/*
		.icon { width: 120px; }
		.grey { display: block; width: 100%; background: #111; color: #fff; margin: -60px 0 30px 0; padding: 60px 0 30px 0; }
		.grey h3 { color: #aaa; }
		*/
		h3 { color: #888; }
		h4 { margin-bottom: 0; }
		h5 { line-height: 22px; }
		h5 font { color: #555; }
		
		.hide { display: inline-block; }
		
		.pattern-1 { background: url('images/black-twill.png'); }
		
		/* FOR SALE 1 */
		
			#for-sale-1 .icon { position: relative; top: 5px; width: 200px; height: 200px; display: inline-block; }
			#for-sale-1 .icon h1 { position: absolute; z-index: 2; top: 29%; left: 50%; transform: translate(-50%, -50%); 
				line-height: 38px; }
			#for-sale-1 .icon h1 font { font-size: 44px; }
			#for-sale-1 .icon img { width: 200px; }		
			
			#for-sale-1 .grey { display: block; width: 100%; background: #111; color: #fff; margin: 0 0 30px 0; padding: 30px 0; }
			#for-sale-1 .grey h3 { color: #aaa; }
			
			.body-orange #for-sale-1 a, .body-orange #for-sale-1 .grey h1, .body-orange #for-sale-1 .icon h1 { color: #ea8a00; }			
			.body-red #for-sale-1 a, .body-red #for-sale-1 .grey h1, .body-red #for-sale-1 .icon h1 { color: #f12823; }			
			.body-green #for-sale-1 a, .body-green #for-sale-1 .grey h1, .body-green #for-sale-1 .icon h1 { color: #16e896; }			
			.body-blue #for-sale-1 a, .body-blue #for-sale-1 .grey h1, .body-blue #for-sale-1 .icon h1 { color: #16a5e8; }			
			.body-grey #for-sale-1 a, .body-grey #for-sale-1 .grey h1, .body-grey #for-sale-1 .icon h1 { color: #999; }
		
		/* FOR SALE 2 */
		
			#for-sale-2 .text { position: absolute; top: 100px; left: 50px; }
			#for-sale-2 .icon { position: absolute; right: 50px; bottom: 120px; width: 300px; height: 264px; }				
			#for-sale-2 .color-bar { position: absolute; bottom: 0; left: 0; width: 100%; height: 120px; z-index: 1; }
		
			.body-orange #for-sale-2 a, .body-orange #for-sale-2 .text h1 { color: #ea8a00; }
			.body-orange #for-sale-2 .icon, .body-orange #for-sale-2 .color-bar { background-color: #ea8a00; }

			.body-red #for-sale-2 a, .body-red #for-sale-2 .text h1 { color: #f12823; }
			.body-red #for-sale-2 .icon, .body-red #for-sale-2 .color-bar { background-color: #f12823; }
			
			.body-green #for-sale-2 a, .body-green #for-sale-2 .text h1 { color: #16e896; }
			.body-green #for-sale-2 .icon, .body-green #for-sale-2 .color-bar { background-color: #16e896; }
			
			.body-blue #for-sale-2 a, .body-blue #for-sale-2 .text h1 { color: #16a5e8; }
			.body-blue #for-sale-2 .icon, .body-blue #for-sale-2 .color-bar { background-color: #16a5e8; }
			
			.body-grey #for-sale-2 a, .body-grey #for-sale-2 .text h1 { color: #999; }
			.body-grey #for-sale-2 .icon, .body-grey #for-sale-2 .color-bar { background-color: #999; }
		
		/* FOR SALE 3 */
			
			#for-sale-3 .icon { width: 200px; height: 200px; display: inline-block; }
			#for-sale-3 .icon img { width: 200px; }
			
			#for-sale-3 .grey-text { width: auto; display: inline-block; text-align: left; vertical-align: top; margin: 0 0 0 30px; }
			#for-sale-3 .grey { display: block; width: 100%; background: #eee; color: #555; padding: 40px 0 30px 0; }
			#for-sale-3 .grey h1 { margin-top: 0; }
			#for-sale-3 .grey h3 { color: #777; }
			#for-sale-3 .stripes { width: 100%; height: 30px; background-image: url('images/stripes-sale-01.png'); 
				background-repeat: repeat-x; background-position: left 50%; margin: 0 0 30px 0; }
				
			.body-orange #for-sale-3 a, .body-orange #for-sale-3 .grey h1 { color: #ea8a00; }
			.body-orange #for-sale-3 .icon, .body-orange #for-sale-3 .stripes { background-color: #ea8a00; }
			
			.body-red #for-sale-3 a, .body-red #for-sale-3 .grey h1 { color: #f12823; }
			.body-red #for-sale-3 .icon, .body-red #for-sale-3 .stripes { background-color: #f12823; }
			
			.body-green #for-sale-3 a, .body-green #for-sale-3 .grey h1 { color: #16e896; }
			.body-green #for-sale-3 .icon, .body-green #for-sale-3 .stripes { background-color: #16e896; }
			
			.body-blue #for-sale-3 a, .body-blue #for-sale-3 .grey h1 { color: #16a5e8; }
			.body-blue #for-sale-3 .icon, .body-blue #for-sale-3 .stripes { background-color: #16a5e8; }
			
			.body-grey #for-sale-3 a, .body-grey #for-sale-3 .grey h1 { color: #999; }
			.body-grey #for-sale-3 .icon, .body-grey #for-sale-3 .stripes { background-color: #999; }		
		
		/* UNDER CONSTRUCTION 1 */
		
			#under-construction-1 .icon { position: relative; width: 200px; height: 200px; display: inline-block; }
			#under-construction-1 .icon h1 { position: absolute; z-index: 2; top: 29%; left: 50%; transform: translate(-50%, -50%); 
				line-height: 38px; }
			#under-construction-1 .icon h1 font { font-size: 44px; }
			#under-construction-1 .icon img { width: 200px; }
			#under-construction-1 .ring { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 52px; 
				height: 52px; z-index: -1; -webkit-border-radius: 100%; border-radius: 100%; border-style: solid; 
				border-width: 20px; background: transparent; }
			
			#under-construction-1 .grey { display: block; width: 100%; background: #111; color: #fff; margin: 20px 0 30px 0; 
				padding: 30px 0; }
			#under-construction-1 .grey h3 { color: #aaa; }
			
			.body-orange #under-construction-1 a, .body-orange #under-construction-1 .grey h1 { color: #ea8a00; }
			.body-orange #under-construction-1 .ring { border-color: #ea8a00; }
			
			.body-red #under-construction-1 a, .body-red #under-construction-1 .grey h1 { color: #f12823; }
			.body-red #under-construction-1 .ring { border-color: #f12823; }
			
			.body-green #under-construction-1 a, .body-green #under-construction-1 .grey h1 { color: #16e896; }
			.body-green #under-construction-1 .ring { border-color: #16e896; }
			
			.body-blue #under-construction-1 a, .body-blue #under-construction-1 .grey h1 { color: #16a5e8; }
			.body-blue #under-construction-1 .ring { border-color: #16a5e8; }
			
			.body-grey #under-construction-1 a, .body-grey #under-construction-1 .grey h1 { color: #999; }
			.body-grey #under-construction-1 .ring { border-color: #999; }
		
		/* UNDER CONSTRUCTION 2 */
		
			#under-construction-2 .text { position: absolute; top: 100px; left: 50px; }
			#under-construction-2 .icon { position: absolute; right: 50px; bottom: 120px; width: 300px; height: 264px; }				
			#under-construction-2 .color-bar { position: absolute; bottom: 0; left: 0; width: 100%; height: 120px; z-index: 1; }
			
			.body-orange #under-construction-2 a, .body-orange #under-construction-2 .text h1 { color: #ea8a00; }
			.body-orange #under-construction-2 .icon, .body-orange #under-construction-2 .color-bar { background-color: #ea8a00; }

			.body-red #under-construction-2 a, .body-red #under-construction-2 .text h1 { color: #f12823; }
			.body-red #under-construction-2 .icon, .body-red #under-construction-2 .color-bar { background-color: #f12823; }
			
			.body-green #under-construction-2 a, .body-green #under-construction-2 .text h1 { color: #16e896; }
			.body-green #under-construction-2 .icon, .body-green #under-construction-2 .color-bar { background-color: #16e896; }
			
			.body-blue #under-construction-2 a, .body-blue #under-construction-2 .text h1 { color: #16a5e8; }
			.body-blue #under-construction-2 .icon, .body-blue #under-construction-2 .color-bar { background-color: #16a5e8; }
			
			.body-grey #under-construction-2 a, .body-grey #under-construction-2 .text h1 { color: #999; }
			.body-grey #under-construction-2 .icon, .body-grey #under-construction-2 .color-bar { background-color: #999; }
			
		/* UNDER CONSTRUCTION 3 */	
			
			#under-construction-3 .icon { width: 200px; height: 200px; display: inline-block; }
			#under-construction-3 .icon img { width: 200px; }
			
			#under-construction-3 .grey-text { width: auto; display: inline-block; text-align: left; vertical-align: top; 
				margin: 0 0 0 30px; }
			#under-construction-3 .grey { display: block; width: 100%; background: #eee; color: #555; padding: 40px 0 30px 0; }
			#under-construction-3 .grey h1 { margin-top: 0; }
			#under-construction-3 .grey h3 { color: #777; }
			#under-construction-3 .stripes { width: 100%; height: 30px; background-image: url('images/stripes.png'); 
				background-repeat: repeat-x; margin: 0 0 30px 0; }
				
			.body-orange #under-construction-3 a, .body-orange #under-construction-3 .grey h1 { color: #ea8a00; }
			.body-orange #under-construction-3 .icon, .body-orange #under-construction-3 .stripes { background-color: #ea8a00; }
			
			.body-red #under-construction-3 a, .body-red #under-construction-3 .grey h1 { color: #f12823; }
			.body-red #under-construction-3 .icon, .body-red #under-construction-3 .stripes { background-color: #f12823; }
			
			.body-green #under-construction-3 a, .body-green #under-construction-3 .grey h1 { color: #16e896; }
			.body-green #under-construction-3 .icon, .body-green #under-construction-3 .stripes { background-color: #16e896; }
			
			.body-blue #under-construction-3 a, .body-blue #under-construction-3 .grey h1 { color: #16a5e8; }
			.body-blue #under-construction-3 .icon, .body-blue #under-construction-3 .stripes { background-color: #16a5e8; }
			
			.body-grey #under-construction-3 a, .body-grey #under-construction-3 .grey h1 { color: #999; }
			.body-grey #under-construction-3 .icon, .body-grey #under-construction-3 .stripes { background-color: #999; }
		
				
	/* ANIMATIONS */
	
		@-webkit-keyframes Rotate {
			70% {-webkit-transform: rotateZ(0deg);}
			100% {-webkit-transform: rotateZ(360deg);}
		}
		@keyframes Rotate {
			70% {transform: rotateZ(0deg);}
			100% {transform: rotateZ(360deg);}
		}
		.rotate {
			-webkit-animation: Rotate 4s linear infinite;
			animation: Rotate 4s linear infinite;
		}
		
		@keyframes Pulse {
			0% { transform: scale(1); }
			35% { transform: scale(1); }
			40% { transform: scale(1.12); }
			45% { transform: scale(1); }
			50% { transform: scale(1); }
			55% { transform: scale(1.06); }
			60% { transform: scale(1); }
			100% { transform: scale(1); }
		}
		
		.pulse {
			-webkit-animation: Pulse 4s linear infinite;
			animation: Pulse 4s linear infinite;
		}
	
	
	/* RESPONSIVE */
						
		@media (max-width: 768px) {	
			.custom-table { display: block; width: 100%; height: auto; text-align: center; }
			.custom-table-cell { display: block; width: 100%; height: auto; text-align: center; }
			.v-mid { position: relative; top: 50px; }
			
			#for-sale-1 .icon { width: 100px; height: 100px; }
			#for-sale-1 .icon img { width: 100px; }
			#for-sale-1 .logo img { width: 220px; }	
			#for-sale-1 .grey { margin: 0 0 10px 0; padding: 50px 0 10px 0; }
			#for-sale-1 .icon h1 { font-size: 20px; line-height: 21px; margin-top: 10px; }			
			#for-sale-1 .icon h1 font { font-size: 26px; }
			
			#for-sale-2 .icon { width: 150px; height: 132px; right: 20px; }
			#for-sale-2 .icon img { width: 150px; }
			#for-sale-2 .text { position: relative; top: 50px; left: 0; padding-left: 20px; }
			
			#for-sale-3 .icon { width: 100px; height: 100px; }
			#for-sale-3 .icon img { width: 100px; }
			
			#under-construction-1 .icon { width: 100px; height: 100px; }
			#under-construction-1 .icon img { width: 100px; }
			#under-construction-1 .ring  { width: 26px; height: 26px; border-width: 10px; }
			#under-construction-1 .rotate { margin-bottom: 10px; }
			
			#under-construction-2 .icon { width: 150px; height: 132px; right: 20px; }
			#under-construction-2 .icon img { width: 150px; }
			#under-construction-2 .text { position: relative; top: 50px; left: 0; padding-left: 20px; }
			
			#under-construction-3 .icon { width: 100px; height: 100px; }
			#under-construction-3 .icon img { width: 100px; }
			
			h1 { font-size: 22px; }
			h3 { font-size: 15px; font-weight: normal; }
			h5 span { display: block; width: 100%; text-align: center; }
			.hide { display: none; }
		}