@charset "UTF-8";
/* CSS Document */
a {
	color:#FFF;
}
a:hover {
	color:#CCC;
}
body {
	margin:0;
	padding:0;
	background:#000;
	font-family:Georgia serif;
	font-size:100%;
	line-height:1.125em;
}
#preload {
	margin-left:-9999999px;
}

#root {
	height:572px;
	width:900px;
	position:absolute;
	top:50%;
	margin-top:-286px;
	left:50%;
	margin-left:-450px;
}
#dropshadow1, #dropshadow2, #dropshadow3 {
	height:572px;
	width:900px;
	position:absolute;
}
#dropshadow1 {
	z-index:-1;
	background-color:#C7C7C7;
	left:50%;
	top:50%;
	margin-left:-448px; /* 448 */
	margin-top:-280px; /* 280 */
}
#dropshadow2 {
	z-index:-2;
	background-color:#7E7E7E;
	left:50%;
	top:50%;
	margin-left:-446px; /* 446 */
	margin-top:-278px; /* 278 */
}
#dropshadow3 {
	z-index:-3;
	background-color:#3C3C3C;
	left:50%;
	top:50%;
	margin-left:-444px; /* 444 */
	margin-top:-276px; /* 276 */
}
#top, #bottom {
	background:#000;
	height:82px;
	border-left:1px #FFF solid;
	border-right:1px #FFF solid;
	border-top:#FFF 1px solid;
	border-bottom:#FFF 1px solid;
}
#middle {
	height:409px;
	background:url(images/Gorilla.jpg) no-repeat;
	border-left:1px #FFF solid;
	border-right:1px #FFF solid;
}
#soundfoundation {
	width:272px;
	height:88px;
	background:url(images/soundfoundation.png) no-repeat;
	position:relative;
	top:4px;
	left:24px;
}
#text {
	color:#FFF;
	/*font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;*/
	font-size:13px;
	position:relative;
	left:47px;
	width:206px;
}
/* start nav */
#nav {
	margin-left:auto;
	margin-right:auto;
	width:690px;
	list-style:none;
}
#nav li {
	float:left;
	display:block;
}
#nav li a {
	display:block;
	height:80px;
}
#nav li:hover {
	cursor:pointer;
}
#home, #media, #press, #shows, #contact {
	height:80px;
	margin-top:-14px;
	margin-left:70px;
}
#home {
	width:63px;
	background:url(images/home.png) no-repeat;
	margin-left:0;
}
#home:hover {
	background:url(images/home-over.png) no-repeat;
}
#media {
	width:56px;
	background:url(images/media.png) no-repeat;
}
#media:hover {
	background:url(images/media-over.png) no-repeat;
}
#press {
	width:47px;
	background:url(images/press.png) no-repeat;
}
#press:hover {
	background:url(images/press-over.png) no-repeat;
}
#shows {
	width:70px;
	background:url(images/shows.png) no-repeat;
}
#shows:hover {
	background:url(images/shows-over.png) no-repeat;
}
#contact {
	width:127px;
	background:url(images/contact.png) no-repeat;
}
#contact:hover {
	background:url(images/contact-over.png) no-repeat;
}
/* End Nav */

#squares {
	width:570px;
	height:270px;
	margin-top:15px;
	margin-right:auto;
	margin-bottom:0;
	margin-left:auto;
	list-style:none;
	padding:0;
}
#square1, #square2, #square3, #square4 {
	height:120px;
	width:120px;
	border:1px solid #fff;
	background-color:#000;
	opacity:.5;
	float:left;
}
#square5, #square6, #square7, #square8 {
	height:120px;
	width:120px;
	border:1px solid #fff;
	background-color:#000;
	opacity:.5;
	margin-top:27px;
	float:left;
}
#square2, #square3, #square4, #square6, #square7, #square8 {
	margin-left:27px;
}
#square5 {
	margin-left:0px;
}
#square1 {
	background:url(images/square1.jpg) no-repeat;
	opacity:1;
}
#square1:hover {
	background:url(images/square1-over.jpg) no-repeat;
	cursor:pointer;
}
#squares li a {
	display:block;
	height:120px;
}
#popsquare1 {
	height:380px;
	width:580px;
	background:#000;
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-290px;
	margin-top:-210px;
	border:1px #FFF solid;
	display:none;
}
#theitis {
	width:560px;
	height:340px;
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
}
#square2{
	background:url(images/square2.jpg) no-repeat;
	opacity:1;
}
#square2:hover {
	background:url(images/square2-over.jpg) no-repeat;
}
#popsquare2 {
	height:520px;
	width:660px;
	background:#000;
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-330px;
	margin-top:-260px;
	border:1px #FFF solid;
	display:none;
}
#tsf1 {
	background:url(images/tsf1.jpg) no-repeat;
	width:640px;
	height:480px;
	margin-top:30px;
	margin-left:auto;
	margin-right:auto;
}
#square3 {
	background:url(images/square3.jpg) no-repeat;
	opacity:1;
}
#square3:hover {
	background:url(images/square3-over.jpg) no-repeat;
}
#popsquare3 {
	height:494px;
	width:624px;
	background:#000;
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-312px;
	margin-top:-247px;
	border:1px #FFF solid;
	display:none;
}
#tsf2 {
	background:url(images/tsf2.jpg) no-repeat;
	width:604px;
	height:453px;
	margin-top:30px;
	margin-left:auto;
	margin-right:auto;
}
#square4 {
	background:url(images/square4.jpg) no-repeat;
	opacity:1;
}
#square4:hover {
	background:url(images/square4-over.jpg) no-repeat;
}
#popsquare4 {
	height:494px;
	width:624px;
	background:#000;
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-312px;
	margin-top:-247px;
	border:1px #FFF solid;
	display:none;
}
#tsf3 {
	background:url(images/tsf3.jpg) no-repeat;
	width:604px;
	height:453px;
	margin-top:30px;
	margin-right:auto;
	margin-left:auto;
}
#square5 {
	background:url(images/square5.jpg) no-repeat;
	opacity:1;
}
#square5:hover {
	background:url(images/square5-over.jpg) no-repeat;
}
#popsquare5 {
	height:494px;
	width:624px;
	background:#000;
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-312px;
	margin-top:-247px;
	border:1px #FFF solid;
	display:none;
}
#tsf4 {
	background:url(images/tsf4.jpg) no-repeat;
	width:604px;
	height:453px;
	margin-top:30px;
	margin-right:auto;
	margin-left:auto;
}
#square6 {
	background:url(images/square6.jpg) no-repeat;
	opacity:1;
}
#square6:hover {
	background:url(images/square6-over.jpg) no-repeat;
}
#popsquare6 {
	height:494px;
	width:624px;
	background:#000;
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-312px;
	margin-top:-247px;
	border:1px #FFF solid;
	display:none;
}
#tsf5 {
	background:url(images/tsf5.jpg) no-repeat;
	width:604px;
	height:453px;
	margin-top:30px;
	margin-right:auto;
	margin-left:auto;
}
#square7 {
	background:url(images/square7.jpg) no-repeat;
	opacity:1;
}
#square7:hover {
	background:url(images/square7-over.jpg) no-repeat;
}
#popsquare7 {
	height:494px;
	width:624px;
	background:#000;
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-312px;
	margin-top:-247px;
	border:1px #FFF solid;
	display:none;
}
#tsf6 {
	background:url(images/tsf6.jpg) no-repeat;
	width:604px;
	height:453px;
	margin-top:30px;
	margin-right:auto;
	margin-left:auto;
}
#square8 {
	background:url(images/square8.jpg) no-repeat;
	opacity:1;
}
#square8:hover {
	background:url(images/square8-over.jpg) no-repeat;
}
#popsquare8 {
	height:644px;
	width:494px;
	background:#000;
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-247px;
	margin-top:-312px;
	border:1px #FFF solid;
	display:none;
}
#tsf7 {
	background:url(images/tsf7.jpg) no-repeat;
	width:453px;
	height:604px;
	margin-top:30px;
	margin-right:auto;
	margin-left:auto;
}
#pressText {
	width:830px;
	height:275px;
	position:relative;
	top:10px;
	left:50%;
	margin-left:-440px;
	overflow:hidden;
}
#pressContent {
	position:absolute;
	top:0;
	left:0;
	color:#FFF;
}
#scroll {
	position:absolute;
	right:5px;
}
.closebox {
	cursor:pointer;
	padding:5px;
	float:right;	
	font-family:Tahoma, Geneva, sans-serif;
	color:#FFF;
}
.closebox a {
	display:block;
	color:#FFF;
	text-decoration:none;
}
.title {
	color:#FFF;
	font-family: "Gill Sans", Helvetica, Arial, Sans-Serif;
	position:absolute;
	top:127px;
	left:320px;
	font-size:30px;
	text-decoration:none;
}
.title:hover {
	color:#999;
}