/* CSS Document */
H1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:120%;
	color: #828761;
	text-align: left;
}

H2 {
		font-family: Arial, Helvetica, sans-serif;
		font-size:60%;
		color: #FFFFFF;
		text-align: center;
}

H3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:70%;
	color: #000000;
	text-align: center;
}

H4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:120%;
	color: #828761;
	text-align: left;
}
.style8 {
	color: #828761;
	font-size: 85%;
}
.style9 {font-size: 85%}
.style10 {
	font-size: 90%;
	font-weight: bold;
	
}
.style2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 60%;
}
.style5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
}
.style7 {font-family: Arial, Helvetica, sans-serif; font-size: 75%; }
#container {
	width: 1024px;
	position: relative;
	z-index: 1;
	margin: 0 auto;
	float: none;
}
#navdiv {
	width: 778px;
	z-index: 5000;
	height: 500px;
	float: right;
	position: absolute;
	top: 0px;
	right: 0px;

}
.preload1 {background: #000000;}
.preload2 {background: #000000;}

#nav {
	padding:0;
	list-style:none;
	height:38px;
	background:#000000;
	position:relative;
	z-index:500;
	font-family:arial, verdana, sans-serif;
	top: 50px;
	visibility: visible;
	width: 700px;
	right: 0px;
	float: right;
}
#nav li.top {display:block; float:left; height:38px;}
#nav li a.top_link {display:block; float:left; height:35px; line-height:33px; color:#ccc; text-decoration:none; font-size:9px; font-weight:bold; padding:0 0 0 2px; cursor:pointer;background:#000000);}
#nav li a.top_link span {float:left; display:block; padding:0 20px 0 10px; height:35px; background:#000000;}
#nav li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:35px; background:#000000;}

#nav li:hover a.top_link {color:#ffffff; background:#000000;}
#nav li:hover a.top_link span {background:#000000;}
#nav li:hover a.top_link span.down {background:#000000;}

/* Default list styling */

#nav li:hover {position:relative; z-index:200;}

#nav li:hover ul.sub
{left:1px; top:38px; background: #000000; padding:3px; border:1px solid #ffffff; white-space:nowrap; width: 95px; height:auto; z-index:300;}
#nav li:hover ul.sub li
{display:block; height:20px; position:relative; float:left; width:95px; font-weight:normal;}
#nav li:hover ul.sub li a
{display:block; font-size:10px; height:18px; width:92px; line-height:18px; text-indent:5px; color:#ffffff; text-decoration:none;border:1px solid #ffffff;}
#nav li ul.sub li a.fly
{background:#000000;}
#nav li:hover ul.sub li a:hover 
{background:#6a812c; color:#fff; border-color:#fff;}
#nav li:hover ul.sub li a.fly:hover
{background:#6a812c url(Artwork/arrow_over.gif) no-repeat 80px 6px; color:#fff;}


#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{left:90px; top:-4px; background: #000000; padding:3px; border:1px solid #000000; white-space:nowrap; width:95px; z-index:400; height:auto;}

#nav ul, 
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{
	position:absolute;
	top:-9999px;
	width:0;
	height:0;
	margin:0;
	padding:0;
	list-style:none;
	left: -9999px;
}

#nav li:hover li:hover a.fly,
#nav li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover li:hover a.fly
{background:#6a812c url(Artwork/arrow_over.gif) 80px 6px no-repeat; color:#fff; border-color:#fff;} 

#nav li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li:hover li a.fly
{background:#bbd37e url(Artwork/arrow.gif) 80px 6px no-repeat; color:#000; border-color:#bbd37e;} 
#header {
	background-image: url(Artwork/Wedding%20Disco%20Header1.jpg);
	background-repeat: no-repeat;
	height: 104px;
	width: 1024px;
	position: relative;
	top: 0px;
}

#main {
	width: 1024px;
	position: absolute;
	left: 0px;
	top: 124px;
	z-index: 10;
	height: 800px;

}

#Mobile-Disco-East-Sussex {
	height: 272px;
	width: 1024px;
	position: relative;
	z-index: 1;
	left: 0px;
	top: 0px;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(Artwork/Wedding-East-Sussex.png);
}
#DJ-East-Sussex {
	height: 210px;
	width: 1000px;
	position: absolute;
	z-index: 10;
	top: 24px;
	left: 8px;

}




#Mobile-Disco-West-Sussex {
	float: left;
	width: 600px;
	height:700px;
	top: 280px;
	position: absolute;
	z-index: 70;
	background-image: url(Artwork/School_Prom.png);
	background-repeat: no-repeat;
	left: 0px;

}

#DJ-Surrey {
	height: 670px;
	width: 580px;
	position: relative;
	top: 10px;
	left: 10px;
}





#Mobile-Disco-Surrey {
	background-image: url(Artwork/Civil%20Partnership%20DJ.png);
	height: 350px;
	width: 400px;
	position: absolute;
	z-index: 60;
	top: 280px;
	right: 0px;

}

#Wedding-Disco-Surrey {
	background-image: url(Artwork/Civil%20Partnership%20DJ.png);
	height: 600px;
	width: 400px;
	position: absolute;
	z-index: 60;
	top: 280px;
	right: 0px;

}


#DJ-West-Sussex {
	background-image: url(Artwork/DJ-Kent-BG.png);
	height: 350px;
	width: 400px;
	position: absolute;
	z-index: 60;
	top: 280px;
	right: 0px;
}


#Mobile-Disco-Kent {
	height: 240px;
	width: 380px;
	position: relative;
	z-index: 70;
	left: 10px
}




#Disco-East-Sussex {
	background-image: url(Artwork/Disco%20East%20Grinstead.png);
	height: 700px;
	width: 400px;
	position: absolute;
	z-index: 60;
	top: 280px;
	right: 0px;
}
#Disco-West-Sussex {
	position: relative;
	height: 680px;
	width: 380px;
	top: 10px;
	left: 10px;
	right: 10px;
}
#indexform {
	position: relative;
	height: 350px;
	width: 400px;
	top: 120px;
}

#Wedding-Kent {
	height: 87px;
	width: 400px;
	position: absolute;
	left: 623px;
	top: 893px;
	background-image: url(Artwork/Wedding_Disco_East_Sussex.png);

}



#Disco-Surrey {
	height: 70px;
	width: 1024px;
	position: absolute;
	z-index: 2000;
	top: 990px;
	right: 0px;
	background-image: url(Artwork/Disco%20Sevenoaks.png);
	left: 1px;

}
#Wedding-Fair {
	height: 1px;
	width: 380px;
	position: absolute;
	left: 635px;
	top: 660px;
}


#Disco-Sussex {
	height: 60px;
	width: 1004px;
	position: relative;
	z-index: 1100;
	top: 10px;
	left: auto;

}

#Disco-Tunbridge-Wells {
	height: 140px;
	width: 400px;
	position: absolute;
	left: 625px;
	top: 840px;
	background-image: url(Artwork/Disco-East-Grinstead.png);

	
}

#Disco-Tonbridge {
	height: 120px;
	width: 380px;
	position: relative;
	left: 10px;
	top: 10px;

}

#Wedding-Disco {
	float: left;
	width: 1024px;
	height:700px;
	top: 280px;
	position: absolute;
	z-index: 70;
	background-image: url(Artwork/Disco-Tonbridge.png);
	background-repeat: no-repeat;
	left: 0px;
	
}

#Disco-Wedding-Reception {
	height: 670px;
	width: 994px;
	position: relative;
	top: 10px;
	left: 10px;
}

#footer {
	height: 75px;
	width: 1024px;
	position: relative;
	z-index: 1;
	left: 0px;
	bottom: 0px;
	background-image: url(Artwork/Sussex%20Disco%20Footer.jpg);
	right: 0px;
	top: 1090px;

}
#footernav {
	position: relative;
	width: 1024;
	top: 40px;
	left: auto;
}
