html {
 overflow-y: scroll;
}

body{
	text-align: left;
	background-color: #FFFFFF;
	margin-left: 5px;
	margin-top: 0px;
	font-family: Verdana, Arial, Georgia;
	font-size: 14px;
	background-image: url('../img/bghand.jpg');
	background-repeat: no-repeat;
	background-position: bottom right;
	background-attachment: fixed;
}

p {
	margin: 5px;
}

div.container {
 width: 900px;
 padding: 20px 0 0 0px;
 margin-left: auto;
 margin-right: auto;
}

div.birdcontainer {
 width: 100%;
 height: auto;
 overflow: hidden;
background-image: url('../img/bgbirds.jpg');
background-repeat: no-repeat;
background-position: top left;
background-attachment: fixed;
}

div.mainBody {
	padding: 0px;
	width: 500px;
	float: left;
}

div.content {
	padding: 0;
	width: 500px;
	height: 400px;
	text-align: justify;
	z-index: 1;
	visibility: hidden;
	opacity: 0;
}

div.mainMenu {
	width: 424px;
	height: 618px;
	margin-left: 35px;
	z-index: 2;
	position: absolute;
}

div.smallMenuHolder {
	width: 200px;
	height: 325px;
	top:0;
	left:0;
	float: left;
}
div.smallMenu {
	width: 200px;
	height: 325px;
	background:url(../img/immages.gif) no-repeat;
	background-position: -208px -562px;
	visibility: hidden;
}
div.smallMenu:hover {
	width: 200px;
	height: 325px;
	background:url(../img/immages.gif) no-repeat;
	background-position: -408px -562px;
	cursor: pointer;
}

.clearfloatLeft {
	clear: left;
	float: left;
}
#floatLeft {
	clear: none;
	float: left;
}

.bio {
background:url(../img/immages.gif) no-repeat scroll bottom left;
height: 60px;
width: 51px;
background-position: 0px 0px;
clear: none;
float: left;
}
.photo {
background:url(../img/immages.gif) no-repeat scroll bottom left;
height: 60px;
width: 104px;
background-position: 0px -469px;
clear: none;
float: left;
}
.music {
background:url(../img/immages.gif) no-repeat scroll bottom left;
height: 60px;
width: 104px;
background-position: 0px -312px;
clear: none;
float: left;
}

.gigs {
background:url(../img/immages.gif) no-repeat scroll bottom left;
height: 74px;
width: 51px;
background-position: 0px -183px;
clear: none;
float: left;
}
.redCircle1 {
height: 74px;
width: 261px;
background:url(../img/immages.gif) no-repeat scroll bottom left;
background-position: -208px 0px;
clear: none;
float: left;
}
.video {
background:url(../img/immages.gif) no-repeat scroll bottom left;
height: 74px;
width: 79px;
background-position: 0px -626px;
clear: none;
float: left;
}

.news {
background:url(../img/immages.gif) no-repeat scroll bottom left;
height: 97px;
width: 33px;
background-position: 0px -372px;
clear: left;
float: left;
}
.redCircle2 {
height: 97px;
width: 360px;
background:url(../img/immages.gif) no-repeat scroll bottom left;
background-position: -208px -74px;
clear: none;
float: left;
}
.shop {
background:url(../img/immages.gif) no-repeat scroll bottom left;
height: 97px;
width: 31px;
background-position: 0px -529px;
clear: none;
float: left;
}

.redCircle3 {
height: 123px;
width: 357px;
background:url(../img/immages.gif) no-repeat scroll bottom left;
background-position: -208px -171px;
clear: left;
float: left;

}
.contact {
background:url(../img/immages.gif) no-repeat scroll bottom left;
height: 123px;
width: 67px;
background-position: 0px -60px;
clear: none;
float: left;
}

.redCircle4 {
height: 268px;
width: 254px;
background:url(../img/immages.gif) no-repeat scroll bottom left;
background-position: -208px -294px;
clear: none;
float: left;
}
.links {
background:url(../img/immages.gif) no-repeat scroll bottom left;
height: 55px;
width: 70px;
background-position: 0px -257px;
clear: none;
float: left;
}

.bio:hover {
background-position: -51px 0px;
}
.photo:hover {
background-position: -104px -469px;
}
.music:hover {
background-position: -106px -312px;
}
.gigs:hover{
background-position: -51px -183px;
}
.video:hover {
background-position: -79px -626px;
}
.news:hover{
background-position: -33px -372px;
}
.shop:hover {
background-position: -31px -529px;
}
.contact:hover {
background-position: -67px -60px;
}
.links:hover {
background-position: -70px -257px;
}


div.cross {
	height: 53px;
	width: 64px;
	background:url(../img/immages.gif) no-repeat top right;
	background-position: -144px 0px;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
	visibility: hidden;
}
div.cross:hover {
	background-position: -144px -53px;
	cursor: pointer;
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
}

.top_links {
 width: 560px;
 margin: 0 0px 20px 0;
 padding-right: 0px;
 text-align: right;
 font-size: 0.9em;
 opacity: 0;
 visibility: hidden;
}
.top_link {
	margin-right: 5px;
}

div.logoCont {
	width: 500px;
	height: 195px;
}
div.logoTop {
	float: right;
	margin-right: -125px;
	background:url(../img/immages.gif) no-repeat scroll bottom left;
	height: 130px;
	width: 195px;
	background-position: 0px -700px;
	opacity: 0;
	visibility: hidden;
}
div.logoTop:hover {
	background:url(../img/immages.gif) no-repeat scroll bottom left;
	height: 130px;
	width: 195px;
	background-position: 0px -830px;
}

.page_height {
	height: 350px;
}

div.footer {
	padding-top: 0px;
	text-align: center;
	font-size: 0.7em;
	margin-top: 0px;
	z-index: 1;
}

#loader {
	text-align: center;
	font-family: Verdana, Arial, Georgia;
	height: 300px;
	padding-top: 100px;
}

.link {
	cursor: pointer;
}
a:link, a:visited{
 color: #000000;
 text-decoration: none;
 font-size: 1.0em;
}
a:active, a:hover{
 color: #222222;
 text-decoration: underline;
 font-size: 1.0em;
}

.nojs {
	text-align: center;
	font-size: 0.9em;
}

.no_javascript {
	border: solid 1px #555;
	padding: 5px;
	text-align: center;
	font-size: 0.9em;
	margin: 10px auto;
}

#blackout {
	background-color: black;
	position:fixed;  
	top:0;  
	left:0;  
	width:100%;  
	height:100%;   
	z-index:199;  
	opacity: 0.7;
	filter: alpha(opacity=70);
	display: none;
}

#comingsoon {
	width:100%;  
	height:100%; 
	top: 0;
	left: 0;
	position: absolute;
	z-index:200;  
	background: transparent url(../img/GGandBB.gif) no-repeat center 30px;
	display: none;
}

#comingsoon:hover, #blackout:hover {
	cursor: pointer;
}

#comingsoontext {
	font-size: 15px;
	font-weight: bold;
	width: 420px;
	height: 35px;
	line-height: 35px;
	margin: 485px auto 0 auto;
	color: #000;
	text-align: center;
	border: solid 10px #FFF;
	background: #BBB;
}

