/* CSS Document */

BODY {background-color:#000000;

scrollbar-3dlight-color:#cc9900;   /* Gold   */
	scrollbar-arrow-color:#cc9900;    /* Gold   */
	scrollbar-base-color:#cc9900;    /* Gold   */
	scrollbar-darkshadow-color:#996600;  /* Dark gold    */
	scrollbar-face-color:#9966ff;   /*  Face of the elevator - purple  */
	scrollbar-highlight-color:#ffcc33;     /* light gold  */
	scrollbar-shadow-color:#cc9900;     /* Gold   */



}


textarea {
scrollbar-3dlight-color:#cc9900;   /* Gold   */
	scrollbar-arrow-color:#cc9900;    /* Gold   */
	scrollbar-base-color:#cc9900;    /* Gold   */
	scrollbar-darkshadow-color:#996600;  /* Dark gold    */
	scrollbar-face-color:#9966ff;    /* Face of the elevator - purple  */
	scrollbar-highlight-color:#ffcc33;     /* light gold  */
	scrollbar-shadow-color:#cc9900;     /* Gold   */
}



a:link {  color: #ffffff; text-decoration: underline}
a:visited {  color: #cc66ff; text-decoration: underline}
.copyright {font-family:Georgia, "Times New Roman", Times, serif; font-size: 10px; color: #ffffff}
.bodytext {color:#000000;}
.bodytextwht {color:#FFFFFF;}
.headdesc1  {
color: #BE8D25;
	font-family: 'Bradley Hand ITC', 'Garamond', sans-serif;
	font-weight: bold;
	font-size: 18px;

}
.contenttext {
color: #ffffff;
/*	font-family: 'Bradley Hand ITC', 'Script', sans-serif;    */
 font-family: 'Bradley Hand ITC', cursive, serif; 
 	font-weight: bold;
	font-size: large;


}

.style7 {
	font-family: 'Biondi', 'Copperplate Gothic Bold', serif;
	font-weight: bold;
	color: #BE8D25;
}


.container {
/*position:relative;*/
/*background-color:#360069;*/
width: 100%;
height: 100%;
/* top: auto;  */
margin-left: auto;
margin-right:auto;
/* bottom:auto;   */


}



.headerbox {
position: absolute;
left: 181px;  
/* left: 250px;    */
/* top: -8px;    */
top: 50px;
width: 562px;
height: 115px;
}

.titlebox {
position: absolute;
left: 115px;
top: 0px;
width: 447px;
height: 105px;
margin-top: auto;
margin-bottom: auto;

}

.logobox {
position:absolute;
left: 0px;
top: 10px;
width: 113px ;
height: 105px;
margin-top: auto;
margin-bottom: auto;


}


.headsec {
	position:absolute;
	top: -15px;
	left: 181px;
	width: 535px;
	height: 105px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 1px;
	visibility: visible;
/*	margin-bottom: auto;   */


}



.logo {
position:absolute;
top: -15;
left: 181;
width: 113;
height: 105;
margin-left: auto;
margin-right: auto;

}


.content {
	position:absolute;
	background-color:#360069;
	top: 122px;
	left: 171px;
	width: 535px;
	height: 350px;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	border-color: #FFBD32;
	border-style: ridge;
	padding-top:10px;
	padding-bottom:10px;
	padding-right:10px;
	padding-left:10px;
	overflow: auto;
	visibility: visible;
}


.navsec {
	position:absolute;
	/*  top: 145px;  */
	top: 195px;
	/*  left: 10px;  */
	left: 35px;
	width: 50px;
	height: 335px;
	margin-left: auto;
	margin-right: auto;
	color:#FFFFFF;
	visibility: visible;



}

.alttext {
	position:absolute;
	z-index:-1;
	top: 145px;
	left: 10px;
	width: 110px;
	height: 370px;
	margin-left: auto;
	margin-right: auto;
	color:#FFFFFF;
	visibility: visible;



}



.tickertape {
	position:absolute;
	top: 30px;
	left: 308px;
	width: 215px;
	height: 290px;
	margin-left: auto;
	margin-right: auto;
	color:#FFFFFF;
	visibility: visible;



}


.logon {
text-align: center;

}


.pic1 {
	position:absolute;
	top: 0px;
	left: 0px;
	width: 110px;
	height: 50px;
	visibility: visible;

}

.pic2 {
	position:absolute;
	top: 42px;
	left: 0px;
	width: 110px;
	height: 50px;
	visibility: visible;

}

.pic3 {
	position:absolute;
	top: 85px;
	left: 0px;
	width: 110px;
	height: 50px;
	visibility: visible;

}

.pic4 {
	position:absolute;
	top: 126px;
	left: 0px;
	width: 110px;
	height: 50px;
	visibility: visible;

}

.pic5 {
	position:absolute;
	top: 165px;
	left: 0px;
	width: 110px;
	height: 50px;
	visibility: visible;

}

.pic6 {
	position:absolute;
	top: 202px;
	left: 0px;
	width: 110px;
	height: 50px;
	visibility: visible;

}

.pic7 {
	position:absolute;
	top: 241px;
	left: 0px;
	width: 110px;
	height: 50px;
	visibility: visible;

}

.pic8 {
	position:absolute;
	top: 281px;
	left: 0px;
	width: 110px;
	height: 50px;
	visibility: visible;

}



.cright {
	position:absolute;
	top: 505px;
	left: 184px;
	width: 562px;
	height: 20px;
	margin-left: auto;
	margin-right: auto;
	margin-top: auto;
	margin-bottom: auto;
	visibility: visible;



}

music_container {
position:absolute;
top: 5px;
left: 1px;
width: 77px;
height: 27px;
}






img.floatLeft { 
    float: left; 
    margin: 10px; 
}
img.floatRight { 
    float: right; 
    margin: 10px; 
}
img.headpos {
position:relative;
top: 10px;
}


IMG.displayed {
    display: block;  
    
	vertical-align:middle;
	top: auto;
	bottom: auto;
	
	 }


align_desc {
bottom: 20px;
}



/* Step 3 - get rid of the bullets and margin */

#menu ul {margin:0; padding:0; list-style-type:none;}





/* Step 4 & 7 - make the list horizontal, separate the images */



/* #menu li {float:left; margin-right:1px;} */



#menu li {margin-bottom:10px;z-index:100;}






/* Step 5 - Adding the initial images */

#menu li.list1 {background:transparent url(../images/home.gif); background-repeat:no-repeat; left: 1px;}
#menu li.list2 {background:transparent url(../images/aboutus.gif); background-repeat:no-repeat; left: 1px;}
#menu li.list3 {background:transparent url(../images/music.gif); background-repeat:no-repeat; left: 1px;}
#menu li.list4 {background:transparent url(../images/testimonials.gif); background-repeat:no-repeat; left: 1px;}
#menu li.list5 {background:transparent url(../images/prices.gif); background-repeat:no-repeat;left: 1px;}
#menu li.list6 {background:transparent url(../images/contact.gif); background-repeat:no-repeat; left: 1px;}
#menu li.list7 {background:transparent url(../images/contact.gif); background-repeat:no-repeat; left: 1px;}
#menu li.list8 {background:transparent url(../images/promise.gif); background-repeat:no-repeat; left: 1px;}





/* Step 6 - General link styling */

#menu a {display:block; width:124px; height:0; margin-left:auto; margin-right:auto; padding-top:30px; color:#FF0000; overflow:hidden;}

/* hack for older versions of IE with incorrect box model */

* html #menu a:link, * html #menu a:visited {height:128px; he\ight:0;}



/* Step 8 - Adding the hover images */

#menu a#item1 {background:transparent url(../images/home_anim.gif) -130px -90px no-repeat;}
#menu a#item2 {background:transparent url(../images/aboutus_anim.gif) -130px -90px no-repeat;}
#menu a#item3 {background:transparent url(../images/music_anim.gif) -130px -90px no-repeat;}
#menu a#item4 {background:transparent url(../images/testimonials_anim.gif) -130px -90px no-repeat;}
#menu a#item5 {background:transparent url(../images/prices_anim.gif) -130px -90px no-repeat;}
#menu a#item6 {background:transparent url(../images/contact_anim.gif) -130px -90px no-repeat;}
#menu a#item7 {background:transparent url(../images/contact_anim.gif) -130px -90px no-repeat;}
#menu a#item8 {background:transparent url(../images/promise_anim.gif) -130px -90px no-repeat;}



/* Step 9 - Adding the :hover style */

#menu a#item1:hover {background-position:0 0; z-index:50; margin-left:auto; margin-right:auto;}
#menu a#item2:hover {background-position:0 0; z-index:50;}
#menu a#item3:hover {background-position:0 0; z-index:50;}
#menu a#item4:hover {background-position:0 0; z-index:50;}
#menu a#item5:hover {background-position:0 0; z-index:50;}
#menu a#item6:hover {background-position:0 0; z-index:50;}
#menu a#item7:hover {background-position:0 0; z-index:50;}
#menu a#item8:hover {background-position:0 0; z-index:50;}


* html #menu a:hover {height:128px; he\ight:0;}


/* Step 10 - Clearing the float */

#menu {display:block; width:124px; height:130px; margin-left:auto; margin-right:auto;}