/* CSS Document */
a:link {
	color: #FFFFFF; 
	text-decoration: none; 
}

a:visited {	color: #FFFFFF; 
   			text-decoration: none;}

a:hover { text-decoration: none; color:#CC0000}

a:active { text-decoration: none; color:#CC0000}

BODY { 
   font-size: 11px;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   color: #FFFFFF;
   background-color: #333333;
   }



#wholepage{
	position: relative;
	height: 550px;
	width: 750px;
	margin-left: auto;
	margin-right: auto;
	border: thin solid #FFFFFF;
}


#banner{
	position: relative;
	height: 195px;
	width: 750px;
	top: 0px;
	background-image: url("../images/img_banner.gif");
}

#needle{
	position: relative;
	height: 53px;
	width: 750px;
	top: 68px;
}

#bottom_music{
	position: relative;
	height: 355px;
	width: 750px;
	top: 0px;
	background-image: url(../images/img_bg1A.jpg);
}

#bottom_record{
	position: relative;
	height: 355px;
	width: 750px;
	top: 0px;
	background-image: url(../images/img_bg5A.jpg);
}

#bottom_contact{
	position: relative;
	height: 355px;
	width: 750px;
	top: 0px;
	background-image: url(../images/img_bg3A.jpg);
}

#bottom_club{
	position: relative;
	height: 355px;
	width: 750px;
	top: 0px;
	background-image: url(../images/img_bg2A.jpg);
}

#bottom_mixes{
	position: relative;
	height: 355px;
	width: 750px;
	top: 0px;
	background-image: url(../images/img_bg7.jpg);
}

#bottom_gallery{
	position: relative;
	height: 355px;
	width: 750px;
	top: 0px;
	background-image: url(../images/img_bg7.jpg);
}

#bottom_gallery p{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
margin-top:60px;
margin-left:210px;
	
}

#bottom_gallery h1{

font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 28px;
margin-top:40px;
margin-left:490px;
	
}


#bottom1{
	position: relative;
	height: 355px;
	width: 750px;
	top: 0px;
	background-image: url(../images/img_bg1.jpg);
}

#horizontaltext{
	position: absolute;
	top: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 28px;
	right: 70px;
	height: 30px;
	width: 300px;
	text-align: right;
	left: 399px;
}

#horizontaltext_gallery{
	position: absolute;
	top: 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 28px;
	right: 70px;
	height: 38px;
	width: 105px;
	text-align: right;
	left: 470px;
	color: #FFFFFF;
}

#smalllogo{
	position: absolute;
	float:left;
	left: 5px;
	bottom: 10px;
}

#mix1{
	position: absolute;
	top: 52px;
	left: 211px;
}

#mix2{
	position: absolute;
	float:left;
	top: 52px;
	left: 300px;
}

#mix3{
	position: absolute;
	float:left;
	top: 52px;
	left: 389px;
}

#mix4{
	position: absolute;
	float:left;
	top: 52px;
	left: 480px;
}

#mix5{
	position: absolute;
	float:left;
	top: 52px;
	left: 570px;
}

#mix6{
	position: absolute;
	float:left;
	top: 52px;
	left: 660px;
}

#important_content{
	position: absolute;
	top: 0px;
	left: 300px;
	font-size: 7px;
	color: #000000;	
}


#menu1{
	position: absolute;
	float:left;
	top:118px;
	left: 166px;
}

#menu2{
	position: absolute;
	float:left;
	top:148px;
	left: 241px;
}

#menu3{
	position: absolute;
	float:left;
	top:117px;
	left: 349px;
}

#menu4{
	position: absolute;
	float:left;
	top:149px;
	left: 424px;
}

#menu5{
	position: absolute;
	float:left;
	top:117px;
	left: 537px;
}

#menu6{
	position: absolute;
	float:left;
	top:149px;
	left: 629px;
}

#photo{
	position: absolute;
	left: 236px;
	width: 198px;
	height: 333px;
	float:left;
	border: 1px solid #FFFFFF;
	top: 125px;
	background-color: #FFFFFF;
}

#content{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	height: 278px;
	width: 493px;
	left: 218px;
	top: 56px;
	position: absolute;
}
	
#gallery{
	position: absolute;
	left: 0px;
	top: 0px;
	background-image: url(../images/img_bg4A.jpg)
}
   
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
}

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
}


p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
 

h2 {
	font-family: 
	font-size: 18px;
	color: #FFFFFF;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#heading2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #003366;
	font-weight: bold;
}

#heading_contact1 {
	font-family: Arial, Helvetica, sans-serif;
	left: 169px;
	font-size: 18px;
	color: #FFFFFF;
	width: 65px;
	top: 36px;
	position: absolute;
}
#heading_contact2 {
	font-family: Arial, Helvetica, sans-serif;
	left: 238px;
	font-size: 18px;
	width: 150px;
	position: absolute;
	top: 36px;
	color: #FF0000;
	height: 24px;
}

#contact_text1{
	font-family: Arial, Helvetica, sans-serif;
	left: 40px;
	font-size: 14px;
	width: 425px;
	position: absolute;
	top: 97px;
	color: #FFFFFF;;
}

#contact_text2{
	font-family: Arial, Helvetica, sans-serif;
	left: 57px;
	font-size: 14px;
	width: 417px;
	position: absolute;
	top: 161px;
	color: #FFFFFF;;
}

#contact_text3{
	font-family: Arial, Helvetica, sans-serif;
	left: 106px;
	font-size: 10px;
	width: 294px;
	position: absolute;
	top: 262px;
	color: #FFFFFF;;
}
.foxy {
	display:none;
	position: absolute;
	height: auto;
	width: auto;
			}
a:link {
	color: #FFFFFF; 
	text-decoration: none; 
}

a:visited {	color: #FFFFFF; 
   			text-decoration: none;}

a:hover { text-decoration: none; color:#CC0000}

a:active { text-decoration: none; color:#CC0000}
