@charset "utf-8";
/* Party Bus Rock  CSS Document */

body {
	background-color: #000;
}

html{
	height:100%;				/* Force vertical scrollbars in VTz + Opera to prevent 'jumping' */
	margin-bottom:1px;
	overflow-y:scroll;			/* this line is for IE */
}

.center-div{     margin: 0 auto; }
img.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
} 

a:link, a:visited, a:active {
	color: #ED2024;			/* red */
	font-weight: bold;
	text-decoration: none;
}
a:hover {
	color: #3E63AE;		/* blue */ 
	font-weight: bold;
	text-decoration: none;
}

p {   margin: 0px;   padding: 0px;}

h1{	
  text-align: center;
	vertical-align: top;
	color: #ED2024;			/* red */
	font-family: 'Lobster', "Trebuchet MS", Tahoma, Arial,  sans-serif;
	font-weight: bold;
	margin-bottom: 10px;
}

h2{	
	color: #3E63AE;		/* blue */ 
	font-family: 'Lobster', "Trebuchet MS", Tahoma, Arial,  sans-serif;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 5px;
}
h3{	
	text-align: center;
	color: #ED2024;			/* red */
	font-family: "Trebuchet MS", Tahoma, Arial,  sans-serif;
	font-weight: bold;
}
h4{	
	text-align: center;
	color: #3E63AE;		/* blue */ 
	font-family: "Trebuchet MS", Tahoma, Arial,  sans-serif;
	font-weight: bold;
}
h5{	
	display: inline;
	color: #3E63AE;		/* blue */ 
	font-weight: bold;
}

.BodyTable {
	background-color: #000;
	margin: auto;
}



img {border:0px; padding:0px;}
img.framed {border:1px; padding:0px; border-color:#000;}

.Centered {margin: auto; }
.ClearL {clear: left;}
.ClearR {clear: right;}

.ContentsCentered {text-align: center; margin: auto;}
.ContentsLeft {text-align: left;}
.ContentsRight {text-align: right;}

.Copyright{
	color:#3E63AE;
	font-family: "Trebuchet MS", Tahoma, Arial,  sans-serif;
	vertical-align:middle;
	font-weight:normal;
}
.FloatR {float: right; padding-left: 10px;}
.FloatL {float: left; padding-right: 10px;}

.FrameBlue {
	background-color: #3E63AE;
	padding: 6px;
	-webkit-box-shadow: 0 0 6px rgba(132, 132, 132, .75);
	-moz-box-shadow: 0 0 6px rgba(132, 132, 132, .75);
	box-shadow: 0 0 6px rgba(132, 132, 132, .75);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.FrameRed {
	background-color: #ED2024;
	padding: 6px;
	-webkit-box-shadow: 0 0 6px rgba(132, 132, 132, .75);
	-moz-box-shadow: 0 0 6px rgba(132, 132, 132, .75);
	box-shadow: 0 0 6px rgba(132, 132, 132, .75);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.JukeboxButton {width: 20px; height: 20px; margin-right: 4px; margin-top: 10px;}

.KeepTogether {display: inline-block;}

.Left {text-align: left;}

.Link_Copyright:link, .Link_Copyright:visited, .Link_Copyright:active {
	color:#3E63AE;
	font-family: "Trebuchet MS", Tahoma, Arial,  sans-serif;
	font-weight:normal;
}
.Link_Copyright:hover {
	color:#fff; 
	font-family: "Trebuchet MS", Tahoma, Arial,  sans-serif;
	font-weight:normal;
}
.Link_Nav {
	top: -3px;
	position: relative;
	font-family: "Trebuchet MS", Tahoma, Arial,  sans-serif;
	font-weight: bold;
	text-align: left;
	padding-right: 6px;
}
.Link_Nav:link, .Link_Nav:visited, .Link_Nav:active {
	color:#000;
}
.Link_Nav:hover {
	color: #ED2024;			/* red */
}


.Margin0 ul {
    list-style: disc outside none; 
    margin-left: 0; 
    padding-left: 1em;
}
.Margin0 li {  padding-left: 10px; line-height: 19px;}

.MarginR {margin-right: 10px;}
.MarginL {margin-left: 10px;}
.MarginB {margin-bottom: 20px;}

.NavBarSide {position: relative;}

.NavTable {
	vertical-align: middle;
	margin-bottom: 10px;
}
.NavTable td { text-align: left;}

.TextBody {
	color: #fff;
	font-family: "Trebuchet MS", Tahoma, Arial,  sans-serif;
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
}
.TextGallery {
	color: #fff;
	font-family: "Trebuchet MS", Tahoma, Arial,  sans-serif;
	text-align: left;
	width: 45%;
}
.TextGalleryCenter {
	text-align: center!important;
	color: #fff;
	font-family: "Trebuchet MS", Tahoma, Arial,  sans-serif;
}

ul  {margin-top: 0px;}
ul li { list-style-type:disc;	}

.VertBottom {vertical-align: bottom;}
.VertMid {vertical-align: middle;}
.VertTop {vertical-align: top;}




/* MOBILE OPTIMIZATION *************************************** */
img { max-width: 100%; height: auto; } 
.MobileOpt img {height: auto;}

/* FOR SPECIFIED VIEWPORT */ 
@media all and (min-width: 980px) {
	h1{		font-size: 28px;}	
	h2{		font-size: 28px;}	
	h3{		font-size: 24px;}	
	h4{		font-size: 22px;}	
	.Copyright{			font-size: 16px;	line-height:30px;}
	.Link_Copyright {	font-size: 16px;}
	.Link_Nav {			font-size: 20px;}
	.TextBody, h5 {			font-size: 20px;	line-height: 24px;}
	.TextGallery {		font-size: 16px;	line-height: 24px;}
	.BodyTable {	width: 980px; }
	.NavBarOptional {display: inline;}
	.GalleryPhoto {width: 450px; height: auto;}
	.MobileShow {display: none;}
	.MobileHide {display: inline;}	
	.NavTable {	background-image:url(images/jukebox-nav-sliceW.png);}
	.NavOption {display: inline-block; position: relative; top: -5px;}
	.JukeboxL {top: -40px; right: 8px; 	 position: absolute; z-index: 300; height: 66px; width: 50px;}
	.JukeboxR {top: -40px; right: -10px; position: absolute; z-index: 300; height: 66px; width: 50px;}
	.BulletTable {width: 80%;}
	.JukeboxRainbow {max-width:12%; margin-top: 5px; margin-bottom: 10px;}
	.PhoneBlock {float: right; margin-top: 30px;}

}

/* medium devices */ 
@media (min-width: 750px) and (max-width: 979px) {
	h1{		font-size: 30px;	line-height: 32px;}	
	h2{		font-size: 28px;}	
	h3{		font-size: 24px;}	
	h4{		font-size: 22px;}	
	.Copyright{			font-size: 12px;	line-height:14px;}
	.Link_Copyright {	font-size: 12px;}
	.Link_Nav {			font-size: 16px;}
	.TextBody, h5 {			font-size: 18px;	line-height: 22px;}
	.TextGallery {		font-size: 14px;	line-height: 14px;}
	.BodyTable {	display: block; width: 100%; border-collapse: collapse; margin: auto; padding-right: 10px;}
	.NavBarOptional {display: inline;}
	.GalleryPhoto {width: 90%; height: auto;}
	.MobileHide {display: none;}
	.MobileShow {display: inline;}
	.NavTable {	background-image:url(images/jukebox-nav-sliceW.png);}
	.NavOption {display: inline-block; position: relative; top: -5px;}
	.JukeboxL {top: -40px; right: 8px; 	 position: absolute; z-index: 300; height: 66px; width: 50px;}
	.JukeboxR {top: -40px; right: -10px; position: absolute; z-index: 300; height: 66px; width: 50px;}
	.Mobile50 {max-width: 50%;}
	.BulletTable {width: 95%;}
	.JukeboxRainbow {max-width:20%; margin-top: 5px; margin-bottom: 10px;}
	.PhoneBlock {float: right; margin-top: 30px;}

}

/* small devices */ 
@media all and (max-width: 749px) {
	h1{		font-size: 26px; line-height: 32px;}	
	h2{		font-size: 24px;}	
	h3{		font-size: 22px;}		
	h4{		font-size: 18px;}	
	.Copyright{			font-size: 12px;	line-height:14px;}
	.Link_Copyright {	font-size: 12px;}
	.Link_Nav {			font-size: 18px;}
	.TextBody, h5 {			font-size: 18px;	line-height: 24px;}
	.TextGallery {		font-size: 12px;	line-height: 12px;}
	.BodyTable {	display: block; width: 100%; border-collapse: collapse; margin: auto; padding-right: 10px;}
	.NavBarOptional {display: none;}
	.GalleryPhoto {width: 90%; height: auto;}
	.MobileHide {display: none;}
	.MobileShow {display: inline;}	
	.NavTable {	background-color: white; 
		border-top-color: #969696; border-top-style:ridge; border-top-width: 5px;
		border-bottom-color: #969696; border-bottom-style:groove; border-bottom-width: 5px;
	}
	.NavOption {display: block;}
	img.JukeboxDivider {display: none;}
	.JukeboxL {top: -80px; right: 8px;   position: absolute; z-index: 300; height: 140px; width: auto;}
	.JukeboxR {top: -80px; right: -10px; position: absolute; z-index: 300; height: 140px; width: auto;}
	.Mobile50 {max-width: 50%;}
	.BulletTable {width: 100%; font-size: 80%;}
	.JukeboxRainbow {max-width:20%; margin-top: 5px; margin-bottom: 10px;}
	.PhoneBlock {margin-right: 20px; margin-left: 20px;}

}

/* very small devices ONLY HAVE A FEW DIFFERENCES to override the above */ 
@media (min-width: 321px) and (max-width: 480px) { 

}

/* VERY small devices ONLY HAVE A FEW DIFFERENCES to override the above */ 
@media all and (max-width: 320px) {

}