html, body {
	height: 100%;
	background: #dedede;
	background-image: url("../imgs/presentation/bg_line_992.png");
	background-repeat: repeat-y;
	background-position: top center;
	/*background-size: 970px 1px;*/
	font-family: arial;
	font-size: 12pt;
}

.main-content{
	/*background: white;*/
	/*background: red;*/
	min-height: 100%;
	height: 100%;
	padding: 0;
}

.row-width{
	padding-left: 15px;
	padding-right: 14px;
}

.header{
	background: #294b4a;
	padding: 6px;
	color: white;
}

#navbar-header-style{
	margin-left: -16px;
	background: #294b4a;
}
.nav-div{
	padding: 0;
	background: #294b4a;
}

/*.page-content{
	margin-left: 10px;
	margin-top: 10px;
}*/

.float-left{
	float: left;
}

.float-right{
	float: right;
}

.clear-all{
	clear: both;
}

.logo-text h1{
	font-size: 60px;
	font-family: times;
	color: white;
	margin-left: 10px;
}
.established{
	font-style: italic;
	font-size: 20px;
	margin-top: -6px;
	margin-bottom: 6px;
}
.header-text{
	color: white;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 4px;
}

.menu{
	padding: 0;
	background: white;
}
.menu ul{
	list-style: none;
	margin-left: -16px;
}
.menu ul li a, .menu ul li a:visited{
	background: #294b4a;
	text-decoration: none;
	color: #fff;
	display: block;
	/*padding: 3px 3px 3px 6px;*/
	/*padding: 30px 0 30px 0;*/
	/*padding: t r b l;*/
	/*padding: 40px;*/
	margin-top: 2px;
	font-weight: bold;
}

.menu ul li a:hover{
	background: #000;
}

.menu ul li a.active{
	background: #000;
}


#navbar-color{
	background: #294b4a;
	border: 0;
}

.navbar-toggle .icon-bar{
	width: 60px;
	height: 6px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.navbar-default .navbar-toggle,
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
	background: #294b4a;
	border: none;
}

.auction-alerts{
	background: #eee;
	margin-top: -21px;
	margin-left: -15px;
	padding-left: 6px;
	padding-top: 2px;
	padding-bottom: 16px;
	width: 190px;
	font-size: 0.83em;
	border-radius: 0 0 20px;
}

/* Add your own MailChimp form style overrides in your site stylesheet or in this style block.
We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */
#mc_embed_signup{
	clear:left;
	font:14px Helvetica, Arial, sans-serif;
}

#social-icons a{
	background: #294b49;
	display:block;
	width:114px;
	border-radius: 5px;
	margin-left: 6px;
}
#social-icons a:hover{
	background: black;
	/*box-shadow: 3px 3px 1px #888;*/
}

.buttons{
	font-size:10pt;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	background-color:#ccccff;
	padding-left:8px;
	padding-right:8px;
	color:black;
	border:2px solid white;
	border-right:2px solid grey;
	border-bottom:2px solid grey;
	display:inline;
}

.buttons:hover{
	position:relative;
	top:-1px;
	left:-1px;
	background-color:#aaaaff;
}

.h1_header {
	color: black;
	font-size: 16pt;
	margin-top: 10px;
	float: left;
}
.h2_header {
	font-size: 12pt;
}
#galleries{
	margin-top: 10px;
	float: right;
}

.thumbbox_properties {
	padding:3px 3px 16px 3px;
	border-top:1px solid black;
	border-left:1px solid black;
}
.thumbbox_text_properties {
	font-size:10pt;
	padding:6px;
	border-top:1px solid black;
}
.thumbbox_title_properties {
	font-weight: bold;
}
.thumbbox_bg_colour { background: #dfdfdf; }


/* MOBILE MENU NAV TOGGLE */
.icon {
	/* T R B L */
	margin: 0 0 0 -10px;
	/*margin: 0;*/
	background: #fff;
	border: 0;
	height: 79px;
	width: 79px;
	border-radius: 50%;
	cursor: pointer;
	position: relative;
}
.icon::-moz-focus-inner { border: 0; }
:focus { outline: none; }
.icon span {
	display: block;
	height: 3px;
	width: 33px;
	border-radius: 2px;
	position: absolute;
	left: 23px;
	-webkit-transition: -webkit-transform 0.3s;
	-webkit-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}
.icon span:nth-child(2) { top: 36px; }
.icon span:nth-child(3) { top: 45px; }
.icon span:last-child { top: 54px; }

.icon--active span:nth-child(2) {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 45px;
}
.icon--active span:last-child {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	position: absolute;
	top: 45px;
}
.icon--active span:nth-child(3) { opacity: 0; }
.icon--button { border-radius: 10px; }
.icon--transparent { background: transparent; }
.icon--transparent span { background: #fff; }
.icon-transition {
	-webkit-transition: -webkit-transform 0.3s;
	-webkit-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}
/* END */


/* //////////////////////////////////////////////////////////////////////////////////// */
/* smartphone portrait */
@media (max-width: 408px) {
	.row-header{
		display: none;
	}
	.div-none{
		display: block !important;
	}

	.menu ul li a, .menu ul li a:visited{
		padding: 3px 3px 3px 24px;
		padding: 10px 3px 10px 24px;
	}

	.auction-alerts{
		display: none;
	}

	#galleries{
		display: none;
	}

	.imagepreview{
		width: 300px;
		height: 225px;
	}

	.main-img{
		width: 332px;
		height: 249px;
	}

	.max408{ display: block; }
	.min1200{ display: none; }
	.min992{ display: none; }
	.min768{ display: none; }
	.min408{ display: none; }
}

/* smartphone landscape */
@media (min-width: 408px) {
	.row-header{
		display: none;
	}
	.div-none{
		display: block !important;
	}

	.hidden-pic{
		display: none;
	}

	.text-left-right{
		float: left !important;
	}

	.menu ul li a, .menu ul li a:visited{
		padding: 3px 3px 3px 24px;
		padding: 10px 3px 10px 24px;
	}

	.auction-alerts{
		display: none;
	}

	#galleries{
		display: none;
	}

	.imagepreview{
		width: 500px;
		height: 375px;
	}

	.min408{ display: block; }
	.min1200{ display: none; }
	.min992{ display: none; }
	.min768{ display: none; }
	.max408{ display: none; }
}

/* tablet portrait */
@media (min-width: 768px) {
	html, body {
		background-size: 752px 1px;
	}

	.row-header{
		display: block;
	}
	.hidden-pic{
		display: none;
	}
	.menu{
		margin-top: -1px;

	}
	.menu ul{
		font-size: 10pt;
	}
	.menu ul li a, .menu ul li a:visited{
		width: 190px;
		/*height: 24px;*/
		height: 36px;
		/*padding: 3px 3px 3px 6px;*/
		padding: 9px 3px 9px 6px;
	}

	.gavel-pic{
		margin-left: 40px;
		margin-top: 30px;
		display: block;
	}
	.logo-pic{
		margin-left: 50px;
		margin-right: 10px;
		margin-top: 10px;
		display: block;
	}
	.logo-text{
		display: none;
	}
	.auction-alerts{
		display: block;
	}
	.page-content{
		margin-left: 80px;
	}

	/*.imagepreview{
		width: 500px;
		height: 375px;
	}*/

	.min768{ display: block; }
	.min1200{ display: none; }
	.min992{ display: none; }
	.min408{ display: none; }
	.max408{ display: none; }
}

/* tablet landscape */
@media (min-width: 992px) {
	html, body {
		background-size: 970px 1px;
	}

	.div-none{
		display: none !important;
	}
	.hidden-pic{
		display: block;
	}
	.gavel-pic{
		margin-left: 60px;
	}
	.logo-pic{
		margin-left: 50px;
	}

	#galleries{
		display: block;
	}

	.page-content{
		margin-left: 40px;
	}

	.text-left-right{
		float: right !important;
	}

	.imagepreview{
		width: 640px;
		height: 480px;
	}

	.min992{ display: block; }
	.min1200{ display: none; }
	.min768{ display: none; }
	.min408{ display: none; }
	.max408{ display: none; }
}

/* laptop */
@media (min-width: 1200px) {
	html, body {
		background-size: 1170px 1px;
	}

	.gavel-pic{
		margin-left: 100px;
	}
	.logo-pic{
		margin-left: 100px;
	}

	.page-content{
		margin-left: 0;
	}

	.min1200{ display: block; }
	.min992{ display: none; }
	.min768{ display: none; }
	.min408{ display: none; }
	.max408{ display: none; }
}