/* vertical version */
body{
	background:url(../new-images/bg.jpg) fixed;
}
#header{
	position:fixed;
	display:block;
	float:left;
	z-index:9999;
	width:100%;
	height:36px;
	background:url(../new-images/header-bg.jpg) repeat-x;
	-webkit-box-shadow:  0px 2px 15px 10px rgba(22, 9, 2, 70);
	-moz-box-shadow:  0px 2px 15px 10px rgba(22, 9, 2, 70);
    box-shadow:  0px 2px 15px 10px rgba(22, 9, 2, 70);
}
#header .logo{
	position:absolute;
	margin-left:16px;
	display:block;
}
#header ul{
	display:block;
	position:relative;
	float:left;
	width:686px;
	margin-left:125px;
	border-right:1px solid #abbf27;
}
#header ul li, #header ul li a{
	position:relative;
	display:block;
	float:left;
}
#header ul li a{
	font-family:"Rockwell", Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	text-transform:uppercase;
	font-size:11px;
	border-right:1px solid #69801e;
	border-left:1px solid #abbf27;
	color:#404d0f;
	color:rgba(74,88,19,0.8);
	text-shadow:0 1px 0 rgba(158,180,83,0.8);
	padding:10px 40px 12px 40px;
	text-decoration: none;
	-webkit-transition:all .15s;-moz-transition:all .15s;transition:all .15s;
	background:url(../new-images/navigation-bg.png) bottom repeat-x;
}
#header ul li:first-child a, #header ul li:first-child a:hover, #header ul li:first-child a:active{
	border-left:none;
}
#header ul li a:hover{
	background:url(../new-images/navigation-bg-hover.png) bottom repeat-x;
}
#header ul li a:active{
	color:#3b4a00;
	text-shadow:0 1px 0 rgba(158,180,83,0.5);
	border-left:1px solid #69801e;
	-webkit-box-shadow: inset 0px 15px 25px 0px #2c3202;
	-moz-box-shadow: inset 0px 15px 25px 0px #2c3202;
    box-shadow: inset 0px 15px 25px 0px #2c3202;
}
.box-link{
	display:block;
	position:relative;
	float:left;
	padding:11px 14px;
	background:#242322;
	outline:4px solid #242322;
	border:1px solid #3a3a3a;
	color:#404040;
	text-decoration:none;
	font-family:'Century Gothic', Helvetica, sans-serif;
	font-size:12px;
	letter-spacing:2px;
}
.box-link img{
	display:block;
	position:absolute;
	right:-52px;
	top:-5px;
	background:#bd1f00;
	border:1px solid #bd1f00;
	padding:7px;
}
.items{
	overflow:hidden;
}
	.item{
		width:100%;
		position:relative;
		height:768px;
	}
	.item, .item-relative{
		width:100%;
		position:relative;
		height:768px;
	}
		.inner,.inner-lev1,.inner-lev2,.big-logo,.grass-letters,.stick,.ladybug,.butterfly,.right-bg,.tape,.tape-measurer,.bottom-pics,.middle-pics,.top-pics,.bottom-sheet,.middle-sheet,.top-sheet,.expansion-pic,.tool{
			width:100%;
			height:100%;
			position:absolute;
			z-index:1;
		}
		.content{
			padding:0 30px;
			margin-top:36px;
			position:relative;
			z-index:2;
		}
	
/* alterations for horizontal version */

.items-horizontal{
	width:4320px;
	}
	.items-horizontal .item, .items-horizontal .item-relative{
		width:1440px;
		float:left;
	}

/* parallax images */

#home{
	background:url(../new-images/home-bg.jpg) right top repeat-y;
}
	.big-logo{
		background: url(../new-images/logo-big.png) 270px 90px fixed no-repeat;
	}
	.grass-letters{
		background: url(../new-images/grass-letters.png) 740px 290px fixed no-repeat;
	}
	.stick{
		background: url(../new-images/stick.png) 740px 390px fixed no-repeat;
	}
	.ladybug{
		background: url(../new-images/ladybug.png) 950px 295px fixed no-repeat;
	}
	.butterfly{
		background: url(../new-images/butterfly.png) 1030px 320px fixed no-repeat;
	}
	
#home-dirt{
	background:url(../new-images/home-bg-right.png) top left repeat-y;
	display:block;
	position:absolute;
	left:0px;
	top:0px;
	width:178px;
	height:100%;
}
	
#history{
	background: url(../new-images/bg.jpg) 0px 0px fixed repeat;
	font-family:'Century Gothic', Helvetica, sans-serif;
}
	.right-bg{background: url(../new-images/expansion-bg2.jpg) 0px 0px fixed no-repeat;width:200px;right:0;}
	.tape{background: url(../new-images/tape.png) center left no-repeat;width:200px;right:-180px;opacity:0.8}
	.tape-measurer{
		background: url(../new-images/tape-measure.png) 20px 410px fixed no-repeat;
	}
	.bottom-pics{
		background: url(../new-images/history-pics-bottom.png) 500px 110px no-repeat;
	}
	.middle-pics{
		background: url(../new-images/history-pics-middle.png) 200px 110px no-repeat;
	}
	.top-pics{
		background: url(../new-images/history-pics-top.png) 60px 110px no-repeat;
	}
	.time-line{display:block;position:absolute;height:353px;width:1100px;top:50px;}
.dot{
	display:block;
	position:absolute;
	float:left;
	width:13px;
	height:353px;
	background:url(../new-images/dot-blue.png) bottom no-repeat;
}
/**
.time-line:hover > div.first-box .line, .time-line:hover > div.first-box .box {
  opacity:0;
}
.time-line:hover > div{
  background:url(../new-images/dot-blue.png) bottom no-repeat;
}
**/
.dot:hover, .stay{
	background:url(../new-images/dot-green.png) bottom no-repeat !important;
}
.dot div{
	display:none;
}
.stay div{
	display:block;
}

.dot:hover .box, .stay .box, .stay:hover .box{
	display:block;
	width:280px;
	padding:20px;
	position:absolute;
	z-index:8000;
	color:#714426;
	margin-left:-50px;
	background:url(../new-images/graph-bg.jpg);
	font-family:"Rockwell", Georgia, "Times New Roman", Times, serif;
	-webkit-box-shadow:0px 5px 10px rgba(0,0,0,0.7);
	-moz-box-shadow:0px 5px 10px rgba(0,0,0,0.7);
	box-shadow:0px 5px 10px rgba(0,0,0,0.7);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	top:50px;
}
.stay .box, .stay:hover .box{
	z-index:7500;
}
.dot .box h2 {
	font-family: "borisblackbloxxregular", "Century Gothic",Arial, Helvetica, sans-serif;
	font-size:18px;
	text-align:left;
	text-shadow:none;
	text-transform:uppercase;
	letter-spacing:0px;
	padding-top:10px;
	font-weight:lighter;
	width:95%;
}
.dot .box span {
	font-style:italic;
}
.dot .box a {
	font-weight:bold;
	text-decoration:none;
	color:#5b7b05;
}
.dot .box a:hover {
	text-decoration:underline;
}
.dot .box h2:after{
	display:block;
	position:relative;
	float:left;
	clear:both;
	content:url(../new-images/footer-line.png);
	padding:2px 0 5px 0;
}
.dot:hover .line, .stay .line, .stay:hover .line{
	display:block;
	position:absolute;
	background:url(../new-images/history-line.png) bottom center no-repeat;
	bottom:12px;
	left:-95px;
	width:200px;
	z-index:7499;
}
#expansion{
	background: url(../new-images/expansion-bg1.jpg) 0px 0px fixed;
	font-family:'Century Gothic', Helvetica, sans-serif;
}
	.bottom-sheet{
		background: url(../new-images/expansion-sheet-bottom.png) 50px 80px fixed no-repeat;
	}
	.middle-sheet{
		background: url(../new-images/expansion-sheet-middle.png) 50px 80px fixed no-repeat;
	}
	.top-sheet{
		background: url(../new-images/expansion-sheet-top.png) 60px 60px fixed no-repeat;
	}
	.expansion-pic{
		background: url(../new-images/expansion-pic.png) 450px 150px fixed no-repeat;
	}
	.tool{
		background: url(../new-images/tool.png) 600px 200px fixed no-repeat;
	}
	

#donation{
	background: #333 url() 0px 0px fixed repeat;
}
.park{
	background: url() 80px 255px fixed no-repeat;
}
.ex{
	background: url() 950px 215px fixed no-repeat;
}
.art-badge{
	background: url() 750px 315px fixed no-repeat;
}
.ham{
	background: url() -20px 150px fixed no-repeat;
}
.cc{
	background: url() 630px 200px fixed no-repeat;
}
.eric{
	background: url() 700px 95px fixed no-repeat;
}
.artist-content{margin-left:280px;width:200px; height:220px; padding:20px; overflow:auto; font-family:'Century Gothic', Helvetica, sans-serif;color:#555}



#footer{
	font-family:Georgia, "Times New Roman", Times, serif;
	position:fixed;
	z-index:8999;
	top:530px;
	width:100%;
	height:550px;
	min-width:960px;
	min-height:270px;
	display:block;
	background:url(../new-images/footer-bg.png);
	-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s;
}
.footer-col{
	position:relative;
	float:left;
	display:block;
	width:280px;
	min-height:170px;
	margin-left:30px;
}
.footer-col h2{
	width:260px;
	text-align:center;
	padding:5px;
	margin-top:30px;
	font-family: "borisblackbloxxregular", "Century Gothic",Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:9px;
	text-transform:uppercase;
	text-shadow:0 -2px 1px #000;
	letter-spacing:1px;
	font-weight:lighter;
}
.footer-col h2:after{
	display:block;
	position:relative;
	float:left;
	content:url(../new-images/footer-line.png);
	padding:10px 0 5px 0;
}
.footer-col .footer-text{
	position:relative;
	float:block;
	width:90%;
	margin:0 10%;
	font-family:"Rockwell", Georgia, "Times New Roman", Times, serif;
	font-size:11px;
	color:#9d8f85;
	line-height:18px;
}
.footer-col .footer-text a{
	font-weight:bold;
	color:#6b7c1d;
	text-decoration:none;
}
.footer-col .footer-text img{
	position:relative;
	display:block;
	float:left;
	margin-right:10px;
	margin-top:3px;
}
#sub-footer{
	display:block;
	position:relative;
	clear:both;
	float:left;
	padding-left:30px;
}
#sub-footer #credentials{
	display:block;
	position:relative;
	float:left;
	width:382px;
}
#sub-footer #credentials span{
	display:block;
	position:relative;
	float:left;
	width:300px;
	margin-top:4px;
	font-family:"Rockwell", Georgia, "Times New Roman", Times, serif;
	text-transform:uppercase;
	font-size:10px;
	color:#9d8f85;
}
#sub-footer #credentials  ul{
	display:block;
	position:relative;
	float:left;
	width:330px;
	margin-top:4px;
}
#sub-footer #credentials ul li, #sub-footer #credentials ul li a{
	position:relative;
	display:block;
	float:left;
}
#sub-footer #credentials ul li a{
	font-family:"Rockwell", Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	text-transform:uppercase;
	font-size:10px;
	color:#9d8f85;
	text-decoration: none;
	-webkit-transition:all .15s;-moz-transition:all .15s;transition:all .15s;
}
#sub-footer #credentials ul li a:hover{
	color:#728e0c;
}
#sub-footer #credentials ul li a:after, #sub-footer #credentials ul li a:hover:after{
	content:"/";
	padding:0 5px;
	color:#9d8f85;
}
#sub-footer #credentials ul li:last-child a:after{
	display:none;
}
#sub-footer #social{
	display:block;
	position:relative;
	float:left;
	width:400px;
	padding-top:5px;
	padding-left:15px;
}
.social{
	display:block;
	position:relative;
	float:left;
	margin-right:10px;
}


#contact, #donation {
	width:280px;
	height:350px;
	padding:20px;
	padding-right:5px;
	position:relative;
	background:url(../new-images/graph-bg.jpg);
	color:#dbd6cb;
	text-shadow:0 1px 4px #000000;
	font-family:"Rockwell", Georgia, "Times New Roman", Times, serif;
}
#contact h2, #donation h2 {
	font-family: "borisblackbloxxregular", "Century Gothic",Arial, Helvetica, sans-serif;
	color:#714426;
	font-size:18px;
	text-align:center;
	text-shadow:none;
	text-transform:uppercase;
	letter-spacing:0px;
	padding-top:10px;
	font-weight:lighter;
	width:95%;
}
#contact h2:after, #donation h2:after{
	display:block;
	position:relative;
	float:left;
	content:url(../new-images/contact-line.png);
	padding:2px 0 5px 0;
}
#donation h2:after{
	display:block;
	position:relative;
	float:left;
	content:url(../new-images/contact-line.png);
	padding:2px 0;
}
#contact span, #donation span{
	font-size:11px;padding-top:20px;color:#714426;text-shadow:none;text-align:center;width:97%;
	font-family:"Rockwell", Georgia, "Times New Roman", Times, serif;
	display:block;position:relative;float:left;
}
#donation span{
	text-align:left;
}
#contact span span, #donation span span{
	font-weight:bold;
	padding:0;
	width:100%;
	font-family: "borisblackbloxxregular", "Century Gothic",Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-size:10px;
	letter-spacing:-1px;
}
#contact div, #donation div {
	position:relative;
	float:left;
	margin-bottom:3px;
}
#contact label, #donation label {
	display:block;
	float:none;
	font-size:12px;
	width:auto;
	position:absolute;
	top:9px;
	left:8px;
	color:#967965;
	text-shadow:0 0 5px #e6e0d7;
}
form#contactform input, form#donationform input{
	padding:5px;
	font-size:14px;
}
form#contactform textarea, form#donationform textarea {
	font-size:100%;
	padding:5px 9px;
}
#contactform textarea, #contactform input, #donationform textarea, #donationform input{ 
	background: url(../new-images/form-inner.jpg);
	font-family:"Rockwell", Georgia, "Times New Roman", Times, serif;
	border:1px solid #cbceaa;
	color:#836855;
}
#contact .error, .success{
	font-family:"Rockwell", Georgia, "Times New Roman", Times, serif;
	padding:5px;
	display:block;
	font-size:12px;
	width:260px;
	margin-bottom:3px;
	-webkit-box-shadow:0px 1px 1px rgba(0,0,0,0.7);
	-moz-box-shadow:0px 1px 1px rgba(0,0,0,0.7);
	box-shadow:0px 1px 1px rgba(0,0,0,0.7);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	text-shadow:0 0px 0px #000000;
}
.success{
	border:1px solid #363;
	color:#363;
	background:#94c494;
}
.error{
	border:1px solid #600;
	color:#600;
	background:#FCC;
}
#contactform #req, #donationform #req{
	font-size:10px;padding:5px 0;color:#967965;text-shadow:none;
	font-family:"Rockwell", Georgia, "Times New Roman", Times, serif;
}
#contactform input.button, #donationform input.button{
	width:262px;
	height:35px;
	margin-left:2px;
	margin-bottom:2px;
	text-transform:uppercase;
	font-family:"Rockwell", Georgia, "Times New Roman", Times, serif;
	-webkit-box-shadow:0px 2px 2px rgba(0,0,0,0.7) !important;
	-moz-box-shadow:0px 2px 2px rgba(0,0,0,0.7) !important;
	box-shadow:0px 2px 2px rgba(0,0,0,0.7) !important;
	background:url(../new-images/header-bg.jpg) bottom repeat-x;
	font-size:12px;
	font-weight:bold;
	border:none;
	border-bottom:2px solid #516314;
	color:#404d0f;
	color:rgba(74,88,19,0.9);
	text-shadow:0 1px 0 rgba(158,180,83,0.7);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding:8px 40px 12px 40px;
	text-decoration: none;
	cursor:pointer;
	
}
#contactform input.button:hover, #donationform input.button:hover{
	color:#404d0f;
	color:rgba(74,88,19,0.8);
	opacity:0.9;
}
#contactform input.button:active, #donationform input.button:active{
	border-bottom:1px solid #516314;
	margin-bottom:1px;
	margin-top:1px;
	opacity:1;
	color:#3b4612;
	-webkit-box-shadow: inset 0px 0px 0px 60px rgba(0, 0, 0, 0.15) !important;
	-moz-box-shadow: inset 0px 0px 0px 60px rgba(0, 0, 0, 0.15) !important;
    box-shadow: inset 0px 0px 0px 60px rgba(0, 0, 0, 0.15) !important;
	text-shadow:0 1px 0 rgba(158,180,83,0.6);
}
#amount-extras{
	margin:15px 0;
	float:right !important;
	display:block;
	position:relative;
	width:100px;
	padding-bottom:10px;
}
#amount-extras:before{
	content:"$";
	position:absolute;
	margin-top:8px;
	margin-left:-8px;
	color:#967965;
	text-shadow:none;
}
.vjs-default-skin .vjs-big-play-button{border:4px solid #fff !important;opacity:.75 !important;-webkit-border-radius:100px !important;-moz-border-radius:100px !important;border-radius:100px !important;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}