/* main styles Musical Occasion  */

body {
	text-align: center;

	border: 0;
	margin: 0;
	padding: 0;
	font-family: Verdana,  Helvetica, sans-serif;
/*	background-image: url(../media/imgs/masterlayout/bodybggrad.png);
	background-repeat: repeat-x;	*/
	background-color:#ffffff;
}

#wrapper {
	/*width: 100%px;
	margin: 0 auto;
	text-align: left;*/      
	position: absolute;
    left: 50%;
    top: 50%;
    width: 770px;
    height: 465px;
    margin-left: -385px; /* half of width */
    margin-top: -233px;  /* half of height */

	  
} 
#horizbg {
	position: absolute;
	left: 0;
    top: 50%;
	width: 100%;
	height: 466px;
	background-color:#cccccc;
	background-image: url(../media/imgs/masterlayout/sidebggrad.jpg); 
	background-repeat: repeat-x;
	margin-top: -233px; 	  
} 
#bodyborder{ 	

	position: relative;
	width: 770px;
	height: 466px;
	border: 1px solid #333333;
	padding: 3px; 

	}

#bodywrapper {

	position: relative;
	width: 770px;
	height: 466px;
	/*border: 1px solid #333333; */
	text-align:left;
	background-color:#000000;
} 


#formwrapper {

	position: relative;
	width: 420px;
	background-color:#000000;
	color:#FFFFFF;
} 

#contentwrapper{ width: 770px;

}

.padder{
	padding: 21px;	
}

.padder2{
	padding: 4px;
	
}

/* header stuff  */

#header { 
	position:relative;
	background-color:#000000;
	width: 100%;
	height: 30px;
}


#globalmenuarea{
	position: relative;
	float:left;
	width: 550px;
	height: 30px;
	border: 0;
	color:#FFFFFF;
	}
	
#MO_txtimg{
	position: relative;
	float:right;
	right: 0;
	clear: none;
	width: 175px;
	height: 30px;
	border: 0;
	text-align:right;
	}
	
/* footer stuff  */	
	
#logoarea {

	float: right;
	clear: none;
	position: relative;
	width: 160px;
	height:70px;
	
}
#tagline {	
	position:relative;
	float: left;
	clear: none;
	left: 0px;
	top: 0px;
	width:500px;
	}
	
.footertext{
	position: relative;
	clear: both;
	top:0px;
	font-weight: bold;
	font-size: 0.6em;
	color: #CCCCCC;
	text-align:right;	
	width: 770px;
}
.footertext a:link { color:#CCCCCC; text-decoration:none;}
.footertext a:hover { color:#CCCCCC;
text-decoration:underline;}
.footertext a:visited { color:#CCCCCC; text-decoration:none;}
.footertext a:active { color:#666666; text-decoration:none;}
	
#footer {
	position: relative;
	clear: both;
	height:80px;
	width: 100%;
	background-color:#000000;
}


/* content  */


.leftcol{}


.rightcol{
	color: #FFFFFF; Z-INDEX: 1; OVERFLOW: auto; WIDTH: 400px; HEIGHT: 350px; 
	scrollbar-face-color : #000000;
	scrollbar-shadow-color : #212121;
	scrollbar-highlight-color : #666666;
	scrollbar-3dlight-color : #000000;
	scrollbar-darkshadow-color : #000000;
	scrollbar-track-color : #000000;
	scrollbar-arrow-color : #CCCCCC; 
	scrollbar-base-color : #ff0000; 

}
.rightcolscrollbox{
	color: #FFFFFF; Z-INDEX: 1; OVERFLOW: auto; WIDTH: 320px; HEIGHT: 48px; 
	scrollbar-face-color : #000000;
	scrollbar-shadow-color : #212121;
	scrollbar-highlight-color : #666666;
	scrollbar-3dlight-color : #000000;
	scrollbar-darkshadow-color : #000000;
	scrollbar-track-color : #000000;
	scrollbar-arrow-color : #CCCCCC; 
	scrollbar-base-color : #ff0000; 
	font-size: 0.65em;
	color: #FFFFFF;
	font-weight: bold;
	text-align:left;
	border: 1px solid #666666;
	padding: 2px;
}


.rightcolscrollboxmusicians{
	color: #FFFFFF; Z-INDEX: 1; OVERFLOW: auto; WIDTH: 200px; HEIGHT: 35px; 
	scrollbar-face-color : #000000;
	scrollbar-shadow-color : #212121;
	scrollbar-highlight-color : #666666;
	scrollbar-3dlight-color : #000000;
	scrollbar-darkshadow-color : #000000;
	scrollbar-track-color : #000000;
	scrollbar-arrow-color : #CCCCCC; 
	scrollbar-base-color : #ff0000; 
	font-size: 0.65em;
	color: #FFFFFF;
	font-weight: bold;
	text-align:left;
	border: 1px solid #CCCCCC;
	padding: 2px;
}

.rightcolscrollboxtall{
	color: #FFFFFF; Z-INDEX: 1; OVERFLOW: auto; WIDTH: 320px; HEIGHT: 115px; 
	scrollbar-face-color : #000000;
	scrollbar-shadow-color : #212121;
	scrollbar-highlight-color : #666666;
	scrollbar-3dlight-color : #000000;
	scrollbar-darkshadow-color : #000000;
	scrollbar-track-color : #000000;
	scrollbar-arrow-color : #CCCCCC; 
	scrollbar-base-color : #ff0000; 
	color: #FFFFFF;
	text-align:left;
	border: 1px solid #666666;
	font-size: 0.65em;
	font-weight: bold;
	padding: 2px;
}

.rightcolcontentleadtxt{
	font-weight: normal;
	font-size: 0.7em;
	color: #FFFFFF;
	text-align:left;
	list-style-position: inside;
	list-style-type: square;
	
}

.rightcolcontenttxt{
	font-weight: normal;
	font-size: 0.7em;
	color: #FFFFFF;
	text-align:left;
	list-style-position: inside;
	list-style-type: square;
}

.formtxt{
	font-weight: bold;
	font-size: 1em;
	color: #FFFFFF;
	text-align:right;
}

.formheadertxt{
	font-weight: bold;
	font-size: 1.5em;
	color: #FFFFFF;
	text-align:left;

	
}

.largetxt{
	font-weight: bold;
	font-size: 1.3em;
	color: #FFFFFF;
	text-align:center;

	
}










a:link {
	color: #FFFFFF;
	text-decoration: underline;
}

a:visited {
  color: #CCCCCC;
	text-decoration: underline;
}

a:hover {
	text-decoration: underline;
}

a:active {
	color: #FFFFFF;
	text-decoration: underline;
}


.submenu{
	font-size: 0.65em;
	color: #FFFFFF;
	font-weight: bold;
	text-align:left;
	position:relative;
	left: 15px;
	top: 5px;
	width:400px;
	text-align:justify;
}

a.submenu {
	text-decoration: none;
}

a.submenu:hover {

	text-decoration: underline;
	letter-spacing: 1px;
	}

a.submenu:visited {
	color: #cccccc;
	padding: 2px;
}

.homebg {
	background-image: url(../media/imgs/gradientbgs/homebg.png);
	background-repeat: repeat-y;
}

.musiciansbg {
	background-image: url(../media/imgs/gradientbgs/musiciansbg.png);
	background-repeat: repeat-y;
}

.servicesbg {
	background-image: url(../media/imgs/gradientbgs/servicesbg.png);
	background-repeat: repeat-y;
}
.aboutbg {
	background-image: url(../media/imgs/gradientbgs/aboutbg.png);
	background-repeat: repeat-y;
}

.testimonialsbg {
	background-image: url(../media/imgs/gradientbgs/testimonialsbg.png);
	background-repeat: repeat-y;
}

.pricesbg {
	background-image: url(../media/imgs/gradientbgs/pricesbg.png);
	background-repeat: repeat-y;
}

.listeningbg {
	background-image: url(../media/imgs/gradientbgs/listeningbg.png);
	background-repeat: repeat-y;
}

.contactbg {
	background-image: url(../media/imgs/gradientbgs/contactbg.png);
	background-repeat: repeat-y;
}