/***** BEGIN RESET *****/
* {
    background:transparent;
    border:0;
    margin:0;
    padding:0;
    font-family:'roboto_condensedregular', Arial, sans-serif;
}
ol, ul {list-style: none;}
.clear {clear: both; height:0px; margin:0;}

/***** END RESET *****/

@font-face {
    font-family: 'roboto_condensedregular';
    src: url('../fonts/RobotoCondensed-Regular-webfont.eot');
    src: url('../fonts/RobotoCondensed-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/RobotoCondensed-Regular-webfont.woff') format('woff'),
         url('../fonts/RobotoCondensed-Regular-webfont.ttf') format('truetype'),
         url('../fonts/RobotoCondensed-Regular-webfont.svg#roboto_condensedregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'roboto_condensedbold';
    src: url('../fonts/RobotoCondensed-Bold-webfont.eot');
    src: url('../fonts/RobotoCondensed-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/RobotoCondensed-Bold-webfont.woff') format('woff'),
         url('../fonts/RobotoCondensed-Bold-webfont.ttf') format('truetype'),
         url('../fonts/RobotoCondensed-Bold-webfont.svg#roboto_condensedbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

h1 {font-family:'roboto_condensedbold', Arial, sans-serif; color:#e4701e; font-size:72px; padding:10px 0;}
h3 {font-family:'roboto_condensedbold', Arial, sans-serif; color:#fff; font-size:20px; line-height:28px;}
h3 a{font-family:'roboto_condensedbold', Arial, sans-serif; color:#fff; font-size:20px; text-decoration:none;}
h3 a:hover{color:#e4701e;}



/******** Basic Styles ********/
body {background:#000;}

#contentwrapper {
	background-image: url(../siteart/bg.jpg); 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;background-position: center;
    background-repeat: no-repeat;
	background-color:#000;
	
}
.show-menu-for-mobile {display:none;}  /* At most larger screen widths, the burger icon for the mobile menu won't be displayed. */

#site-width {width:100%; max-width:1400px; margin:0 auto;}

header {padding:10px 0;}
.logo {float:left;}
.contactinfo {float:right; text-align:right; padding-top:10px;}

#whiteblock {background:#fff; padding:20px 0;}
.textwrap {float:left; width:55%;}
.textwrap a {color:#000; text-decoration:none;}
.textwrap a:hover {color:#e4701e;}
.map {float:right; width:35%;}

.locationwrap {width:100%;}

.express {width:30%;}

footer {
	background: #3d3d3d; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#3d3d3d, #000); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#3d3d3d, #000); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#3d3d3d, #000); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#3d3d3d, #000); /* Standard syntax */
	color:#fff;
}

footer .center {text-align: center;padding: 30px 0;font-size: 15px;}

a.footerlink:link, a.footerlink:visited, a.footerlink:active{text-decoration:underline; font-family:'roboto_condensedregular', Arial, sans-serif;font-size:11px; color:#fff;}
a.footerlink:hover {text-decoration:none; font-family:'roboto_condensedregular', Arial, sans-serif;font-size:11px; color:#e4701e;}

.footertext{font-family:'roboto_condensedregular', Arial, sans-serif;font-size:11px; color:#ffff;}

.smallfootertext{font-family:'roboto_condensedregular', Arial, sans-serif;font-size:11px; color:#fff;}

.divfooter {width:450px; text-align:center; margin:0 auto; padding:15px 0;}

/******MAIN NAVIGATION******/
#navwrap {
	background: #3d3d3d; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#3d3d3d, #000); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#3d3d3d, #000); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#3d3d3d, #000); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#3d3d3d, #000); /* Standard syntax */
}
#nav-list {
    position:relative;
    display:block;  
    z-index:9000;
    margin:0 auto 0 auto;
    padding:0 0 0 0;
    text-align:left;
}
  
#nav-list ul, nav li {
    list-style: none;  
    margin:0 0 0 0;
    padding:0 0 0 0;  
}
  
#nav-list ul li {
    display: block;
    position: relative;
    float:left;
    text-align:center;
}
  
#nav-list li ul {
    display: none;
}
  
  
#nav-list ul li a { /* appearance of the first-level links */
    display: block;
    text-decoration: none;
    color: #fff;
    font-weight:normal;
    font-size:18px;
    line-height:18px;
    transition:color .2s ease-in-out; -moz-transition:color .2s ease-in-out; -webkit-transition:color .2s ease-in-out;
    padding:8px 17px;  
    height: 1%;
    text-transform: uppercase;
    border-right: 1px solid #000;
    text-shadow: 2px 2px 2px rgba(0,0,0,.6); 
    text-align:center;
    font-family:'roboto_condensedbold', Arial, sans-serif;
}
 
 
#nav-list ul li a:hover { /* appearance of the first-level links on hover */
    height: 1%; 
    color:#fff; 
    background: #e4701e url("../siteart/nav-ro-bg.jpg") repeat-x;
}
  
  
  
#nav-list ul li li a { /* appearance of the sub-level links */
    width:215px;
    padding:8px 0 8px 15px;
    text-align:left;
    background:#090909;
    border-bottom:1px #333 solid;
    border-right: 1px solid #333;
    border-left: 1px solid #333;    
}
#nav-list ul li li a:hover { /* appearance of the sub-level links on hover */
    color:#fff; 
    background:#e4701e url("../siteart/nav-ro-bg.jpg") repeat-x;     
}
  
  
  
/* Optional-use, Begin targeting styles of first and last links */
#nav-list ul li:last-child  { /* Optional-use, this targets last li */
    border-right: 0;
}
#nav-list ul li:last-child a {
    border-right:0;  /* Optional-use, this targets last link */
}
#nav-list ul li:first-child  { /* Optional-use, this targets first li */
    border-left:0;
}
  
/* Optional-use, cancells out border for subnav li containers*/
#nav-list ul li li:last-child  {
    border-left:0;
    border-right:0;
}
#nav-list ul li li:last-child a {
    border-right: 0;
}
#nav-list ul li li:first-child  {
    border-left:0;
    border-right:0;
}
/* Optional-use, End targeting styles of first and last links */
  
  
  
/* Unless needing to do something extra or experimental, DON'T edit these positioning styles below! */
#nav-list ul ul {
    display: none;
    position: absolute; 
    top:100%;
    left:0;
}
  
#nav-list ul ul ul {
    position: absolute; 
    left: 100%;
    top:0; 
}
  
#nav-list ul li:hover > ul {  
    display: block;
    line-height:18px; /* make sure your line-height always matches that of your main link styles!*/
    z-index: 100;
    background:#4b0000; /* make sure your background color always matches your link styles!*/
}
  
#nav-list ul ul li {
    float: none; 
    position: relative;
}
 

/************************************************ Responsive Styles **/

@media screen and (max-width: 1480px) and (min-width:1234px) {
.show-menu-for-mobile {display:none;}
#site-width {width:90%;}
h1 {font-size:60px;}
.textwrap {width:45%;}
.map {width:55%; text-align:right;}

.express {width:40%;}
}

@media screen and (max-width: 1233px) and (min-width:1024px) {
.show-menu-for-mobile {display:none;}
#site-width {width:90%;}
h1 {font-size:48px;}
.textwrap {width:40%;}
.map {width:50%;}

.express {width:40%;}

}




@media screen and (max-width: 1023px) and (min-width:655px) {
.show-menu-for-mobile {display: none;}
#site-width {width:95%;}
h1 {font-size:34px;}
.textwrap {width:40%;}
.map {width:50%;}
.map img {width:100%;}

.express {width:40%;}

}



@media screen and (max-width: 654px) and (min-width:321px) {
.show-menu-for-mobile {display: block;}
.hide-for-mobile {display:none;}
.hide {display:none;}

.show-menu-for-mobile {display: block;}
.hide-for-mobile {display:none;}
.hide {display:none;}

#site-width {width:90%;}
h1 {font-size:18px;}

.logo {float:none; width:75%; margin:0 auto;}
.logo img {width:100%;}

.contactinfo {float:none; width:95%; margin:0 auto; text-align:center;}
.auctiontime {width:75%; margin:0 auto;}
h3 {font-size:20px; text-align:center;}
h3 a {font-size:20px; text-align:center;}

#whiteblock {padding:10px 0;}
.textwrap {width:100%; float:none;}
.map {width:100%; float:none; padding-top:10px;}
.map img {width:100%;}

.express {width:50%;}


.divfooter {width:90%; margin:0 auto;}
/******************styles for the main site navigation during mobile display*************/
#navicon {
	float: left;
	font-size: 32px;
	font-size: 2em;
	text-decoration: none;
	position: relative;
	z-index: 99999999999999999;
	margin: 0.25rem 0 0 0.5rem;
	color:#fff;
}
#nav-list  {display:none;}
}

 

@media screen and (max-width: 320px){
.show-menu-for-mobile {display: block;}
.hide-for-mobile {display:none;}
.hide {display:none;}

#site-width {width:90%;}
h1 {font-size:20px;}

.logo {float:none; width:95%;}
.logo img {width:100%;}

.contactinfo {float:none; width:95%; margin:0 auto; text-align:center;}
.auctiontime {width:100%; margin:0 auto;}
h3 {font-size:15px; text-align:center;}
h3 a {font-size:15px; text-align:center;}

#whiteblock {padding:10px 0;}
.textwrap {width:100%; float:none;}
.bic {width:100%;}
.map {width:100%; float:none;}
.map img {width:100%;}

.express {width:75%;}


.divfooter {width:90%; margin:0 auto;}

/******************styles for the main site navigation during mobile display*************/
#navicon {
	float: left;
	font-size: 32px;
	font-size: 2em;
	text-decoration: none;
	position: relative;
	z-index: 99999999999999999;
	margin: 0.25rem 0 0 0.5rem;
	color:#fff;
}
#nav-list  {display:none;}
}