body {
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	background-color: #40160c;
	padding-bottom:75px;
	margin:0;
	background: url(../img/barnBoardBackground.jpg) repeat-x left 160px #40160c;
	font-size: 13px;
}
img {border:0;}
a:link, a:active, a:visited {color:#268cc8;}
a:hover {color:#ffffff;}


h1 {font-family: Georgia, Times, "Times New Roman", serif;font-size: 24px;margin: 0 0 8px 0;text-shadow: black 0.1em 0.1em 0.2em}
h2 {font-family: Georgia, Times, "Times New Roman", serif;font-size: 20px;margin: 0 0 6px 0; }
h3 {font-family: Georgia, Times, "Times New Roman", serif;font-size: 16px;margin: 0 0 6px 0;}
h4 {font-family: Georgia, Times, "Times New Roman", serif;font-size: 14px;margin: 0 0 6px 0;}
h5 {font-family: Georgia, Times, "Times New Roman", serif;font-size: 12px;margin: 0 0 6px 0;}
p {margin-bottom:12px;line-height:18px;}
li {margin-bottom:12px;line-height:14px;}
ul, ol {padding:0;margin:0;margin-left:20px;margin-bottom:12px;}

#grassFooter{
	background: url(../img/bottomGrassBg.png) repeat-x bottom  transparent;
	height:75px;
	bottom:0;
	width:99%;
	position: fixed;
}

#introText, .ui-dialog {
	max-width:500px;
}
#introText img {
	float:left;
}
#introText h1 {
	margin: 20px 10px 20px 175px;
	text-shadow: none;
	text-align:center;
}
#introText p {
	clear:left;
}

#header {
	position:relative;
	text-align:center;
	background-color:#2D75C9;
	padding-top:10px;
	margin-bottom: -10px;
}
#headerContent {
	max-width:960px;
	margin:0 auto;
	text-align:left;
	position:relative;
	z-index:1;
}
#headerContent p {
	background-color:#163A64;
	background:rgba(0,0,0,0.5);
	color:white;
	border-radius:5px;
	padding:10px;
	margin:10px;
	margin-left:235px;
}
#homeSign {	position:absolute;left:0;bottom:-23px;width:225px;}
.cloud{ z-index:0; position:absolute;}


#breadcrumbWrapper {
	font-family: Georgia, Times, "Times New Roman", serif;
	background-color:#260c06;
	width:100%;
	min-height:30px;
}

#breadcrumb {
	margin: -25px 0 0 0;
	color:#ffffff;
	max-width:960px;
}

/* {{{ Home - Tour Selections */
#selectTourSign {
	margin: 30px auto 0;
	color:#ffffff;
	max-width:960px;
	text-align:center;
}
#sliderControls {
	max-width:960px;
	margin:20px auto 0;
}

#tourSelection {
	clear:both;
	overflow: hidden;
	max-width:960px;
	background-color:#341109;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow:  1px 1px 1px 0px #6a3813;
	box-shadow:  1px 1px 1px 0px #6a3813;
	margin:20px auto 20px;
}
#tourSelectionInner {
	white-space:nowrap;
}

.tourIcon {
	/*
	width:20%;
	height:300px;
	float:left;
	*/
	display:inline-block;
	padding: 25px;
	margin:10px 15px;
	text-align:center;
	background: url(../img/frame.png);
	position:relative;
}
.tourIcon h5 {
	position:absolute;
	bottom:28px;
	height:20px;
	width:75%;
	font-size:19px;
	color:white;
	font-weight:400;
	background: rgba(0,0,0, 0.5);
	margin:0;
	padding:5px 0;
}
.twoLineTitle {
	height: 40px!important;
}
/* }}} */

#farmSound {
	position:absolute;
	bottom:25%;
	left: 5%;
	width: 17.2%;
	min-width: 85px;
}
#hpLogos {
	max-width:960px;
	margin: 0 auto;
}

#languageSelection {
	max-width:960px;
	margin: 0 auto;
	text-align:right;
	color: white;
}
.clear {
	clear:both;
	height:0;
	line-height: 0;
}

.transparentBg {
	background-color:transparent!important;
}
.hidden {
	display:none;
}

.player {
	float:left;
	max-width:360px;
}

.didyouKnow {
	margin-top: 20px;
	color: #871F36;
	text-transform: uppercase;
}

.dictionary {
	margin-left:0px;
}

.dictionary li
{
	border-bottom: 1px dotted #999;
	padding: 10px 0px;
	list-style: none;

}

.dictionary li b { color: #871F36; }

/* {{{ Video Page - Styles */

.videoLinks a:link, .videoLinks a:active, .videoLinks a:visited { background: url(../img/videoLinkBackground.jpg); display: block; width: 193px; height:78px; margin-left: 20px; color:#f8ca94; font-family:Georgia, "Times New Roman", Times, serif; text-decoration: none; text-align: center; padding-top: 50px; font-size: 1.25em; }

.videoLinks a:hover {color:white!important;}

.videoLinks li {float:left; list-style: none;}
/* }}} */

.contactUs {
	max-width:960px;
	margin: 0 auto;
	padding-top: 10px;
	text-align:right;
}



@media screen and (max-width:480px)
{
	body {
		background-position: left 100px;
	}

	h1 {font-size: 20px;margin: 0 5px 8px;}
	h2 {font-size: 18px;margin: 0 5px 6px;}
	h3 {margin: 0 5px 6px;}
	h4 {margin: 0 5px 6px;}
	h5 {margin: 0 5px 6px;}

	.cloud {display:none;}
	#header {height:73px;text-align:left;position:static;}
	#homeSign {width:125px;position:static;margin-bottom:-1px;}
	#headerContent {width:100%;}
	#headerContent p {
		display: none;
	}
	#selectTourSign {
		margin-top: 75px;
	}
	#introText img {float:none;}
	#introText h1 {margin: 20px 10px;}

	#sliderControls {display:none}
	#rightArrow, #leftArrow {
		display:none;
	}

	#selectTourSign img {
		position: absolute;
		right: 10px;
		top: 20px;
		width: 60%;
	}

	#tourSelection {
		overflow-x: scroll;
	}
	.tourIcon {
		width: 160px;
		margin:10px 10px;
	}

	#languageSelection, .contactUs {
		clear:both;
		text-align:center;
		position:relative;
		z-index: 999;
	}
}