body {
		margin: 0;
		padding: 0;
		background-color: #f8f3e7;
		background: url(../../images/site_bg.jpg) top left repeat;
		}

header, nav, section, article, aside, footer {
   		display: block;
		}
		
h1, h2, h3, h4, h5, h6, p, a, input, textarea, li, label {
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		-ms-font-smoothing: antialiased;
		-o-font-smoothing: antialiased;
		font-smoothing: antialiased;
		}
		
.clearfix:before, .clearfix:after { content: " "; display: table;}
.clearfix:after { clear:both;}

.hide {
		display: none;
		}
		
.container {
		width: 1000px;
		margin: 0 auto;
		padding: 0;
		background: #ffffff;
		z-index: 1;
		}
		
h1 {
		margin: 0 0 15px 0;
		padding: 0;
		font: bold 36px Times, serif;
		color: #808509;
		}
		
h2 {
		margin: 0 0 10px 0;
		padding: 0;
		font: bold 28px Times, serif;
		color: #fe9b19;
		}
		
h3 {
		margin: 0 0 10px 0;
		padding: 0;
		font: bold 22px Times, serif;
		color: #808509;
		}
		
p {
		margin: 0 0 30px 0;
		font: 18px Times, serif;
		color: #5b4333;
		}
		
article ul {
		margin: 0 0 30px 0;
		}		

article li {
		margin: 0 0 5px 0;
		font: 18px Times, serif;
		font-weight: normal;
		color: #5b4333;
		}
	
a {
		text-decoration: none;
		}
		
a img {
		border: none;
		}
		
a[href^=tel]{
    	color:inherit;
    	text-decoration:none;
		}
		
input.error, textarea.error { 
		background-color: #ffdfdf;
		border: 2px solid red;
		}
		
label.error {
	/* remove the next line when you have trouble in IE6 with labels in list */
		width: 100%;
		color: #F00;
		font: 1em CardoReg, Helvetica, Arial, sans-serif;
		}
		
.dkGreen {
		color: #808509;
		}
		
/*===================================== HEADER =====================================*/

/* ------ Fix For Android ------ */
body { -webkit-animation: bugfix infinite 1s; }
@-webkit-keyframes bugfix { from {padding:0;} to {padding:0;} }

nav input[type=checkbox] {
   position: absolute;
   top: -9999px;
   left: -9999px;
}

label { 
  cursor: pointer;
  user-select: none;
}

/* ------ End Fix For Android ------ */

header {
		width: 100%;
		margin: 0;
		padding: 0;
		background-color: #5b4333;
		background: -webkit-linear-gradient(#705645, #5b4333, #443124); /* For Safari 5.1 to 6.0 */
    	background: -o-linear-gradient(#705645, #5b4333, #443124); /* For Opera 11.1 to 12.0 */
    	background: -moz-linear-gradient(#705645, #5b4333, #443124); /* For Firefox 3.6 to 15 */
		background: -ms-linear-gradient(#705645, #5b4333, #443124); /* For Firefox 3.6 to 15 */
    	background: linear-gradient(#705645, #5b4333, #443124); /* Standard syntax (must be last) */
		z-index: 9999;
		}

nav {
		width: 680px;
		height: 40px;
		margin: 0 auto;
		padding: 0;
		}
		
nav ul {
		margin: 0;
		padding: 0;
		list-style-type: none;
		position: absolute;
		}
		
nav li {
		display: inline-block;
		}

nav li a {
		display: block;
		height: 40px;
		margin: 0 0 0 7px;
		padding: 0;
		text-align: center;
		font: bold 1em/40px Times, serif;
		color: #e2ebad;
		text-decoration: none;
		-webkit-transition: all .2s ease-in-out;
		-moz-transition: all .2s ease-in-out;
		-ms-transition: all .2s ease-in-out;
		-o-transition: all .2s ease-in-out;
		transition: all .2s ease-in-out;
		}
		
nav li a.last {
		margin-left: 0;
		}
		
nav li:hover a, .active {
		text-decoration: underline;
		}
		
/*Style for dropdown links*/
li:hover ul a, li ul a {
		display: inline-block;
		color: #5b4333;
		background-color: #ecb968;
		padding: 2px 0;
		z-index: 9999;
		text-decoration: none;
		}

/*Hover state for dropdown links*/
li:hover ul a:hover, li:hover ul a.cur {
		color: #5b4333;
		text-decoration: underline;
		}
		
ul.drop {
		width: 150px;
		padding: 0;
		margin: 0;
		background: #ecb968;
		}
		
ul.drop1 {
		width: 102px;
		padding: 0;
		margin: 0;
		background: #ecb968;
		}

/*Hide dropdown links until they are needed*/
li ul {
		background: none;
		opacity: 0;
		visibility: hidden;
		-webkit-transition: all .2s ease-in-out;
		-moz-transition: all .2s ease-in-out;
		-ms-transition: all .2s ease-in-out;
		-o-transition: all .2s ease-in-out;
		transition: all .2s ease-in-out;
		}

/*Make dropdown links vertical*/
li ul li {
		display: block;
		margin: 0 0 0 0;
		float: none;
		}

/*Prevent text wrapping*/
li ul li a {
		background-image: none;
		width: auto;
		height: 30px;
		line-height: 30px;
		}

/*Display the dropdown on hover*/
nav ul li a:hover + .hidden, .hidden:hover, .hidden:active, .hidden:focus {
		opacity: 1;
		visibility: visible;
		z-index: 9999;
		}

/*Style 'show menu' label button and hide it by default*/
.show-menu {
		font: bold 1em Times, serif;
		text-decoration: none;
		color: #e2ebad;
		text-align: center;
		padding: 10px 0 10px 0;
		display: none;
		background-color: #6e5544;
		}

/*Hide checkbox*/
input[type=checkbox]{
   		display: none;
		}

/*Show menu when invisible checkbox is checked*/
input[type=checkbox]:checked ~ #menu{
    	display: block;
		}
		
.logo {
		width: 100%;
		margin: 0;
		padding: 15px 0;
		background: url(../../images/site_bg.jpg) top left repeat;
		}
		
.logo img {
		width: 193px;
		height: 58px;
		margin: 0 0 0 30px;
		padding: 0;
		float: left;
		}
		
.logo .contactInfo {
		margin: 5px 30px 0 0;
		padding: 0;
		font: bold 28px/27px Times, serif;
		color: #5b4333;
		float: right;
		}
		
/*============  SLIDER  ================================================================================*/

.slider {
		width: 1000px;
		height: 371px;
		margin: 0;
		padding: 0;
		background: url(../../images/sliderbg.jpg) top left no-repeat;
		cursor: default;
		z-index: 1;
		}
		
.slider div {
		width: 1000px;
		margin: 0;
		padding: 0;
		cursor: default;
		}
		
.allan {
		height: 371px;
		background: url(../../images/slider_1.jpg) top left no-repeat;
		}
		
.mic {
		height: 371px;
		background: url(../../images/slider_2.jpg) top left no-repeat;
		}
		
.book {
		height: 371px;
		background: url(../../images/slider_3.jpg) top left no-repeat;
		}

		
.slideText {
		display: block;
		margin: 50px 0 0 50px;
		padding: 0;
		font: bold 36px Times, serif;
		color: #5b4333;
		}
		
.slideQuote {
		display: block;
		margin: 50px 0 0 50px;
		padding: 0;
		font: bold 18px Times, serif;
		color: #5b4333;
		}

.slideHead {
		display: block;
		margin: 0 0 0 0;
		padding: 0;
		font: bold 36px Times, serif;
		}
		
/*============  CONTENT  ================================================================================*/

.content {
		display: block;
		width: 900px;
		margin: 0;
		padding: 50px;
		background-color: #ffffff;
		}
		
.sub .content {
		display: block;
		width: 900px;
		margin: 0;
		padding: 50px;
		background-color: #ffffff;
		border-top: 4px solid #fdbb63;
		}
		
article {
		margin-bottom: 30px;
		border-bottom: 1px solid #fdbb63;
		}
		
article:last-child {
		border: none;
		}
		
.leftCol {
		margin: 0;
		}
		
.rightCol {
		width: 275px;
		float: right;
		margin: 0 0 40px 40px;
		}
		
.subLinks {
		display: block;
		margin: 0 0 15px 0;
		font: bold 20px Times, serif;
		color: #fe9b19;
		text-decoration: underline;
		}
		
.link {
		font: bold 18px Times, serif;
		color: #fe9b19;
		}
		
.subscribeBtn {
		display: block;
		width: 275px;
		height: 155px;
		margin: 0 0 40px 0;
		background: url(../../images/subscribe_btn.gif) top left no-repeat;
		z-index: 20;
		}
		
.subscribeBtn:hover {
		background-position: bottom left;
		}
		
.sidebar {
		width: 235px;
		margin: 0;
		padding: 20px;
		background: -webkit-linear-gradient(#ffffff, #e1e8aa); /* For Safari 5.1 to 6.0 */
    	background: -o-linear-gradient(#ffffff, #e1e8aa); /* For Opera 11.1 to 12.0 */
    	background: -moz-linear-gradient(#ffffff, #e1e8aa); /* For Firefox 3.6 to 15 */
		background: -ms-linear-gradient(#ffffff, #e1e8aa); /* For Firefox 3.6 to 15 */
    	background: linear-gradient(#ffffff, #e1e8aa); /* Standard syntax (must be last) */
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		-ms-border-radius: 10px;
		-o-border-radius: 10px;
		border-radius: 10px;
		border: 5px solid #ffffff;
		}
		
.sidebar p {
		color: #808509;
		}
		
.byline {
		font-size: 16px;
		font-style: italic;
		font-weight: bold;
		}
		
.wrap {
		float: right;
		margin: 0 0 10px 10px;
		border: 4px solid #fdbb63;
		}
		
/*============  FOOTER  ================================================================================*/
		
footer {
		width: 100%;
		margin: 0;
		padding: 15px 0;
		background-color: #5b4333;
		background: -webkit-linear-gradient(#705645, #5b4333, #443124); /* For Safari 5.1 to 6.0 */
    	background: -o-linear-gradient(#705645, #5b4333, #443124); /* For Opera 11.1 to 12.0 */
    	background: -moz-linear-gradient(#705645, #5b4333, #443124); /* For Firefox 3.6 to 15 */
		background: -ms-linear-gradient(#705645, #5b4333, #443124); /* For Firefox 3.6 to 15 */
    	background: linear-gradient(#705645, #5b4333, #443124); /* Standard syntax (must be last) */
		}
		
.social {
		width: 120px;
		margin: 0 auto;
		}
		
.social a {
		width: 28px;
		height: 29px;
		margin: 0 5px 0 0;
		}
		
.copyright {
		display: block;
		margin: 5px 0 0 0;
		font: 13px Times, serif;
		text-align: center;
		color: #e1e8aa;
		}

/*============  VIDEOS  ================================================================================*/

iframe {
		display: block;
		margin: 0 0 30px 0;
		}
		
iframe.audio {
		width: 445px;
		}
		
/*============  SHOWS  ================================================================================*/

.show {
		margin: 20px 0 0 20px;
		padding: 0 0 20px 0;
		border-bottom: 1px solid #808509;
		}
		
.show:last-child {
		border: none;
		}

.show h3 {
		margin: 0 0 5px 0;
		padding: 0;
		font: bold 22px Times, serif;
		color: #808509;
		}
		
.show p {
		margin: 0 0 5px 0;
		padding: 0;
		}

.show .link {
		margin: 0;
		padding: 0;
		}
		
/*============  CONTACT FORM  ================================================================================*/

input, textarea, select {
		width: 500px;
		margin: 5px 0;
		padding: 1% 2%;
		font: 18px Times, serif;
		color: #5b4333;
		border: 1px solid #808509;
		background-color: #f7f4e7;
		}
		
select {
		width: 540px;
		border-radius: 0;
		}
		
.radiocontain {
		height: 30px;
		}
		
.content form input.radio {
		display: block;
		width: inherit;
		height: 18px;
		margin: 2px 8px 0 0;
		padding: 0;
		float: left;
		}
		
form p, .contactp {
		margin: 0;
		padding: 0;
		}

#submit {
		width: 150px;
		height: 50px;
		background-color: #5b4333;
		color: #ffffff;
		border: 4px solid #5b4333;
		cursor: pointer;
		font-weight: bold;
		font-size: 20px;
		}
		
#submit:hover {
		background-color: #fdbb63;
		color: #5b4333;
		}

::-webkit-input-placeholder {
		color: #7e6b5e;
		}
		
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    	color: #7e6b5e;
		}
		
::-moz-placeholder { /* Mozilla Firefox 19+ */
    	color: #7e6b5e;
		}
		
:-ms-input-placeholder { /* Internet Explorer 10+ */
    	color: #7e6b5e;
		}
		
/*============  STORE  ================================================================================*/

.item {
		background: url(../../images/shelf.jpg) bottom left no-repeat;
		padding-bottom: 70px;
		margin-bottom: 50px;
		}

.item img {
		float: left;
		margin: 15px 25px 0 0;
		}
		
.item p {
		margin-bottom: 10px;
		}
		
.item a {
		color: #808509;
		}

/*===================================== TABLET =============================================================================================================================================================================*/

@media screen and (min-width : 761px) and (max-width : 999px){
	
.container {
		width: 730px;
		margin: 0 auto;
		padding: 0;
		}
		
.item {
		background: none;
		padding-bottom: 70px;
		margin-bottom: 50px;
		}
		
/*============  SLIDER  ================================================================================*/
		
.slider {
		width: 730px;
		height: 371px;
		margin: 0;
		padding: 0;
		background: url(../../images/sliderbg.jpg) top left no-repeat;
		cursor: default;
		z-index: 1;
		}
		
.slider div {
		width: 730px;
		margin: 0;
		padding: 0;
		cursor: default;
		}
		
.allan {
		height: 371px;
		background: url(../../images/slider1_tab.jpg) top left no-repeat;
		}
		
.mic {
		height: 371px;
		background: url(../../images/slider2_tab.jpg) top left no-repeat;
		}
		
.book {
		height: 371px;
		background: url(../../images/slider3_tab.jpg) top left no-repeat;
		}
		
.content {
		display: block;
		width: 630px;
		margin: 0;
		padding: 50px;
		background-color: #ffffff;
		}
		
.sub .content {
		display: block;
		width: 630px;
		margin: 0;
		padding: 50px;
		background-color: #ffffff;
		}
		
.wrap {
		display: block;
		float: none;
		margin: 0 0 10px 0;
		border: 4px solid #fdbb63;
		}
		
input, textarea, select {
		width: 285px;
		margin: 5px 0;
		padding: 1% 2%;
		font: 18px Times, serif;
		color: #5b4333;
		border: 1px solid #808509;
		background-color: #f7f4e7;
		}
		
select {
		width: 310px;
		border-radius: 0;
		}
		
iframe, iframe.audio {
		display: block;
		width: 300px;
		margin: 0 0 30px 0;
		}
		
}

/*===================================== PHONE ==============================================================================================================================================================================*/
@media screen and (max-width : 760px){
		
.hide-phone {
		display: none;
		}
		
/*===================================== HEADER =====================================*/

li ul {
		display: none;
		}

/*Display the dropdown on hover*/
nav ul li a:hover + .hidden, .hidden:hover {
		display: block;
		}	

.container {
		width: 93%;
		margin: 0 auto;
		padding: 0;
		}
		
nav {
		width: 100%;
		height: inherit;
		margin: 0;
		padding: 0;
		float: none;
		}

/*Make dropdown links appear inline*/
nav ul {
		position: static;
		display: none;
		background-color: #412e21;
		text-align: center;
		}
		
/*Create vertical spacing*/
li {
		margin-bottom: 1px;
		}
		
nav li a {
		height: 35px;
		line-height: 35px;
		margin: 0;
		padding: 0;
		background-color: #412e21;
		text-align: center;
		}
		
ul.drop, ul.drop1 {
		width: 100%;
		margin: 0;
		}

/*Make all menu links full width*/
nav ul li, li a {
		width: 100%;
		}
		
/*Style for dropdown links*/
li:hover ul a, li ul a {
		display: block;
		}

/*Display 'show menu' link*/
.show-menu {
		display:block;
		}
		
.logo img {
		display: block;
		width: 196px;
		height: 61px;
		margin: 0 auto;
		padding: 0;
		float: none;
		}
		
.logo .contactInfo {
		margin: 20px 0 0 0;
		padding: 0;
		font: bold 28px/27px Times, serif;
		text-align: center;
		color: #5b4333;
		float: none;
		}
		
.item {
		background: none;
		padding-bottom: 70px;
		margin-bottom: 50px;
		border-bottom: 2px solid #808509;
		}
		
.item:last-child {
		border: none;
		}
		
.item img {
		width: 230px;
		float: none;
		margin: 15px auto 0 auto;
		}
		
/*============  SLIDER  ================================================================================*/
		
.slider {
		width: 100%;
		height: 371px;
		margin: 0;
		padding: 0;
		background: url(../../images/site_bg_phone.jpg) center center no-repeat;
		cursor: default;
		z-index: 1;
		}
		
.slider div {
		width: 100%;
		margin: 0;
		padding: 0;
		cursor: default;
		}
		
.allan {
		height: 371px;
		background: url(../../images/slider1_phone.jpg) center center no-repeat;
		}
		
.mic {
		height: 371px;
		background: url(../../images/slider2_phone.jpg) center center no-repeat;
		}
		
.book {
		height: 371px;
		background: url(../../images/slider3_phone.jpg) center center no-repeat;
		}
		
.slideText {
		display: block;
		margin: 10px 0 0 0;
		padding: 5%;
		font: bold 30px Times, serif;
		text-align: center;
		color: #5b4333;
		}
		
.slideQuote {
		display: block;
		margin: 0;
		padding: 5%;
		font: bold 18px Times, serif;
		text-align: center;
		color: #5b4333;
		}

.slideHead {
		display: block;
		margin: 0 0 0 0;
		padding: 0;
		font: bold 36px Times, serif;
		text-align: center;
		}
		
.content {
		display: block;
		width: 90%;
		margin: 0;
		padding: 5%;
		background-color: #ffffff;
		}
		
.sub .content {
		display: block;
		width: 90%;
		margin: 0;
		padding: 5%;
		background-color: #ffffff;
		}
		
.rightCol {
		display: none;
		width: 275px;
		float: right;
		margin: 0 0 40px 40px;
		}
		
.wrap {
		display: block;
		float: none;
		margin: 0 0 10px 0;
		border: 4px solid #fdbb63;
		}
		
input, textarea, select {
		width: 90%;
		margin: 5px 0;
		padding: 1% 2%;
		font: 18px Times, serif;
		color: #5b4333;
		border: 1px solid #808509;
		background-color: #f7f4e7;
		}
		
select {
		width: 90%;
		border-radius: 0;
		}
		
iframe, iframe.audio {
		display: block;
		width: 100%;
		margin: 0 0 30px 0;
		}
		
}



/* COMPACT CAPTCHA */

.capbox {
	background-color: white;
	border: #dfe4a6 0px solid;
	border-width: 2px 2px 2px 20px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	display: inline-block;
	padding: 5px 8px 5px 5px;
	border-radius: 4px 4px 4px 4px;
	}

.capbox-inner {
	font: bold 12px arial, sans-serif;
	color: #413000;
	margin: 0px auto 0px auto;
	padding: 3px 10px 5px 10px;
	border-radius: 4px;
	display: inline-block;
	vertical-align: middle;
	}

#CaptchaDiv {
	color: #413000;
	font: normal 25px Impact, Charcoal, arial, sans-serif;
	font-style: italic;
	text-align: center;
	vertical-align: middle;
	user-select: none;
	display: inline-block;
	padding: 3px 14px 3px 8px;
	margin-right: 4px;
	border-radius: 4px;
	}

#CaptchaInput {
	border: #dfe4a6 2px solid;
	margin: 3px 0px 1px 0px;
	width: 105px;
	}