@charset "utf-8";
/* CSS Document */

html {
	margin: 0;
	padding: 0;
	height: 100%;
}

body {
	color: #fff;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-family: palatino linotype, georgia, times, serif;
	font-size: 18px;
	font-size: 17px;
	text-shadow: 0 0 4px #000;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	background: url(images/backgrounds-dark/forest.jpg);
}

#bgone, #bgtwo {
	padding:0;
	margin: 0;
	width: 100%;
	height: 1126px;
	top: 0;
	left: 0px;
	position: fixed;
	background-repeat: repeat;
	background-position: center;
}
#bgone{
	background-image: url(images/backgrounds-dark/forest.jpg);
}
#bgtwo{
	background-image: url(images/backgrounds-dark/africa.jpg);
}

.scrollblock {
	max-width: 1500px;
	width: auto;
	position: static !important;
	}
.clear {
	clear: both;
	display: block;
	height: 0;
}

img {
	border: none
}

ul {
	padding: 0;
	margin: 0;
}

li {
	list-style: none;
	float: none;
}

h1 {
}

h2 {
	font-weight: normal;
	font-size: 42px;
	font-size: 40px;
	margin: 0;
	padding: 55px 0 20px 0;
	font-family: palatino linotype, georgia, serif;
}

a {
	text-decoration: underline;
	color: #fff;
	outline: none;
}
a:hover {
	color: #ee2d35;
	text-decoration: none;
}

p {
	margin: 0 0 15px 70px;
	line-height: 1.4;
	text-align: justify;
}

.link-box {
	background: #111;
	height: 35px;
	display: block;
	margin-top: 6px;
	line-height: 35px;
	border-radius: 4px;
	margin-left: 70px;
	padding-left: 8px;
	overflow: hidden;
	text-decoration: none;
	outline: none;
}
	.link-box .see-more {
		background-color: #ee2c37;
		height: 35px;
		line-height: 35px;
		color: #fff;
		right: 0;
		float: right;
		display: block;
		padding: 0 10px;
		border-bottom-right-radius: 4px;
		border-top-right-radius: 4px;
		text-align: right;
	}
a.button {
	background:#ee2c37;
	height: 35px;
	line-height: 35px;
	border-radius: 3px;
	color: #fff;
	padding: 0 10px;
	text-decoration: none;
	display: inline-block;
	font-size: 18px;
}
	a.button:hover {
		color: #fff;
	}

/* SIDEBAR */
#sidebar {
	left: 0;
	top: 0;
	position: fixed;
	background: #0c0c0c;
	width: 300px;
	z-index: 100;
}
	#sidebar .logo,
	#sidebar .logo img {
		display: block;
		}
		
	#sidebar ul {
		margin: 20px 0 20px 25px;
	}
	#sidebar li {
		margin-top: 5px;
	}
	#sidebar ul a {
		color: #fff;
		font-size: 19px;
		text-decoration: none;
	}
	#sidebar ul a:hover {
		color: #ee2d35;
	}
		
	#sidebar .blog-excerpts {
		background: #3f3f3f;
		padding: 20px 10px 20px 25px;
	}
		.blog-excerpts img {
			float: left;
			display: inline-block;
			margin: 0 15px 0 0;
			border: solid 1px #666;
		}
		.blog-excerpts h3 {
			color: #ef3440;
			margin: 0 0 8px 0;
			font-weight: normal;
			font-size: 16px;
		}
		.blog-excerpts p {
			font-size: 15px;
			line-height: 1.3;
		}
	
	.jp-volume-max,
	.jp-volume-bar,
	.jp-stop {
		display: none !important;
		}	
	#sidebar .jp-title ul {
		margin: 0;
	}
	#sidebar .jp-controls li {
		margin-top: 0;
	}
	
	.social {
		padding: 15px 10px 15px 20px;
		height: 34px;
	}
		a.twitter,
		a.facebook,
		a.youtube {
			float: left;
			margin-right: 5px;
			background: url(images/social_spr_white_2x.png) no-repeat transparent;
			width: 0;
			padding-left: 34px;
			overflow: hidden;
			height: 34px;
			}
			a.facebook {
				background-position: -3px -1px;
			}
				a.facebook:hover {
					background-position: -3px -39px;
				}
			a.twitter {
				background-position: -39px -1px;
			}
				a.twitter:hover {
					background-position: -39px -39px;
				}
			a.youtube {
				background-position: -264px -1px;
			}
				a.youtube:hover {
					background-position: -264px -39px;
				}
	
/* about */	
#about-box {
	background: url(images/gray-box-bg.png) repeat scroll 0 0 transparent;
	margin: 93px 0 0 320px;
    padding: 0 6% 6%;
    width: 500px;
	z-index: 1;
}
	
/* bernie quote */	
#bernie-box {
	background: url(images/bernie-bg.jpg) no-repeat;
	margin: 2% 0 0 52%;
	width: 462px;
	height: 557px;
	z-index: 0;
	
}
	#bernie-box p.quote {
		font-size: 23px;
		line-height: 1.2;
		margin: 0;
		padding: 51% 10% 0 15%;
		text-align: left;
	}
	#bernie-box p.cite {
		margin: 0;
		padding: 3% 10% 0 30%;
		text-align: right;
		font-size: 13px;
	}
	#popup-biography img {
		float: left;
		margin: 0 15px 10px 0;
		border: solid 1px #666;
	}
	
/* listen now */	
#listen-box {
	background: url(images/gray-box-bg.png);
	margin: 2% 0 0 30%;
	padding: 0 5% 5% 5%;
    width: 45%;
    z-index: 1;
}
	#listen-box-link {
		position: relative;
		top: -125px;
	}
	#listen-box div.jp-audio {
		margin-left: 70px;
		margin-bottom: 10px;
		border: solid 1px #333;
		}
	#listen-box div.jp-audio div.jp-type-single div.jp-interface {
		height: 50px;
		}	
	#listen-box div.jp-audio ul.jp-controls {
		padding-top: 0;
		}
	#listen-box div.jp-audio div.jp-progress {
		top: 12px;
		}
	#listen-box div.jp-audio div.jp-time-holder	{
		top: 30px;
		}
	#listen-box div.jp-audio div.jp-type-single div.jp-progress {
		left: 49px;
		}	
	#listen-box div.jp-audio div.jp-type-single div.jp-time-holder {
		left: 49px;
		}			
	#listen-box .button {
		float: right;
	}
	#listen-box .link-box {
		background: #000;
	}

/* kat quote */
#katherine-box {
	background: url(images/katherine-bg.jpg) no-repeat;
	margin: 2% 0 0 420px;
	width: 385px;
	height: 464px;
	z-index: 0;
}
	#katherine-box p {
		text-align: left;
	}
	#katherine-box p.quote {
		margin: 0;
		padding: 45% 12% 0 12%;
		font-size: 20px;
		line-height: 1.2;
	}
	#katherine-box p.cite {
		font-size: 12px;
		margin: 0;
		padding: 5% 11% 0 12%;
		text-align: right;
		line-height: 40px;
	}
	#katherine-box p.cite a {
		float: right;
		margin-left: 5px;
	}
	#katherine-box a.button {
		margin-left: 5px;
		float: right;
	}
			
/* audio archive */	
#audio-archive {
	background: url(images/gray-box-bg.png);
	margin: 2% 0 0 30%;
	padding: 0 5% 5% 5%;
    width: 45%;
    z-index: 1;
}
	#audio-archive-link {
		position: relative;
		top: -250px;
	}
	#audio-archive p {
		margin-left: 0;
	}
	#audio-archive img {
		float: right;
		display: inline-block;
		margin: 5px 0 5px 15px;
		max-width: 100%;
	}
	#audio-archive div.jp-audio {
		margin-left: 70px;
		margin-bottom: 10px;
		border: solid 1px #333;
		}
	#audio-archive div.jp-audio div.jp-type-single div.jp-interface {
		height: 50px;
		}	
	#audio-archive div.jp-audio ul.jp-controls {
		padding-top: 0;
		}
	#audio-archive div.jp-audio div.jp-progress {
		top: 12px;
		}
	#audio-archive div.jp-audio div.jp-time-holder	{
		top: 30px;
		}
	#audio-archive div.jp-audio div.jp-type-single div.jp-progress {
		left: 49px;
		}	
	#audio-archive div.jp-audio div.jp-type-single div.jp-time-holder {
		left: 49px;
		}		
		
/* elephant */
#elephant {
	background: url(images/elephants.jpg) no-repeat bottom;
    height: 445px;
	margin: 2% 0 0 25%;
    width: 750px;
	z-index: 0;
}
	#elephant p.quote {
		font-size: 28px;
		padding: 20% 15% 0 15%;
		text-align: left;
		margin: 0;
	}			
	#elephant p.cite {
		margin: 0;
		padding: 3% 15% 0 30%;
		text-align: right;
		font-size: 13px;
		text-transform: uppercase;
	}	
	#elephant .button {
		margin-left: 15%;
		margin-right: 0;
		margin-top: 20px;
		
	}
	#elephant p.social {
		margin-left: -3px;
		padding-right: 10%;
	}
	#elephant p.social a {
		float: right;
		margin-right: 0;
		margin-left: 3px;
	}
	
	
/* sound design */	
#sound-design {
	background: url(images/owl.jpg) no-repeat -50px 0 #232323;
    height: 513px;
    margin: 2% 0 0 20%;
    width: 55%;
	padding:  0 2% 0 200px;
	z-index: 1;
	line-height: 1.3;
	font-size: 17px;
}
	#sound-design-link {
		position: relative;
		top: -400px;
	}
	#sound-design h2 {
		padding-top: 30px;
		}
	#sound-design p {
		margin-top: 0;
		margin-left: 55px;
		}	
	#sound-design ul {
		margin-left: 60px;
		}	
		#sound-design li {
			list-style: none;
			background: url(images/bullet.png) no-repeat 0 7px;
			margin: 8px 0 8px 0px;
			padding-left: 15px;
			}
	
/* programs */	
#programs {
	background: url(images/light-gray-box-bg.png);
	top: 3862px;
	margin: 2% 0 0 300px;
	height: auto;
	width: 42%;
	z-index: 0;
	padding: 0 5% 5%;
}
	#programs-link {
		position: relative;
		top: -425px;
		}			
	
/* installation consultation */		
#consultation {
	background: url(images/einstein.jpg) no-repeat -150px 0 #000000;
	width: 60%;
	padding:  0 4% 5% 5%;
	margin: 2% 0 0 275px;	
	z-index: 1;
}
	#consultation-link {
		position: relative;
		top: -475px;
	}
	#consultation h2 {
		font-size: 35px;
	}
	#consultation p {
		margin-left: 0;
	}
	#consultation .credit {
		position: absolute;
		bottom: 20px;
		right: 20px;
		font-size: 12px;
		color: #666;
	}
	#consultation .link-box {
		margin-left: 0;
	}
	#consultation .see-more {
		width: 75px;
	}		
#popup-consultation .client {
	width: 45%;
	float: left;
	margin: 0;
	padding-right: 5%;
	font-size: 15px;
	line-height: 1.3;
	height: 100px;
	overflow: hidden;
}
	#popup-consultation h2 {
		margin-bottom: 25px !important;
	}
	#popup-consultation .client img {
		float: left;
		margin: 0 10px 10px 0;
		border: solid 1px #ccc;
		padding: 1px;
		background: #fff;
	}
	#popup-consultation .client span {
		display: inline;
		font-weight: bold;
		margin-bottom: 3px;
	}
	#popup-consultation .client em {
		display: inline;
	}
		
/* quote */	
#gorilla {
	background: url(images/gorilla.jpg) no-repeat;
    height: 370px;
	margin: 2% 0 0 22%;
    width: 620px;
	z-index: 0;
}
	#gorilla .quote {
		padding: 14% 7% 7% 5%;
	}
	#gorilla p {
		font-size: 18px;
		text-align: left;
		}
	#gorilla p.small {
		font-size: 14px;
	}		
	#gorilla p.lg {
		font-size: 19px;
	}
	
/* the great animal orchestra */	
#store {
	background: url(images/gray-box-bg.png);
    width: 55%;
	margin: 2% 0 0 25%;
	padding: 5% 3% 5% 6%;
	z-index: 1;
}
	#store-link {
		position: relative;
		top: -530px;
	}
	#store img.book {
		float: left;
		margin: 0 20px 10px 0;
		width: 175px;
		}
	#store p {
		margin: 12px 0;
		font-size: 17px;
	}
	#store h3 {
		font-size: 21px;
		font-weight: normal;
		margin: 0;
	}
	#store i {
		font-size: 18px;
	}
	#store h2 {
		color: #EE2C37;
		padding-top: 0;
	}
	#store .link-box {
		margin-left: 0;
		background: #000;
		clear: both;
	}	
		#store .link-box .see-more {
			width: 50px;
			text-align: center;
		}
	#store .available {
		line-height: 40px;
		margin: 0;
	}
	#store .available a {
		float: right;
		margin-left: 5px;
		line-height: 40px;
		text-decoration: none;
	}
	#store .available a img {
		float: right;
		margin-left: 3px;
	}
	#store .social {
		float: right;
		width: 200px;
		padding: 0;
		height: auto;
		text-align: right;
	}
	#store .social a {
		position: relative;
		top: 3px;
		margin-right: 0 !important;
		margin-left: 5px !important;
		float: right;
	}
	
/* publications */	
#publications {
	background: url(images/light-gray-box-bg.png);
    padding: 0% 5% 6% 7%;
	margin: 2% 0 0 30%;
    width: 55%;
	z-index: 0;
}
	#publications-link {
		position: relative;
		top: -530px;
	}
	#publications p {
		margin-left: 0;
		}
	#publications .link-box {
		margin-left: 0;
	}
	#publications .link-box .see-more {
		width: 75px;
	}	
	#publications p.lg {
		font-size: 19px;
	}

	
	
/* gators box */
#gators {
	width: 700px;
	height: 364px;
	margin: 2% 0 0 25%;
	background: url(images/gators.jpg) right;
	z-index: 1;
	}	
	#gators .quote p {
		padding: 11% 12% 0 12%;
		text-align: left;
		font-size: 24px;
		line-height: 1.6;
	}
	#gators .link-box {
		font-size: 17px;
		margin: 0;
	}
	
/* contact us */	
#contact {
	background: url(images/gray-box-bg.png);
    padding: 0 5% 5% 10%;
	margin: 2% 0 0 40%;
    width: 44%;
	z-index: 0;
}
	#contact a {
		display: inline-block;
	}
	#contact .social {
		padding: 0;
		margin-bottom: 15px;
	}
	#contact .button {
		float: right;
	}