body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

/* Text Styles */

body {
	  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
}

p {
	
  line-height: 13.5px;
  padding-bottom: 13.5px;

}

h1, h2, h3, h4, h5 {
	font-family: Helvetica, Arial, Verdana, sans-serif;
}
h3 {
	font-size: 24px;
}
h4 {
	font-size: 18px;
	line-height: 28px;
}

strong {
	font-weight:bold;
}

a {
	color: #444444;
	text-decoration: none;
	font-weight: bold;
}

a:hover {
	color: #ca0000;
}
/* Page Layout */

body {
	text-align: center;
	background-color:#f5f5f5;
	min-height:546px;/* for ie7*/

}

/* Centering */

* {margin:0;padding:0}
/* mac hide \*/
html,body{height:100%;width:100%;}
/* end hide */
body { 
	text-align:center;
	min-height:546px;/* for ie7*/
}
#xouter{
	height:100%;
	width:100%;
	display:table;
	vertical-align:middle;
}
#xcontainer {
	text-align: center;
	position:relative;
	vertical-align:middle;
	display:table-cell;
	height: 546px;
}	

/* End Centering */



#container {
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	width: 1015px;
	height: 546px;
	border-width: 1px;
	border-style: solid;
	border-color: #000000;

}

#navigation {
	position: absolute;
	top: 36px;
	left: 108px;

}

#header {
	position:absolute;
	top: 60px;
	left: 108px;
	text-indent:-9999px;

}

#mainContent {

}

#footer {
	font-size: 11px;
	position: absolute;
	bottom: -18px;
	padding: 0px;
	padding-left: 18px;
	padding-right:13px;
	height: 14px;
	line-height: 14px;
	text-transform: lowercase;
	color: #000000;
	overflow: visible;
	width: 503px;
}

#footer a {
	color: #333333;
	text-decoration: none;
	font-weight: bold;
}
#footer a:hover {
	color: #ca0000;
}

/* Navigation */

#navigation {
	position:absolute;
	width: 500px;
	height:50px;
	top:0px;
	left:0px;
	background-image: none;	
	
}

#navigation ul li {
	display: inline;
	position: absolute;
}

#navigation ul li a{
	
	overflow: hidden;
}

#navigation ul li a.home {
	height: 50px;
	width: 60px;
	top: 0px;
	left: 58px;
	position:absolute;
	text-indent: -9999px;
}



#navigation ul li a:hover.home {
	background-image: url(../images/navigation-home.jpg);
	background-repeat: no-repeat;
	background-position: -58px;	
	overflow:hidden;
}



#navigation ul li a.about {
	left: 124px;
	width: 68px;
	height:50px;
	position:absolute;
	text-indent: -9999px;
	top: 0px;
}

#navigation ul li a:hover.about {
	background-image: url(../images/navigation-home.jpg);
	background-repeat: no-repeat;
	background-position: -124px;	
	overflow:hidden;
}

#navigation ul li a.bands {
	left: 198px;
	width: 66px;
	height: 50px;
	position:absolute;
	text-indent: -9999px;
}

#navigation ul li a:hover.bands {
	background-image: url(../images/navigation-home.jpg);
	background-repeat: no-repeat;
	background-position: -198px;	
	overflow:hidden;
}

#navigation ul li a.listen {
	left: 272px;
	width: 59px;
	height: 50px;
	position:absolute;
	text-indent: -9999px;
	top: 0px;
}

#navigation ul li a:hover.listen {
	background-image: url(../images/navigation-home.jpg);
	background-repeat: no-repeat;
	background-position: -272px;	
	overflow:hidden;
}

#navigation ul li a.gallery {
	left: 338px;
	width: 80px;
	height:50px;
	position:absolute;
	text-indent: -9999px;
	top: 0px;
}

#navigation ul li a:hover.gallery {
	background-image: url(../images/navigation-home.jpg);
	background-repeat: no-repeat;
	background-position: -338px;	
	overflow:hidden;
}

#navigation ul li a.blog {
	left: 420px;
	width: 60px;
	height:50px;
	position:absolute;
	text-indent: -9999px;
	top: 0px;
}

#navigation ul li a:hover.blog {

	background-image: url(../images/navigation-home.jpg);
	background-repeat: no-repeat;
	background-position: -420px;	
	overflow:hidden;
	
}
/* Navigation, special cases */

#navigation.lisnav ul li a:hover{
	background-image: url(../images/navigation-listen.jpg);
}
#navigation.galnav ul li a:hover{
	background-image: url(../images/navigation-gallery.jpg);
}

/* Page Specifics */

.home #container {
	background-image: url(../images/home.jpg);
	background-repeat:no-repeat;
}

.home #mainContent {
	top: 252px;
	left: 109px;
	position: absolute;
	width: 379px;
}
.about #container {
	background-image: url(../images/about.jpg);
	background-repeat:no-repeat;
}

.bands #container {
	background-image: url(../images/bands.jpg);
	background-repeat:no-repeat;
}

.listen #container {
	background-image: url(../images/listen.jpg);
	background-repeat:no-repeat;
}

h4.listen {
	margin-top: 10px;
	margin-bottom: 4px;
	color: #333333;
	font-size: 18px;
	line-height: 18px;
}


.listen #mainContent {
	top: 124px;
	left: 62px;
	position: absolute;
	width: 608px;
	height: 310px;
	padding: 18px;
}

.about #mainContent {
	top:156px;
	left: 62px;
	position: absolute;
	width: 512px;
	height: 295px;
	background-color: #ffffff;
	padding: 10px;
	}
	
.about #mainContent p {
		
}

.about h4 { 
	line-height: 40px;
	}

.listen #cell1 {
	width: 50%;
	display: block;
	position: absolute;
	left: 16px;
	top: 16px;
}

.listen #cell2 {
	width: 50%;
	display: block;
	position:absolute;
	top: 16px;
	left: 314px;
	}

.gallery #container {
	background-image: url(../images/gallery.jpg);
	background-repeat:no-repeat;
}

.gallery #mainContent {
	top: 146px;
	left: 62px;
	position: absolute;
	width: 520px;
}

/* Band Buttons */

#bandbuttons {

	float: left; 
	position: absolute;
	top: 140px;
	height: 52px;
	left:62px;
	width: 512px;
	background-color: #ffffff;
	padding: 10px;
}

#bandbuttons ul { 
	list-style-type: none;
	

	}

#bandbuttons li {
	
	display:inline;
	}
	
#bandbuttons li a {
	font-size: 9px;
	font-weight: bold;
	float: left;
	display: block;
	color: #333333;
	text-decoration: none;
	height: 12px;
	margin-bottom: 2px;
	overflow: hidden;
}
	
#bandbuttons li a:hover {
	color: #ca0000;
	}
	


/* End Band Buttons */


/* Social Links */

.myspace {
	position: absolute;
	top: 1px;
	left: 310px;
	float: left;
}

.facebook {
	position: absolute;
	top: 1px;
	left: 346px;
	float: left;
}

/* End Social Links */


.clearFloat {
	clear:both;
}