/*RESETT0RZ*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}

body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}

/* remember to define focus styles! */
:focus {outline: 0;}

/* remember to highlight inserts somehow! */
ins {text-decoration: none;}

del {text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;}









/*TYPOGRAPHIEZ*/
h1, h2, h3, h4, h5{
font-family: Arial;
}

h1 {
font-size: 16px;
letter-spacing: -1px;
font-weight: bold;
}

h2 {
font-size: 17px;
letter-spacing: -1px;
font-weight: bold;
color: #511811;
clear: both;
}

h3{
font-size: 12px;
font-weight: bold;
}

h4 {
font-size: 14px;
letter-spacing: -1px;
font-weight: bold;
}

h5 {
font-size: 16px;
letter-spacing: -1px;
font-weight: bold;
color: white
}

h6 {
font-size: 14px;
letter-spacing: -1px;
font-weight: bold;
color: black;
}


h7 {
font-size: 14px;
letter-spacing: -1px;
font-weight: bold;
color: black;
text-transform: uppercase;
}

p.small{
font-size: 10px;
letter-spacing: -1px;
margin-left: 5px;
}

p.muzic{
font-size: 11px;
margin-left: 5px;
}

span.listen
{font-size: 14px;
letter-spacing: -1px;
font-weight: bold;}






/*LINKAGE*/

a:link {color: black; text-decoration: none}
a:visited {color: black;text-decoration: none}
a:hover {color: white; text-decoration: none}

a.one:link {color: white; text-decoration: none}
a.one:visited {color: white; text-decoration: none}
a.one:hover {color: #511811; text-decoration: none}

a.two:link {color: #511811; text-decoration: none}
a.two:visited {color: #511811; text-decoration: none}
a.two:hover {color: #511811; text-decoration: underline}

a.three:link {color: black; text-decoration: none}
a.three:visited {color: black; text-decoration: none}
a.three:hover {color: black; text-decoration: underline}

a.four:link {font-size: 12px; color: black; text-decoration: none; letter-spacing: 0px; font-weight: bold}
a.four:visited {font-size: 12px; color: black; text-decoration: none; letter-spacing: 0px; font-weight: bold}
a.four:hover {font-size: 13px; color: black; text-decoration: none; letter-spacing: 0px; font-weight: bold}

a.five:link {font-size: 12px; color: black; text-decoration: none; letter-spacing: 0px; font-weight: bold}
a.five:visited {font-size: 12px; color: black; text-decoration: none; letter-spacing: 0px; font-weight: bold}
a.five:hover {font-size: 12px; color: black; text-decoration: none; letter-spacing: 0px; font-weight: bold}

a.buy:link {font-size: 16px; color: black; text-decoration: none; letter-spacing: -1px; font-weight: bold}
a.buy:visited {font-size: 16px; color: black; text-decoration: none; letter-spacing: -1px; font-weight: bold}
a.buy:hover {font-size: 16px; color:#511811 ; text-decoration: none; letter-spacing: -1px; font-weight: bold}


a:link {text-decoration: none}
a:visited {text-decoration: none}
a:hover {text-decoration: none}




/*LAYOUT CSS, YO*/

body{
background: #FFF;
background-image:url('images/bg2.jpg');
font-family: Arial;
font-size: 11px;
}

/*Holds all Content*/
.wrapper{
background: white;
width: 895px; 
height:  535px;
margin: auto; 
margin-top: 28px;
}

.wrapper2{
background: #c6da63;
width: 610px; 
height:  535px;
margin: auto; 
margin-top: 28px;
overflow: auto;
text-align: center;
padding-bottom: 20px;
padding-top: 10px;
}

.wrapper88{
background: #fcf9eb;
width: 550px; 
height:  590px;
margin: auto; 
margin-top:5px;
padding: 5px;
}


/*Top Piece*/
.navigation{
background: #ceb991;
width: 880px;
height: 60px;
padding: 10px 5px 25px 10px;
}




/*LOGO + LAUNCH MUSIC PLAYER*/
.leftnav{
float: left;
background: none;
width: 175px;
height: 75px;
}

.player{
float: left;
background: #e2d3bc;
margin-top: 50px;
width: 95px;
height: 30px;
}




/*NAVIGAT0RZ*/
.rightnav{
background: none;
text-align: right;
float: right;
width: 610px;
padding-top: 20px;
font-family: Helvetica; font-size: 36px; font-weight: bold;; color: #DFE1E5; text-decoration: none; letter-spacing: -1px;
}



/*GREEN STRIP*/
.topstrip{
background: #37430F;
float: left;
width: 895px;
height: 10px;
border-bottom: 3px white solid;
border-top: 3px white solid;
}



/*TITLEBARZ*/
.titlebar{
background: #ECEDF0;
float: left;
width: 50px;
height: 420px;
margin-left: 5px;
}

.linkage{
width: 30px;
float: left;
background: none;
margin-top:  170px;
padding-left: 10px;
}

.linkage2{
width: 30px;
float: left;
background: none;
margin-top:  120px;
padding-left: 10px;
}

.titlebarmusic{
background: url('images/music.gif');
float: left;
width: 280px;
height: 420px;
margin-left: 5px;
}

.titlebarshows{
background: url('images/shows.gif');
float: left;
width: 280px;
height: 420px;
margin-left: 5px;
}



/*MAIN CONTENT HOLDER*/
.left{
background: none;
float: left;
width: 580px;
height: 370px;
padding: 20px;
margin-left: 5px;
}

.applecover{
background: none;
width: 284px;
height: 284px;
padding: 0px;
float: left;
}

.leftmusic{
background: none;
float: left;
width: 415px;
height: 400px;
padding: 5px 0px 10px 10px;
margin-left: -5px;
}

.rightmusic{
background: #ceb991;
width: 105px;
float: left;
margin: 0px 0px 5px 5px;
padding: 10px 10px 10px 10px;
font-size: 11px;
}

.rightmusic a{
color: white;
font-size: 14px;
font-weight: bold;
}

.rightmusic a:visited{
color: white;
font-size: 14px;
font-weight: bold;
}


.rightmusic a:hover{
color: black;
text-decoration: none;
}

.desc{
background: #f9f9f9;
width: 375px;
height: 90px;
float: left;
padding: 10px 20px 20px 20px;
font-size: 12px;
line-height: 20px;
}



.leftmedia{
background: none;
float: left;
width: 830px;
height: 420px;
margin-left: 5px;
}

.leftcontact{
background: url('images/contact3.gif');
float: left;
width: 634px;
height: 420px;
margin-left: 5px;
}

.leftduane{
background: url('images/duane1.gif');
float: left;
width: 630px;
height: 420px;
margin-left: 5px;
}

.leftindex{
background: white;
float: left;
width: 280px;
height: 420px;
margin-left: 5px;
}

/*CONTENT SPLITTERS*/
.music{
height: 395px;
width: 180px;
background: red;
float: left;
margin-right: 5px;
padding: 5px;
font-size: 11px;
}


.media{
height: 400px;
width: 190px;
background: none;
float: left;
margin: 8px;
text-align: center;
}

.indexcontent{
height: 390px;
width: 615px;
background: url('images/welcome2.jpg');
float: left;
margin-left: 5px;
padding: 15px;
text-align: left;
line-height: 14px;
}

div.indexnews1{
height: 250px;
width: 150px;
background-color: none;
float: left
margin: 5px 0px 0px 5px;
}

div.indexnews{
height: 200px;
width: 180px;
background-color: white;
opacity: 0.6;
float: left
margin: 5px 0px 0px 5px;
padding: 20px 15px 15px 15px;
}

div.indexnews p
  {color: black;
font-size: 11px;
line-height: 18px;
margin-left: 5px;
  }




.album{
height: 550px;
width: 500px;
background:#c6da63;
border: 2px white solid;
padding: 20px;
text-align: center;
line-height: 12px;
margin: 5px;
color #361811;
}

.album2{
height: 550px;
width: 500px;
background:#ecf98c;
border: 2px white solid;
padding: 20px;
text-align: center;
line-height: 12px;
margin: 5px;
color #361811;
}



.mailform{
height: 450px;
width: 400px;
background:#c6da63;
border: 2px white solid;
color #361811;
text-align: center;
margin: 10px;
}

.thankyou{
height: 175px;
width: 600px;
background:#c6da63;
border: 2px white solid;
color #361811;
text-align: center;
margin: 10px;
font-size: 16px;
letter-spacing: -1px;
font-weight: bold;
padding: 10px;
margin: auto;
margin-top: 25px;
}

.previous{
height: 560px;
width: 400px;
background:#c6da63;
border: 2px white solid;
color #361811;
text-align: center;
margin: 10px;
font-size: 11px;
padding: 10px;
margin: auto;
margin-top: 10px;
overflow: auto;
}




/*NEWS FEED*/
.right{
background: #ECEDF0;
float: left;
width: 160px;
height: 400px;
padding: 10px;
margin-left: 5px;
font-family: Arial;
font-size: 11px;
line-height: 13px;
text-align: center;
}

.right2{
background: #ECEDF0;
float: right;
width: 150px;
height: 380px;
padding: 20px;
margin-right: 5px;
font-family: Arial;
font-size: 12px;
line-height: 18px;
}

.right3{
background: #ECEDF0;
float: left;
width: 175px;
height: 400px;
padding: 10px;
margin-left: 5px;
font-family: Arial;
font-size: 12px;
line-height: 17px;
text-align: center;
}


.gallery{
background: none;
padding: 5px;
width: 200px;
height: 145px;
float: left;
margin-top: 5px;
margin-left: 8px;
text-align: center;
}


/*BOTTOM LINKS*/
.strip{
background: #ceb991;
width: 885px;
height: 16px;
margin: auto;
padding: 5px;
border-top: 3px #37430F solid;
}

td.




/*TABLE STYLEZ*/

table.sample {
	border-width: 2px;
	border-spacing: 2px;
	border-style: solid;
	border-color: black;
	border-collapse: collapse;
	background-color: white;
	height: 20px;
}

table.sample td {
	border-width: 1px;
	padding: 10px;
	border-style: solid solid solid solid;
	border-color: black;
	text-align: center;	
	font-size: 12px;
	line-height: 14px;
	
}

tr.header{
font-size: 16px;
text-transform: uppercase;
height: 30px;
}


/*NAVIGATION*/

#nav1{
float: left;
background:#d29a4f ;
padding: 5px;
width: 490px;
color: #000000;font-family: arial;
font-weight: bold; font-size: 15px; text-align: center;
margin-top: 3px;
}

#navleft{
float: left;
width: 150px;
background:#b8ac70 ;
padding: 10px;
color: #000000;font-family: Arial;font-weight: bold; font-size: 14px; text-align: center;
margin-top: 5px;
}

#navmiddle{
float: left;
width: 170px;
background: #b8ac70;
padding: 8px;
color: #000000;font-family: Arial;font-weight: bold; font-size: 18px; text-align: center;
margin: 5px;
}

#navright{
float: left;
width: 164px;
background: #b8ac70;
padding: 10px;
color: #000000;font-family: Arial;font-weight: bold; font-size: 14px; text-align: center;
margin-top: 5px;
}