* {
	outline: none !important;
}

html, body 								{ margin: 0; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color:#000; height: 100%; }
html 									{ width: 100%; background-image: url(/images/gradient.gif); background-position:top center; background-color: #201B06; background-repeat: repeat-y; }
body 									{ margin: 0 auto; }

object { 
	outline:none; 
	display:block; 
}
td, input, select, textarea {
	font-size: 11px;
	font-family: Arial, Verdana, sans-serif;
	color: #F6E6BC;
}
.darkText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #737144;
}	
.lightText {
	font-size: 11px;
	font-family: Arial, Verdana, sans-serif;
	color: #F6E6BC;
}

.lotButton {
	width: 100%;
	height:50px;
	margin:0 auto;
	 text-align: center;
}
.lotButton a { display: inline-block; }
.lotButton a:hover img { opacity: .98; -moz-opacity: .98; -webkit-opacity: .98; }

#lotButtonContainer {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9;
	min-height: 750px;
}
.lotButton.vertical {
	display: block;
	width: 53px;
	height: 296px;
}
.lotButton.vertical a,
.lotButton.vertical a img {
	display: block;
}
#home-flash {
	margin-top: 30px;
}
#home-flash, 
#home-flash table,
#home-flash td,
#home-flash embed,
#home-flash object {
	position: relative;
	z-index: 1;
}
#homes-extravaganza {
	background: transparent url(images/home-extraveganza-bg.png) repeat-x top left;
	width: 100%;
	height: 48px;
	display: block;
	padding: 6px 0;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}
#homes-extravaganza span {
	background: transparent url(images/home-extraveganza.png) no-repeat top left;
	width: 628px;
	height: 28px;
	text-indent: -1000px;
	overflow: hidden;
	margin: 0 auto;
	display: block;
}

.home-popup-wrapper { text-align: center; background: #5e5e2e url(images/home-popup-background.jpg) no-repeat center center; background-size: cover; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 43px 20px 35px; overflow: hidden; }
.home-popup-wrapper .content { width: 100%;  max-width: 400px; display: inline-block; }
.home-popup-wrapper .content img { max-width: 100%; }
.mobile-close,
div.fancybox-close { background: transparent url(images/fancybox-close.png) no-repeat top left; width: 40px; top: -40px; right: 0; height: 40px; display: block; }
.mobile-close { position: fixed; top: 0 !important; right: 0 !important; }
.fancybox-wrap.welcomePopup,
.fancybox-wrap.welcomePopup .fancybox-outer,
.fancybox-wrap.welcomePopup .fancybox-inner { background-color: #F6E6BC; }
.home-popup-wrapper .content a { background: #6d2306 url(/images/home-popup-button.jpg) no-repeat top left; background-size: cover; display: inline-block; text-indent: -10000px; width: 243px; height: 49px; box-shadow: 0 0 12px rgba(0,0,0,.5); -moz-box-shadow: 0 0 12px rgba(0,0,0,.5); -webkit-box-shadow: 0 0 12px rgba(0,0,0,.5); }
.home-popup-wrapper .content a:hover { background-position: bottom left; }
@media screen and (max-width:460px) {
	.fancybox-wrap.welcomePopup,
	.fancybox-wrap.welcomePopup .fancybox-outer,
	.fancybox-wrap.welcomePopup .fancybox-inner { width: 100% !important; margin: 0 !important; }
	.fancybox-wrap.welcomePopup { width: 90% !important; }
	.home-popup-wrapper .content { width: 100% !important; }
	.home-popup-wrapper  { height: 100% !important; }
}


/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}