/* CSS Document Far West Locations by SKLA Advertising*/


/* RESET STYLES */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
body {line-height: 1em;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}
/* END RESET STYLES */


body {
	text-align: center;
	font-family: verdana, helvetica, arial, sans-serif;
	background: url(../decor/bax-body.png) #231f20 top center repeat-x;
	color: #231f20;
}

#container {
	width: 960px;
	margin: 20px auto;
	background: #ffffff;
}

#header {
	width: 960px;
	height: 128px;
	background: url(../decor/bax-head.png) #231f20 top center no-repeat;
	border: 3px solid #f3be43;
}

#nav1 {
	clear: both;
	float: right;
	margin: 100px 30px 0 0;
}

#nav1 li {
	float: left;
	margin-left: 20px;
	text-transform: uppercase;
}

#nav1 a {
	color: #efefef;
	text-decoration: none;
}

#nav1 a:hover,
#nav1 li#active a {
	color: #f3be43;
	border-bottom: 1px dotted #f3be43;
}


#content-container {
	width: 960px;
	background: #ffffff;
	border: 3px solid #f3be43;
}

#nav2 {
	float: left;
	width: 240px;
	margin: 30px 0 15px 40px;
	text-align: left;
	font-size: 14px;
	font-weight: bold;
}

#nav2 ul li {
	margin-bottom: 15px;
	text-transform: uppercase;
	width: 240px;
	height: 20px;
	text-indent: 5px;
	line-height: 20px;
}

#nav2 ul li a {
	text-decoration: none;
	color: #231f20;
	width: 240px;
	height: 20px;
	display: block;
}

#nav2 ul li a:hover {
	background: url(../decor/bax-menu-hover.png) top left no-repeat;
	color: #fff;
}

#nav2 ul li a#active {
	background: url(../decor/bax-menu-active.png) top left no-repeat;
	color: #fff;
}

.nav-video {
	color: red !important;
}


#content {
	float: right;
	text-align: left;
	margin: 30px 40px 15px 0;
	width: 600px;
}

.row {
	width: 100%;
	margin-bottom: 10px;
}

.row:before,
.row:after {
	content: "";
	display: table;
}

.row:after {
	clear: both;
}



#content p {
	font-size: 14px;
	margin-bottom: 8px;
	line-height: 1.4em;
}

#content a {
	color: #333;
	text-decoration: none;
	border-bottom: 1px dotted #333;
}

#content a:hover {
	color: #fff;
	background: #333;
}

#content a.property {
	border: 0;
}

#content a.property:hover {
	background: transparent;
}

#content a.property img {
	margin: 0 0 10px 10px;
	padding: 1px;
	border: 3px double #333;
	cursor: pointer;
	width: 178px;
	height: 121px;
}

.hide {
	display: none;
}

#slideshow {
	float: left;
}

.propbox {
	width: 33%;
	float: left;
}

#content .propbox p {
	text-align: center;
	font-size: 11px;
	margin-top: -8px;
}

#footer {
	clear: both;
	width: 960px;
	height: 100px;
}

#footer p {
	font-size: 9px;
	padding-top: 75px;
}

#footer a {
	color: #333;
	text-decoration: none;
	border-bottom: 1px dotted #333;
}

#footer p span {
	margin-left: 50px;
}

.pa40 {
	padding: 40px 0 20px;
}

.blktxt {
	color: #000;
	border-bottom: 1px dotted;
	text-decoration: none;
	padding: 2px;
}

.blktxt:hover {
	color: #fff;
	background: #000;
	border-bottom: 1px solid;
}

.ls-1 {
	letter-spacing: -1px;
}

/* silly thing to force a vertical scroll bar so layout won't shift on short vs. long pages */

#scroll {
	position: absolute;
	top: 0;
	bottom: -1px;
	width: 1px;
	z-index: -1;
}