body {
	/* background-color: #666666; */
	background-color: #FFFFFF;
	margin: 0px;
	font-family: helvetica,arial,sans-serif;
	font-size: 13px;
	background-attachment: fixed;
}


#mainBox {
	position: relative;
	width: 730px;
	height: 600px;
	margin: 0 auto;
	/* border: solid 1px green; */
	padding: 0px; 
	top: 10px;
	
}


#setBox {
	width: 600px;
	height: 600px;
	margin: 0 auto;
	padding: 0px; 
	bottom: 0px;
}

#menuBox {
	position: relative;
	width: 120px;
	height: 600px;
	text-align: right;
	padding: 0px;
	margin: 0 auto;
	border: 0px;
	vertical-align: top;
	/*
	background: pink;
	border: solid 1px #000; 
	*/
	padding-right: 9px;
	float: left;
}

.credits {
	width: 730px;
	margin: 0 auto;	
	padding-left: 100px;
}

.creditText {
	font-family: helvetica,arial,sans-serif;
	font-size: 10px;
	text-align: center;
}

.swingText {
	font-family: helvetica,arial,sans-serif;
	font-size: 11px;
	text-align: center;
	font-weight: bold;
}

.menuText {
	/* font-family: "Courier New", Courier, verdana; */
	font-family: Helvetica, Arial;
	font-size: 14px;
	margin-top: 0px;
	color: #CCCCCC;
	margin-bottom: 20px;
}

.indexText {
	font-family: Helvetica, Arial;
	font-size: 14px;
	margin-top: 90px;
	margin-bottom: 0px;
	color: #CCCCCC;
}


.grid {
	position: relative;
	width: 200px;
	height: 200px;	
	/* background-color: #E1C2BD; */
	float: left;
	padding: 0px; 
	margin: 0px;
	border: 0px;
}


.textgrid {
	position: relative;
	width: 200px;
	height: 200px;	
	background-color: #E1C2BD;
	float: left;
	padding: 0px; 
	margin: 0px;
	border: 0px;
	text-align: center;
}

.noborder {
	border: 0px;
}


h3 {
	font-size: 18px;
	margin-top: 0px;
}




/*########### CONTACT ###########*/

.contactSquare {
	position: relative;
	width: 200px;
	height: 200px;
	float: left;
	background-color: #E1C2BD;
}

.contactRecta {
	position: relative;
	width: 400px;
	height: 200px;
	float: left;
	overflow: auto;
	background-color: #E5FFF4;
	background-image: url(images/contact-bg1.jpg);
}

.contactRectb {
	position: relative;
	width: 400px;
	height: 200px;
	float: left;
	overflow: auto;
	background-color: #EDE1EF;
	background-image: url(images/contact-bg2.jpg);
}

.contactRectc {
	position: relative;
	width: 380px;
	height: 200px;
	float: left;
	overflow: auto;
	padding-left: 10px;
	padding-right: 10px;
	background-color: #E9DFDF;
	background-image: url(images/contact-bg3.jpg);
}

.straight {
	margin-top: 90px;
	text-align: center;
}

.straightb {
	margin-top: 50px;
	text-align: center;
}

.center {
	text-align: center;
}







/*###########  DISCOGRAPHY ###########*/


.discgrid {
	position: relative;
	width: 200px;
	height: 200px;	
	/* background-color: blue; */
	float: left;
	padding: 0px; 
	margin: 0px;
	border: solid 0px #000;
	text-align: center;
}


.discgrid img {
	border: 0px;
}

.discogrid img {
	border: 0px;
}


.Disc {
	width: 200px;
	height: 600px;
	float: left;
	background-color: #000000;
	background-image: url(images/disco-focusback.jpg);
	
}

.discNotes {
	width: 370px;
	height: 585px;
	background-color: #E1D6C2;
	float: left;
	padding: 15px;
	margin-top: 0px;
	padding-top: 0px;
	overflow: auto;
	background-image: url(images/disco-details.jpg);
	background-repeat: none;
}

.discoTrack {
	padding-left: 20px;
	font-size: 10px;
	color: #CDCDCD;
}

.albumTitle {
	padding-top: 0px;
	margin-top: 0px;
}

.discoReturn {
	color: #ffffff;
}

.disco {
	margin-left: 15px;
	padding: 0px;
}

.releasesNotes {
	width: 370px;
	height: 565px;
	background-color: #E1D6C2;
	float: left;
	padding: 15px;
	margin-top: 0px;
	padding-top: 20px;
	overflow: auto;
	background-image: url(images/disco-details.jpg);
	background-repeat: none;
}

.imgBox {
	float: left;
	height: 200px;
	padding-right: 8px;
}

.releasesBox {
	clear: all;
	width: 350px;
	height: 200px;
	/*
	border: 1px;
	border-color: green;
	border-style: solid;
	*/
}

.releasesImage {
	border: 0px;
	clear: all;
	padding: 0px;
	margin-top: 0px;
	margin-right: 8px;
	
}


.releasesText {
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
	color: #000000;
}







/*########### ETC ###########*/



#etcCurrent {
	position: relative;
	width: 300px;
	height: 300px;
	float: left;
	border: 0px;
}

#etcCurrentFocus {
	width: 300px;
	height: 600px;
	float: left;
	border: 0px;
	/* border: solid 1px #000; */
	background-color: #88AABB;	
	background-image: url(images/etc-current-focus.jpg);
	background-repeat: none;
	background-attachment: none;
}


	
#etcCurrentDetails {
	background-color: #E4F2F9;
	position: relative;
	float: left;
	width: 300px;
	height: 600px;
	overflow: auto;
	padding: 0px;
	margin: 0px;
	background-image: url(images/etc-focus-details.jpg);
	background-repeat: none;
}


.etcCurrentBox {
	width: 262px;
	/* border: solid 1px #000; */
	margin-left: 6px;
	padding-top: 15px;
	clear: all;
	padding: 4px;
	padding-top: 20px;
	/* background-color: #F5FCFF; */
}

#etcFaves {
	position: relative;
	width: 300px;
	height: 300px;
	float: left;
	background-color: #88AABB;
}


#etcFavesFocus {
	width: 300px;
	height: 600px;
	float: left;
	border: 0px;
	/* border: solid 1px #000; */
	background-color: #000000;
}


#etcFavesDetails {
	position: relative;
	float: left;
	width: 300px;
	height: 600px;
	background-color: #611911;
	overflow: auto;
	padding: 0px;
	margin: 0px;
	background-image: url(images/etc-faves-bg.jpg);
}

.etcFavesBox {
	width: 262px;
	/* border: solid 1px #000; */
	margin-left: 10px;
	padding-top: 15px;
	clear: all;
	color: #FFFFFF;
}


.etcFavesContent {
	clear: all;
}



#etcVoltage {
	position: relative;
	width: 300px;
	height: 300px;
	float: left;
	background-color: #EDE1EF;
}

#etcVoltageContent {
	position: relative;
	width: 300px;
	height: 300px;
	float: left;
	background-color: #EDE1EF;
	overflow: auto;
}

.voltText {
	width: 250px;
	margin: 15px;
}


.voltSolo {
	padding-top: 25px;
	padding-left: 25px;
}

#etcBlank {
	position: relative;
	width: 300px;
	height: 300px;
	float: left;
	background-color: maroon;
}



.etcMid {
	padding-left: 43px;
	padding-top: 102px;
}

.etcDetails {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}




.etc1 {
	width: 100px;
	float: left;
	padding-right: 10px;
}

.etc2 {
	float: none;
	padding-top: 4px;
}

.padbottom {
	padding-bottom: 10px;
}







/*########### ART ###########*/



.artFocus {
	float:left;
	padding-right: 10px;
	border: 0px;
}

.artFocusBox {
	border: 0px;
	width: 400px;
	height: 390px;
	float: left;
}

.artDetails {
	text-align: left;
	padding-left: 20px;
	padding-right: 15px;
	
}

.artWideBox {
	position: relative;
	width: 592px;
	height: 192px;	
	background-color: #8C93A6;
	background-image: url(images/art-bg-sm.jpg);
	float: left;
	padding: 4px; 
	margin: 0px;
	overflow: auto;
}

.topwholegrid {
	position: relative;
	width: 592px;
	height: 392px;	
	background-color: #8C93A6;
	float: left;
	padding: 4px; 
	margin: 0px;
	border: 0px;
	margin-top: 0px;
	overflow: auto;
	text-align: center;
	background-image: url(images/art-bg.jpg);
}


.bigblankgrid {
	position: relative;
	width: 592px;
	height: 392px;	
	background-color: #FFFFFF;
	float: left;
	padding: 4px; 
	margin: 0px;
	border: 0px;
	overflow: hidden;
	background-image: url(images/art-bg.jpg);
}

.thumbnail {
	position: relative;
	width: 100px;	
	padding: 4px; 
	margin: 0px;
	border: 0px;
	border-style: solid;
	border-color: green;
	text-align: center;
	padding-bottom: 24px;
}

.grid p {
	margin: 0px;
	padding: 0px;
	font-face: helvetica,arial,sans-serif;
}









/*########### EVENTS ###########*/



.eventPic {
	position: relative;
	width: 200px;
	height: 200px;	
	/* background-color: #E1C2BD; */
	float: left;
	padding: 0px; 
	margin: 0px;
	border: 0px;
}

.eventDetails {
	position: relative;
	width: 400px;
	height: 400px;
	float: left;
	padding: 0px;
	background-color: #E5E7D8;
	overflow: auto;
	background-image: url(images/events-bg4.jpg);	
	background-repeat: no-repeat;
	
}

.eventPadding {
	padding: 15px;
	margin-top: 15px;
	padding-top: 8px;
	/* border: solid 1px red; */
}

.eventBox {
	position: relative;
	width: 262px;
	/* border: solid 1px red; */
	margin-left: 10px;
	padding-top: 5px;
	clear: all;
	
	padding: 4px;
}


.eventBox p {
	padding-top: 0px;
	margin-top: 0px;
	border-top: 0px;
}





/*########### AUDIO ###########*/



#audiotoplayer {
	position: absolute;
	width: 480px;
	height: 540px;
	color: #000000;
	margin-left: 204px;
	margin-top: 30px;
	vertical-align: top;
	border: solid 0px #000;
	z-index: 4;
	overflow: auto;
	padding: 0px;
}


.audioGrid {
	background-color: #F2CAD2;
	position: relative;
	width: 200px;
	height: 200px;	
	float: left;
	padding: 0px; 
	margin: 0px;
	border: 0px;	
}

.audioBox {
	clear: all;
	height: 150px;
	width: 390px;
	border: 0px;
}

.audioImage {
	border: 1px;
	border-color: #000000;
	border-style: solid;
	float: left;
	padding: 0px;
	margin-top: 0px;
	margin-right: 8px;
	
}

.audioText {
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
	color: #000000;
}

p.audioText {
	margin-top: 0px;
	color: #000000;
}

.audioSm {
	font-size: 10px;
	
}


a.audioLink:link {
	text-decoration: underline;
	color: #000000;
	font-size: 13px;
	font-weight: bold;
	/* font-family: Georgia, Times, Serif; */
}

a.audioLink:visited {
	text-decoration: underline;
	color: #000000;
	font-size: 13px;
	font-family: Helvetica, Arial;
	font-weight: bold;
}

a.audioLink:hover {
	text-decoration: none;
	color: #000000;
	font-size: 13px;
	font-family: Helvetica, Arial;
	font-weight: bold;
}

a.audioLink:active {
	text-decoration: underline;
	color: #000000;
	font-size: 13px;
	font-family: Helvetica, Arial;
	font-weight: bold;
}

a.audioRelated:link {
	text-decoration: underline;
	color: #000000;
	font-size: 12px;
}

a.audioRelated:visited {
	text-decoration: underline;
	color: #000000;
	font-size: 12px;
}

a.audioRelated:hover {
	text-decoration: none;
	color: #000000;
	font-size: 12px;
}

a.audioRelated:active {
	text-decoration: underline;
	color: #000000;
	font-size: 12px;
}







/*********** BIO **************/

.bioGrid {
	background-color: #DDCEC2;
	position: relative;
	width: 200px;
	height: 200px;	
	float: left;
	padding: 0px; 
	margin: 0px;
	border: 0px;	
}



#biolayer {
	position: absolute;
	width: 495px;
	height: 437px;
	color: #000000;
	margin-left: 195px;
	margin-top: 73px;
	vertical-align: top;
	border: solid 0px #000;
	z-index: 4;
	overflow: auto;
	padding: 0px;
}


.center {
	text-align: center;
	width: 400px;
}


.grid img {
	border: 0px;
}


.bioText {
	margin: 0px;
	color: #000000;
}

.bioImage {
	padding:0px;
	margin: 0px;
}




/*********** NEWS **************/

.newsGrid {
	background-color: #DDCEC2;
	position: relative;
	width: 200px;
	height: 200px;	
	float: left;
	padding: 0px; 
	margin: 0px;
	border: 0px;	
}



#newslayer {
	position: absolute;
	width: 600px;
	height: 600px;
	color: #000000;
	margin-left: 130px;
	vertical-align: top;		
	overflow: auto;
	z-index: 4;
	padding: 0px;
}

.newsText {
	margin: 10px;
	color: #000000;
}

.newspadding {
	/* border: solid 2px blue; */
	top: 22px;
	width: 515px;
	height: 565px;
	margin-left: 30px;
	margin-top: 10px;
	padding: 5px;
	
	
}

.newsImg {
	padding-bottom: 10px;
}


.newsLink {
	padding-left: 0px;
	margin-left: 20px;
}









/*********** MEDIA **************/

.mediaTop {
	background-color: #000000;
	position: relative;
	width: 600px;
	height: 400px;	
	float: left;
	padding: 0px; 
	margin: 0px;
	border: 0px;	
	background-image: url(images/media-bg1.jpg);	
	background-repeat: no-repeat;
	color: #FFFFFF;
}


.mediaBottom {
	background-color: #000000;
	position: relative;
	width: 600px;
	height: 200px;	
	float: left;
	padding: 0px; 
	margin: 0px;
	border: 0px;	
	background-image: url(images/media-bg2.jpg);	
	background-repeat: no-repeat;
	color: #FFFFFF;
	overflow: auto;
}

.mediaImage {
	float: left;
	padding-right: 15px;
}

.mediaList {
	margin-left: 150px;
	line-height: 15pt;
	margin-top: 0px;
	padding-top: 0px;
}


.media {
	clear: all;
	width: 400px;
	height: 100px;
	padding-left: 190px;
}

.mediaP {
	padding-left: 190px;
	width: 300px;
}

.mediaText {
	padding-left: 100px;
}

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

a.mediaLink:visited {
	text-decoration: underline;
	color: #FFFFFF;
}

a.mediaLink:hover {
	text-decoration: none;
	color: #FFFFFF;
}

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










.cornergrid {
	position: relative;
	width: 200px;
	height: 200px;	
	background-color: #E1C2BD;
	float: left;
	padding: 0px; 
	margin: 0px;
	border: 0px;
	top: -200px;
}

.leftmidgrid {
	position: relative;
	width: 200px;
	height: 200px;	
	background-color: #E1C2BD;
	float: left;
	padding: 0px; 
	margin: 0px;
	border: 0px;
	top: -200px;
}


.pullleft {
	position: relative;
	width: 200px;
	height: 200px;	
	background-color: #E1C2BD;
	float: left;
	padding: 0px; 
	margin: 0px;
	border: 0px;
	left: -200px;
}

.rightcorner {
	position: relative;
	width: 200px;
	height: 200px;	
	background-color: #DDDDDD;
	float: left;
	padding: 0px; 
	margin: 0px;
	border: 0px;
	left: 400px;
	top: -200px;
	overflow: auto;
}

.gridscroll {
	position: relative;
	width: 192px;
	height: 192px;	
	background-color: #B3B3B3;
	float: left;
	padding: 4px; 
	margin: 0px;
	overflow: auto;
}

.gridscroll2 {
	position: relative;
	width: 192px;
	height: 192px;	
	background-color: #B3B3B3;
	float: left;
	padding: 4px; 
	margin: 0px;
	overflow: auto;
}

.biggrid {
	position: relative;
	width: 392px;
	height: 392px;	
	background-color: #DDDDDD;
	float: left;
	padding: 4px; 
	margin: 0px;
	border: 0px;
	overflow: auto;
}



.thumbnail image {
	border: 0px;
}

.noborder {
	border: 0px;
}


.spacer {
	margin-left: 10px;
	margin-right: 10px;
}






/*########### LINKS ##########*/

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

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

a:hover {
	text-decoration: none;
	color: #000000;
}

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



a.indexLink:link {
	text-decoration: none;
	color: blue;
}

a.indexLink:visited {
	text-decoration: none;
	color: blue;
}

a.indexLink:hover {
	text-decoration: underline;
	color: blue;
}

a.indexLink:active {
	text-decoration: none;
	color: blue;
}



a.menuLink:link {
	text-decoration: none;
	/* color: #A6A6A6; */
	color: #000000;
}

a.menuLink:visited {
	text-decoration: none;
	color: #000000;
}

a.menuLink:hover {
	text-decoration: underline;
	color: #000000;
}

a.menuLink:active {
	text-decoration: none;
	color: #000000;
}



a.sectionLink:link {
	text-decoration: underline;
	/* color: #A6A6A6; */
	color: #000000;
}

a.sectionLink:visited {
	text-decoration: underline;
	color: #000000;
}

a.sectionLink:hover {
	text-decoration: none;
	color: #000000;
}

a.sectionLink:active {
	text-decoration: underline;
	color: #000000;
}


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

a.discoLink:visited {
	text-decoration: underline;
	color: #FFFFFF;
}

a.discoLink:hover {
	text-decoration: none;
	color: #FFFFFF;
}

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


a.smallLink:link {
	text-decoration: underline;
	color: #000000;
	font-size: 11px;
}

a.smallLink:visited {
	text-decoration: underline;
	color: #000000;
	font-size: 11px;
}

a.smallLink:hover {
	text-decoration: none;
	color: #000000;
	font-size: 11px;
}

a.smallLink:active {
	text-decoration: underline;
	color: #000000;
	font-size: 11px;
}


a.email:link {
	text-decoration: underline;
	color: #000000;
	font-size: 17px;
	font-weight: bold;
}

a.email:visited {
	text-decoration: underline;
	color: #000000;
	font-size: 17px;
	font-weight: bold;
}

a.email:hover {
	text-decoration: none;
	color: #000000;
	font-size: 17px;
	font-weight: bold;
}

a.email:active {
	text-decoration: underline;
	color: #000000;
	font-size: 17px;
	font-weight: bold;
}
