﻿/***** BEGIN RESET *****/

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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;	
}

ol, ul {
	list-style: none;
}

table{border-collapse:collapse; width:100%;}
td{vertical-align:top;}

/* Make HTML 5 elements display block-level for consistent styling */  
header, nav, article, footer, address, img {  
    display: block;  
} 


.openme {display: block !important;}

/***** END RESET *****/

/* Clearfix */
.cf:before,
.cf:after {
    content: " ";
    display: table;
}
.cf:after {
    clear: both;
}
.cf {
    *zoom: 1;
}

@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/OpenSans-Regular-webfont.eot');
    src: url('../fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sansextrabold';
    src: url('../fonts/OpenSans-ExtraBold-webfont.eot');
    src: url('../fonts/OpenSans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-ExtraBold-webfont.woff') format('woff'),
         url('../fonts/OpenSans-ExtraBold-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-ExtraBold-webfont.svg#open_sansextrabold') format('svg');
    font-weight: normal;
    font-style: normal;

}


body {font-family: 'open_sansregular'; font-size:16px; line-height: 24px; -webkit-text-size-adjust:none;}
a:link, a:visited, a:active {text-decoration:none; }
a:hover {text-decoration:underline;}

.mybtn {text-decoration:none; color: white !important;}

h1 {font-family: 'open_sansextrabold'; font-size: 18px; line-height: 24px; text-transform: uppercase;}
strong {font-family: 'open_sansextrabold';}

.header {background:#fff url(../siteart/concrete_seamless.png) repeat-x; text-align: center;}
.logo {max-width: 100%; height: auto; display: inline-block; padding: 20px 0px;}
.logo img {max-width: 100%; height: auto;}

.wrapper {width: 90%; margin: 0 auto; padding: 30px 0px;}
.two-cols {width: 49%; display: inline-block; vertical-align: top;}
.show-menu-for-mobile {display:none;}  /* At most larger screen widths, the burger icon for the mobile menu won't be displayed. */

.section{position: relative; float: left; width: 50%; border-top: 1px #3f0102 solid; border-bottom: 1px #3f0102 solid; height: 400px; text-align :center; color: #fff; z-index :9; overflow: hidden;}
.section-text{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-family: 'open_sansextrabold'; font-size: 28px; line-height: normal; text-transform: uppercase;}
.button {background: #7e1416; padding: 10px; font-size: 24px; width: 200px; margin: 0 auto; font-size: 18px !important;}
.button:hover {background: #000; color: #fff; transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; -webkit-transition:all .2s ease-in-out;}

.side {background:#fff; width: 300px; height: 520px; position: fixed; z-index: 9990;}
/*
#fb {top: 275px; left: -300px; z-index: 99999999;}
.fb_iframe_widget {display: inline-block; position: relative;}
#facebookTab {display: block; height: 120px; width: 42px;  background: url(../siteart/fb.png); position: absolute; right: -42px; top: 0px;}
#facebookTab:hover {background: url(../siteart/fb-on.png);z-index: 99999999999;}
*/
#markets {width: 300px; height: 520px; top: 200px; right: -300px; z-index: 99999;}
#marketTab {display: block; height: 120px; width: 42px; background: url(../siteart/mkt.png); position: absolute; left: -42px; top: 0px;}
#marketTab:hover {background: url(../siteart/mkt-on.png);}

.container {width: 100%; max-width: 100%; margin: 0px;}
.hosted-content .listings-wrapper .bold, .hosted-content .listings-wrapper .italic, .hosted-content .listings-wrapper h2, .hosted-content .listings-detail-wrapper .bold, .hosted-content .listings-detail-wrapper .italic, .hosted-content .listings-detail-wrapper h2, .hosted-content .listings-drilldown-wrapper .bold, .hosted-content .listings-drilldown-wrapper .italic, .hosted-content .listings-drilldown-wrapper h2 {font-family: 'open_sansbold' !important;} /* Font for Inventory to match rest of website */ 
.list-top-section .list-title .list-title-text{
	    font-family: 'open_sansextrabold'!important;
}


a.footerlink:link, a.footerlink:visited, a.footerlink:active{text-decoration:underline; font-family:Arial, Helvetica, sans-serif;font-size:13px; color: white !important;}
a.footerlink:hover {text-decoration:none; font-family:Arial, Helvetica, sans-serif;font-size:13px;}
.footertext{font-family:Arial, Helvetica, sans-serif;font-size:13px; color:#fff;}
.smallfootertext{font-family:Arial, Helvetica, sans-serif;font-size:10px; color:#fff;}
.divfooter {max-width: 100%; text-align:right;}
.footer {background: #7e1416; color: #fff; font-size: 14px; line-height: 24px;}
/************************************************ Responsive Styles **/
@media screen and (max-width: 1023px) and (min-width:568px) {

}

@media screen and (max-width: 568px){
body {font-family: 'open_sansregular'; font-size:14px; line-height: 24px; -webkit-text-size-adjust:none;}

.two-cols {width: 100%;}
.section{float: none; width: 100%; height: 300px; overflow: hidden;}
.footer .two-cols {width: 100%; text-align: center;}
.divfooter {text-align:center;}
.container {width: 90%;}


}
