@charset "utf-8";
body {
	background-color: #252525;
}
#contactform {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #C8CBDF;
	z-index: 3;
	font-weight: bold;
	font-variant: normal;
}


/* CSS Document */

a {
   outline: none;
}
a:hover, a:active, a:focus {
    // styling for any way a link is about to be used
}

#menu {
	position: absolute;
	top: 28px;
	width: 550px;
	height: 40px;
	left: 300px;
	z-index: 10;
}
#Header {
	position: absolute;
	height: 40px;
	width: 850px;
	left: 0;
	z-index: 3;
	top: 0;
}
#SteveLin {
	background-repeat: no-repeat;
	position: absolute;
	height: 64px;
	width: 290px;
	left: 22px;
	top: 12px;
	z-index: 5;
}
#Master {
	width: 850px;
	position: relative;
	left: 0px;
	background-color: #CCCCCC;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	top: 0px;
}
#Container {
	background-color: #CCC;
	position: absolute;
	height: 460px;
	width: 850px;
	left: 0px;
	top: 65px;
	border: thin solid #999;
}


#bg_main {
	z-index: -1;
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	height: 100%;
	width: 100%;
}

#Content_box {
	position: absolute;
	z-index: 2;
	height: 460px;
	top: 86px;
	right: 22px;
	background-image: url(images/content_box_gradient.png);
	background-repeat: repeat-y;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	overflow: auto;
	width: 330px;
}

#Content_box2 {
	position: absolute;
	z-index: 2;
	height: 382px;
	width: 300px;
	top: 107px;
	right: 506px;
	background-image: url(images/content_box_gradient.png);
	background-repeat: repeat-y;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 15px;
	color: #FFF;
	padding: 0px;
	margin: 0px;
}
#Content_box3 {
	position: absolute;
	z-index: 2;
	height: 270px;
	width: 280px;
	top: 107px;
	right: 507px;
	background-image: url(images/content_box_gradient.png);
	background-repeat: repeat-y;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 15px;
	color: #FFF;
	padding: 10px;
	margin: 0px;
}




* {
	margin: 0;
	padding: 0;
}


ul#menu1 {
	list-style: none;
	}
	ul#menu1 li {
		display: inline;
	}
	ul#menu1 li a  {
		text-indent: -9999px;
		display: block;
		height: 40px;
		float: left;
		}
		ul#menu1 li a.about {
			background: url(images/1about.png) no-repeat bottom center;
			width: 57px;
		}
		ul#menu1 li a.concerts {
			background: url(images/2concerts.png) no-repeat bottom center;
			width: 84px;
			}
		ul#menu1 li a.community {
			background: url(images/3community.png) no-repeat bottom center;
			width: 96px;
			}
		ul#menu1 li a.discography {
			background: url(images/4discography.png) no-repeat bottom center;
			width: 109px;
			}
		ul#menu1 li a.media {
			background: url(images/5media.png) no-repeat bottom center;
			width: 56px;
			}
		ul#menu1 li a.lessons {
			background: url(images/6lessons.png) no-repeat bottom center;
			width: 72px;
			}
		ul#menu1 li a.contact {
			background: url(images/7contact.png) no-repeat bottom center;
			width: 76px;
			}
			ul#menu1 li a.about:hover, ul#menu1 li a.about:active,
			ul#menu1 li a.concerts:hover, ul#menu1 li a.concerts:active,
			ul#menu1 li a.community:hover, ul#menu1 li a.community:active,
			ul#menu1 li a.discography:hover, ul#menu1 li a.discography:active,
			ul#menu1 li a.media:hover, ul#menu1 li a.media:active,
			ul#menu1 li a.lessons:hover, ul#menu1 li a.lessons:active,
			ul#menu1 li a.contact:hover, ul#menu1 li a.contact:active {
				background-position: center center;
			}
		
		body#about ul#menu1 li a.about,
		body#concerts ul#menu1 li a.concerts,
		body#community ul#menu1 li a.community,
		body#discography ul#menu1 li a.discography,
		body#media ul#menu1 li a.media,
		body#lessons ul#menu1 li a.lessons,
		body#contact ul#menu1 li a.contact {
			background-position: top center;
		}
#Content_box_links {
	position: absolute;
	z-index: 2;
	height: 42px;
	width: 755px;
	top: 502px;
	right: 52px;
	background-image: url(images/content_box_gradient.png);
	background-repeat: repeat-y;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 15px;
	color: #C8CBDF;
	padding: 0px;
	margin: 0px;
	font-weight: bold;
}

.floatleft { float: left; margin: 0px 5px 0px 0px; }#disc {
	position: absolute;
	z-index: 2;
	height: 401px;
	width: 704px;
	top: 35px;
	right: 58px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 15px;
	color: #FFF;
	padding: 10px;
	margin: 0px;
	background-image: url(images/content_box_gradient.png);
	background-repeat: repeat-y;
}
#CDbox {
	position: absolute;
	z-index: 2;
	height: 231px;
	width: 523px;
	top: 150px;
	right: 52px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 15px;
	color: #FFF;
	margin: 0px;
}

.graytext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CCC;
}
.whitetext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
}
#CDbox2 {
	position: absolute;
	z-index: 2;
	height: 231px;
	width: 502px;
	top: 32px;
	right: 10px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 15px;
	color: #FFF;
	margin: 0px;
	overflow: auto;
}
#apDiv1 {
	position:absolute;
	left:-143px;
	top:248px;
	width:150px;
	height:20px;
	z-index:1;
}
#Index_quote {
	position: absolute;
	z-index: 5;
	height: 345px;
	width: 352px;
	top: 94px;
	right: 25px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 17px;
	color: #FFFFDF;
	padding: 10px;
	margin: 0px;
}
#Footer {
	position: absolute;
	z-index: 2;
	height: 25px;
	top: 532px;
	right: -2px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFF;
	overflow: auto;
	width: 850px;
	text-align: right;
}
.darkgraytext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	background-color: #CCC;
}