@charset "UTF-8";
/* CSS Document */



#wrapper{
	margin: 1em auto 0 auto;
	position: relative;
	padding: 0;
	width: 800px;
	height: 600px;
	border-width: medium;
	border-color: #999999;
	border-style: solid;
	overflow: hidden;
}

#leftcolumn{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 295px;
}



#navigation{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 295px;
}




#jasoncriglerbutton a{
	display:block;
	float: left;
	background: url(images/jasoncrigler_button.jpg) top;
	width: 295px;
	height: 65px;
}

#jasoncriglerbutton a:hover{
	display:block;
	float: left;
	background: url(images/jasoncrigler_button.jpg) no-repeat bottom;
	width: 295px;
	height: 65px;
}





#biobutton a{
	display:block;
	float: left;
	background: url(images/bio_button.jpg) top;
	width: 295px;
	height: 53px;
}

#biobutton a:hover{
	display:block;
	float: left;
	background: url(images/bio_button.jpg) no-repeat bottom;
	width: 295px;
	height: 53px;
}

#biobutton-on a{
	display:block;
	float: left;
	background:url(images/bio_on.jpg);
	width: 295px;
	height: 53px;
}





#composerbutton a{
	display:block;
	float: left;
	background: url(images/composer_button.jpg) top;
	width: 295px;
	height: 47px;
}

#composerbutton a:hover{
	display:block;
	float: left;
	background: url(images/composer_button.jpg) no-repeat bottom;
	width: 295px;
	height: 47px;
}

#composerbutton-on a{
	display:block;
	float: left;
	background:url(images/composer_on.jpg);
	width: 295px;
	height: 47px;
}


#monthlynotesbutton a{
	display:block;
	float: left;
	background: url(images/monthlynotes_button.jpg) top;
	width: 295px;
	height: 47px;
}

#monthlynotesbutton a:hover{
	display:block;
	float: left;
	background: url(images/monthlynotes_button.jpg) no-repeat bottom;
	width: 295px;
	height: 47px;
}

#monthlynotesbutton-on a{
	display:block;
	float: left;
	background:url(images/monthlynotes_on.jpg);
	width: 295px;
	height: 47px;
}


#showsbutton a{
	display:block;
	float: left;
	background: url(images/shows_button.jpg) top;
	width: 295px;
	height: 46px;
}

#showsbutton a:hover{
	display:block;
	float: left;
	background: url(images/shows_button.jpg) no-repeat bottom;
	width: 295px;
	height: 46px;
}

#showsbutton-on a{
	display:block;
	float: left;
	background:url(images/shows_on.jpg);
	width: 295px;
	height: 46px;
}





#storebutton a{
	display:block;
	float: left;
	background: url(images/store_button.jpg) top;
	width: 295px;
	height: 47px;
}

#storebutton a:hover{
	display:block;
	float: left;
	background: url(images/store_button.jpg) no-repeat bottom;
	width: 295px;
	height: 47px;
}

#storebutton-on a{
	display:block;
	float: left;
	background:url(images/store_on.jpg);
	width: 295px;
	height: 47px;
}





#pressbutton a{
	display:block;
	float: left;
	background: url(images/press_button.jpg) top;
	width: 295px;
	height: 47px;
}

#pressbutton a:hover{
	display:block;
	float: left;
	background: url(images/press_button.jpg) no-repeat bottom;
	width: 295px;
	height: 47px;
}

#pressbutton-on a{
	display:block;
	float: left;
	background:url(images/press_on.jpg);
	width: 295px;
	height: 47px;
}





#videosbutton a{
	display:block;
	float: left;
	background: url(images/videos_button.jpg) top;
	width: 295px;
	height: 47px;
}

#videosbutton a:hover{
	display:block;
	float: left;
	background: url(images/videos_button.jpg) no-repeat bottom;
	width: 295px;
	height: 47px;
}

#videosbutton-on a{
	display:block;
	float: left;
	background:url(images/videos_on.jpg);
	width: 295px;
	height: 47px;
}





#moviebutton a{
	display:block;
	float: left;
	background: url(images/documentary_button.jpg) top;
	width: 295px;
	height: 45px;
}

#moviebutton a:hover{
	display:block;
	float: left;
	background: url(images/documentary_button.jpg) no-repeat bottom;
	width: 295px;
	height: 45px;
}

#moviebutton-on a{
	display:block;
	float: left;
	background:url(images/documentary_on.jpg);
	width: 295px;
	height: 45px;
}




#myspacebutton a{
	display:block;
	float: left;
	background: url(images/myspace_button.jpg) top;
	width: 295px;
	height: 47px;
}

#myspacebutton a:hover{
	display:block;
	float: left;
	background: url(images/myspace_button.jpg) no-repeat bottom;
	width: 295px;
	height: 47px;
}

#myspacebutton-on a{
	display:block;
	float: left;
	background:url(images/myspace_on.jpg);
	width: 295px;
	height: 47px;
}





#linksbutton a{
	display:block;
	float: left;
	background: url(images/links_button.jpg) top;
	width: 295px;
	height: 47px;
}

#linksbutton a:hover{
	display:block;
	float: left;
	background: url(images/links_button.jpg) no-repeat bottom;
	width: 295px;
	height: 47px;
}

#linksbutton-on a{
	display:block;
	float: left;
	background:url(images/links_on.jpg);
	width: 295px;
	height: 47px;
}





#contactbutton a{
	display:block;
	float: left;
	background: url(images/contact_button.jpg) top;
	width: 295px;
	height: 54px;
}

#contactbutton a:hover{
	display:block;
	float: left;
	background: url(images/contact_button.jpg) no-repeat bottom;
	width: 295px;
	height: 54px;
}

#contactbutton-on a{
	display:block;
	float: left;
	background:url(images/contact_on.jpg);
	width: 295px;
	height: 54px;
}




#rightcolumn{
	position: absolute;
	left: 315px;
	top: 0px;
	width: 487px;
	height: 600px;
	overflow: hidden;
}		

#biocopy{
	position: absolute;
	top: 5px;
	left: 0px;
	width: 358px;
	height: 600px;
	z-index: 5;
}

#biopic{
	position: absolute;
	top: 0px;
	left: 140px;
	width: 370px;
	height: 600px;
	overflow: hidden;
}



#composercopy1{
	position: absolute;
	top: 5px;
	left: 0px;
	width: 358px;
	height: 600px;
	z-index: 5;

}

#composercopy2{
	position: absolute;
	top: 5px;
	left: 305px;
	width: 358px;
	height: 600px;
	z-index: 5;
}


#composerpic{
	position: absolute;
	top: 128px;
	left: 160px;
	width: 352px;
	height: 471px;
	overflow: hidden;
}

#mnrightcolumn{
	position: absolute;
	left: 300px;
	top: 0px;
	width: 500px;
	height: 600px;
	overflow: hidden;
}		

#mnrevisit{
	position: absolute;
	top: 20px;
	left: 40px;
	font: bold 16px arial, helvetica, sans-serif;
	color:#ff9933;
}	

#monthlynotestitle{
	position: absolute;
	top: 30px;
	left: 35px;
	width: 400px;
	height: 95px;
	z-index: 5;
	text-align:center;
	color: #663399;
	font-size: 26px;
	font-weight: bold;
	font-style: italic;
	text-align:center;
}


#monthlynotespic{
	position: absolute;
	top: 164px;
	left: 133px;
	width: 352px;
	height: 471px;
	overflow: hidden;
}

#monthlymusicframe{
	position:absolute;
    left: 0px;
    top: 25px;
    width: 460px;
    height: 250px;
    z-index: 200;
}

#menuheader{
	background: #eee;
	position: absolute;
	top: 255px;
	left: 22px;
	z-index: 400;
	color: #ff9933;
	background: #000;
	text-transform: uppercase;
}

#musicmenu{
	width: 12em;
	background: #eee;
	position: absolute;
	top: 275px;
	left: 20px;
	z-index: 400;
}

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

#musicmenu a, #musicmenu h2{
	font: bold 11px/16px arial, helvetica, sans-serif;
	display: block;
	border-width: 1px;
	border-style: solid;
	border-color: #ccc #888 #555 #bbb;
	margin: 0;
	padding: 2px 3px;
}

#musicmenu a {
	color: #66339;
	background: #000000;
	text-decoration: none;
}

#musicmenu a:hover {
	color: #ff9933;
	background: #996666;
}
		
#musicmenu li{position:relative;}	

div#musicmenu ul ul ul {
position: absolute;
top: 0;
left: 100%;
width: 70%;
}

div#musicmenu ul ul ul 
{display: none;}

div#musicmenu ul ul li:hover ul,
div#musicmenu ul ul ul li:hover ul
{display: block;}




#itmustbeso{
	position: absolute;
	top: 75px;
	left:100px;
	width: 250px;
	height: 75px;
	background-color:#000000;
	border-width: medium;
	border-color: #999999;
	border-style: solid;
	z-index: 100;
}

#strongtogether{
	position: absolute;
	top: 75px;
	left:100px;
	width: 250px;
	height: 95px;
	background-color:#000000;
	border-width: medium;
	border-color: #999999;
	border-style: solid;
	z-index: 100;
}

#letsgoshopping{
	position: absolute;
	top: 75px;
	left:100px;
	width: 250px;
	height: 75px;
	background-color:#000000;
	border-width: medium;
	border-color: #999999;
	border-style: solid;
	z-index: 100;
}

#olddognewtricks{
	position: absolute;
	top: 75px;
	left:100px;
	width: 250px;
	height: 75px;
	background-color:#000000;
	border-width: medium;
	border-color: #999999;
	border-style: solid;
	z-index: 100;
}

#rightstar{
	position: absolute;
	top: 75px;
	left:100px;
	width: 250px;
	height: 135px;
	background-color:#000000;
	border-width: medium;
	border-color: #999999;
	border-style: solid;
	z-index: 100;
}

#revelations{
	position: absolute;
	top: 75px;
	left:100px;
	width: 250px;
	height: 75px;
	background-color:#000000;
	border-width: medium;
	border-color: #999999;
	border-style: solid;
	z-index: 100;
}

#whoistheprotector{
	position: absolute;
	top: 75px;
	left:100px;
	width: 250px;
	height: 75px;
	background-color:#000000;
	border-width: medium;
	border-color: #999999;
	border-style: solid;
	z-index: 100;
}

#raiseupyourhands{
	position: absolute;
	top: 75px;
	left:100px;
	width: 250px;
	height: 75px;
	background-color:#000000;
	border-width: medium;
	border-color: #999999;
	border-style: solid;
	z-index: 100;
}

#thrushmusic{
	position: absolute;
	top: 75px;
	left:100px;
	width: 250px;
	height: 75px;
	background-color:#000000;
	border-width: medium;
	border-color: #999999;
	border-style: solid;
	z-index: 100;
}

#alligot{
	position: absolute;
	top: 75px;
	left:100px;
	width: 250px;
	height: 75px;
	background-color:#000000;
	border-width: medium;
	border-color: #999999;
	border-style: solid;
	z-index: 100;
}

#forest{
	position: absolute;
	top: 75px;
	left:100px;
	width: 250px;
	height: 75px;
	background-color:#000000;
	border-width: medium;
	border-color: #999999;
	border-style: solid;
	z-index: 100;
}

#blusterysubtropic{
	position: absolute;
	top: 115px;
	left:100px;
	width: 250px;
	height: 75px;
	background-color:#000000;
	border-width: medium;
	border-color: #999999;
	border-style: solid;
	z-index: 100;
}

#overthewire{
	position: absolute;
	top: 75px;
	left:100px;
	width: 250px;
	height: 75px;
	background-color:#000000;
	border-width: medium;
	border-color: #999999;
	border-style: solid;
	z-index: 100;
}

#crocker{
	position: absolute;
	top: 95px;
	left:100px;
	width: 250px;
	height: 75px;
	background-color:#000000;
	border-width: medium;
	border-color: #999999;
	border-style: solid;
	z-index: 100;
}

#dante{
	position: absolute;
	top: 75px;
	left:100px;
	width: 250px;
	height: 75px;
	background-color:#000000;
	border-width: medium;
	border-color: #999999;
	border-style: solid;
	z-index: 100;
}

#upcomingshowscopy{
	position: absolute;
	top: 5px;
	left: 20px;
	width: 467px;
	height: 180px;
	z-index: 20;
}

#showspic{
	position: absolute;
	top: 0px;
	left: 200px;
	width: 358px;
	height: 599px;
}

#showspic2{
	position: absolute;
	top: 0px;
	left: 220px;
	width: 265px;
	height: 600px;
	overflow: hidden;
}


#showspic3{
	position: absolute;
	top: 194px;
	left: 150px;
	width: 323px;
	height: 405px;
	overflow: hidden;
}

#showspic4{
	position: absolute;
	top: 0px;
	left: 155px;
	width: 330px;
	height: 600px;
	overflow: hidden;
}


#showspic5{
	position: absolute;
	top: 185px;
	left: 155px;
	width: 330px;
	height: 600px;
	overflow: hidden;
}


#storenav{
	position: absolute;
	left: 60px;
	top: 15px;
	width: 445px;
}


#musicofCDbutton a{
	display: block;
	float: left;
	background: url(images/store_nav/musicofCDbutton.jpg) top;
	width: 100px;
	height: 100px;
}

#musicofCDbutton a:hover{
	display: block;
	float: left;
	background: url(images/store_nav/musicofCDbutton.jpg) no-repeat bottom;
	width: 100px;
	height: 100px;
}

#musicofCDbutton-on a{
	display: block;
	float: left;
	background: url(images/store_nav/musicofCDbutton_on.jpg);
	width: 100px;
	height: 100px;
}

#hailCDbutton a{
	display: block;
	float: left;
	background: url(images/store_nav/hailCDbutton.jpg) top;
	width: 100px;
	height: 100px;
}

#hailCDbutton a:hover{
	display: block;
	float: left;
	background: url(images/store_nav/hailCDbutton.jpg) no-repeat bottom;
	width: 100px;
	height: 100px;
}

#hailCDbutton-on a{
	display: block;
	float: left;
	background: url(images/store_nav/hailCDbutton_on.jpg);
	width: 100px;
	height: 100px;
}


#lackawannaCDbutton a{
	display: block;
	float: left;
	background: url(images/store_nav/lackawannaCDbutton.jpg) top;
	width: 100px;
	height: 100px;
}

#lackawannaCDbutton a:hover{
	display: block;
	float: left;
	background: url(images/store_nav/lackawannaCDbutton.jpg) no-repeat bottom;
	width: 100px;
	height: 100px;
}

#lackawannaCDbutton-on a{
	display: block;
	float: left;
	background: url(images/store_nav/lackawannaCDbutton_on.jpg);
	width: 100px;
	height: 100px;
}


#goatsCDbutton a{
	display: block;
	float: left;
	background: url(images/store_nav/goatsCDbutton.jpg) top;
	width: 100px;
	height: 100px;
}

#goatsCDbutton a:hover{
	display: block;
	float: left;
	background: url(images/store_nav/goatsCDbutton.jpg) no-repeat bottom;
	width: 100px;
	height: 100px;
}

#goatsCDbutton-on a{
	display: block;
	float: left;
	background: url(images/store_nav/goatsCDbutton_on.jpg);
	width: 100px;
	height: 100px;
}



div.cdlarge{
	position: absolute;
	top: 135px;
	left: 60px;
	width: 200px;
	height: 200px;
}

div.purchaseinfo{
	position: absolute;
	top: 125px;
	left: 280px;
	width: 200px;
	height: 200px;
}


div.cdDescript{
	position: absolute;
	top: 350px;
	left: 60px;
	width: 420px;
}

div.musicbox1{
	position: absolute;
	left: 280px;
	top: 270px;
	width: 180px;
	height: 60px;
	background-color:#000000;
	border-width: medium;
	border-color: #999999;
	border-style: solid;
}

div.musicbox2{
	position: absolute;
	left: 280px;
	top: 340px;
	width: 180px;
	height: 60px;
	background-color:#000000;
	border-width: medium;
	border-color: #999999;
	border-style: solid;
}

div.musicbox3{
	position: absolute;
	left: 280px;
	top: 255px;
	width: 180px;
	height: 60px;
	background-color:#000000;
	border-width: medium;
	border-color: #999999;
	border-style: solid;
}

div.musicbox4{
	position: absolute;
	left: 280px;
	top: 330px;
	width: 180px;
	height: 60px;
	background-color:#000000;
	border-width: medium;
	border-color: #999999;
	border-style: solid;
}

div.musicbox5{
	position: absolute;
	left: 280px;
	top: 220px;
	width: 180px;
	height: 60px;
	background-color:#000000;
	border-width: medium;
	border-color: #999999;
	border-style: solid;
}

div.musicbox6{
	position: absolute;
	left: 280px;
	top: 295px;
	width: 180px;
	height: 60px;
	background-color:#000000;
	border-width: medium;
	border-color: #999999;
	border-style: solid;
}

p.cdmusic_caption{
	font-size: 8px;
	line-height: 12px;
	text-align: center;
	color: #ff9933;
}


#presscopy{
	position: absolute;
	left: 220px;
	top: 300px;
	line-height: 16px;
}

#linkscopy{
	position: absolute;
	top: 75px;
	left: 170px;
	width: 360px;
	height: 600px;
	line-height: 16px;
}

#linkspic{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 358px;
	height: 599px;
	z-index: -5;
}

#contactcopy{
	position: absolute;
	left: 50px;
	top: 390px;
	z-index: 1;
	font-size: 16px;
}

#contactpic{
	position: absolute;
	left: 38px;
	top: 0px;
}



#musicframe{
	position:absolute;
    left: 210px;
    top: 300px;
    width: 270px;
    height: 95px;
    z-index: 100;
}

#sweeter{
	position: absolute;
	top: 0;
	left:0;
	width: 250px;
	height: 75px;
	background-color:#000000;
	border-width: medium;
	border-color: #999999;
	border-style: solid;
	z-index: 100;
}

#welcomechina{
	position: absolute;
	top: 0;
	left:0;
	width: 250px;
	height: 75px;
	background-color:#000000;
	border-width: medium;
	border-color: #999999;
	border-style: solid;
	z-index: 100;	
}


#aziz{
	position: absolute;
	top: 0;
	left:0;
	width: 250px;
	width: 250px;
	height: 75px;
	background-color:#000000;
	border-width: medium;
	border-color: #999999;
	border-style: solid;
	z-index: 100;	
}


#iqaluit{
	position: absolute;
	top: 0;
	left:0;
	width: 250px;
	height: 75px;
	background-color:#000000;
	border-width: medium;
	border-color: #999999;
	border-style: solid;
	z-index: 400;
}



#masdar{
	position: absolute;
	top: 0;
	left:0;
	width: 250px;
	height: 75px;
	background-color:#000000;
	border-width: medium;
	border-color: #999999;
	border-style: solid;
	z-index: 100;	
}


#greenhouse{
	position: absolute;
	top: 0;
	left:0;
	width: 250px;
	height: 75px;
	background-color:#000000;
	border-width: medium;
	border-color: #999999;
	border-style: solid;
	z-index: 100;
}


#ashtanga2{
	position: absolute;
	top: 0;
	left:0;
	width: 250px;
	height: 75px;
	background-color:#000000;
	border-width: medium;
	border-color: #999999;
	border-style: solid;
	z-index: 100;	
}


#ashtanga5{
	position: absolute;
	top: 0;
	left:0;
	width: 250px;
	height: 75px;
	background-color:#000000;
	border-width: medium;
	border-color: #999999;
	border-style: solid;
	z-index: 100;	
}


.music{
}

.music_title{
	text-align: center;
	color: #ff9933;
	font-size: 16px;
}

.music_caption{
	text-align: center;
	color: #ff9933;
}

p.music_caption{
	text-align: center;
	color: #ff9933;
}

body{
	background: #000000;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	text-align: left;
	color:#FFFFFF;
	line-height: 20px;
	
}	


h1{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 16px;
	text-align: left;
	color: #FFFFFF;
	line-height: 20px;
	font-weight: bold;
}
	

img{  border-style: none;
}


a:link{
	text-decoration: none;
	color: #663399;
}

a[href]:hover{
	text-decoration: none;
	color: #996666;
}


a:visited{
	text-decoration: none;
	color: #996666;
}

p.quote{
	color: #ff9933;
	font-style: italic;
}


h1.review{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	text-align: left;
	color: #FFFFFF;
	line-height: 5px;
	font-weight: bold;
}


.subhead{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	text-align: left;
	color: #FF9933;
	font-weight: bold;
	font-style: italic;
}

.subhead2{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	text-align: center;
	color: #FF9933;
	font-weight: bold;
	font-style: italic;
}

a.listen{
	color: #ff9933;
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
}
	
	
a.listen:hover{
	color: #996666;
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
}

a.press{
	color: #ff9933;
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
}
	
	
a.press:hover{
	color: #996666;
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
}

a.press:visited{
	color: #663399;
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
}


a.links{
	color: #ff9933;
	font-size: 13px;
	font-weight: bold;
	font-style: italic;
}
	
	
a.links:hover{
	color: #996666;
	font-size: 13px;
	font-weight: bold;
	font-style: italic;
}

a.links:visited{
	color: #663399;
	font-size: 13px;
	font-weight: bold;
	font-style: italic;
}

body.sample{
	background: transparent;	
}