/* RESET
--------------------*/

/* This reset is loosely derived from HTML5 boilerplate 
for more information visit http://html5boilerplate.com/ */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video{margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline;}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display: block;}

html{overflow-y:scroll;}
body{-webkit-text-size-adjust:none;}

.clear:before, .clear:after {content: "\0020"; display: block; height: 0; overflow: hidden; }
.clear:after {clear:both;}
.clear{zoom:1;}

sub, sup{font-size:75%; line-height:0; position:relative;}
sup{top:-0.5em;}
sub{bottom:-0.25em;}

pre {white-space:pre; white-space:pre-wrap; word-wrap:break-word; padding:15px;}
textarea {overflow:auto;}
.ie6 legend, .ie7 legend {margin-left:-7px;} 
input[type="radio"], input.radio {vertical-align:text-bottom;}
input[type="checkbox"], input.checkbox, .checkboxes input {vertical-align:bottom;}
.ie7 input[type="checkbox"], .ie7 input.checkbox, .ie7 .checkboxes input {vertical-align:baseline;}
.ie6 input {vertical-align: text-bottom;}
label, input[type="button"], input[type="submit"], input[type="image"], button, .btn {cursor:pointer;}
button, input, select, textarea {margin:0;}
/* .checkbox, .radio {float:left; width:13px; height:13px; margin-right:6px; padding:0;} */

button {width:auto; overflow:visible;}
.ie7 img {-ms-interpolation-mode: bicubic;}

.ir {display:block; text-indent:-999em; overflow:hidden; background-repeat:no-repeat; text-align:left; direction:ltr; }
.hidden {display:none; visibility:hidden; }
.visuallyhidden {border:0; clip:rect(0 0 0 0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px; }
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {clip:auto; height:auto; margin:0; overflow:visible; position:static; width:auto;}
.invisible {visibility:hidden;}

blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content:none;}
ins {background-color:#ff9; color:#000; text-decoration:none;}
mark {background-color:#ff9; color:#000; font-style:italic; font-weight:bold;}
del {text-decoration: line-through; }
abbr[title], dfn[title] {border-bottom:1px dotted; cursor:help;}
hr {display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0;}
input, select {vertical-align:middle;}

a:hover, a:active {outline: none;}
.content ul, .content ol {margin-left:2em;}
ol {list-style-type:decimal;}
ul li {list-style-type:none;}
nav ul, nav li {margin:0; list-style:none; list-style-image:none;}
strong, th {font-weight:bold;}










/* MAIN LAYOUT */
body {
    margin: 0;
    -webkit-text-size-adjust: none;
	background:#666 url(/siteart/background.jpg) no-repeat!important;
	background-size: cover!important;
	background-position-y: -310px!important;
	font-family: 'Exo 2', sans-serif!important;
    line-height: normal;
    color: #575757;
}

a {color:#222;}
a:hover {color:#777; text-decoration: none;}

.left-static {float:left;}
.left {float:left;}
.right {float: right;}

#clear{clear:both;}

.text-wrap {
	width: 1024px;
	margin: 0 auto;
}

/* HEADER & NAVIGATION */
.head{
	background: url(/siteart/header-bg.png) repeat-x;
	height:200px;
	padding:15px 0px;
	 margin-top:17px;
	width:100%;
	position:relative;
}

.logo{
	float:left;
	position:relative;
}

.home {border-left:none!important;}


#links{
	padding-top:20px;
	padding-bottom:50px;
	
}

a #link{
	background: url(/siteart/yellow-texture.png);
	float:left;
	text-align:center;
	padding:15px 0px 20px 0px;
	margin-right:47px;
	width:90%;
	
}

a #link.last{margin-right:0px;}

a:hover #link{background: url(/siteart/yellow-texture-hover.png)}

#scrollinv{
	background: url(/siteart/trans-white.png);
	padding:12px 0px;
	margin-bottom:50px;
}

#text-area{
	background:#fff;
	width:100%;
	padding:35px 0px 20px 0px;
	margin-top:50px;
	overflow-y: auto;
	overflow-x:hidden
}

#text-area iframe{
	border:1px solid #ccc;
}

.auction-frame {width:94%;}


/* SUB PAGES / 2 COLUMNS */
#space-it{
	height:150px;
}

#left-col{
	float:left;
	position:relative;
	width:750px;
}

#right-col{
	position:relative;
}


/* TYPOGRAPHY
-------------------------------------*/

.spacer {padding:10px 15px;}
.spacer-alt {margin-right:31px;padding:5px;}


.typography em{font-style:italic;}
.typography b{font-weight:bold;}

.typography p{
	font-size: 15px;
    line-height: 20px;
    color: #575757;
    font-family: 'Exo 2', sans-serif;
	margin-bottom:20px;
}


.typography p span{
	font-weight:bold;
	font-size:18px;
}

.typography h1,
.typography h2,
.typography h3,
.typography h4,
.typography h5,
.typography h6{
	font-weight:bold;
	font-size:24px;
	margin-bottom:15px;
}

.typography a #link{
	font-weight:bold;
	text-transform:uppercase;
	color:#fff;
	font-size:26px;
	text-shadow: 1px 1px 2px #787878;
}

.typography a #link span{
	font-size:20px;
}

.typography a:hover #link{
	font-weight:bold;
	text-transform:uppercase;
	color:#000;
	font-size:26px;
	text-shadow: none;
}

.typography #right-col a{
	font-weight:bold;
	background: url(/siteart/yellow-texture.png);
	text-transform:uppercase;
	color:#575757;
	text-shadow: 1px 1px 2px #fff;
	text-align:center;
	padding:15px;
	text-decoration:none;
	margin-bottom:25px;
	font-size: 13px;
	display:block;
	width:100%;
}

.typography #right-col a:hover{
	background: url(/siteart/yellow-texture-hover.png);
	font-weight:bold;
	text-transform:uppercase;
	color:#000;
	text-shadow: none;
}


/*  SCROLLING INVENTORY
------------------------------------------------*/
.scrolling-wrap {
    width:100%;
    height:90px;
    overflow:hidden;
}
 
.scrolling{
    width:100%;
    height:92px;
}


/* HOSTED 
---------------------------------------------*/

.container {background:#fff;}

.hosted-content #listings-title {font-size: 1.3rem!important; font-family: 'Exo 2', sans-serif!important;}
.hosted-content .listings-wrapper .listings-list .listing-banner h2 {font-family: 'Exo 2', sans-serif!important;}
.hosted-content .listings-wrapper .listings-list .category-banner h3 {font-family: 'Exo 2', sans-serif!important;}
.listings-wrapper .listing-boxed .listing-boxed-details h2 a {font-family: 'Exo 2', sans-serif!important; font-weight: normal;;}


/* SANDHILLS FOOOTER CSS */
.foot{
	padding:40px 0px;
}

a.footerlink:link, a.footerlink:visited, a.footerlink:active{text-decoration:underline; font-family:Arial, Helvetica, sans-serif;font-size:13px; color:#fff;}
a.footerlink:hover {text-decoration:none; font-family:Arial, Helvetica, sans-serif;font-size:13px; color:#fff;}
.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 {width:450px; text-align:center; margin:20px auto; line-height:13px; display:block;}




/* MOBILE 
--------------------------- */

@media screen and (max-width:1560px){
	.footer {padding: 20px 0 20px; overflow: auto; background:#666;}
	.typography #right-col a{font-size:9px;}
}

@media screen and (max-width:1090px){
	
	.text-wrap {width:100%;}
	.logo {padding:0 25px;}
	
	.left {float:left;}
	#links {padding-left:45px;}
	
	
	
	#right-col {float: none; text-align: center; position: relative;}
	
	
}

@media screen and (max-width:920px){
	
	.typography a #link  { font-size: 18px;}
	.typography #right-col a{font-size:14px;}
	
}

@media screen and (max-width:768px){
	
	.typography a #link  { margin-bottom: 10px;}
	.spacer-alt {margin-right:65px;}
	
}

@media screen and (max-width:560px) {
	
	.spacer-alt {margin-right:75px;}
}