@charset "utf-8";
/* CSS Document */

/*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, 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,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section { display: block;}
body { line-height: 1;}
ol, ul { list-style: none;}
blockquote, q { quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none;}
table { border-collapse: collapse; border-spacing: 0;}
/*Reset*/

a {text-decoration: none;}


/* TEXT/LINK FORMATTING
------------------------------------------------*/

.navigation-mobile {
	display: none;
}

	/* LINKS */
	a:link, a:visited {
		color:#000;
	}
	a:hover, a:active {
		color:#bab2a8;
		text-decoration:none;
	}

	/* PARAGRAPH/LIST/GENERAL TEXT */
	p, ul, li {font-size:20px; 
	font-weight:100; 
	color:#000; 
	font-family: 'source_sans_prolight';}

	/* HEADERS */
	h1, h2, h3, h4 ,h5 ,h6, p {line-height: normal; text-align: left;}
	h1 {font-size:35px; color:#000; font-family: 'source_sans_problack'; text-transform:uppercase;}
	h2 { font-size:25px;font-weight:bold; color:#000; font-family: 'source_sans_proregular'; text-transform: uppercase; padding: 20px 0px;}
	h3 {font-size:22px; font-weight:bold; color:#000; font-family: 'source_sans_proregular'; text-transform: uppercase;}
	h4 {font-size:18px;}
	h5 {font-size:16px;}
	h6 {font-size:14px;}

/*--shop styles--*/
.hs-btn.hs-highlighted{background-color: #6c6c6c; color: #fff !important;}

/*--------GLOBAL SITE FRAMEWORK---------------------------*/
.clear {clear: both;}
.left {float:left;}
.right {float:right;}

body {
	margin:0;
	font-size: 16px;
	line-height:26px;
	font-family: 'source_sans_proregular';
	overflow-x:hidden;
}
#s-pad{padding: 1% 0;}
#pad{padding: 50px 0;}
#top-pad{padding-top: 60px}

/*------Header-------------------------------------------*/
.header {width: 100%; background: url(../siteart/header-bg.jpg); color: #fff; text-align: center; margin: 0 auto;}
.inner-header {	
	width: 90%;
	display: inline-block;
	padding: 30px 0px;

}
#logo{width: 100%; max-width: 250px;}
.header-left {
	width: 20%;
	text-align: left;
	display: inline-block;
	float: left;
}
	
.header-middle{text-align: center; width: 40%; color: #fff; display: inline-block; margin: 0 auto}
.header-middle p{font-size: 16px; color: #fff; text-align: center;}
.header-middle h3{color: #fff; text-align: center} 

.header-right {width: 20%; display: inline-block; float: right;}

#white-outline{border: 1px solid #fff; color: #fff; padding: 10px 20px; display: inline-block; font-weight: bold; letter-spacing: 1px; margin-top: 20px;}
#white-outline:hover{background: #fff; color: #000;}


.auctionbar{position:absolute; z-index:999; right:0; width:850px; float: right;}
.auctionlink{float:left; width:30%; background:#fff; -moz-border-radius:0 0 5px 5px; -webkit-border-radius:0 0 5px 5px; border-radius:0 0 5px 5px; margin:0 1%; text-align:center; padding:3px; -moz-box-shadow:2px 2px 2px #575757; -webkit-box-shadow:2px 2px 2px #575757; box-shadow:2px 2px 2px #575757; min-height:40px;}
.auctionlink img{max-width:100%; margin:0 auto !important; padding-top: 5px;}

.auctionlink img:hover{opacity: .7;}


/*-------BODY---------------------------*/
.wrapper{width: 100%; margin: 0 auto;}
.wrapper-inner {
	width: 60%;
	margin: 0 auto;
	padding: 30px 0px;	
}
.wrapper img { width: 100%;}

.wrapper-center{width: 60%; text-align: center; margin: 0 auto}
.wrapper-center h1, .wrapper-center h2, .wrapper-center h3, .wrapper-center h4, .wrapper-center p{text-align: center;}



/*--------Footer-------------------------------*/
.address { margin: 0 auto; border-top: solid 1px #f4f4f4; text-align: center; padding: 20px 0}
.address p{display: inline-block; text-align: center; margin: 5px 35px;}

.footer {
	width: 100%;
	background-color: #000;
	padding: 50px 0px;
	border-top: solid 8px #f4f4f4;
	color: #e5e5e5 !important;
	text-align:center;
}

.divfooter {
	width:40%;
	color:#e5e5e5 !important;
	margin:0 auto;
	line-height:11px;
	text-align:center;
}

.divfooter p{ color: #e5e5e5 !important;text-align:center; font-size: 12px;}
.divfooter p a{ color: #e5e5e5 !important;}
.footertext{color:#e5e5e5 !important;font-size:10px;line-height:11px;}
a.footerlink:link, a.footerlink:visited, a.footerlink:active{color:#e5e5e5 !important;font-size:10px;line-height:11px;text-decoration:underline;}
a.footerlink:hover {color:#e5e5e5 !important;font-size:10px;line-height:11px;text-decoration:none;}
.smallfootertext{color:#e5e5e5 !important;font-size:10px;line-height:11px;}







/*---- RESPONSIVE STYLES --------------------------------*/


@media screen and (max-width: 1500px) {
.auctionbar{width:40%;}
}

@media screen and (max-width: 1350px) {
#services {width: 49.8%;}	

}

@media screen and (max-width: 1250px) {
.auctionbar{width:100%;right:0;}
.auctionlink{padding:6px 3px 3px 3px;min-height:43px;}
	
}





@media screen and (max-width: 1100px){

	
/*Navigation*/
.navigation-mobile {
	float: left;
	display: inline-block;
	background: #4b4b4b;
	width: 100%;
	-webkit-box-shadow: 0px 6px 13px -4px rgba(0,0,0,0.45);
	-moz-box-shadow: 0px 6px 13px -4px rgba(0,0,0,0.45);
	box-shadow: 0px 6px 13px -4px rgba(0,0,0,0.45);
	position: relative;
	z-index: 99999!important;
	text-align: left;	
}
.nav-inner-mobile {
	width: auto;
	vertical-align: middle;
	display: inline-block;
	text-align: left;
	color: white;
	box-sizing: border-box;
	font-size: 25px;
	display:inline-block;
}
.nav-inner-mobile:hover {
	cursor: pointer;
}
/*ACCORDIAN PANEL THAT DROPS DOWN*/
#panel { 
	display: none;
	background-color: #000;
	vertical-align: middle;
	box-sizing: border-box;
	overflow: hidden;
}
#panel h2 {
	color: white;
	font-family: '';
	font-size: 12px;
	text-align: left;
	line-height: 42px;
	font-family: 'source_sans_prolight';
	text-transform: uppercase;
}
#panel h2 span {text-align: right;}

/*1st level of Accordian*/
.mobile-bar {
	float: left;
	color: #FFF;
	background: #4b4b4b;
	border: 1px solid #9b9a9a;
	box-sizing: border-box;
	padding: 0px 0px 0px 15px;
	display: block;
	width: 100%;
}
.mobile-bar:hover {background: #9b9a9a;}
	
.level-indicator {
	float: right;
	width: auto; 
	color: white; 
	font-size: 12px;
	border-left: 1px solid #9b9a9a;
	box-sizing: border-box;
	padding: 0px 20px;
}

/*2nd level of Accordian*/
.bottom {
	width: 100%;
	color: #FFF;
	background: #9b9a9a;
	box-sizing: border-box;
	text-align: left;
	float: left;
}
.bottom ul {
	width: 100%;
	display: inline-block;
	box-sizing: border-box;
}
.bottom ul li {
	width: 100%;
	border-bottom: 1px solid #4b4b4b;
}
.bottom ul li:hover {background: #000;}

.bottom ul li a {
	width: 100%;
	font-family: '';
	color: white;
	line-height: 40px;
	font-size: 14px;
	display:inline-block;
	font-family: 'source_sans_prolight';
	box-sizing: border-box;
	padding: 0px 15px;
}
/*Navigation*/
}

@media screen and (max-width: 1024px){
.wrapper-inner{width: 90%;}
.address p{display: block; margin: 8px 0;}
	

.divfooter {width:90%;	}
}

@media screen and (max-width: 817px) and (min-width: 650px) {

/*Navigation*/
.navigation-mobile {
	float: left;
	display: inline-block;
	background: #4b4b4b;
	width: 100%;
	-webkit-box-shadow: 0px 6px 13px -4px rgba(0,0,0,0.45);
	-moz-box-shadow: 0px 6px 13px -4px rgba(0,0,0,0.45);
	box-shadow: 0px 6px 13px -4px rgba(0,0,0,0.45);
	position: relative;
	z-index: 99999!important;
	text-align: left;	
}
.nav-inner-mobile {
	width: auto;
	vertical-align: middle;
	display: inline-block;
	text-align: left;
	color: white;
	box-sizing: border-box;
	font-size: 25px;
	display:inline-block;
}
.nav-inner-mobile:hover {
	cursor: pointer;
}
/*ACCORDIAN PANEL THAT DROPS DOWN*/
#panel { 
	display: none;
	background-color: #000;
	vertical-align: middle;
	box-sizing: border-box;
	overflow: hidden;
}
#panel h2 {
	color: white;
	font-family: '';
	font-size: 12px;
	text-align: left;
	line-height: 42px;
	font-family: 'source_sans_prolight';
	text-transform: uppercase;
}
#panel h2 span {text-align: right;}

/*1st level of Accordian*/
.mobile-bar {
	float: left;
	color: #FFF;
	background: #4b4b4b;
	border: 1px solid #9b9a9a;
	box-sizing: border-box;
	padding: 0px 0px 0px 15px;
	display: block;
	width: 100%;
}
.mobile-bar:hover {background: #9b9a9a;}
	
.level-indicator {
	float: right;
	width: auto; 
	color: white; 
	font-size: 12px;
	border-left: 1px solid #9b9a9a;
	box-sizing: border-box;
	padding: 0px 20px;
}

/*2nd level of Accordian*/
.bottom {
	width: 100%;
	color: #FFF;
	background: #9b9a9a;
	box-sizing: border-box;
	text-align: left;
	float: left;
}
.bottom ul {
	width: 100%;
	display: inline-block;
	box-sizing: border-box;
}
.bottom ul li {
	width: 100%;
	border-bottom: 1px solid #4b4b4b;
}
.bottom ul li:hover {background: #000;}

.bottom ul li a {
	width: 100%;
	font-family: '';
	color: white;
	line-height: 40px;
	font-size: 14px;
	display:inline-block;
	font-family: 'source_sans_prolight';
	box-sizing: border-box;
	padding: 0px 15px;
}
/*Navigation*/
}

@media screen and (max-width: 649px) {	

h1 {font-size: 38px;}


/*Header*/

.auctionbar{width:99%;}
.auctionlink{min-height:34px;width:20%;}

.header-left {
    width: 100%;
    float: none;
    text-align: center;
}	
.header-middle{margin: 5px 0;}
.header-right {
    float: none;
    display: inline-block;
	width:100%;
}
#logo{width: 100%; max-width: 200px;}

	
	
/*Navigation*/
.navigation-mobile {
	float: left;
	display: inline-block;
	background: #4b4b4b;
	width: 100%;
	-webkit-box-shadow: 0px 6px 13px -4px rgba(0,0,0,0.45);
	-moz-box-shadow: 0px 6px 13px -4px rgba(0,0,0,0.45);
	box-shadow: 0px 6px 13px -4px rgba(0,0,0,0.45);
	position: relative;
	z-index: 99999!important;
	text-align: left;	
}
.nav-inner-mobile {
	width: auto;
	vertical-align: middle;
	display: inline-block;
	text-align: left;
	color: white;
	box-sizing: border-box;
	font-size: 25px;
	display:inline-block;
}
.nav-inner-mobile:hover {
	cursor: pointer;
}
/*ACCORDIAN PANEL THAT DROPS DOWN*/
#panel { 
	display: none;
	background-color: #000;
	vertical-align: middle;
	box-sizing: border-box;
	overflow: hidden;
}
#panel h2 {
	color: white;
	font-family: '';
	font-size: 12px;
	text-align: left;
	line-height: 42px;
	font-family: 'source_sans_prolight';
	text-transform: uppercase;
}
#panel h2 span {text-align: right;}

/*1st level of Accordian*/
.mobile-bar {
	float: left;
	color: #FFF;
	background: #4b4b4b;
	border: 1px solid #9b9a9a;
	box-sizing: border-box;
	padding: 0px 0px 0px 15px;
	display: block;
	width: 100%;
}
	.mobile-bar:hover {background: #9b9a9a;}
	
.level-indicator {
	float: right;
	width: auto; 
	color: white; 
	font-size: 12px;
	border-left: 1px solid #9b9a9a;
	box-sizing: border-box;
	padding: 0px 20px;
}

/*2nd level of Accordian*/
.bottom {
	width: 100%;
	color: #FFF;
	background: #9b9a9a;
	box-sizing: border-box;
	text-align: left;
	float: left;
}
.bottom ul {
	width: 100%;
	display: inline-block;
	box-sizing: border-box;
}
.bottom ul li {
	width: 100%;
	border-bottom: 1px solid #4b4b4b;
}
.bottom ul li:hover {background: #000;}

.bottom ul li a {
	width: 100%;
	font-family: '';
	color: white;
	line-height: 40px;
	font-size: 14px;
	display:inline-block;
	font-family: 'source_sans_prolight';
	box-sizing: border-box;
	padding: 0px 15px;
}
/*Navigation*/
}
@media screen and (max-width: 480px){
.auctionbar{width:99%;}
.auctionlink{min-height:34px;width:20%;}
}


@media screen and (max-width: 400px) {
#hibid{padding-top:4px;}

}

@media screen and (max-width: 360px) {
.auctionlink{min-height:30px;}
}


@media screen and (max-width: 319px){
	
h1{ font-size: 30px;}



/*Navigation*/
.navigation-mobile {
	float: left;
	display: inline-block;
	background: #4b4b4b;
	width: 100%;
	-webkit-box-shadow: 0px 6px 13px -4px rgba(0,0,0,0.45);
	-moz-box-shadow: 0px 6px 13px -4px rgba(0,0,0,0.45);
	box-shadow: 0px 6px 13px -4px rgba(0,0,0,0.45);
	position: relative;
	z-index: 99999!important;
	text-align: left;	
}
.nav-inner-mobile {
	width: auto;
	vertical-align: middle;
	display: inline-block;
	text-align: left;
	color: white;
	box-sizing: border-box;
	font-size: 25px;
	display:inline-block;
}
.nav-inner-mobile:hover {
	cursor: pointer;
}
/*ACCORDIAN PANEL THAT DROPS DOWN*/
#panel { 
	display: none;
	background-color: #000;
	vertical-align: middle;
	box-sizing: border-box;
	overflow: hidden;
}
#panel h2 {
	color: white;
	font-family: '';
	font-size: 12px;
	text-align: left;
	line-height: 42px;
	font-family: 'source_sans_prolight';
	text-transform: uppercase;
}
#panel h2 span {text-align: right;}

/*1st level of Accordian*/
.mobile-bar {
	float: left;
	color: #FFF;
	background: #4b4b4b;
	border: 1px solid #9b9a9a;
	box-sizing: border-box;
	padding: 0px 0px 0px 15px;
	display: block;
	width: 100%;
}
.mobile-bar:hover {background: #9b9a9a;}
	
.level-indicator {
	float: right;
	width: auto; 
	color: white; 
	font-size: 12px;
	border-left: 1px solid #9b9a9a;
	box-sizing: border-box;
	padding: 0px 20px;
}

/*2nd level of Accordian*/
.bottom {
	width: 100%;
	color: #FFF;
	background: #9b9a9a;
	box-sizing: border-box;
	text-align: left;
	float: left;
}
.bottom ul {
	width: 100%;
	display: inline-block;
	box-sizing: border-box;
}
.bottom ul li {
	width: 100%;
	border-bottom: 1px solid #4b4b4b;
}
.bottom ul li:hover {background: #000;}

.bottom ul li a {
	width: 100%;
	font-family: '';
	color: white;
	line-height: 40px;
	font-size: 14px;
	display:inline-block;
	font-family: 'source_sans_prolight';
	box-sizing: border-box;
	padding: 0px 15px;
}
/*Navigation*/
}