/** BASIC */

body {
	margin: 0px;
	padding: 0px;
	background: #FFFFFF url(images/bg01.jpg) repeat left top;
}

/** FORMS */

form {
	margin: 0px;
	padding: 0px;
}


/** TOP NAVIGATION */

.topnav {
	text-align: right;
	text-decoration: none;
	text-transform: lowercase;
	font: bold 13px Verdana, Arial, Helvetica, sans-serif;
	color: #88420a;
}

.topnav:hover {
	text-decoration: underline;
}


/** TABLES */

.table1 {
	width: 100%;
}

.table1 td {
	padding: 5px;
	font-size: 10px;
}

.table1 a {
	color: #65533E;
}

.table1 .dark {
	background: url(images/homepage07.gif) repeat-x left top;
}

.table1 .light {
	background: url(images/homepage08.gif) repeat-x left top;
}

/** HEADINGS */

h1, h2, h3, h4, h5, h6 {
	margin: 0px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

/** TEXTS */

body, th, td, input, textarea, select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #483d2f;
}

p, blockquote, ul, ol, dl {
	margin-top: 0px;
	margin-bottom: 1em;
	text-align: justify;
}

.text1 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #483d2f;
}

.text2 {
	margin-bottom: 20px;
	padding: 0px 0px 4px 0px;
	background: url(images/homepage05.gif) repeat-x left bottom;
	text-transform: uppercase;
	font-size: 12px;
	color: #653216;
}

.bottom {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #f2be83;
}

/** LISTS */

.list1 {
	margin: 0px;
	padding: 0px;
	list-style: none;
	line-height: 180%;
}

/** LINKS */

a {
	color: #238887;
}

a:hover {
	text-decoration: none;
}

.link1 {
	display: block;
	padding-right: 20px;
	background: url(images/block.jpg) no-repeat center right;
	text-align: right;
	text-decoration: none;
	text-transform: lowercase;
	font: 13px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}

.link1:hover {
	text-decoration: underline;
}

.link2 {
	display: block;
	margin-right: 5px;
	padding-right: 20px;
	background: url(images/homepage10.gif) no-repeat right center;
	text-align: right;
}

/** STYLES */

.style1 {
}

.style1 a {
}

.style1 a:hover {
}

/** BACKGROUNDS */

.bg1 { background: url(images/bg02.jpg) repeat-x left top; }
.bg2 { background: url(images/bg03.jpg) no-repeat left top; }
.bg3 { background: url(images/bg04.jpg) repeat-y left top; }
.bg4 { background: url(images/bg05.jpg) no-repeat left bottom; }
.bg5 { background: url(images/bg06.jpg) no-repeat left top; }
.bg6 { background: url(images/homepage02.gif) repeat-x left top; }
.bg7 { background: url(images/homepage05.gif) repeat-x left bottom; }

/** MISC */

.align-justify { text-align: justify; }
.align-right { text-align: right; }

img { border: none; }

.img1 {
	float: left;
	margin: 3px 15px 0px 0px;
}

.img2 {
	float: right;
	margin: 3px 0px 0px 15px;
}

hr { display: none; }

.hr1 {
	height: 1px;
}


/** BUTTONS */

.C { 
position: relative;
background-image: url(images/C2.jpg);
background-repeat: no-repeat;
white-space: nowrap;
display: block;
width: 40px;
height: 36px;
margin: 0; 
padding: 0; 
}

.C a {
display: block;
color: #000000;
width: 40px;
height: 36px;
display: block;
float: left;
}

.C img {width: 40px; height: 36px; border: 0; }
* html a:hover {visibility:visible}
.C a:hover img{visibility:hidden}



.D { 
position: relative;
background-image: url(images/D2.jpg);
background-repeat: no-repeat;
white-space: nowrap;
display: block;
width: 40px;
height: 36px;
margin: 0; 
padding: 0; 
}

.D a {
display: block;
color: #000000;
width: 40px;
height: 36px;
display: block;
float: left;
}

.D img {width: 40px; height: 36px; border: 0; }
* html a:hover {visibility:visible}
.D a:hover img{visibility:hidden}



.E { 
position: relative;
background-image: url(images/E2.jpg);
background-repeat: no-repeat;
white-space: nowrap;
display: block;
width: 40px;
height: 36px;
margin: 0; 
padding: 0; 
}

.E a {
display: block;
color: #000000;
width: 40px;
height: 36px;
display: block;
float: left;
}

.E img {width: 40px; height: 36px; border: 0; }
* html a:hover {visibility:visible}
.E a:hover img{visibility:hidden}



.F { 
position: relative;
background-image: url(images/F2.jpg);
background-repeat: no-repeat;
white-space: nowrap;
display: block;
width: 40px;
height: 36px;
margin: 0; 
padding: 0; 
}

.F a {
display: block;
color: #000000;
width: 40px;
height: 36px;
display: block;
float: left;
}

.F img {width: 40px; height: 36px; border: 0; }
* html a:hover {visibility:visible}
.F a:hover img{visibility:hidden}



.G { 
position: relative;
background-image: url(images/G2.jpg);
background-repeat: no-repeat;
white-space: nowrap;
display: block;
width: 40px;
height: 36px;
margin: 0; 
padding: 0; 
}

.G a {
display: block;
color: #000000;
width: 40px;
height: 36px;
display: block;
float: left;
}

.G img {width: 40px; height: 36px; border: 0; }
* html a:hover {visibility:visible}
.G a:hover img{visibility:hidden}



.A { 
position: relative;
background-image: url(images/A2.jpg);
background-repeat: no-repeat;
white-space: nowrap;
display: block;
width: 40px;
height: 36px;
margin: 0; 
padding: 0; 
}

.A a {
display: block;
color: #000000;
width: 40px;
height: 36px;
display: block;
float: left;
}

.A img {width: 40px; height: 36px; border: 0; }
* html a:hover {visibility:visible}
.A a:hover img{visibility:hidden}



.B { 
position: relative;
background-image: url(images/B2.jpg);
background-repeat: no-repeat;
white-space: nowrap;
display: block;
width: 40px;
height: 36px;
margin: 0; 
padding: 0; 
}

.B a {
display: block;
color: #000000;
width: 40px;
height: 36px;
display: block;
float: left;
}

.B img {width: 40px; height: 36px; border: 0; }
* html a:hover {visibility:visible}
.B a:hover img{visibility:hidden}



.Db { 
position: relative;
background-image: url(images/Db2.jpg);
background-repeat: no-repeat;
white-space: nowrap;
display: block;
width: 40px;
height: 36px;
margin: 0; 
padding: 0; 
}

.Db a {
display: block;
color: #000000;
width: 40px;
height: 36px;
display: block;
float: left;
}

.Db img {width: 40px; height: 36px; border: 0; }
* html a:hover {visibility:visible}
.Db a:hover img{visibility:hidden}



.Eb { 
position: relative;
background-image: url(images/Eb2.jpg);
background-repeat: no-repeat;
white-space: nowrap;
display: block;
width: 40px;
height: 36px;
margin: 0; 
padding: 0; 
}

.Eb a {
display: block;
color: #000000;
width: 40px;
height: 36px;
display: block;
float: left;
}

.Eb img {width: 40px; height: 36px; border: 0; }
* html a:hover {visibility:visible}
.Eb a:hover img{visibility:hidden}



.Gb { 
position: relative;
background-image: url(images/Gb2.jpg);
background-repeat: no-repeat;
white-space: nowrap;
display: block;
width: 40px;
height: 36px;
margin: 0; 
padding: 0; 
}

.Gb a {
display: block;
color: #000000;
width: 40px;
height: 36px;
display: block;
float: left;
}

.Gb img {width: 40px; height: 36px; border: 0; }
* html a:hover {visibility:visible}
.Gb a:hover img{visibility:hidden}



.Ab { 
position: relative;
background-image: url(images/Ab2.jpg);
background-repeat: no-repeat;
white-space: nowrap;
display: block;
width: 40px;
height: 36px;
margin: 0; 
padding: 0; 
}

.Ab a {
display: block;
color: #000000;
width: 40px;
height: 36px;
display: block;
float: left;
}

.Ab img {width: 40px; height: 36px; border: 0; }
* html a:hover {visibility:visible}
.Ab a:hover img{visibility:hidden}



.Bb { 
position: relative;
background-image: url(images/Bb2.jpg);
background-repeat: no-repeat;
white-space: nowrap;
display: block;
width: 40px;
height: 36px;
margin: 0; 
padding: 0; 
}

.Bb a {
display: block;
color: #000000;
width: 40px;
height: 36px;
display: block;
float: left;
}

.Bb img {width: 40px; height: 36px; border: 0; }
* html a:hover {visibility:visible}
.Bb a:hover img{visibility:hidden}



.mp3 { 
position: relative;
background-image: url(images/mp32.jpg);
background-repeat: no-repeat;
white-space: nowrap;
display: block;
width: 76px;
height: 36px;
margin: 0; 
padding: 0; 
}

.mp3 a {
display: block;
color: #000000;
width: 76px;
height: 36px;
display: block;
float: left;
}

.mp3 img {width: 76px; height: 36px; border: 0; }
* html a:hover {visibility:visible}
.mp3 a:hover img{visibility:hidden}



.midi { 
position: relative;
background-image: url(images/midi2.jpg);
background-repeat: no-repeat;
white-space: nowrap;
display: block;
width: 76px;
height: 36px;
margin: 0; 
padding: 0; 
}

.midi a {
display: block;
color: #000000;
width: 76px;
height: 36px;
display: block;
float: left;
}

.midi img {width: 76px; height: 36px; border: 0; }
* html a:hover {visibility:visible}
.midi a:hover img{visibility:hidden}



.notes { 
position: relative;
background-image: url(images/notes2.jpg);
background-repeat: no-repeat;
white-space: nowrap;
display: block;
width: 76px;
height: 36px;
margin: 0; 
padding: 0; 
}

.notes a {
display: block;
color: #000000;
width: 76px;
height: 36px;
display: block;
float: left;
}

.notes img {width: 76px; height: 36px; border: 0; }
* html a:hover {visibility:visible}
.notes a:hover img{visibility:hidden}



.chords { 
position: relative;
background-image: url(images/chords2.jpg);
background-repeat: no-repeat;
white-space: nowrap;
display: block;
width: 76px;
height: 36px;
margin: 0; 
padding: 0; 
}

.chords a {
display: block;
color: #000000;
width: 76px;
height: 36px;
display: block;
float: left;
}

.chords img {width: 76px; height: 36px; border: 0; }
* html a:hover {visibility:visible}
.chords a:hover img{visibility:hidden}