@font-face {
	font-family: 'VollkornRegular';
	src: url('fonts/vollkorn-webfont.eot');
	src: local('☺'), url('fonts/vollkorn-webfont.woff') format('woff'), url('fonts/vollkorn-webfont.ttf') format('truetype'), url('fonts/vollkorn-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal; 
}

a:link {
  text-decoration: none;
  color: #666;
}

a:visited {
  text-decoration: none;
  color: #666;
}

a:hover {
  text-decoration: underline;
  color: #666;
}

/* Needed for sticky footer */
html {
  height: 100%;
  box-sizing: border-box;
}

/* Needed for sticky footer */
*,
*:before,
*:after {
  box-sizing: inherit;
}
	
body {
    background: rgba(221,197,115,1);
    background: -moz-linear-gradient(top, rgba(221,197,115,1) 0%, rgba(237,226,191,1) 58%, rgba(237,226,191,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(221,197,115,1)), color-stop(58%, rgba(237,226,191,1)), color-stop(100%, rgba(237,226,191,1)));
    background: -webkit-linear-gradient(top, rgba(221,197,115,1) 0%, rgba(237,226,191,1) 58%, rgba(237,226,191,1) 100%);
    background: -o-linear-gradient(top, rgba(221,197,115,1) 0%, rgba(237,226,191,1) 58%, rgba(237,226,191,1) 100%);
    background: -ms-linear-gradient(top, rgba(221,197,115,1) 0%, rgba(237,226,191,1) 58%, rgba(237,226,191,1) 100%);
    background: linear-gradient(to bottom, rgba(221,197,115,1) 0%, rgba(237,226,191,1) 58%, rgba(237,226,191,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ddc573', endColorstr='#ede2bf', GradientType=0 ); { }
    background-repeat: no-repeat;
    background-attachment: fixed;
    font-family: 'VollkornRegular', Times, serif;
	font-size: 16px;
	/* Below needed for sticky footer */
	position: relative;
	margin: 0;
	/* pad for the footer */
    padding-bottom: 115px;
    min-height: 100%;
}

.wrapper {
    border: 0px;
    position: relative;
    background-color: rgb(255,255,255);
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 10px;
    width: 940px;
    min-height: 750px;
    overflow: hide;
    margin: 0px auto;
    -moz-box-shadow: 0 0 10px #777777;
    -webkit-box-shadow: 0 0 10px #777777;
    box-shadow: 0 0 10px #777777;
}

div.home-header1 {
	font-family: 'VollkornRegular', Times, serif;
	font-size: 16px;
	color: rgb(195,170,85);
	text-shadow: 1px 1px .5px #666666;
	text-align: center;
	width: 100%;
	position: relative;
	padding-top: 3px;
}

div.home-header2 {
	font-family: 'VollkornRegular', Times, serif;
	font-size: 34px;
	color: rgb(195,170,85);	
	text-shadow: 1px 1px 1px #666666;
	text-align: center;
	width: 100%;
	position: relative;
	padding-top: 0px;
	padding-bottom: 20px;
}

.dealer_list {
    display: inline-block;
    width: 425px;
    min-height: 100px;
    vertical-align: top;
    padding-left: 40px;
    line-height: 125%;
}

.cols3 {
    display: inline-block;
    min-width: 150px;
    min-height: 100px;
    vertical-align: top;
    padding-left: 10px;
    padding-top: 25px;
    margin: 0px auto;
}

.css_btn_class {
	font-size: 16px;
	font-family: 'VollkornRegular', Times, serif;
	font-weight:normal;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border:1px solid #dcdcdc;
	padding:5px 9px;
	text-decoration:none;
	background:-moz-linear-gradient( center top, #ededed 5%, #b3b3b3 100% );
	background:-ms-linear-gradient( top, #ededed 5%, #b3b3b3 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#b3b3b3');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #ededed), color-stop(100%, #b3b3b3) );
	background-color:#ededed;
	color:#777777;
	display:inline-block;
	text-shadow:1px 2px 1px #ffffff;
 	-webkit-box-shadow: 1px 0px 6px 0px #ffffff;
 	-moz-box-shadow: 1px 0px 6px 0px #ffffff;
 	box-shadow: 1px 0px 6px 0px #ffffff;
}.css_btn_class:hover {
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	background:-ms-linear-gradient( top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #dfdfdf), color-stop(100%, #ededed) );
	background-color:#dfdfdf;
}.css_btn_class:active {
	position:relative;
	top:1px;
}

/* If you know the height of the footer, then you should set it explicitly, and set the bottom padding of the footer’s parent element to be the same value (or larger if you want some spacing).
This is to prevent the footer from overlapping the content above it, since it is being removed from the document flow with position: absolute;. */
.footer {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0px auto;
    padding: 0px;
    overflow: hide;
    background-color: #efefef;
    #background-color: rgb(255,255,255);
    color: #666;
    font-size: 14px;
    #text-align: center;
    width: 940px;
    /* change height then adjust the body padding-bottom */
    height: 100px;
    -moz-box-shadow: 0 0 10px #777777;
    -webkit-box-shadow: 0 0 10px #777777;
    box-shadow: 0 0 10px #777777;
    #background: #e5e5e5;
}

p.workshop {
	font-family: 'VollkornRegular', Times, serif;
	font-size: 16px;
}

.soldout {
    font-family: 'VollkornRegular', Times, serif;
	font-size: 16px;
	font-style: italic;
    color: rgb(204,0,0);
}

/* http://www.web-plus-plus.com/Articles/blink-html-text-tag-alternatives */
/* <span class="tab-glow-blink">some text</span> */
.tab-glow-blink {
    -webkit-animation: tab-glow-blink 6s ease infinite;
    animation: tab-glow-blink 6s ease infinite
    font-size: 15px;
    letter-spacing: 0.2em;
    font-weight: normal;
    margin: 0;
}

@-webkit-keyframes tab-glow-blink {
    0% { color: white; text-shadow: 0px 0px 1px white }
    25% { color: rgb(204,0,0); text-shadow: 0px 0px 1px rgb(195,170,85) }
    100% { color: white; text-shadow: 0px 0px 1px white }
}

@keyframes tab-glow-blink {
    0% { color: white; text-shadow: 0px 0px 1px white }
    25% { color: rgb(204,0,0); text-shadow: 0px 0px 1px rgb(195,170,85) }
    100% { color: white; text-shadow: 0px 0px 1px white }
}

.facebook-responsive {
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}

.facebook-responsive iframe {
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

/* CSS for banner slideshow  */

#slideshow {
    margin: 0;
    padding: 0;
    width: 940px;
}

/* makes images responsive */
#slideshow:img {
    max-width: 100%;
}

/* takes care of clearing the floats */
#slideshow:after {
    content: "";
    display: table;
    clear: both;
}

/* hides the images not being shown */
#slideshow img {
    float: left;
    margin: 0 -100% 0 0;
}