/*//////////////////////////////////////////////////////////////
// Reset CSS Code for browser compatability
///////////////////////////////////////////////////////////////*/
html, body, div, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
center,
dl, dt, dd,
fieldset, form, label, legend{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	line-height:normal;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */

input{
	border:#999999 1px solid;
}


/*//////////////////////////////////////////////////////////////
// set TAG code
///////////////////////////////////////////////////////////////*/

body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#000000;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color:#96C3D9;
	background-image:url(art/body_background.jpg);
	background-repeat:repeat-x;
	background-position:top;

}
.main{
	width:1560px;
	padding:0px;
	margin:auto;
	background-color:#FFFFFF;
	font-size:14px;
	color:#000000;
	font-family:Arial;
	margin-top:10px;
	margin-bottom:10px;
}
.main h1{
	font-size:32px;
	color:#000000;
	font-weight:normal;
	padding:0px;
	font-family:Arial;
	margin:20px 0px 10px 0px;
}

.content{
	padding:20px;
	background-color:#f9f9f9;
	font-size:14px;
	font-family:Arial;
}

.content h1{
	font-size:32px;
	color:#000000;
	font-weight:normal;
	padding:0px;
	font-family:Arial;
	margin:0px 0px 10px 0px;
}

@media only screen and (max-width: 1600px){

	.main{
		width:auto;
		margin-top:0px;
		padding:0px;
	}
}

/*//////////////////////////////////////////////////////////////
// set TAG code
///////////////////////////////////////////////////////////////*/

.wristband{
	background-color:#ffffff; padding:10px; margin:10px 0px 0px 0px; display:block; border:#dddddd 1px solid;
}
.wristband .price{
	background-color:#eeeeee; width:140px; padding:10px; margin:-10px -10px 0px 10px; display:inline-block; float:right;
}

@media only screen and (max-width: 600px){
.wristband{
	margin:10px -10px 0px -10px;
}
.wristband .price{
	width:95px;
}

}


/*//////////////////////////////////////////////////////////////
// set TAG code
///////////////////////////////////////////////////////////////*/

.sendbutton{
	color:#000000;
	font-size:18px;
	font-family:Arial;
	font-weight:normal;
	padding:10px;
	border:#3399FF 1px solid;
	display:inline-block;
	margin:10px 0px 0px 0px;
	text-decoration:none;
	position:relative;
	bottom:0px;
	background-image:url(art/blueback.jpg);
	background-repeat:repeat-x;
	background-position:top;
}

/*//////////////////////////////////////////////////////////////
// set TAG code
///////////////////////////////////////////////////////////////*/

.calendarheader{
	display:table;
}

.calendartable .day{
	text-align:left;
	height:120px;
	vertical-align:top;
	background-color:#ffffff;
	width:14%;
}
.calendartable .blank{
	text-align:left;
	height:120px;
	vertical-align:top;
	background-color:#ffffff;
	width:14%;
}

.datetable .dateopen{
	text-align:center;
	background-color:#D9D9FF;
	width:20px;
}
.datetable .timeopen{
	text-align:center;
	background-color:#E6E6FF;
}

.datetable .dateclosed{
	text-align:center;
	background-color:#FFA4A4;
	width:20px;
}
.datetable .timeclosed{
	text-align:center;
	background-color:#FFD5D5;
}
.datetable .datefull{
	display:none;
}
.notestable{
	padding:10px;
}

.calendarmonth{
	font-size:32px;
	padding:10px;
	margin:10px 0px 0px 0px;
	display:block;
}

@media only screen and (max-width: 800px){

.calendarmonth{
	font-size:24px;
}
.calendarheader{
	display:none;
}
.calendartable .day{
	display:block;
	width:100%;
	height:auto;
}

.calendartable .blank{
	display:none;
}

.datetable .datefull{
	display:inline-block;
}

.datetable .dateday{
	display:none;
}

.datetable .dateopen{
	width:200px;
}
.datetable .dateclosed{
	width:200px;
}

.datetable .timeopen{
	text-align:left;
}
.datetable .timeclosed{
	text-align:left;
}
.notestable td{
	padding:10px;
}

}
/*//////////////////////////////////////////////////////////////
// set TAG code
///////////////////////////////////////////////////////////////*/

.contacttable{
	margin-top:10px;
}
.contacttable td{
	text-align:left;
	vertical-align:top;
}

@media only screen and (max-width: 600px){
.contacttable td{
	display:block;
	width:100%;
	text-align:left;
}
}

/*//////////////////////////////////////////////////////////////
// Discography
///////////////////////////////////////////////////////////////*/

.maintable{
	width:100%;
}
.maintable td{
	width:50%;
	text-align:left;
}
.maintable td h2{
	font-size:36px;
	font-weight:normal;
	font-family:Arial;
}
.maintable td h3{
	font-size:18px;
	font-weight:normal;
	font-family:Arial;
	color:#3399FF;
}
.maintable td img{
	width:90%;
	height:auto;
}
.maintable td a{
	display:inline-block;
	margin:5px 5px 5px 0px;
	padding:10px;
	text-align:center;
	vertical-align:top;
	background-color:#eeeeee;
	border:#dddddd 1px solid;
	font-size:16px;
	text-decoration:none;
	color:#333333;
}
.maintable td a img{
	display:block;
	margin:auto;
}

.tracktable{
	width:100%;
	background-color:#dddddd;
	margin-top:10px;
}
.tracktable td{
	background-color:#eeeeee;
	text-align:left;
	width:auto;
}
.tracktable td audio{
	width:160px;
}

@media only screen and (max-width: 700px){
	.maintable{
		margin:0px -10px 0px -10px;
	}
	.maintable td{
		display:block;
		width:100%;
		height:auto;
	}
	.maintable td img{
		display:block;
		width:100%;
		height:auto;
	}
	.tracktable td{
		display:table-cell;
		width:auto;
	}
}
/*//////////////////////////////////////////////////////////////
// set TAG code
///////////////////////////////////////////////////////////////*/
.slide{
	width:1560px;
	height:auto;
}
@media only screen and (max-width: 1600px){
	.slide{
		width:100%;
	}
}

/*/////////////////////////////////////////////////////////////////

/////////////////////////////////////////////////////////////////*/
.boxes{
	display:block;
	margin:10px 0px 0px 0px;
	vertical-align:top;
	text-align:center;
}
.box1, .box2, .box3{
	vertical-align:top;
	display:inline-block;
	text-align:left;
	padding:25px;
	border:#eeeeee 1px solid;
	width:28%;
	height:200px;
	font-size:16px;
}
.box1 h3, .box2 h3, .box3 h3{
	font-size:24px;
	text-shadow:#ffffff 2px 2px 5px;
}
.box1{
	margin:5px 5px 0px 0px;
}
.box2{
	margin:5px 5px 0px 5px;
}
.box3{
	margin:5px 0px 0px 5px;
}
@media only screen and (max-width: 1230px){
.box1, .box2, .box3{
	width:26%;
}
}

@media only screen and (max-width: 600px){
.box1, .box2, .box3{
	width:auto;
	height:auto;
	display:block;
	margin:5px 0px 5px 0px;
}
}
/*/////////////////////////////////////////////////////////////////

/////////////////////////////////////////////////////////////////*/

.awards{
	background-color:#dddddd;
	text-align:center;
	padding:20px;
	vertical-align:top;
}
.awards img{
	vertical-align:top;
	display:inline-block;
	vertical-align:top;
	text-align:center;
	margin:10px;
}


/*/////////////////////////////////////////////////////////////////

/////////////////////////////////////////////////////////////////*/

.slideshow{
	display:block;
	width:100%;
	height:auto;
	padding:0px;
	position:relative;
	margin:auto;
	overflow:hidden;
}
.slidebanner{
	z-index:2;
	display:none;
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:auto;
}
.blankbanner{
	display:block;
	width:100%;
	height:auto;
	padding:0px;
	margin:auto;
}

@media only screen and (max-width:600px){
.slideshow{
	display:block;
	width:100%;
	height:auto;
	padding:0px;
	position:relative;
	margin:auto;
	overflow:hidden;
}
.slidebanner{
	z-index:2;
	display:none;
	position:absolute;
	top:0px;
	left:-40%;
	width:180%;
	height:auto;
}
.blankbanner{
	display:block;
	width:180%;
	height:auto;
	padding:0px;
	margin:auto;
}
}

/*/////////////////////////////////////////////////////////////////

/////////////////////////////////////////////////////////////////*/

video{
	width:1560px;
	height:600px;
	padding:0px;
	margin:0px;
}

@media only screen and (max-width:1600px){
	video{
		width:100%;
		height:auto;
		box-sizing:border-box;
	}
}

/*/////////////////////////////////////////////////////////////////

/////////////////////////////////////////////////////////////////*/

.photoshow{
	width:1560px;
	height:600px;
	padding:0px;
	margin:0px;
}

@media only screen and (max-width:1600px){
	.photoshow{
		width:100%;
		height:auto;
		box-sizing:border-box;
	}
}


/*/////////////////////////////////////////////////////////////////////////
 menu bar
//////////////////////////////////////////////////////////////////////////*/
.menubar{
	background-color:#1EADE9;
	padding:15px;
	margin:0px;
	display:block;
	text-align:left;
	vertical-align:top;
	height:40px;
	position:relative;
}
.phone{
	padding:10px 12px 9px 12px;
	margin:0px;
	display:inline-block;
	text-decoration:none;
	color:#ffffff;
	font-weight:bold;
	border-left:#3399FF 1px solid;
	font-size:18px;
	font-family:Arial, Helvetica, sans-serif;
}
.logobutton{
	display:block;
	padding:0px;
	margin:0px;
	position:absolute;
	top:5px;
	left:0px;
	z-index:100;
}
.logobutton img{
	height:80px;
	width:auto;
	margin:0px;
}
.menubutton{
	font-size:36px;
	float:right;
	display:none;
	color:#ffffff;
	text-decoration:none;
	padding:5px 10px 5px 10px;
}
.menubutton:hover{
	background-color:#333333;
}
.phonebutton{
	font-size:36px;
	float:right;
	display:none;
	color:#ffffff;
	text-decoration:none;
	padding:0px 10px 0px 10px;
}
.menubox{
	float:right;
	display:inline-block;
	padding:0px;
	margin:0px;
}
.menubox a{
	padding:13px 12px 12px 12px;
	margin:0px;
	float:left;
	text-decoration:none;
	color:#ffffff;
	font-weight:bold;
	border-left:#3399FF 1px solid;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}
.menubox a:hover{
	background-color:#990000;
	color:#000000;
	background-image:url(art/mainmenu_over.jpg);
	background-repeat:repeat-x;
	background-position:top;
	border-left:#3399FF 1px solid;
	text-decoration:none;
}

@media only screen and (max-width: 1040px){
	.menubar{
		height:auto;
	}
	.menubox{
		display:none;
		float:none;
	}
	.menubutton{
		display:inline-block;
		float:right;
		font-size:28px;
	}
	.phonebutton{
		display:inline-block;
		float:right;
		font-size:28px;
	}
	.logobutton{
		display:inline-block;
		float:none;
		position:relative;
		margin:-5px 0px 5px -5px;
		height:60px;
		width:auto;
	}
	.logobutton img{
		height:80px;
		width:auto;
		margin:0px;
	}
	.menubox a{
		display:block;
		padding:10px;
		text-align:right;
		border-right:none;
		border-left:none;
		border-top:#333333 1px solid;
		float:none;
		font-size:18px;
		font-weight:normal;
	}
	.phone{
		display:block;
		padding:10px;
		text-align:right;
		border-right:none;
		border-left:none;
		border-top:#333333 1px solid;
		float:none;
		font-size:18px;
		font-weight:normal;
	}
}


/*/////////////////////////////////////////////////////////////////////////
 menu bar
//////////////////////////////////////////////////////////////////////////*/

.pagephotos{
	padding:10px;
	border-top:#cccccc 1px solid;
	text-align:center;
}
.pagephotos h2{
	display:block;
	padding:10px;
	margin:0px;
	background-color:#dddddd;
	font-size:24px;
	font-weight:normal;
}
.pagephotos a{
	display:inline-block;
	width:165px;
	height:165px;
	padding:10px;
	margin:5px;
	background-color:#dddddd;
	text-align:center;
	vertical-align:top;
}
.pagephotos a img{
	border:#000000 1px solid;
}

/*/////////////////////////////////////////////////////////////////////////
 menu bar
//////////////////////////////////////////////////////////////////////////*/

.subpages tr td{
	text-align:left;
	vertical-align:top;
	color:#000000;
	font-size:14px;
}
.subpages tr td h3 a{
	text-decoration:none;
	font-size:28px;
	color:#000000;
	font-weight:normal;
}


@media only screen and (max-width: 800px){

.subpages tr td{
	display:block;
	padding:5px;
}

}

@media only screen and (max-width: 600px){
.subpages tr td a img{
	width:100%;
	height:auto;
}


}


/*/////////////////////////////////////////////////////////////////////////
 menu bar
//////////////////////////////////////////////////////////////////////////*/

.promos{
	display:flex;
	padding:0px;
	text-align:center;
}
.promos a h3{
	font-size:28px;
	font-family:Arial;
	font-weight:normal;
	color:#FFFFFF;
	text-shadow:#000000 0px 0px 5px;
	text-align:left;
	text-decoration:none;
}

.promo1, .promo2, .promo3, .promo4{
	background-color:#333333;
	width:25%;
	height:200px;
	padding:20px 20px 20px 20px;
	margin:10px 10px 10px 0px;
	display:inline-block;
	vertical-align:bottom;
	text-align:left;
	background-position:top;
	background-repeat:no-repeat;
	color:#000000;
	font-size:16px;
	font-weight:bold;
	text-shadow:#ffffff 0px 0px 3px;
	position:relative;
	text-decoration:none;
}


.promo1{
	background-image:url(art/promo1.jpg);
}

.promo2{
	background-image:url(art/promo2.jpg);
}

.promo3{
	background-image:url(art/promo3.jpg);
}

.promo4{
	background-image:url(art/promo4.jpg);
	margin-right:0px;
}
 
@media only screen and (max-width: 1000px){
	.promos{
		display:block;
	}
	.promo1, .promo2, .promo3, .promo4{
		width:350px;
	}
	.promo2, .promo4{
		margin-right:0px;
	}
}

@media only screen and (max-width: 850px){
	.promos{
		display:block;
	}
	.promo1, .promo2, .promo3, .promo4{
		width:250px;
	}
	.promo2, .promo4{
		margin-right:0px;
	}
}

@media only screen and (max-width: 650px){
	.promos{
		display:block;
	}
	.promo1, .promo2, .promo3, .promo4{
		width:200px;
	}
	.promo2, .promo4{
		margin-right:0px;
	}
}

@media only screen and (max-width: 550px){
	.promos{
		display:block;
	}
	.promo1, .promo2, .promo3, .promo4{
		width:100%;
		height:auto;
		margin-right:0px;
		box-sizing:border-box;
		display:block;
	}
}


/*/////////////////////////////////////////////////////////////////////////
 menu bar
//////////////////////////////////////////////////////////////////////////*/

.credits{
	display:block;
	padding:20px;
	font-size:14px;
	text-align:center;
	background-color:#eeeeee;
}
.credits div{
	width:300px;
	padding:20px;
	margin:10px 10px 10px 0px;
	display:inline-block;
	vertical-align:top;
	text-align:center;
}
.credits div a{
	display:block;
	margin:5px;
	padding:0px;
	text-decoration:none;
	color:#996600;
}
.credits div .socialbutton{
	display:inline-block;
	width:70px;
	height:70px;
	text-align:center;
	vertical-align:top;
	margin:0px;
	padding:0px;
}
.credits div h4{
	font-size:18px;
	font-family:Arial;
	font-weight:normal;
	color:#000000;
	margin:0px 0px 10px 0px;
	padding:0px;
}

/*/////////////////////////////////////////////////////////////////////////
 menu bar
//////////////////////////////////////////////////////////////////////////*/

.sponsors{
	display:block;
	text-align:center;
	padding:10px;
	margin:0px;
	background-color:#ffffff;
	margin-top:10px;
}
.sponsors .sponsorsitem{
	padding:0px;
	margin:0px;
	border-bottom:#dddddd 1px solid;
	display:block;
	text-align:left;
	vertical-align:top;
}
.sponsors .sponsorsitem .sponsorslogo{
	display:inline-block;
	width:140px;
	padding:20px;
	margin:0px;
	text-align:center;
	vertical-align:top;
}
.sponsors .sponsorsitem .sponsorsname{
	display:inline-block;
	padding:20px;
	margin:0px;
	text-align:left;
	vertical-align:top;
	font-size:14px;
	color:#000000;
}
.sponsors .sponsorsitem .sponsorsname h2{
	font-size:28px;
	font-family:Arial;
	font-weight:normal;
}
.sponsors .sponsorsitem .sponsorsname b{
	font-weight:bold;
	color:#000000;
	font-size:16px;
}
.sponsors .sponsorsitem .sponsorsname a{
	color:#33CCFF;
	font-size:14px;
}

@media only screen and (max-width: 600px){
.sponsors .sponsorsitem .sponsorslogo{
	padding:5px 0px 0px 0px;
	display:block;
	text-align:center;
	width:auto;
}
.sponsors .sponsorsitem .sponsorsname{
	padding:0px 0px 10px 0px;
	display:block;
	text-align:center;
}
}

/*/////////////////////////////////////////////////////////////////////////
 menu bar
//////////////////////////////////////////////////////////////////////////*/
.footer{
	padding:10px;
	margin:15px;
	border-top:#CCCCCC 1px solid;
	text-align:center;
}
.footer a{
	text-decoration:none;
}




/*/////////////////////////////////////////////////////////////////////////
 palm header
//////////////////////////////////////////////////////////////////////////*/

.gallerygrid{
	padding:10px;
	text-align:center;
	vertical-align:top;
	border:none;
	border-top:#dddddd 1px solid;
}
.gallerygrid a{
	width:66px;
	height:66px;
	padding:10px;
	margin:3px;
	background-color:#eeeeee;
	display:inline-block;
	text-align:center;
	vertical-align:top;
}
.gallerygrid a img{
	border:#FFFFFF 3px solid;
}
.gallerygrid a:hover img{
	border:#3366CC 3px solid;
}


/*/////////////////////////////////////////////////////////////////////////
 menu bar
//////////////////////////////////////////////////////////////////////////*/


.paging{
	padding:0px;
	margin-top:10px;
}
.paging a{
	width:14px;
	height:14px;
	padding:10px;
	margin:1px;
	display:inline-block;
	background-color:#eeeeee;
	border:#dddddd 1px solid;;
	color:#999999;
	text-align:center;
	vertical-align:top;
	cursor:pointer;
}
.paging a:hover{
	background-color:#eeeeee;
	border:#000000 1px solid;;
	color:#000000;
	cursor:pointer;
}

/*/////////////////////////////////////////////////////////////////

/////////////////////////////////////////////////////////////////*/

.leftlist{
	width:1100px;
	display:inline-block;
	vertical-align:top;
	box-sizing:border-box;
	 -moz-box-sizing:border-box;
	 text-align:left;
	 margin:0px;
}
.rightlist{
	width:300px;
	display:inline-block;
	vertical-align:top;
	box-sizing:border-box;
	 -moz-box-sizing:border-box;
	margin:0px 0px 0px 20px;

}

@media only screen and (max-width:1600px){
	.leftlist{
		width:70%;
	}
	.rightlist{
		width:25%;
	}
}

.catlist{
	border:none;
	margin:0px;
	padding:0px;

}
.catlist h3{
	font-size:24px;
	padding:20px;
	font-weight:normal;
	color:#FFFFFF;
	margin:0px;
	text-decoration:none;
	background-color:#1EADE9;
	border-radius:10px 10px 0px 0px;
}
.catlist a{
	display:block;
	padding:15px;
	font-size:16px;
	margin:1px 0px 0px 0px;
	background-color:#ffffff;
	text-decoration:none;
	color:#1EADE9;
}
.blogbox{
	padding:0px;
	display:block;
	margin:0px 0px 20px 0px;
	background-color:#ffffff;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	text-align:left;
}
.blogbox a{
	text-decoration:none;
}
.blogbox .blogdate{
	padding:10px;
	border-radius:10px;
	color:#ffffff;
	background-color:#1EADE9;
	text-align:center;
	display:inline-block;
	float:left;
	font-size:20px;
	margin:0px 10px 0px -10px;
}
.blogbox a img{
	width:100%;
	display:block;
	height:auto;
	margin:0px;
}
.textbox{
	padding:20px 30px 30px 30px;
	display:block;
	margin:0px;
	box-sizing:border-box;
	 -moz-box-sizing:border-box;
	font-size:16px;
}
.textbox h1{
	font-size:28px;
	font-weight:normal;
	margin:10px 0px 5px 0px;
}
.textbox i{
	font-size:16px;
	color:#999999;
	display:block;
	margin:2px 0px 5px 0px;
}
.textbox a h3{
	font-size:24px;
	color:#1EADE9;
	font-weight:normal;
	margin:0px 0px 0px 0px;
	text-decoration:none;
}


@media only screen and (max-width: 970px) {
	.rightlist{
	width:200px;
	}
}
@media only screen and (max-width: 870px) {
	.leftlist{
	width:500px;
	}
}
@media only screen and (max-width: 770px) {
	.leftlist{
	width:400px;
	}
}
@media only screen and (max-width: 670px) {
	.leftlist{
	width:300px;
	}
}
@media only screen and (max-width: 640px) {
	.leftlist{
		width:100%;
		display:block;
		text-align:left;
		padding:0px;
	}
	.rightlist{
		width:100%;
		display:block;
		margin:10px 0px 0px 0px;
	}
	.textbox{
		padding:10px;
	}
	.textbox .blogdate{
		margin:0px 10px 0px 0px;
	}

}

/*/////////////////////////////////////////////////////////////////

/////////////////////////////////////////////////////////////////*/

.authorbox{
	padding:10px;
	width:100%;
	background-color:#eeeeee;
	text-align:left;
	vertical-align:top;
	box-sizing:border-box;
	 -moz-box-sizing:border-box;
}
.authorbox b{
	font-size:16px;
}
.authorbox img{
	float:left;
	margin-right:10px;
}

/*/////////////////////////////////////////////////////////////////

/////////////////////////////////////////////////////////////////*/
.pages{
	display:block;
	padding:10px 0px 0px 0px;
}
.pages a{
	padding:10px;
	background-color:#dddddd;
	width:20px;
	height:20px;
	display:inline-block;
	text-align:center;
	color:#3399FF;
	font-size:16px;
	margin-right:1px;
	text-decoration:none;
}
.pages a:hover{
	background-color:#3399FF;
	color:#ffffff;
	text-decoration:none;
}

/*/////////////////////////////////////////////////////////////////////////
 website credits
//////////////////////////////////////////////////////////////////////////*/

.socialnetworking{
	display:block;
	padding:0px;
	text-align:left;
	vertical-align:top;
}

.socialnetworking .socialbutton{
	display:inline-block;
	padding:5px;
	text-align:left;
	vertical-align:top;
	margin:5px;
}