/* CSS Document */

html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {
margin: 0;
padding: 0;
border: 0;
outline: 0;
}

body {
	font: 100% Arial, Helvetica, sans-serif;
	color: #000000;
	text-align: right;
	background: #000000;
	padding: 0 0 10px 0;
	height: 750px;
	}

#spacerHeader {
	margin: 0 17px 0 0;
	padding: 0;
	border: none;
	}
	
#scrollsub {
	float: right;
	width: 17px;
	height: 90px;
	background-color:#CCCCCC;
}	

#wrapperFrame {
	margin: 0 auto;
	width: 960px;
	height: 90px;
	padding: 0;
	text-align: left;
	background: url(../images/headerBG_2003%20shoot%201_airbrush_100h.JPG) no-repeat;
	overflow: auto;
	}

#FrameTrans {
	position: absolute;
	z-index: 2;
	width: 965px;
	margin: 10px 0 0 15px;
	height: 80px;
	background-color:#CCCCCC;
	filter:alpha(opacity=25);
	-moz-opacity:.25;
	opacity:.25;
}
#containerHeader {
	position: absolute;
	z-index: 3;
	margin: 15px 0px 5px 15px;
	padding: 0;
	width: 945px;
	text-align: left;
	}

#playerbox{
	position: absolute;
	width: 400px;
	height: 33px;
	margin: 5px 5px 0 540px;
	padding: 0;
	}

#banner {
	position:absolute;
	height: 60px;
	width: 288px;
	margin: 10px 0 0 0px;
	padding: 0;
	background: url(../images/banner_transbrownBG.gif) no-repeat;
}

#nav {
	position: absolute;
	margin: 40px 5px 0 288px;
	padding: 0;
	text-align: left;
	}

#nav ul{
	padding: 0;
	margin: 0 0px 0 0;
	width: 652px;
	border-bottom: 1px dotted #000000;
}
#nav ul li{
	display: inline;
	padding: 0;
	margin: 0;
	outline: none;
	border: none;
	}

#nav ul li a{
	color: #000000;
	text-decoration: none;
	padding: 0 10px 0 10px;
	text-align: center;
	width: 9em;
	font-size: 80%;
	outline: none;
	border: none;
	} 

#nav ul li a:hover, #nav ul li a:focus{
	color:#CCCCCC;
	}

#transTop{
	position: absolute;
	z-index: 1;
	width: 980px;
	margin: 0 0 0 10px;
	height: 30px;
	background-color:#CCCCCC;
	filter:alpha(opacity=25);
	-moz-opacity:.25;
	opacity:.25;
	}

#wrapperHome {
	background: url(../images/2003%20shoot%201_airbrush_smCrop.JPG) no-repeat;
	margin: 0 auto;
	height: 760px;
	width: 960px;
	text-align: left;
	}

#wrapperAbout {
	background: url(../images/cast%20party%206-23-08%20_960x730_alt2.jpg) no-repeat;
	margin: 0 auto;
	height: 760px;
	width: 960px;
	text-align: left;
	}	
	
#containerAbout	{ 
	position:absolute;
	width:440px; 
	height:450px; 
	overflow:hidden;	
	margin: 55px 0 0 35px;	
	}	

#contentAbout {
	position: absolute;
	margin: 0 20px;
	}	

#scrollAbout {
	float: right;
	text-align: center;
	width: 20px;
	height: 400px;
	}	

#wrapperSchedule {
	background: url(../images/Birdland%20candid%2010-27-08%20large_noise.jpg) no-repeat;
	margin: 0 auto;
	height: 760px;
	width: 960px;
	text-align: left;
	}	
	
#containerSchedule { 
	position:absolute;
	width:460px; 
	height:550px; 
	overflow:hidden;	
	margin: 75px 0 0 460px;	
	}	

#contentSchedule {
	position: absolute;
	margin: 0 20px;
	width: 420px;
	}	

#scrollSchedule {
	float: right;
	text-align: center;
	width: 20px;
	height: 400px;
	}	

#wrapperMusic {
	background: url(../images/eyes%20closed%20singing_large_960w.jpg) no-repeat;
	margin: 0 auto;
	height: 760px;
	width: 960px;
	text-align: left;
	}	

.playerbox_cd {
	width: 430px;
	margin: 0px 20px 15px 20px;
	padding: 15px 15px 4px 15px;
	text-align: center;
	border: 1px solid #CCCCCC;
	float: right;
	}	
	
#wrapperVideo {
	margin: 0 auto;
	height: 760px;
	width: 960px;
	text-align: center;
	}
	
#wrapperPhotos {
	margin: 0 auto;
	height: 760px;
	width: 960px;
	text-align: center;
	}

#wrapperContact {
	background: url(../images/cast%20party%209-8-08%20large_960x700_alt.jpg) no-repeat;
	margin: 0 auto;
	height: 760px;
	width: 960px;
	text-align: left;
	}

#navFooter {
	position: absolute;
	width: 960px;
	margin: 0;
	padding: 0;
	text-align: right;
	z-index: 2;
}

#navFooter ul{
	padding: 5px;
	margin: 0;
	}
#navFooter ul li{
	display: inline;
	margin: 0 3px;
	}

#navFooter ul li a{
	color: #666666;
	text-decoration: none;
	padding: 0 5px;
	width: 9em;
	text-align: center;
	font-size: 80%;
	border: solid 1px #666666;
	} 

#navFooter ul li a:hover, #navFooter ul li a:focus{
	color:#FFFFFF;
}

.submit {
	font-size: 70%;
	cursor:pointer;
	width: 65px;
	height: 20px;
	border:none;
	background: url(../images/Submit.gif);
	}	

.submit2 {
	font-size: 70%;
	cursor:pointer;
	width: 65px;
	height: 20px;
	border:none;
	background: url(../images/Submit2.gif);
	}	

.spacer {
}

.trans{
	position: absolute;
	padding: 20px;
	background-color:#CCCCCC;
	filter:alpha(opacity=25);
	-moz-opacity:.25;
	opacity:.25;
	
}

.content{
	position: absolute;
	padding: 20px;
		}			

h1 {
	font: 100% Arial, Helvetica, sans-serif;
	border-bottom: 1px dotted #000000;
	}
	
h2 {
	font: 95% Arial, Helvetica, sans-serif;
	text-decoration:underline;
	}	

h3 {
	font: 85% Arial, Helvetica, sans-serif;
	}	

h4 {
	font: 70% Arial, Helvetica, sans-serif;
	}		

h5 {
	font: 50% Arial, Helvetica, sans-serif;
	}	

h6 {
	font: 15% Arial, Helvetica, sans-serif;
	}	
	
	
p {
	font: 80% Arial, Helvetica, sans-serif;
	}
	
p a{
	color:#CCCCCC;
	text-decoration: none;
		}
		
p a:hover, p a:focus {
	color:#999999;
	}	

.BGblk {
	color:#CCCCCC;
	font: Arial, Helvetica, sans-serif;
	}

.BGblk a {
	color:#CCCCCC;
	}	

.BGblk a:hover, .BGblk a:focus {
	color:#999999;
	}	
	
.leftcol {
	float:left;
	text-align: left;
	margin: 0;
	padding: 0;
		}

.leftimage{
float: left;
margin: 0;
}

.rightimage{
float: right;
margin: 0 0 20px 15px;
border: 1px solid #000000;
width: 150px;
}

.clearit {
clear: both;
}

/*scrollbar
div#scrollbar {
    display:block; /* initially display:none; to hide from incapable */
    

div#wn	{ 
    position:relative;
    width:280px; height:200px;
    overflow:hidden;
	}
    
div#scrollbar { 
  position:relative;
  width:11px; height:200px; 
  font-size:1px;  /* so no gap or misplacement due to image vertical alignment */
  }
div#track { 
  position:absolute; left:0; top:12px;
  width:11px; height:176px;
  background: #336;
  }
div#dragBar {
  position:absolute; left:1px; top:1px;
  width:9px; height:20px;
  background-color:#ceced6;
  }  
div#up { position:absolute; left:0; top:0; }  
div#down { position:absolute; left:0; bottom:0; }

/* for safari, to prevent selection problem  */
div#scrollbar, div#track, div#dragBar, div#up, div#down {
    -moz-user-select: none;
    -khtml-user-select: none;
}

/* so no gap or misplacement due to image vertical alignment
font-size:1px in scrollbar has same effect (less likely to be removed, resulting in support issues) */
div#scrollbar img {
    display:block; 
    } 

/* 
z-index: 1; (bottom layer)
z-index: 2; (next layer up)
zoom: 1; (IE transparency w/o position) 

#wrapperFrame:hover, #wrapperFrame:focus {
	background: url(../images/headerBG_2003%20shoot%201_airbrush_100h_brn1.JPG) no-repeat;
	}

/*MOBILE SITE*/

#wrapperFrameM {
	margin: 0 auto;
	width: 960px;
	height: 130px;
	padding: 0;
	text-align: left;
	background: url(../images/headerBG_2003%20shoot%201_airbrush_100h.JPG) bottom;
	overflow:auto;
	}

#FrameTransM {
	position: absolute;
	z-index: 2;
	width: 965px;
	margin: 10px 0 0 15px;
	height: 120px;
	background-color:#CCCCCC;
	filter:alpha(opacity=25);
	-moz-opacity:.25;
	opacity:.25;
}

#bannerM {
	position:absolute;
	height: 60px;
	width: 288px;
	margin: 20px 0 0 0px;
	padding: 0;
	background: url(../images/banner_transbrownBG.gif) no-repeat;
}
#navM {
	position: absolute;
	margin: 45px 5px 0px 288px;
	padding: 0;
	text-align: left;
	}

#navM ul{
	padding: 0;
	margin: 0 0 0px 0;
	width: 652px;
	border-bottom: 2px dotted #000000;
}
#navM ul li{
	display: inline;
	padding: 0;
	margin: 0;
	outline: none;
	border: none;
	}

#navM ul li a{
	color: #000000;
	text-decoration: none;
	padding: 0px 15px 0px 15px;
	text-align: center;
	width: 9em;
	font-size: 100%;
	outline: none;
	border: none;
	} 

#navM ul li a:hover, #nav ul li a:focus{
	color:#CCCCCC;
	}

.mobile{
	border-bottom: 2px dotted #000000;
	}	

.mobileBGblk{
	border-bottom: 2px dotted #CCCCCC;
	color:#CCCCCC;
	}	

.mp{
	border: none;}

.mp a {
	color:#CCCCCC;
	text-decoration:none;
	}			
	
.submitM {
	font-size: 70%;
	cursor:pointer;
	width: 91px;
	height: 27px;
	border:none;
	background: #CCCCCC url(../images/SubmitM.gif);
	}		
	
.submit2M {
	font-size: 70%;
	cursor:pointer;
	width: 91px;
	height: 27px;
	border:none;
	background: url(../images/Submit2M.gif);
	}		
	
.rightcol {
	float:right;
	text-align: left;
	margin: 0;
	padding: 0;
		}	

.mPicFrame {
	margin: 0 auto;
	padding: 0;
	width: 625px;
	height:440px;
	border: 1px solid #CCCCCC;
	
		}