@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700');



body 	{

	background-color:#000000;

	margin: 0;

	padding: 0;

	border: 0;

	}









/* PAGE BACKGROUNDS */



.background-home {

	background-image: none;

	background-repeat: no-repeat;

	background-attachment: fixed;

	}



.background-subpage {

	background-image: url("picts/background-main.jpg");

	background-repeat: no-repeat;

	background-attachment: fixed;

	}









/* DEFAULTS - MARGINS SPACING */



div		{ margin: 0; padding: 0; border: 0; }



table, tr, td	{ border-collapse:collapse; border-spacing: 0; margin: 0; padding: 0; border: 0; }









/* DEFAULTS - ALIGNMENT */



.td-right 	{ text-align: right; }



.td-left 	{ text-align: left; }



.td-center	{ text-align: center; }



.td-middle	{ vertical-align: middle; }



.td-top		{ vertical-align: top; }



.td-bottom	{ vertical-align: bottom; }



.center-align	{ text-align: center; }



.center-div	{ margin-left: auto; margin-right: auto; }



.right-div	{ margin-left: auto; margin-right: 0; }



.left-div	{ margin-left: 0; margin-right: auto; }









/* DEFAULTS - MISC */



.fullwidth	{ width: 100%; }



.nobreak	{ white-space: nowrap; }



.formmargin	{ margin: 0px; }



.just		{ text-align: justify; }



img 		{ border: 0; }



.rimage		{ max-width: 100%; height: auto; }



.blockimage	{ display: block; }



.divclear 	{ clear: both; height: 0px; font-size: 1px; line-height: 0px; padding: 0px; margin: 0px; overflow: hidden; }









/* NON-MENU LINKS */



a:link, a:visited, a:active	{ color: #55B7FF; text-decoration: none; }



a:hover				{ color: #D00000; text-decoration: bold; }









/* THE NEXT LINE CONTROLS THE FONT SIZE ON ALL PAGES */



div, table	{ color: #9AACC5; font: normal 15px "Open Sans", arial, sans-serif; line-height: 150%; }



.title		{ color: #FFFFFF; font: normal 25px "Open Sans", "Trebuchet MS", arial, sans-serif; }



.subtitle	{ color: #FAD100; font: 600 18px "Open Sans", "Trebuchet MS", arial, sans-serif; }



.smalltitle	{ color: #FFF60E; font: 600 14px "Open Sans", "Trebuchet MS", arial, sans-serif; }



.smalltitle2	{ color: #0A1AFB; font: 600 14px "Open Sans", "Trebuchet MS", arial, sans-serif; }



.hilite		{ color: #FBD300; font-weight: 700; }



.hilite2	{ color: #9999FF; }









/* REMOVES MARGINS ON HEADING TAG TITLES (FOR SEO) */



h1, h2, h3, h4	{ margin: 0px 0px 0px 0px; }



.padb-5		{ padding-bottom: 5px; }









/* PAGE & CONTENT HEIGHTS, WIDTHS, PADDING AND ALIGNMENT */



#wrapper	{ width: 100%; margin: auto; }



.contentwidth	{ max-width: 750px; min-width: 250px; }



.contentpad	{ padding: 0px 12px 0px 12px; margin-top: 12px; }



.pageheight	{ min-height: 675px; }









/* CODE FOR IMAGES */



.main-imagediv	{

		position: relative;

		width: 100%;

		padding: 0px;

		margin: 0px auto 0px auto;

		}



.main-image	{

		width: 100%;

		height: auto;

		display: block;

		margin: 0px auto 0px auto;

		border: #333333 0px solid;

		border-width: 0px 0px 0px 0px;

		}



.main-imagediv, img.main-image 

		{

		min-width: 250px;

		height: auto;

		}



.img-borders	{ border: #0057B2 1px solid; }



.HoverBorder	{

		border: #0057B2 1px solid;

	/* ---- FADE UP */

		-webkit-transition: border 0.5s;

		transition: border 0.5s ease;

		}



a:hover .HoverBorder, 

a:active .HoverBorder 

		{ border: #00ED58 1px solid; }









/* FLOATS */



.left-float	{ float: left; }



.right-float	{ float: right; }



.img-left	{ float: left; margin: 5px 10px 5px 0px; }



.text-nowrap	{ overflow: hidden; min-width: 150px; }









/* BORDERS AND SPACING AND BARS ARROWS */



.page-splits 	{

		font-size: 1px;

		line-height: 1px;

		height: 2px;

		background-color: transparent;

		padding: 0;

		margin: 20px auto 20px auto;

		border-top: #0092FE 1px solid;

		}



.nextback-arrows { padding: 10px 0px 10px 0px; position: relative; }









/* HOMEPAGE LAYERED TEXT JQUERY & LARGE IMAGE */



.JQposition	{ opacity: 0; }



.layertext	{

		color: #F0F0F0;

		font-size: 14px;

		font-weight: 400;

		line-height: normal;

		padding-bottom: 5px;

		}



.layertitle	{

		color: #FFDD00;

		font-size: 19px;

		font-weight: 600;

		letter-spacing: -0.5px;

		font-style: normal;

		line-height: normal;

		}



.JQposition 	{

		position: absolute;

		top: 80px;

		right: 0px;

		width: 400px;

		height: auto;

		z-index: 40;

		}



.layertext-box	{

		width: 100%;

		height: auto;

		min-height: 230px;

		display: block;

		}



.layertext-pad	{ padding: 25px 25px 25px 25px; }



.hometextlayer	{

		background: #000000;

		background:rgba(0,0,0,0.60);  /* SEMI TRANSPARENT BACKGROUND */

		border: #222222 0px solid;

		border-width: 1px 0px 1px 1px;

		height: auto;

	/* ---- CORNER ROUNDING */

		border-top-left-radius: 10px;

		border-top-right-radius: 0px;

		border-bottom-right-radius: 0px;

		border-bottom-left-radius: 10px;

		-moz-border-radius-topleft: 10px;

		-moz-border-radius-topright: 0px;

		-moz-border-radius-bottomright: 0px;

		-moz-border-radius-bottomleft: 10px;

		}







/* TEXT LAYER LINK COLORS */



a.layerlink:link, a.layerlink:visited, a.layerlink:active 

			{ color: #33CCFF; text-decoration: none; }



a.layerlink:hover	{ color: #33FFFF; text-decoration: none; }



.llbar			{ color: #FFC547; padding: 0px 5px 0px 5px; }





/* JQUERY NEXT PREV BUTTONS */



#NextPrev	{

		position: absolute;

		z-index: 50;

		right: 35px;

		bottom: 35px;

		width: 62px;

		height: 33px;

		z-index: 41;

		background-color: #999999;

		background:rgba(255,255,255,0.30);  /* SEMI TRANSPARENT BACKGROUND */

		background-repeat: no-repeat;

	/* ---- CORNER ROUNDING */

		-moz-border-radius: 4px;

		-webkit-border-radius: 4px;

		-khtml-border-radius: 4px;

		border-radius: 4px;

		}



div#NextPrev	td	{ padding: 0px; }



#prev			{ margin: 4px 2px 0px 0px; }



#next			{ margin: 4px 0px 0px 2px; }



.jq-nextprev img {

		background-color: #000000;

		display: block;

		width: 25px;

		height: 25px;

	/* ---- CORNER ROUNDING */

		-moz-border-radius: 3px;

		-webkit-border-radius: 3px;

		-khtml-border-radius: 3px;

		border-radius: 3px;

		}



.jq-nextprev img:hover {

		background-color: #800030;

		}







.home-small-image	{

			width: 125px;

			height: auto;

			margin: 14px 0px 5px 0px;

			}









/* HOME PAGE LAYERED MUSIC PLAY BUTTON */



.homeplayerdiv	{

		opacity: 0.5;

		position: absolute;

		width: 75px;

		height: 75px;

		top: 66px;

		left: 30px;

		text-align: center;

		cursor: pointer;

		}



.homeplayerdiv-on	{

			opacity: 1.0;

		/* ---- FADE UP */

			-webkit-transition: all 1s;

			transition: all 1s ease;

			}



.homeplayerdiv-off	{

			opacity: 0.5;

		/* ---- FADE UP */

			-webkit-transition: all 1s;

			transition: all 1s ease;

			}









/* HEADER CODE */



.header		{

		background-color: #000000;

		padding: 0px 0px 0px 0px;

		margin: 0px 0px 0px 0px;

		border-bottom: #DA8520 0px solid;

		}



.header a	{ outline: none; }



.headerheight	{ height: 160px; }



.logo-respond	{

		width: 100%;

		max-width: 1200px;

		height: auto;

		min-width: 600px;

		display: block;

		}









/* SOCIAL ICON LOCATION, SPACING & WIDTH */



.socialspace	{ padding: 0px 1px 0px 1px; }



#sociallinks	{

		position: absolute;

		right: 8px;

		top: 15px;

		z-index: 100;

		border: #C0C0C0 0px solid;

		}



/* SOCIAL ICON HOVER */



.socialicons 	{

		background-color: #000000;

		border: #000000 0px solid;

		padding: 3px;

		margin: 1px 1px 1px 1px;

	/* ---- FADE UP */

		-webkit-transition: border 0.3s;

		transition: border 0.3s ease;

	/* ---- CORNER ROUNDING */

		-moz-border-radius: 3px;

		-webkit-border-radius: 3px;

		-khtml-border-radius: 3px;

		border-radius: 3px;

		}



a:hover .socialicons {

		background-color: #0053D4;

		border: #00CCFF 0px solid;

		}









/* FOOTER */



.footer		{

		color: #9AACC5;

		background-color: transparent;

		text-align: center;

		}



.footer-copyr	{

		color: #9AACC5;

		font-size: 0.80em;

		font-weight: 400;

		text-align: center;

		padding: 10px 0px 25px 0px;

		}



.footermenu	{

		color: #7E6755;

		font-size: 1.0em;

		}



.footerspace	{ height: 60px; }



.footer-icon	{ margin: 10px auto 10px auto; }









/* STYLES FOR merchandise.htm */



.formmargin-cart	{ margin: 15px 0px 0px 0px; }



.merchwidth		{ width: 96%; }



table.merchbox td	{ padding: 20px 20px 20px 20px; }



.merchbox		{

			line-height: normal;

			background-color: #000000;

			background-image: url("picts/background-merchbox.jpg");

			background-repeat: repeat-x;

			border: #0057B2 0px solid;

			border-width: 0px 0px 0px 0px;

			}



.price	 		{ color: #D2A65B; font: 16px "Open Sans", arial, sans-serif; font-weight: 600; }



.merch-title		{ float: left; padding: 0px 36px 15px 0px; }



.view-cart		{ float: right; padding: 0px 0px 15px 0px; width: 165px; }



.cart-icon		{ margin: 0px 8px 0px 0px; display: block; }





/* ORDER BUTTONS */



input[type=submit].button-order 

	 	{

		color: #FFFFFF;

	       	font: 600 15px "Open Sans", arial, sans-serif;

		text-align: center;

		background-color: #0B8000;

	        background-image: url("picts/icons/button-order.png");

        	padding: 8px 5px 8px 5px;

        	margin: 4px 0px 2px 0px;

		cursor:pointer;

		width: 150px;

		-webkit-appearance: none;

        	border: #999999 0px solid;

	/* ---- CORNER ROUNDING */

		-moz-border-radius: 3px;

		-webkit-border-radius: 3px;

		-khtml-border-radius: 3px;

		border-radius: 3px;

		-moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.0);

		-webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.0);

		box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.0);

		}



input[type=submit].button-order:hover 

	 	{

		color: #FFFFFF;

		background-color: #0FA200;

        	border: #999999 0px solid;

		}









/* SLIDESHOW CODE */



.slideshow-imagediv

		{

		background-color: #000000;

		position: relative;

		z-index: 2;

		width: 96%;

		padding: 0px;

		margin: 0px auto 0px auto;

		}



.slideshow-imagediv-width { max-width: 750px; }



.slideshow-image

		{

		width: 100%;

		height: auto;

		display: block;

		margin: 0px auto 0px auto;

		}



.slideshow-imagediv, img.slideshow-image 

		{

		min-width: 250px;

		height: auto;

		}



.slideshow-borders 

		{

		border: #1F558B 0px solid;

		border-width: 1px 1px 1px 1px;

		}



.slideshow-borders-buttons 

		{

		border-top: 0px solid;

		}



.slide-loading	{

		min-width: 250px;

		min-height: 167px;

		background-color: transparent;

		background-image: url("picts/icons/slideshow-loading-black.gif");

		background-position: center center;

		background-repeat: no-repeat;

		}





/* SLIDESHOW LAYERED TEXT */



.slideshowlayer {

		position: absolute;

		top: 25px;

		left: 25px;

		width: 250px;

		z-index: 40;

		background: #000000;

		background:rgba(20,80,150,0.60);  /* SEMI TRANSPARENT BACKGROUND */

		border: #000000 0px solid;

	/* ---- CORNER ROUNDING */

		-moz-border-radius: 3px;

		-webkit-border-radius: 3px;

		-khtml-border-radius: 3px;

		border-radius: 3px;

		}



.sld-pad	{ padding: 10px; }



.sld-text	{ color: #FFFFFF; font: normal 0.85em "Open Sans", arial, sans-serif; line-height: 20px; }



.sld-title	{ color: #FFFFFF; font: 600 15px "Open Sans", arial, sans-serif; }





/* SLIDESHOW BUTTONS */



.button-slideshow-box 	{ width: 100%; }



.button-slideshow-box td { width: 25%; }



.button-slide-next	{

			background-image: url("picts/icons/button-slide-next.png");

			border-right: #999999 0px solid;

			}



.button-slide-back	{

			background-image: url("picts/icons/button-slide-back.png");

			border-left: #999999 0px solid;

			border-right: #999999 0px solid;

			}



.button-slideshow 	{

			color: #FFFFFF;

	       		font: 600 13px "Open Sans", arial, serif;

			line-height: 34px;

			text-align: center;

			background-color: #041F3C;

        		padding: 0px 0px 0px 0px;

			margin: 0px 0px 0px 0px;

        		display: block;

			cursor:pointer;

			outline: none;

			height: 36px;

			width: 100%;

			-webkit-appearance: none;

        		border: #999999 0px solid;

			background-position: center center;

			background-repeat: no-repeat;

		/* ---- CORNER ROUNDING */

			-moz-border-radius: 0px;

			-webkit-border-radius: 0px;

			-khtml-border-radius: 0px;

			border-radius: 0px;

			}



.button-slideshow:hover, 

.button-slideshow:active {

			color: #FFFFFF;

			background-color: #0066CC;

        		border: #999999 0px solid;

			}









/* SAMPLES PAGE CODE */



.tt-topspace		{ margin-top: 20px; }



.tracktablebox		{ min-width: 250px; }



.tracktable		{ font-size: 1.0em; width: 100%; margin: 3px 0px 3px 0px; }



table.tracktable td 	{ border-bottom: #2A4066 1px solid; padding: 5px 2px 5px 2px; }



table.tracktable 	{ border-top: #2A4066 1px solid; }



.floatmusic		{ float: left; width: 162px; height: 162px; padding: 0px; margin: 0px 15px 5px 0px; }



.floatmusic-info	{ float: left; padding: 0px; margin: 0px; min-width: 220px; }



.album-border		{ border: #0184A0 1px solid; }





/* MUSIC PLAY OVERLAY */



#MusicCanvas	{

		background:rgba(10,30,80,0.80);  /* SEMI TRANSPARENT BACKGROUND */

		width: 100%;

		height: 100%;

		position: fixed;

		top: 0px;

		left: 0px;

		z-index: 101;

		}



.music-box	{

		background-color: transparent;

		width: 100%;

		max-width: 450px;

		height: 420px;

		position: absolute;

		top:0;

		bottom: 0;

		left: 0;

		right: 0;

		margin: auto;

		}



#MusicFrame	{

		display: block;

		background-color: #000000;

		width: 100%;  /* RESPONSIVE WIDTH */

		height: 420px;

		overflow: hidden;  /* EDIT TO hidden FOR NO SCROLLBAR */

		vertical-align: middle;

		border: #212B59 10px solid;

    		border: 10px solid rgb(50, 61, 115);

    		border: 10px solid rgba(50, 61, 115, 0.50);

    		-webkit-background-clip: padding-box;

    		background-clip: padding-box;

		-moz-box-sizing: border-box;

		-webkit-box-sizing: border-box;

		box-sizing: border-box;

		margin: 0px;

		padding: 0px;

		position: absolute;

		top:0;

		left: 0;

		}



.canvasoff	{ display: none; }



.canvason	{ display: block; }



/* MEDIA PLAYERS IN OVERLAY */



.html5player		{ width: 100%; max-width: 400px; min-width: 250px; }



.quickplayer		{ width: 100%; max-width: 400px; min-width: 250px; background-color: transparent; }





/* MUSIC OVERLAY PAGE STYLES */



.playerbackground	{

			overflow: hidden;

			background-color:#000000;

			background-image:url("picts/player-background.jpg");

			background-position: right top;

			background-repeat: no-repeat;

			}



.player-box	{ padding: 12px 10px 6px 20px; }



.player-box-sub	{ padding: 12px 20px 6px 20px; }



.choice-text	{ color: #FFFFFF; font: 600 13px "Open Sans", arial, sans-serif; padding-left: 10px; }



.player-song1	{ color: #FFFFFF; font: normal 13px "Open Sans", arial, sans-serif; }



.player-song2	{ color: #9AACC5; font: normal 13px "Open Sans", arial, sans-serif; }



.player-title	{ color: #FFFFFF; font: 600 17px "Open Sans", arial, sans-serif; letter-spacing: -1px; }



.player-image	{

		width: 100%;

		height: auto;

		border-bottom: #004C74 0px solid;

		}





/* OVRLAY PLAY/DOWNLOAD BUTTONS */



.player-space	{ padding: 4px 2px 4px 0px; }



a.player-button	{

		color: #FFFFFF;

		text-align: center;

		background-color: #000000;

		background-image: url("picts/icons/player-play.png");

		background-repeat: no-repeat;

		-webkit-appearance: none;

		display: block;

		padding: 0px;

		margin: 0px;

		cursor: pointer;

		width: 36px;

		height: 24px;

        	border: #333333 1px solid;

  	/* ---- CORNER ROUNDING */

		-moz-border-radius: 3px;

		-webkit-border-radius: 3px;

		-khtml-border-radius: 3px;

		border-radius: 0px;

		cursor: pointer;

		}



a.play-download	{ background-image: url("picts/icons/player-download.png"); }



a.player-button:hover

		{ border: #00ED58 1px solid; cursor: pointer; }





/* OVERERLAY BACK CLOSE BUTTONS */



#CloseMusic	{

		display: block;

		position: absolute;

		top: 20px;

		left: 20px;

		}



#BackMusic 	{ position: absolute; top: 10px; left: 52px; }



img.player-back,

img.player-close {

		height: 40px;

		width: 40px;

		opacity: 0.8;

		}



img:hover.player-back,

img:hover.player-close {

		opacity: 1.0;

		}









/* MP3 PURCHASE & DOWNLOAD CODE */

.download-text  
			hover:
	
		{	color: #EAF52F;
	
			font-size: 120px;

			font-weight: 1000;

			line-height: normal;

			padding: 5px 0px 0px 0px;

			}



.download-button     {

			color: #EAF52F;

			font-size: 30px;

			font-weight: 600;

			line-height: normal;

			padding: 5px 0px 0px 0px;

			}

.SDL-notes		{

			color: #0099CC;

			font-size: 1px;

			font-weight: 600;

			line-height: normal;

			padding: 5px 0px 0px 0px;

			}



.formmargin-SDL		{ margin: 0px; }



.buttonspace-SDL	{ max-width: 74px; }



input[type=submit].SDL-order 

	 	{

		font-size: 0.90em;

        	padding: 4px 4px 4px 4px;

        	margin: 3px 0px 2px 0px;

		width: 70px;

		}









/* DOWNLOADS PAGES */



.header-download	{ border-bottom: #0F3D7A 5px solid; }









/* YOUTUBE VIDEO CODE */



.videodescription	{

			color: #698CCD;

			font-size: 0.85em;

			font-weight: 600;

			max-width: 742px;

			padding: 12px 0px 12px 0px;

			border: #3399FF 1px solid;

			border-width: 0px 0px 1px 0px;

			}



/* VIDEO PAGE (FOR RESPONSIVE VIDEO) */



.videobox	 {

		 max-width: 740px;

		 margin: 0 auto;

		 padding: 0px 5px 0px 5px;

		 }



.video-container {

		 min-width: 200px;

		 padding-top: 0px;

		 padding-bottom: 56.25%; /* 16:9 */

		 padding-top: 0px;

		 margin: 0px auto 0px auto;

		 height: 0;

		 overflow: hidden;

		 position: relative;

		 z-index: 10;

		 }

 

.video-container iframe,

.video-container object,

.video-container embed {

		 width: 100%;

		 height: 100%;

		 position: absolute;

		 top: 0;

		 left: 0;

		 z-index: 10;

		 }



.video-menu	 { max-width: 642px; }









/* CONTACT FORM */



.floatcontact	{ float: left; margin: 0px 10px 10px 0px; padding-top: 15px; }



.shadeform	{

		color: #FFFFFF;

		font: 14px arial, sans-serif;

		background-color: #3A4567;

		text-align: left;

		width: 190px;

		border: #999999 0px solid;

		}



.textarea	{

		color: #FFFFFF;

		font: 14px arial, sans-serif;

		background-color: #3A4567;

		text-align: left;

		overflow: auto;

		width: 240px;

		height: 150px;

		border: #999999 0px solid;

		}



input[type=submit].submitbutton 

		{

		color: #FFFFFF;

	       	font: normal 15px "Open Sans", arial, sans-serif;

		text-align: center;

		background-color: #001E9A;

		background-image: url("picts/icons/button.png");

		background-repeat: repeat;

		-webkit-appearance: none;

		padding: 12px 30px 12px 30px;

		margin: 0px 0px 0px 0px;

		cursor: pointer;

		max-width: 160px;

        	border: #999999 0px solid;

  	/* ---- CORNER ROUNDING */

		-moz-border-radius: 3px;

		-webkit-border-radius: 3px;

		-khtml-border-radius: 3px;

		border-radius: 3px;

		}



input[type=submit].submitbutton:hover 

		{

		color: #FFFFFF;

		background-color: #009900;

        	border: #999999 0px solid;

		}









/* HIDE MENU AND ITEMS FOR PRINTING */





@media print {

.printhide 	{ display:none; }

.printhelp	{ width:600px; }

}

@media screen{

.printonly 	{ display:none; }

}









/* NUMBERS MENU "menu-video.js" AND "menu-samples.js" AND "menu-slideshows.js" */



.num-arrow	{ width: 77px; background-color: transparent; }



#nummenu	{ width: 100%; position: relative; top: 0px; left: 0px; z-index: 43; }



.menu-num, #nummenu a.currenthilite	{

		font-family: "Open Sans", arial, helvetica, sans-serif;

		font-size: 13px;

		font-weight: 600;

		line-height: normal;

		padding: 5px 7px 5px 7px;

		margin: 0px 1px 0px 1px;

		cursor:pointer;

		text-align: center;

		display: block;

		}



a.menu-num:link, a.menu-num:visited, a.menu-num:active 

			{

			color: #FFFFFF;

			border: #000000 0px solid;

			}



a.menu-num:hover 	{

			color: #FFFFFF;

			padding: 4px 6px 4px 6px;

			border: #00ED58 1px solid;

			}



/* CURRENT PAGE NUMBER MENU HIGHLIGHT */



#nummenu a.currenthilite {

			color: #FFFFFF;

			padding: 4px 6px 4px 6px;

			border: #00ED58 1px solid;

			}









/* START ICON MENUS */



#menudiv1 a, #menudiv2 a { outline: none; }



#menu-outer	{

		height: 36px;

		position: absolute;

		width: 100%;

		top: 0px;

		left: 0px;

		z-index: 1500;

		background: #000000;

		background:rgba(0,0,0,0.60);  /* SEMI TRANSPARENT BACKGROUND */

		border-top: #000000 1px solid;

		border-bottom: #000000 1px solid;

		}



#menu-outer-noimage

		{

		background-color: #000000;

		background-image: url("picts/menu-2-background.jpg");

		background-repeat: repeat-x;

		position: relative;

		width: 100%;

		min-width: 250px;

		margin: 0px auto 0px auto;

		border-top: #3399FF 1px solid;

		border-bottom: #3399FF 1px solid;

		}







/* TOP MENU 1 (MENU) */



#menu-icon1	{

		background: #000000;

		background:rgba(0,0,0,0.70);  /* SEMI TRANSPARENT BACKGROUND */

		width: 130px;

		cursor: pointer;

		display: block;

		padding: 0px 0px 0px 0px;

	/* ---- FADE UP */

		-webkit-transition: background-color 0.5s;

		transition: background-color 0.5s ease;

		}



div#menu-icon1:hover	{ background-color: #A30000; }





.menu1-icon-img	{ display: block; margin: 0px auto 0px 0px; vertical-align: top; }



#menudiv1	{

		background-color: transparent;

		height: 36px;

		position: relative;

		float: left;

		padding: 0px 0px 0px 0px;

		margin: 0px auto 0px auto;

		border: #666666 0px solid;

		border-width: 0px 0px 0px 0px;

		}



#menusub1	{

		background-color: #A30000;

		width: 180px;

		padding-top: 0px;

		display: none;

		position: absolute;

		top: 36px;

		left: 0px;

		z-index: 1501;

	/* ---- DROP SHADOW */

		-moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.20);

		-webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.20);

		box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.20);

		}



#menusub1 a	{

		color: #FFFF00

			;

		background-color: transparent;

		font-family: "Open Sans", arial, helvetica, sans-serif;

		font-size: 13px;

		font-weight: 600;

		line-height: normal;

		text-decoration: none;

		text-align: left;

		padding: 6px 6px 6px 10px;

		margin: 0px 0px 0px 0px;

		display: block;

		border: #000000 0px solid;

	/* ---- MENU FADE UP */

		-webkit-transition: all 0.5s;

		transition: all 0.5s ease;

		}



/* MENU 1 HOVER COLORS */



#menusub1 a:hover 

		{

		color: #FFFF00;

		background-color: #000000;

		border: #999999 0px solid;

		text-decoration: none;

		}



/* SUB MENU CORNER ROUNDING */



#menusub1, #menusub1 a:first-child {

		border-width: 0px 0px 0px 0px;

		-moz-border-radius-topleft: 0px;

		-moz-border-radius-topright: 0px;

		border-top-left-radius: 0px;

		border-top-right-radius: 0px;

		}



#menusub1, #menusub1 a:last-child {

		-moz-border-radius-bottomright: 25px;

		-moz-border-radius-bottomleft: 6px;

		border-bottom-right-radius: 25px;

		border-bottom-left-radius: 6px;

		}









/* MENU 2 (MUSIC) */



#menu-icon2	{

		background: #000000;

		background:rgba(0,0,0,0.70);  /* SEMI TRANSPARENT BACKGROUND */

		width: 130px;

		cursor: pointer;

		display: block;

		padding: 0px 0px 0px 0px;

	/* ---- FADE UP */

		-webkit-transition: background-color 0.5s;

		transition: background-color 0.5s ease;

		}



div#menu-icon2:hover	{ background-color: #800030; }



.menu2-icon-img	{ display: block; margin: 0px auto 0px 0px; vertical-align: top; }



#menudiv2	{

		background-color: transparent;

		height: 36px;

		position: relative;

		float: left;

		padding: 0px 0px 0px 0px;

		margin: 0px auto 0px auto;

		border: #666666 0px solid;

		border-width: 0px 0px 0px 0px;

		}



#menusub2	{

		background-color: #A30000;

		width: 180px;

		padding-top: 0px;

		display: none;

		position: absolute;

		top: 36px;

		left: 0px;

		z-index: 1502;

	/* ---- DROP SHADOW */

		-moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.20);

		-webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.20);

		box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.20);

		}



#menusub2 a	{

		color: #FFFF00;

		background-color: transparent;

		font-family: "Open Sans", arial, helvetica, sans-serif;

		font-size: 13px;

		font-weight: 600;

		line-height: normal;

		text-decoration: none;

		text-align: left;

		padding: 6px 6px 6px 10px;

		margin: 0px 0px 0px 0px;

		display: block;

		border: #000000 0px solid;

	/* ---- MENU FADE UP */

		-webkit-transition: all 0.5s;

		transition: all 0.5s ease;

		}



/* MENU 2 HOVER COLORS */



#menusub2 a:hover 

		{

		color: #FFFFFF;

		background-color: #000000;

		border: #999999 0px solid;

		text-decoration: none;

		}



/* SUB MENU CORNER ROUNDING */



#menusub2, #menusub2 a:first-child {

		border-width: 0px 0px 0px 0px;

		-moz-border-radius-topleft: 0px;

		-moz-border-radius-topright: 0px;

		border-top-left-radius: 0px;

		border-top-right-radius: 0px;

		}



#menusub2, #menusub2 a:last-child {

		-moz-border-radius-bottomright: 25px;

		-moz-border-radius-bottomleft: 6px;

		border-bottom-right-radius: 25px;

		border-bottom-left-radius: 6px;

		}







.img-center {

}