/*Rollovers*/

/*All Pages*/
 #headerbar { float:left;  margin-top: 0px; left: 0px;  width:1000px; height: 246px; background: url("images/headerbarband.png") no-repeat 0 0;
	} 

/*Page 0 - Welcomepage*/

#whackhomel { float:left;width: 560px; height: 110px; margin-top: -0px; margin-left: 190px; background: url("images/nopicture.png") no-repeat 0 0;
	}
#clicker { float:left; width: 170px; height: 20px; margin-top: 10px; margin-left:410px; background: url("images/clickhere2.gif") no-repeat 0 0;
        }

/*Page 1 - Whackhome*/

#header1page1 { float:left; width: 600px; height: 122px; margin-top: -415px; margin-left:20px; background: url("images/events2.png") no-repeat 0 0;
        }
#greybox1page1 { float:left; display: block; width: 1000px; margin-top: 5px; height: 430px; background-color:#eeeeee; no-repeat 0 0;
	}
li#aboutband { float:left; margin-top:-290px; margin-left: 25px; width: 490px; word-spacing: 2px;
	}
li#bandpic1page1 { float:left; display: block; width: 460px; height: 500px; margin-top: -504px; margin-left: 540px;background: url("images/bandpic1.png") no-repeat 0 0;
	}
#greybox2page1 { float:left; display: block; width: 1000px; margin-top: 1px; margin-left: 0px; margin-right: 0px; height: 70px; background-color:#222222; no-repeat 0 0;
	}
li#footerpicpage1 { float:left; display: block; width: 100px; height: 64px; margin-top: -65px; margin-left: 890px;background: url("images/footerlogo.png") no-repeat 0 0;
	}
li#footertext { float:left; margin-top:-50px; margin-left: 20px; width: 580px; height:40px; word-spacing: 2px;
	}
 #song1 { float:left;  margin-top: -534px; margin-left: 970px; width:17px; height: 17px;
	}
li#songtext { float:left; margin-top:-545px; margin-left: 685px; width: 180px; height:40px; word-spacing: 2px;
	}
li#songtextp { float:left; margin-top:-545px; margin-left: 785px; width: 180px; height:40px; word-spacing: 2px;
	}


/*Page 2 - The Band*/

#greybox1page2 { float:left; display: block; width: 260px; margin-bottom: 3px; margin-left: 0px; margin-top: 5px; margin-right: 10px; height: 300px; background-color:#dddddd; 
	}
#greybox2page2 { float:left; display: block; width: 260px; margin-top: 5px; height: 300px; margin-right: 10px; background-color:#eeeeee;
	}
#greybox3page2 { float:left; display: block; width: 460px; margin-top: 5px; margin-left: 0px; height: 300px; background-color:#dddddd;
	}
#headerband { float:left; margin-top: -280px; margin-left: 25px; width 200px;
	}
li#aboutbandtext { float:left; margin-top: -280px; margin-left: 300px; width: 200px; word-spacing: 2px;
	}
#greybox4page2 { float:left; display: block; width: 1000px; margin-top: 2px; margin-left: 0px; margin-right: 0px; height: 70px; background-color:#222222; no-repeat 0 0;
	}
li#footerpicpage2 { float:left; display: block; width: 100px; height: 64px; margin-top: -65px; margin-left: 890px;background: url("images/footerlogo.png") no-repeat 0 0;
	}
li#footertextpage2 { float:left; margin-top:-45px; margin-left: 20px; width: 490px; height:; word-spacing: 2px;
	}
 #song2 { float:left;  margin-top: -1327px; margin-left: 970px; width:17px; height: 17px;
	}
li#song2text { float:left; margin-top:-1339px; margin-left: 670px; width: 190px; height:40px; word-spacing: 2px;
	}
li#song2textp { float:left; margin-top:-1339px; margin-left: 770px; width: 190px; height:40px; word-spacing: 2px;
	}


/*BandPictures*/

li#bandpic1 { float:left; display: block; width: 400px; height: 300px; margin-top: -303px; margin-left: 600px;background: url("images/nick.png") no-repeat 0 0;
	}
li#bandpic2 { float:left; display: block; width: 400px; height: 300px; margin-top: -303px; margin-left: 600px;background: url("images/rylan.png") no-repeat 0 0;
	}
li#bandpic3 { float:left; display: block; width: 400px; height: 300px; margin-top: -303px; margin-left: 540px;background: url("images/robin.png") no-repeat 0 0;
	}
li#bandpic4 { float:left; display: block; width: 400px; height: 300px; margin-top: -303px; margin-left: 600px;background: url("images/oliver.png") no-repeat 0 0;
	}

/* Page 3 - The gallery */

#container {position:relative; width:998px; height:396px; margin:5px auto 0 auto; border:1px solid #dddddd; background:#dddddd;
    }
#container ul {padding:0; margin:0; list-style-type:none;
    }
#container a.gallery span {position:absolute; width:1px; height:1px; top:5px; left:5px; overflow:hidden; background:#dddddd;
    }
#container a.gallery, #container a.gallery:visited {display:block; color:#000; text-decoration:none; border:1px solid #aaa; margin:1px 2px 1px 2px; text-align:left; cursor:default;
    }
#container a.slidea {background:url(images/originals/photomini2.png); height:60px; width:93px;
    }
#container a.slideb {background:url(images/originals/photomini1.png); height:60px; width:93px;
    }

#container a.slidec {background:url(images/originals/photomini3.png); height:60px; width:93px;
    }
#container a.slided {background:url(images/originals/photomini4.png); height:60px; width:93px;
    }
* html #container a.slided {width:91px; w\idth:93px;
    }
#container a.slidee {background:url(images/originals/photomini5.png); height:60px; width:93px;
    }
#container a.slidef {background:url(images/originals/photomini6.png); height:60px; width:93px;
    }
* html #container a.slidef {width:91px; w\idth:93px;
    }
#container a.slideg {background:url(images/originals/photomini7.png); height:60px; width:93px;
    }
#container a.slideh {background:url(images/originals/photomini8.png); height:60px; width:93px;
    }
#container a.slidei {background:url(images/originals/photomini9.png); height:60px; width:93px;
    }
#container a.slidej {
    background:url(images/originals/photomini10.png);
    height:60px;
    width:93px;
    }
#container a.slidek {background:url(images/originals/photomini11.png); height:60px; width:93px;
    }
* html #container a.slidek {width:91px; w\idth:93px;
    }
#container a.slidel {background:url(images/originals/photomini12.png); height:60px; width:93px;
    }
#container ul {width:198px; height:386px;
    }
#container li {float:right;
    }
#container ul {margin:5px; float:left;
    }
#container a.gallery:hover {border:1px solid #dddddd;
    }
#container a.gallery:hover span {position:absolute; width:765px; height:382px; top:6px; left:205px; color:#000; background:#dddddd;
    }
#container a.gallery:hover img {border:1px solid #aaa; float:left; margin-right:15px;  
    }
#container a.slideb:hover img, #container a.slidei:hover img { float:left;
    }
#container {background:#dddddd url(images/originals/photo1b.png) 205px 6px no-repeat;float:left;
    }
#greybox2page3 { float:left; display: block; width: 1000px; margin-top: 5px; margin-left: 0px; margin-right: 0px; height: 70px; background-color:#222222; no-repeat 0 0;
	}
 #song3 { float:left;  margin-top: -426px; margin-left: 970px; width:17px; height: 17px;
	}
li#song3text { float:left; margin-top:-437px; margin-left: 650px; width: 180px; height:40px; word-spacing: 2px;
	}
li#song3textp { float:left; margin-top:-437px; margin-left: 750px; width: 220px; height:40px; word-spacing: 2px;
	}


/*Page 4 - Music*/

#playlistbox{ float:left; display: block; width: 750px; margin-top: 5px; margin-left: 0px; height: 950px; margin-right: 10px; background-color:#dddddd; no-repeat 0 0;
	}
#musicbox { float:left; display: block; width: 240px; margin-top: 5px; margin-left: 0px; height: 950px;  background-color:#eeeeee; no-repeat 0 0;
	}
li#playlistheader { float:left; margin-top: -940px; margin-left: 20px; width: 230px; word-spacing: 2px;
	}
li#playlistmessage { float:left; margin-top: -900px; margin-left: 20px; width: 250px; word-spacing: 2px;
	}
li#downloadmessage { float:left; margin-top: -740px; margin-left: 20px; width: 250px; word-spacing: 2px;
	}
#download { float:left;  margin-top: -734px; margin-left: 155px; display: block; width:25px; height:25px; background: url("images/downloadicon.png") no-repeat 0 0;
	} 
#musiclista { float:left;  margin-top: -650px; margin-left: 15px; display: block; width:358px; height: 589px; background: url("images/songlist1.png") no-repeat 0 0;
	} 
#musiclistb { float:left;  margin-top: -650px; margin-left: 380px; display: block; width:358px; height: 589px; background: url("images/songlist2.png") no-repeat 0 0;
	} 
li#musicplayerpic { float:left; display: block; width: 460px; height: 400px; margin-top: -1050px; margin-left: 289px;background: url("images/bandpic1.png") no-repeat 0 0;
	}
li#testheader { float:left; margin-top: -940px; margin-left: 780px; width: 230px; word-spacing: 2px;
	}
li#testimonial1 { float:left; margin-top: -885px; margin-left: 780px; width: 200px; word-spacing: 2px;
	}
li#testimonial2 { float:left; margin-top: -885px; margin-left: 780px; width: 200px; word-spacing: 2px;
	}
 #footermusic { float:left;  margin-top: 0px; left: 0px; display: block; width:1000px; height: 80px; background: url("images/footer2.png") no-repeat 0 0;
	} 
#greybox3page4 { float:left; display: block; width: 1000px; margin-top: 5px; margin-left: 0px; margin-right: 0px; height: 70px; background-color:#222222; no-repeat 0 0;
	}
 #song4 { float:left;  margin-top: -978px; margin-left: 970px; width:17px; height: 17px;
	}
li#song4text { float:left; margin-top:-989px; margin-left: 672px; width: 180px; height:40px; word-spacing: 2px;
	}
li#song4textp { float:left; margin-top:-989px; margin-left: 772px; width: 200px; height:40px; word-spacing: 2px;
	}


/*Page 5 - Contact Page*/

#contactbox1{ float:left; display: block; width: 730px; margin-top: 5px; margin-left: 0px; height: 600px; background-color:#dddddd; no-repeat 0 0;
	}
#titlebox1 { float:left; display: block; width: 260px; margin-top: 5px; margin-left: 0px; height: 600px; margin-right: 10px; background-color:#eeeeee; no-repeat 0 0;
	}
#bookingdetails{ float:left; display: block; width: 730px; margin-top: -600px; margin-left: 250px; height: 00px; background-color:#999999; no-repeat 0 0;
	}
li#contactbandpic { float:left; display: block; width: 460px; height: 300px; margin-top: -300px; margin-left: 580px;background: url("images/bandlooking.png") no-repeat 0 0;
	}
li#aboutcontact { float:left; margin-top: -595px; margin-left: 30px; width: 205px; word-spacing: 2px;
	}
li#contactustitle { float:left; margin-top: -595px; margin-left: 305px; min-width: 450px; word-spacing: 2px;
	}
li#contactustitle2 { float:left; margin-top: -445px; margin-left: 305px; min-width: 450px; word-spacing: 2px;
	}
li#contactusmessage { float:left; margin-top: -555px; margin-left: 305px; min-width: 450px; word-spacing: 2px;
	}
li#contactusmessage2 { float:left; margin-top: -405px; margin-left: 305px; min-width: 450px; word-spacing: 2px;
	}
li#titlebarheader { float:left; margin-top: 0px; margin-left: 20px; min-width: 450px; word-spacing: 2px;
	}
li#titlebartext { float:left; margin-top: 0px; margin-left: 120px; width: 950px; word-spacing: 2px;
	}
 #footercontact { float:left;  margin-top: 0px; left: 0px; display: block; width:1000px; height: 80px; background: url("images/footer2.png") no-repeat 0 0;
	} 
#greybox3page5 { float:left; display: block; width: 1000px; margin-top: 5px; margin-left: 0px; margin-right: 0px; height: 70px; background-color:#222222; no-repeat 0 0;
	}
 #song5 { float:left;  margin-top: -628px; margin-left: 970px; width:17px; height: 17px;
	}
li#song5text { float:left; margin-top:-639px; margin-left: 655px; width: 180px; height:40px; word-spacing: 2px;
	}
li#song5textp { float:left; margin-top:-639px; margin-left: 755px; width: 220px; height:40px; word-spacing: 2px;
	}