body{
	background-color: #424d57;
	background-image: url("../img/bgmatte.jpg");
	background-size: cover; 
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	font-family: 'Open Sans', sans-serif;  
	font-weight: 400;
	font-size: 1em;
}

/*furdu 2014 image*/
.panel h1{
	text-align: center;
	font-family: 'Open Sans', sans-serif;  
	font-weight: 300;
	font-size: 2em;
	color: #fff; 
}

.error-box h1{
	color: #780000;
}

/*Jurassic Safari image*/
h2{
	color: #fff;
}


/* Registration Open*/
h3{
	font-family: 'Luckiest Guy';
	font-size: 2em;
	text-align: center;
	color: #344418;
}

h3.mobile-h3{
	font-size: 1.6em;
}

#bookingbox h3{
	color: #d2e83d;
	text-shadow: 0px 1px 3px rgba(0, 0, 0, 1);
}

/*Hold on to your butts*/
h4{
	font-family: 'Open Sans', sans-serif;  
	font-weight: 700;
	font-size: 1.2em;
	text-align: center;
	color: white;
	text-shadow: 0px 1px 9px #000;
	line-height: 1em;
}

h5{
	font-family: 'Open Sans', sans-serif;  
	font-weight: 400;
	font-size: 1em;
	text-align: center;
	color: white;
	text-shadow: 1px 1px 5px #000;
}

.panel h6{
	font-family: 'Open Sans', sans-serif;  
	font-weight: 700;
	font-size: 1em;
	color: white;
}

p{
	font-family: 'Open Sans', sans-serif;  
	font-weight: 400;
	font-size: 1em;
}

button, .button {
	font-family: 'Open Sans', sans-serif;  
	font-weight: 400;
	background-color: #ff9c00;
	margin-bottom: 0px;
		-webkit-border-radius: 8px;
	border-radius: 8px;
	}

button, .button:hover {
	font-family: 'Open Sans', sans-serif;  
	font-weight: 400;
	background-color: #ff5a00;
	}

.button-group.radius > *:first-child, .button-group.radius > *:first-child > a, .button-group.radius > *:first-child > button, .button-group.radius > *:first-child > .button{
	border-bottom-right-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-left-radius: 8px;
	border-top-left-radius: 8px;
}
.button-group.radius > *:last-child, .button-group.radius > *:last-child > a, .button-group.radius > *:last-child > button, .button-group.radius > *:last-child > .button{
	border-bottom-right-radius: 8px;
	border-top-right-radius: 8px;
	border-bottom-left-radius: 0px;
	border-top-left-radius: 0px;
}
.panel {
	background-color: #fff;
	border: 0px;
	opacity:0.90;
  	filter:alpha(opacity=90); /* For IE8 and earlier */
}

.panel.callout {
	background: #fff1d1;
	border-width: 0;
}

.accordion dd > a {
	background: #64870f;
	font-family: 'Open Sans', sans-serif;    
	font-size: 1rem;
	font-weight: 400;
    color: #ffd988;
	/*
	text-shadow: 1px 1px 3px #000;
	*/
	text-align: center;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}

.accordion dd > a:hover {
	background: #344418; 
	transition: background-color 300ms ease-out 0s;
}

.accordion .content.active {
display: block;
background: #fff1d1;
-webkit-border-radius: 0px 0px 8px 8px;
border-radius: 0px 0px 8px 8px;
}

.accordion dd.active > a {
background: #ffed88;
-webkit-border-radius: 8px 8px 0px 0px;
border-radius: 8px 8px 0px 0px;
color: #344418;
}

.accordion.blue dd > a {
	background: #31567b;
}

.accordion.blue dd > a:hover {
	background: #1d3c5b; 
}

.accordion.blue .content.active {
background: #e6eff8;
}

.accordion.blue dd.active > a {
background: #79a3cd;
}

.socialbtn{
	width: 100%;
	height: 100%;
	min-width: 90px;
	min-height: 90px;
}

.greenbox{
	background:green;
}

.panel.clear {
	background: 
}

@-webkit-keyframes glow 
{
  50% { box-shadow: 0 0 20px #fff995; }
}

#bookingbox{

	background-image: url("../img/hotel.jpg");
	background-position: center center;
	background-repeat: no-repeat;
	min-height: 320px;

	border-style: solid;
    border-width: 1px;
    border-color: #64870f;

	width: 100%;
	
	padding: 0.5em 0;
	margin: 20px auto;

  	background-color: #d2e83d;
	-webkit-border-radius: 8px 8px 8px 8px;
	border-radius: 8px 8px 8px 8px;
}

#glowbox{
	width: 100%;

	padding: 0.5em 0;
	margin: 20px auto;

  	background-color: #d2e83d;
	background-image: url("../img/tile.gif");
	background-position: 0px 0px;
	background-repeat: repeat;
	-webkit-border-radius: 8px 8px 8px 8px;
	border-radius: 8px 8px 8px 8px;
	/*for firefox*/
	-webkit-animation: animatedBackground 30s linear infinite; /* Safari 4+ */
  	-moz-animation: animatedBackground 30s linear infinite; /* Fx 5+ */
  	-o-animation: animatedBackground 30s linear infinite; /* Opera 12+ */
	animation: animatedBackground 30s linear infinite; /* IE 10+ */
	/*for everythying else*/
	-webkit-animation-name: animatedBackground;
	-webkit-animation-duration: 30s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
}

	/*for firefox*/
@keyframes animatedBackground {
	from { background-position: 0 0; }
	to { background-position: 780px 405px; }
}

	/*for everythying else*/
@-webkit-keyframes animatedBackground {
	from {
		background-position: 0 0
	}
	to { 
		background-position: 780px 405px
	}
}

.bordered{
	-webkit-border-radius: 100px;
	border-radius: 100px;
	border-style: solid;
	border-width: 2px;
	border-color: #fff;
	transition: border-color 300ms ease-out 0s;
	transition: background 300ms ease-out 0s;
}

.bordered:hover {
	border-color: #64870f;
	background: #64870f;
	transition: border-color 300ms ease-out 0s;
	transition: background 300ms ease-out 0s;
}

label {
  display: inline-block;
}

.header-color{
	background: #466311;
	background-height: 100%;
	background-repeat: repeat-x;
	background-position: center bottom;
	margin-bottom: 0px;
	border-width: 0px;
}
	

.paypalbg{
	background-image: url("../img/paypalbutton.gif");
	background-position: center center;
	background-repeat: no-repeat;
	min-height: 80px;
}

.paypalbg:active{
	background-image: url("../img/loading.gif");
	background-position: center center;
	background-repeat: no-repeat;
	min-height: 80px;
}

/*this fixes a glitch where checkbox labels break out below them when they're too long to sit beside them*/
input[type="checkbox"] + label {display:inline;line-height:0.5rem;}
input[type="checkbox"] {margin-bottom:0;}