/* CSS Document */

body{
	margin:0px auto;	
	background:#FFF url(../assets/bg-1.jpg) repeat-x;
}

#Wrapper1{
	margin:0px auto;
	width:798px;
	height:auto;
	border-top:3px solid #000;
	border-right:1px solid #000;
	border-bottom:3px solid #000;
	border-left:1px solid #000;
	vertical-align:middle;
}

#Wrapper2{
	margin:0px auto;
	width:798px;
	height:auto;
	border:1px solid #000;
	vertical-align:middle;
	background:#E9E1BB;
}

.Photo-Txt-1{
	margin:0px 10px 0px 10px;
}

.Photo-Txt-2{
	text-align:center;
}

.Header1{
	padding:0px;
	width:inherit;
	height:100px;
	border:0px;
	background:#F4F0DC  url(../assets/header-pic-1.jpg) no-repeat;
	vertical-align:middle;
	/*float: left;*/
}

.logo{
	padding: 0px;
	width:auto;
	height: 100px;
	border: 0px;
	background: #F4F0DC;
	float: left;
}

.introtext{
	margin: 5px 0px 0px 0px;
	padding: 0px 30px 0px 10px;
	width: auto;
	height: auto;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:14px;
	color: #000;
	text-align: left;
	vertical-align:middle;
	border: 0px;
	background: #F4F0DC;
	float: right; 
}

/* NAV CODE START */
#PrimaryNav {
	clear:both;
	margin:0px;
	padding:0px;
	height:30px;
	border:0px;
	text-align:left;
	background:#000;
}

#PrimaryNav ul{
	margin:0px;
	padding:0px 0px;
	height:30px;
}

#PrimaryNav li{
	float:left;
	list-style:none;
}

#PrimaryNav li a{
	display:block;
	margin:0px;
	padding:0px;
	height:30px;
}

#PrimaryNav li a span{
	display:none;
}

#PrimaryNav .one{width: 73px; height: 30px; background: url(../assets/home-01.jpg) 0px 0px no-repeat;}
#PrimaryNav .two{width: 135px; height: 30px; background: url(../assets/band-01.jpg) 0px 0px no-repeat;}
#PrimaryNav .three{width: 130px; height: 30px; background: url(../assets/shows-01.jpg) 0px 0px no-repeat;}
#PrimaryNav .four{width: 105px; height: 30px; background: url(../assets/music-01.jpg) 0px 0px  no-repeat;}
#PrimaryNav .five{width: 135px; height: 30px; background: url(../assets/photo-01.jpg) 0px 0Px no-repeat;}
#PrimaryNav .six{width: 150px; height: 30px; background: url(../assets/contact-01.jpg) 0px 0px no-repeat;}
#PrimaryNav .seven{width: 69px; height: 30px; background: url(../assets/links-01.jpg) 0px 0px no-repeat;}

#PrimaryNav .one:hover{background-position: 0px -30px;}
#PrimaryNav .two:hover{background-position: 0px -30px;}
#PrimaryNav .three:hover{background-position: 0px -30px;}
#PrimaryNav .four:hover{background-position: 0px -30px;}
#PrimaryNav .five:hover{background-position: 0px -30px;}
#PrimaryNav .six:hover{background-position: 0px -30px;}
#PrimaryNav .seven:hover{background-position: 0px -30px;}

#Home #PrimaryNav .one{background: url(../assets/home-01.jpg) 0px -30px no-repeat;}
#Band #PrimaryNav .two{background: url(../assets/band-01.jpg) 0px -30px no-repeat;}
#Shows #PrimaryNav .three{background: url(../assets/shows-01.jpg) 0px -30px no-repeat;}
#Music #PrimaryNav .four{background: url(../assets/music-01.jpg) 0px -30px no-repeat;}
#Photo #PrimaryNav .five{background: url(../assets/photo-01.jpg) 0px -30px no-repeat;}
#Contact #PrimaryNav .six{background: url(../assets/contact-01.jpg) 0px -30px no-repeat;}
#Links #PrimaryNav .seven{background: url(../assets/links-01.jpg) 0px -30px no-repeat;}
/* NAV CODE END */



h1, h2, h3, h4, h5, h6{
	font-family:Arial, Helvetica, sans-serif ;
	color:#000;
}
h1{font-size:36px;}
h2{font-size:24px;}
h3{font-size:18px;}
h4{font-size:16px;}
h5{font-size:14px;}
h6{font-size:12px;}

p{
	font:normal 10pt Arial, Helvetica, sans-serif;
	color:#000;
	text-align:left;
}

a:link, a:visited{
	font:normal 10pt Arial, Helvetica, sans-serif;
	color:#003471;
	font-weight:bold;
	text-decoration:none;
}

a:hover{
	font:normal 10pt Arial, Helvetica, sans-serif;
	color:#0000FF;
	font-weight:bold;
	text-decoration:none;
}

.WrapperContent{
	margin:0px;
	padding:15px 10px 10px 10px;
	width:auto;
	height:inherit;
	border:0px;
	background:#7A4211 url(../assets/content-pic.jpg) no-repeat top left;
}

.WrapperContentEA{
	margin:0px;
	padding:15px 10px 10px 10px;
	width:auto;
	height:inherit;
	border:0px;
	background:#7A4211 url(../assets/content-EA.jpg) no-repeat top left;
}

.WrapperContentAF{
	margin:0px;
	padding:15px 10px 10px 10px;
	width:auto;
	height:inherit;
	border:0px;
	background:#7A4211 url(../assets/content-AF.jpg) no-repeat top left;
}

.WrapperContentJM{
	margin:0px;
	padding:15px 10px 10px 10px;
	width:auto;
	height:inherit;
	border:0px;
	background:#7A4211 url(../assets/content-JM.jpg) no-repeat top left;
}

.WrapperContentTD{
	margin:0px;
	padding:15px 10px 10px 10px;
	width:auto;
	height:inherit;
	border:0px;
	background:#7A4211 url(../assets/content-TD.jpg) no-repeat top left;
}

.WrapperPhoto{
	padding:10px 15px 5px 15px;
	font:normal 10pt Arial, Helvetica, sans-serif;
	text-align:center;
}
	


#Songs{
	padding:0px 5px 0px 5px;
	border:1px #000000 solid;
	background-color:#FFFFFF;
	height:425px;
	width:200px;
	overflow:auto;
	float:left;
}

#Mp3-Txt {
		
	margin: 5px;
	padding: 0px 5px 0px 5px;
	width:auto;	
	height: auto;
	float: left;
}

li {
	list-style-type:circle;
	font:normal 10pt Arial, Helvetica, sans-serif;
	color:#000;
}	

.ContentMain{
	width:490px;
	height:auto;
	background-color:#E9E1BB;
	border:1px #000;
	padding:10px;
	margin:0px;
	/*float:left;*/
}	

.ContentMain2{
	width:490px;
	height:350px;
	background-color:#E9E1BB;
	border:1px #000;
	padding:10px;
	margin:0px;
	/*float:left;*/
}	

.ContentMain3{
	width:500px;
	height:auto;
	background-color:#E9E1BB;
	border:1px #000;
	padding:5px;
	margin:0px;
	/*float:left;*/
}	

.ContentMain4{
	width:490px;
	height:450px;
	background-color:#E9E1BB;
	border:1px #000;
	padding:10px;
	margin:0px;
	clear:both;
	
	/*float:left;*/
}	

/* ABOUT-NAV CODE START */
#AboutNav {
	clear:both;
	margin:0px;
	padding:0px;
	height:100px;
	border:0px;
	text-align:left;
	background:#7A4211;
}

#AboutNav ul{
	margin:0px;
	padding:0px 0px;
	height:100px;
}

#AboutNav li{
	float:left;
	list-style:none;
}

#AboutNav li a{
	display:block;
	margin:0px;
	padding:0px;
	height:100px;
}

#AboutNav li a span{
	display:none;
}

.About-Box1{
	padding:0px 5px 0px 5px;
	overflow:auto;
	height:auto;
}

.About-Txt1{
	font:normal 9pt Arial, Helvetica, sans-serif;
	text-align:left;
	color:#000;
	font-weight:normal;
}

.About-Bold1{
	font:normal 10pt Arial, Helvetica, sans-serif;
	text-align:left;
	color:#333300;
	font-weight:bold;
}


#AboutNav .one{width: 125px; height: 100px; background: url(../assets/Link-EA.jpg) 0px 0px no-repeat;}
#AboutNav .two{width: 125px; height: 100px; background: url(../assets/Link-AF.jpg) 0px 0px no-repeat;}
#AboutNav .three{width: 125px; height: 100px; background: url(../assets/Link-JM.jpg) 0px 0px no-repeat;}
#AboutNav .four{width: 125px; height: 100px; background: url(../assets/Link-TD.jpg) 0px 0px  no-repeat;}

#AboutNav .one:hover{background-position: 0px -100px;}
#AboutNav .two:hover{background-position: 0px -100px;}
#AboutNav .three:hover{background-position: 0px -100px;}
#AboutNav .four:hover{background-position: 0px -100px;}


.Eric #AboutNav .one{background: url(../assets/Link-EA.jpg) 0px -100px no-repeat;}
.Angelo #AboutNav .two{background: url(../assets/Link-AF.jpg) 0px -100px no-repeat;}
.Joel #AboutNav .three{background: url(../assets/Link-JM.jpg) 0px -100px no-repeat;}
.Tom #AboutNav .four{background: url(../assets/Link-TD.jpg) 0px -100px no-repeat;}

/* ABOUT-NAV CODE END */


.Bold-Txt1{
	font:normal 14pt Arial, Helvetica, sans-serif;
	text-align:left;
	color:#000;
	font-weight:bold;
}

.Bold-Txt2{
	font:normal 9pt Arial, Helvetica, sans-serif;
	text-align:left;
	color:#000;
	font-weight:bold;
}

.Bold-Txt3{
	font:normal 12pt Arial, Helvetica, sans-serif;
	text-align:left;
	color:#333300;
	font-weight:bold;
}

/*for copyright*/
.C-Txt{
	clear:both;
	margin:5px 0px 0px 0px;
	font:normal 10pt Arial, Helvetica, sans-serif;
	text-align:left;
	color:#F4F0DC;
	font-weight:bold;
}

.C-Txt2{
	clear:both;
	margin:5px 0px 0px 0px;
	font:normal 10pt Arial, Helvetica, sans-serif;
	text-align:center;
	color:#666666;
	font-weight:bold;
}

.C-Txt3{
	clear:both;
	margin:0px 0px 0px 0px;
	padding:5px 0px 0px 0px;
	font:normal 12pt Arial, Helvetica, sans-serif;
	text-align:center;
	color:#F4F0DC;
	font-weight:bold;
}