/* ----------------------------------------------------------------------------------------------------- BODY, HTML */

	body { height: 100%; margin: 0px; padding: 0px; font-family:Georgia, "Times New Roman", Times, serif; background:url(../images/bg_page.png) repeat-x top #262d33; color:#FFF;}
	
	/* ----------------------------------------------------------------------------------------------------- GLOBAL */
	
	.clear {clear:both;	}
	.rounded {-moz-border-radius: 5px; -webkit-border-radius: 5px; -webkit-transition: all 0.2s ease-in;-moz-transition: all 0.2s ease-in;}	
	a { -webkit-transition: all 0.2s ease-in;-moz-transition: all 0.2s ease-in;}
	img {outline: none; border:none;}
	
	@font-face {  font-family: "Knockout"; src: url("fonts/Knockout-FullCruiser.otf"); font-weight: bold;} 
	@font-face {  font-family: "Knockout2"; src: url("fonts/Knockout-JuniorCruiser.otf"); font-weight: bold;} .knockout2 { font-family:"Knockout2"}
	@font-face {  font-family: "Knockout3"; src: url("fonts/Knockout-FullLiteweight.otf"); font-weight: bold;} 

	/* ----------------------------------------------------------------------------------------------------- HEADER */

	#headercontainer {width:100%; height:350px; float:left; background-color:#004563;}
	#header {width:1050px; height:350px; float:left; background-color:#004563;}
	
	.emaillist { width:386px; height:50px; z-index:999999; position:absolute; top:225px; margin-left:50%; left:-525px; }
	.emaillist img { widows:386px; height:20px; float:left;}
	#customer_mail { height:20px; margin:0px 2px 0px 0px; padding:5px; width:288px; border:none; float:left; font-size:12px; background: url(../images/other/checker.gif); font-weight:bold; color:#FFF;}
	#customer_mail:hover { background-color:#262d33;} #customer_mail:focus { background-color:#262d33;}
	#submit { width:86px; height:30px; background:url(../images/other/checker2.gif); border:none; float:left; margin:0px; padding:0px; color:#FFF; font-weight:bold; font-size:12px;}
	#submit:hover { background-color: #3e7c94;} #submit:focus { background-color:#3e7c94}

	#slideshow { position:relative; height:350px; width:100%; z-index:99;}
	#slideshow div {position:absolute; top:0; left:0; z-index:8; opacity:0.0; height: 350px; }
	#slideshow DIV.active {z-index:10; opacity:1.0; }
	#slideshow DIV.last-active { z-index:9;}

	.slide1 { width:100%; height:350px; background-image:url(../images/slideshow/slide1.jpg); background-repeat:no-repeat; background-position:center;}
	.slide2 { width:100%; height:350px; background-image:url(../images/slideshow/slide2.jpg); background-repeat:no-repeat; background-position:center;}
	.slide3 { width:100%; height:350px; background-image:url(../images/slideshow/slide3.jpg); background-repeat:no-repeat; background-position:center;}
	.slide4 { width:100%; height:350px; background-image:url(../images/slideshow/slide4.jpg); background-repeat:no-repeat; background-position:center;}
	.slide5 { width:100%; height:350px; background-image:url(../images/slideshow/slide5.jpg); background-repeat:no-repeat; background-position:center;}
	.slide6 { width:100%; height:350px; background-image:url(../images/slideshow/slide6.jpg); background-repeat:no-repeat; background-position:center;}
	.slide8 { width:100%; height:350px; background-image:url(../images/slideshow/slide8.jpg); background-repeat:no-repeat; background-position:center;}

	/* ----------------------------------------------------------------------------------------------------- NAVIGATION */
	
	#nav {width:1050px; height:40px; line-height:40px; position:absolute; top:310px; margin-left:50%; left:-525px;  z-index:9999;}
	#nav ul {width:736px; overflow:hidden; float:left;}
	#nav ul, li { margin:0px; padding:0px; list-style-type:none; float:left;  }
	#nav li {width:90px; height:40px;}
	
	.nav1{ width:90px; margin-right:2px; overflow:hidden;}
	.nav2{ width:90px; margin-right:2px; overflow:hidden;}
	.nav3{ width:90px; margin-right:2px; overflow:hidden;}
	.nav4{ width:90px; margin-right:2px; overflow:hidden;}
	.nav5{ width:90px; margin-right:2px; overflow:hidden;}
	.nav6{ width:90px; margin-right:2px; overflow:hidden;}
	.nav7{ width:90px; margin-right:2px; overflow:hidden;}
	.nav8{ width:90px; margin-right:2px; overflow:hidden;}

	.here { background: url(../images/bg_header.png) repeat;}
	
	.mediaplayer {width:314px;height:40px;background: #81B8CC ;background-repeat:repeat;float:left;}
	
	/* ----------------------------------------------------------------------------------------------------- CONTENT */
	
	#contentcontainer { width:100%; float:left;}
	#content {width:1050px; margin:0px auto; margin-top:70px;}
	#combined {float:left;margin-bottom:50px; width:1050px; min-height:300px;}
	.combined-left {float:left;margin-bottom:50px; width:505px; overflow:hidden;}
	#combined h1 { margin-bottom:10px !important;}
	.combined-left h4 { margin-bottom:10px !important;}
	h4 { margin-bottom:10px !important;}

	#left { width:735px; float:left;margin-bottom:50px; overflow:hidden;}

	#right {width:315px; float:right; font-size:14px; color:#CBE9F2; margin-bottom:50px; overflow:hidden;}
	#right ul, li {list-style:none; display:inline; margin:0px; padding:0px;}
	#right li {margin:10px 0px 0px 0px; padding-bottom:10px; border-bottom: #333c42 solid 2px; line-height:130%; font-size:12px; font-family:Helvetica, Arial, sans-serif;}
	
	.middle { width:40%; margin-bottom:50px; float:left;}
	.middle-right { width:30%; margin-bottom:50px; float:left;}
	
	/* ----------------------------------------------------------------------------------------------------- TYPOGRAPHY */
	
	.date {font-size:21px;line-height:130%; color: #ff0; font-weight:bold; font-family:"Knockout", Helvetica, Arial, sans-serif; font-style:normal;}
	h1 {color:#FFF; font-size:36px; line-height:30px; margin:0px; font-family:"Knockout", Helvetica, Arial, sans-serif; text-transform:uppercase; letter-spacing:-2px;  }
	h2 {color:#FFF; font-size:24px; margin:0px; padding:0px; font-family:"Knockout", Helvetica, Arial, sans-serif;}
	h4 {color:#FFF; font-size:36px; line-height:30px; margin:0px; font-family:"Knockout", Helvetica, Arial, sans-serif; letter-spacing:-1px;}
	p {font-size:15px; margin:10px 50px 0px 0px; padding-bottom:20px; font-family:Georgia, "Times New Roman", Times, serif; line-height:170%; color:#CBE9F2;  }
	
	/* ----------------------------------------------------------------------------------------------------- TABLE */

	table {font-size:18px; margin:10px 0px 50px 0px; font-style:italic;}
	td {padding-bottom:5px;}
	.tableleft {color:#FFF;	 font-family:Helvetica, Arial, sans-serif; font-weight:bold; margin:0px; vertical-align:top; font-style:normal;}
	.smalltext {color:#FFF;	font-size:10px; font-weight:bold; text-transform:uppercase; font-style:normal; font-family:Helvetica, Arial, sans-serif;}
	.posting {display:block; background-color: #333c42; margin:0px 50px 50px 0px; padding:5px; font-size:12px; font-family:Helvetica, Arial, sans-serif; }
	
	/* ----------------------------------------------------------------------------------------------------- LINKS */
	
	a {font-family:Helvetica, Arial, sans-serif; color: #60BDE0; text-decoration:none; font-weight:bold; font-style:normal;}
	a:hover {color:#0092D2;}
	h1 a {color: #FFF; font-family:"Knockout", Helvetica, Arial, sans-serif; letter-spacing:-2px; -webkit-transition: all 0.2s ease-in;-moz-transition: all 0.2s ease-in;}
	h1 a:hover {color: #FFF887;}
	p a { }

	/* ----------------------------------------------------------------------------------------------------- SHOWS */
	
	.show {background-color:#333c42; width:100%; display:block; float:left; margin-bottom:5px; font-size:14px;}
	.show:hover {background-color:#34454e;}
	.show1 {width:125px; float:left; padding:10px; font-size:12px; font-weight:bold; font-family:Helvetica, Arial, sans-serif; color:#FF0;}
	.show2 {width:125px; float:left; padding:10px; color:#FFF;}
	.show3 {width:250px; float:left; padding:10px; font-style:italic; color:#CBE9F2;} .show3 a {color:#FFF;} .show3 a:hover { color: #FFF887;}
	.show4 {width:250px; float:left; padding:10px;}
	.show5 {width:200px; float:left; padding:10px;}
	.past {font-size:12px;}
	
	/* ----------------------------------------------------------------------------------------------------- VIDEO */

	#video { width:495px; float:left; display:inline-block; list-style-type:none; margin:0px; padding:10px 0px 0px 10px; background-color:#333c42;} #video:hover { background-color:#34454e; }
	#video li {width:237px; height:138px; background-color:#262d33; float:left; display:inline-block; margin:0px 10px 10px 0px; -moz-border-radius: 5px; -webkit-border-radius: 5px; overflow:hidden;}
	#video img {z-index:99999; width:231px; height:132px;margin:3px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
	#video li:hover img { display:none; }
	#video li:hover div {z-index: 9; padding:10px; font-size:12px; background-color:#262d33; width:100%; height:100%; }
	#video h2 { font-family:Helvetica, Arial, sans-serif; font-size:21px; letter-spacing:normal; text-transform:none; margin:0px; padding:0px;}
	#video p { font-family:Georgia, "Times New Roman", Times, serif; font-size:12px;}
	
	.gallerytitle {font-size:21px; float:left; color: #FFF;  display:block; letter-spacing:1px; width:1030px;
	font-family:"Knockout", Helvetica, Arial, sans-serif; font-weight:bold; text-transform:uppercase; background-color:#315E70; margin:0px 0px 5px 0px; padding:10px 0px 10px 20px; }
	
	.gallerytitle2 {font-size:14px; float:left; color: #FFF;  display:block;  width:495px;
	font-family:"Knockout2", Helvetica, Arial, sans-serif; font-weight:bold; text-transform:uppercase; background-color:#315E70; margin:0px 0px 5px 0px; padding:5px 0px 5px 10px; }

	/* ----------------------------------------------------------------------------------------------------- PHOTO */

	#photo { width:495px; float:left; display:inline-block; list-style-type:none; margin:0px; padding:10px 0px 0px 10px; cursor:pointer; background-color:#333c42;} #photo:hover { background-color:#34454e;}
	#photo li {width:113px; height:66px; background-color: #262d33; float:left; display:inline-block; margin:0px 10px 10px 0px; -moz-border-radius: 5px; -webkit-border-radius: 5px; overflow:hidden; cursor:pointer;}
	#photo li:hover { background-color: #006D9A;}
	#photo img {z-index:99999; width:107px; height:60px; margin:3px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
	.photomargin { margin-right:0px !important;}
	
	/* ----------------------------------------------------------------------------------------------------- MERCH */

	.tshirt { width:237px;  background:url(../images/music/bg_music.png) repeat; float:left; margin:0px 20px 0px 0px; padding-bottom:5px; overflow:hidden;  font-family:Helvetica, Arial, sans-serif; }
	.tshirt img {float:left;  width:237px; height:100px; margin-bottom:5px; float:left; }
	.tshirt h2 { font-size:18px; padding-bottom:5px !important; padding:10px; display:block; background: url(../images/music/bg_music.png) repeat; margin-bottom:10px;  }
	.tshirt h2 a {font-family:"Knockout"; }
	.tshirt a:hover { color: #FF0;}
	.dollar { width:35px; height:35px; line-height:37px; text-align:center; background:url(../images/merch/dollar.png); font-size:14px; font-weight:bold; margin:1px 10px 5px 10px; float:left;  font-family:"Knockout";}
	.description { float:left; width:152px; font-size:12px; line-height:150%;}

	/* ----------------------------------------------------------------------------------------------------- MUSIC */

	.release { width:1010px; background-color:#333c42; overflow:hidden; padding:20px; margin-bottom:20px; float:left;}
	.release img { float:left; }
	.release p { float:left; width:340px; line-height:175%;}
	.release h3 { font-family:Helvetica, Arial, sans-serif; font-weight:bold; font-size:36px; margin:0px 0px 10px 0px; padding:0px; display:block; font-family:"Knockout", Helvetica, Arial, sans-serif;}
	.release:hover {background-color:#34454e;}
	.releaseinfo { font-family:Helvetica, Arial, sans-serif; font-size:14px; line-height:150%; background:url(../images/music/bg_music.png) repeat; width:720px; padding:10px; display:block;}
	.releaseinfo a { color: #FFFCBE;} .releaseinfo a:hover { color:#FF0;}
	.time { font-family:Helvetica, Arial, sans-serif; font-style:normal; font-size:14px; color:#FFF; margin-left:10px; }
	.time a { font-variant:normal; text-transform:uppercase; cursor:pointer;}
	.number { font-family:Helvetica, Arial, sans-serif; font-style:normal; font-weight:bold; font-size:18px; color:#FFF; background:url(../images/music/bg_music.png) repeat; padding:5px 10px 5px 10px; margin-right:10px;}
	.record { float:left; padding-left:20px; width:740px;}
	
	.song { float:left; background:url(../images/music/bg_music.png) repeat; padding:5px 5px 5px 0px; display:block; width:735px; margin:10px 0px 0px 0px;} 
	
	/* ----------------------------------------------------------------------------------------------------- FOOTER */
	
	#footer {float:left; width:100%; height:150px; background-color: #FFF; background-image:url(../images/bg_footer.png); background-repeat:repeat-x;}
	#footercontent {line-height:150px; color:#043341; width:1050px; height:150px; position:absolute; z-index:999; margin-left:50%; left:-525px; text-align:center;}