/** BASIC */

html, body {
	height: 100%;
}

.title {
}

.title h2 {
	height: 55px;
}

.title h2 span {
	display: none;
}

#title1 { background:  url("../images/homeupcomingevents.jpg") no-repeat left top; }
#title2 { background: url(../images/homepage11.jpg) no-repeat left top; }
#title3 { background: url(../images/homepage16.jpg) no-repeat left top; }
#title4 { background: url(../images/subpage1_04.jpg) no-repeat left top; }
#title5 { background: url(../images/subpage1_08.jpg) no-repeat left top; }
#title6 { background: url(../images/subpage2_01.jpg) no-repeat left top; }
#title7 { background: url(../images/lyrics.jpg) no-repeat left top; }
#title8 { background: url(../images/tracks.jpg) no-repeat left top; }


/** HEADER */

#header {
	width: 778px;
	height: 85px;
	margin: 0px auto;
	padding: 95px 0px 0px 0px;
	background: url(../images/bg01.jpg) no-repeat left top;
}

/** LOGO */

#logo {
	float: left;
	width: 295px;
	height: 85px;
	background:   url("../images/logotopleft.jpg") no-repeat left top;
}

#logo h1 {
	display: none;
}
/** MENU */

#menu {
	float: left;
	width: 483px;
	height: 85px;
}

#menu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#menu li {
	display: inline;
}

#menu a {
	display: block;
	float: left;
	height: 85px;
	/*background-color:#CC9933;*/
}

#menu span {
	display: none;
}

#menu1 { width: 122px; height:85px; background:  url("../images/menuhome.jpg") no-repeat left top; }
#menu2 { width: 115px; background:  url("../images/menutheband.jpg") no-repeat left top; }
#menu3 { width: 115px; background:  url("../images/menumusic.jpg") no-repeat left top; }
#menu4 { width: 131px; background:  url("../images/menucontactus.jpg") no-repeat left top; }

#menu1:hover {
	float:left;
	height:85px; 
	background:  url("../images/menuhomerollover.jpg") no-repeat left top; 
	/*background-color:#CC9933 transparent;*/
}
#menu2:hover {
	float:left;
	height:85px; 
	background:  url("../images/menuthebandrollover.jpg") no-repeat left top; 
	/*background-color:#CC9933;*/
}
#menu3:hover {
	float:left;
	height:85px; 
	background:  url("../images/menumusicrollover.jpg") no-repeat left top; 
 	/*background-color:#CC9933;*/
}
#menu4:hover {
	float:left;
	height:85px; 
	background:  url("../images/menucontactusrollover.jpg") no-repeat left top; 
	/*background-color:#CC9933;*/
}
/*#menu1 a:hover {
	float:left;
	height:85px; 
	background:  url("../images/menuhomerollover.jpg") no-repeat left top; 
	background-color:#CC9933;
}*.

/*.rollover { display: block; } /* Allow setting widths and heights */
/*.rollover img { width: 100%; height:100%; border: 0; } /* only set width and height once */
/*.rollover:hover { visibility: visible; /* for IE */ /*} /* sets any property for the :hover state */
/*.rollover:hover img { visibility: hidden; } /* 'rolls over' the image */

/* Top Navigation */

#home {
	background-image: url(../images/menuhomerollover.jpg);
	width: 122px;                    /* image width */
	height: 85px;                   /* image height */
}
#theband {
	background-image: url(../images/menuthebandrollover.jpg);    /* rollover state */
	width: 115px;                    /* image width */
	height: 85px;                   /* image height */
}
#music {
	background-image: url(../images/menumusicrollover.jpg);    /* rollover state */
	width: 115px;                    /* image width */
	height: 85px;                   /* image height */
}
#contactus {
	background-image: url(../images/menucontactusrollover.jpg);    /* rollover state */
	width: 131px;                    /* image width */
	height: 85px;                   /* image height */
}

.rollover { display: block; } /* Allow setting widths and heights */
.rollover img { width: 100%; height: 100%; border: 0; } /* only set width and height once */
.rollover:hover { visibility: visible; /* for IE */ } /* sets any property for the :hover state */
.rollover:hover img { visibility: hidden; } /* 'rolls over' the image */

/** CONTENT */

#content {
	width: 778px;
	margin: 0px auto;
}

#subpage2 #content .bg4 {
	padding: 18px 45px 75px 45px;
}
#subpage3 #content .bg4 {
	padding: 18px 45px 50px 45px;
}


#left {
	float: left;
	width: 365px;
	height: 560px;
	min-height: 560px;
	padding: 0px 0px 0px 50px;
}

#subpage1 #left {
	width: 418px;
}
#subpage3 #left {
	width: 300px;
}

html>body #left {
	height: auto;
}

#right {
	float: right;
	width: 305px;
	height: 540px;
	min-height: 540px;
	padding: 18px 50px 0px 0px;
}

#subpage1 #right {
	width: 251px;
}
#subpage3 #right {
	width: 365px;
}

html>body #right {
	height: auto;
}

#extra {
}

/** FOOTER */

#footer {
	width: 778px;
	height: 124px;
	margin: 0px auto;
}

#footer p {
	padding: 30px 0px;
}

/** BOX1 */

#box1 {
	padding: 22px 0px 10px 3px;
}

/** BOX2 */

#box2 {
}

#box2 .content {
	padding: 5px 25px;
}

#box2 .bottom {
	clear: both;
	height: 30px;
	background: url(../images/homepage10.jpg) no-repeat left bottom;
}

/** BOX3 */

#box3 {
	margin-bottom: 10px;
}

#box3 .content {
	padding: 10px 35px 0px 35px;
}

#box3 .bottom {
	clear: both;
	height: 30px;
	background: url(../images/homepage14.jpg) no-repeat left bottom;
}

/** BOX4 */

#box4 {
	margin-bottom: 10px;
}

#box4 .content {
	padding: 10px 35px 0px 35px;
}

#box4 .bottom {
	clear: both;
	height: 31px;
	background: url(../images/homepage14.jpg) no-repeat left bottom;
}

/** BOX5 */

#box5 {
	margin-top: 18px;
}

#box5 .content {
	padding: 5px 25px;
}

#box5 .bottom {
	clear: both;
	height: 30px;
	background: url(../images/subpage1_07.jpg) no-repeat left bottom;
}

/** BOX6 */

#box6 {
	margin-bottom: 10px;
}

#box6 .content {
	padding: 10px 35px 0px 35px;
}

#box6 .bottom {
	clear: both;
	height: 56px;
	background: url(../images/subpage1_11.jpg) no-repeat left bottom;
}

/** BOX7 */

#box7 {
	margin-top: 18px;
}

#box7 .content {
	padding: 5px 30px;
}

#box7 .bottom {
	clear: both;
	height: 30px;
	background: url(../images/subpage2_04.jpg) no-repeat left bottom;
}