html, body {border: 0; margin: 0; padding: 0;}

body{
	background-color: black;
	background-image:url(../images/bg_metal.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: top center;

}

p {
	font-family: "Helvetica", "Arial", sans-serif;
	font-size:14px;
	line-height: 18px;
	color: #ffffff;
	text-shadow: 2px 2px 4px #151515;
}
ul {
	font-family: "Helvetica", "Arial", sans-serif;
	font-size:14px;
	line-height: 20px;
	color: #ffffff;
	text-shadow: 2px 2px 4px #151515;
}


a{
	text-decoration: underline;
	color: #e6e6e6;
	border: none;
}
a:hover{
	text-decoration: none;
	color: #89bbff;
	border: none;
}


.subtext{
	color:#c1c1c1;
	font-size: 12px;
	line-height: 16px; 
}

h1{
	font-family: "Helvetica", "Arial", sans-serif;
	font-size:20px;
	line-height: 28px;
	color: #ffffff;
	text-shadow: 2px 2px 4px #151515;
}
h2{
	font-family: "Helvetica", "Arial", sans-serif;
	font-size:16px;
	line-height: 22px;
	color: #ffffff;
	text-shadow: 2px 2px 4px #151515;
}
h3{
	font-family: "Helvetica", "Arial", sans-serif;
	font-size:15px;
	color: #ffffff;
	text-shadow: 2px 2px 4px #151515;

}

#navwrapper {
	position: fixed;
	height: 128px;
	width: 960px;
	left: 50%;
	margin-left: -480px;
	z-index: 20;
}

#bodywrapper {
	position: absolute;
	width:960px;
	height: 7000px;
	margin-left: -480px;
	left:50%;

}


	
#logo {
	height: 128px;
	width: 282px;
	top: 0px;
	z-index: 20;
	background-image:url(../images/logo.png);
	display:block;
	float:left;
	text-indent: -9999px;
	
}

#nav{
	position: relative;
	height:  90px;
	width: 658px;
	z-index: 20;
	display:block;
	float:left;
	padding-left:20px;
	background-image:url(../images/bg_nav.png);
	background-repeat: repeat-x;
}

#musicplayer{
	position: relative;
	height: 34px;
	width: 658px;
	z-index: 20;
	display: block;
	float: left;
	background-color: black;
	padding-top: 8px;	
}

#navbuttons{
	position: relative;
	height: 30px;
	width: 658px;
	display: block;
	float: left;
	background-color: black;
	padding-top: 2px;
	
}


#btn_home{
    display: block;
    text-indent: -9999px;
    width: 54px;    /* width of the button */
    height: 26px;   /* height of the button */
    border: 0; 
    outline: none;
    float: right;
    background: url(../images/btn_home.png) 0 0 no-repeat;
    background-position-y:-26px;  
    margin-right: 30px;

}
#btn_home:hover{
	background-position-y: 0px;

}

#btn_club{
    display: block;
    text-indent: -9999px;
    width: 49px;    /* width of the button */
    height: 26px;   /* height of the button */
    border: 0; 
    outline: none;
    float: right; 
    background: url(../images/btn_club.png) 0 0 no-repeat; 
      background-position-y:-26px;
    margin-right: 30px; 
}
#btn_club:hover{
	background-position-y: 0px;

}
 
#btn_events{
    display: block;
    text-indent: -9999px;
 
    width: 70px;    /* width of the button */
    height: 26px;   /* height of the button */
    border: 0; 
    outline: none;
    float: right; 
    background: url(../images/btn_events.png) 0 0 no-repeat;
      background-position-y:-26px;  
        margin-right: 30px;
}
#btn_events:hover{
	background-position-y: 0px;

}


#btn_djdrag{
    display: block;
    text-indent: -9999px;
 
    width: 109px;    /* width of the button */
    height: 26px;   /* height of the button */
    border: 0; 
    outline: none;
    float: right; 
    background: url(../images/btn_djdrag.png) 0 0 no-repeat;
      background-position-y:-26px;  
        margin-right: 30px;
}
#btn_djdrag:hover{
	background-position-y: 0px;

}


#btn_gallery{
    display: block;
    text-indent: -9999px;
 
    width: 83px;    /* width of the button */
    height: 26px;   /* height of the button */
    border: 0; 
    outline: none;
    float: right; 
    background: url(../images/btn_gallery.png) 0 0 no-repeat; 
      background-position-y:-26px; 
        margin-right: 30px;
}
#btn_gallery:hover{
	background-position-y: 0px;

}

#btn_contact{
    display: block;
    text-indent: -9999px;
 
    width: 86px;    /* width of the button */
    height: 26px;   /* height of the button */
    border: 0; 
    outline: none;
    float: right; 
    background: url(../images/btn_contact.png) 0 0 no-repeat;
      background-position-y:-26px;  
}
#btn_contact:hover{
	background-position-y: 0px;

}

#section_spacer{
	position: relative;
	width: 960px;
	height: 400px;
	display: block;
	float: left;
}
#section_anchor{
	position: relative;
	width: 960px;
	height: 130px;
	display: block;
	float: left;


}
#section_anchorstart{
	position: relative;
	width: 960px;
	height: 130px;
	display: block;
	float: left;

}

#section_home{
	position: relative;
	width: 960px;
	height: 620px;
	display: block;
	float: left;
	background-image:url(../images/feature2.png);
	background-repeat: no-repeat;

}
#home_left{
	position: relative;
	display: block;
	float: left;
	width: 580px;
	height: 470px;
	padding-top:20px;
	

}
#home_right{
	position: relative;
	display: block;
	float: left;
	width: 380px;
	height: 490px;
	

}
#collegenight {
position: relative;
display: block;
float: right;
width: 219px;
height: 85px;
background-image: url(../images/bg_collegenight.png);
background-repeat: no-repeat;
padding-left:145px;
margin-top: 45px;
}
#social_links {
position: relative;
display: block;
float: right;
width: 596px;
height: 85px;
margin-top: 55px;

}

#feature_box{
	position: relative;
	display: block;
	float: left;
	width: 450px;
	height: 300px;
	margin-left: 48px;
	margin-top:140px;
	padding:10px;
	border: 1px solid;
	border-color: #464646;
	background-color: #d2d5da;

}


#section_club{
	position: relative;
	width: 960px;
	height: 490px;
	display: block;
	float: left;
	
}
#club_left {
	position: relative;
	width: 475px;
	height: 490px;
	display: block;
	float: left;
	
	}
#club_left1{
	position: relative;
	width: 475px;
	height: 315px;
	display: block;
	float: left;
}
#club_left2{
	position: relative;
	width: 405px;
	height: 135px;
	display: block;
	float: left;
	padding-left: 70px;
	padding-top:40px;
	background-image: url(../images/bg_bottle.png);
	background-repeat: no-repeat;
}
	
#club_right {
	position: relative;
	width: 485px;
	height: 310px;
	display: block;
	float: left;
	padding-top: 5px;

}
#club_right2{
	position: relative;
	width: 395px;
	height: 135px;
	display: block;
	float: left;
	padding-left: 90px;
	padding-top:40px;
		background-image: url(../images/bg_3floors.png);
	background-repeat: no-repeat;
	
}

#thumbnail{
	position: relative;
	height: 82px;
	width: 82px;
	display: block;
	float: left;
	margin-right:10px;
	margin-bottom:10px;
	background-color: white;
}

#section_events{
	position: relative;
	width: 960px;
	height: 490px;
	display: block;
	float: left;
	
}

#event_buttons{
	position: relative;
	display: block;
	float:left;
	height: 490px;
	width: 308px;
	
}
#event_flyers{
	position: relative
	display: block;
	float: left;
	height: 490px;
	width: 600px;
	padding-left:52px;
	

}
#event_feature1{
	position: relative;
	display: block;
	float: left;
	height:399px;
	width: 257px;
	margin-right: 70px;

	}
	
#event_feature2{
	position: relative;
	display: block;
	float:left;
	height: 399px;
	width: 257px;
	
	}
	

#event_monday{
	display: block;
    text-indent: -9999px;
    width: 308px;    /* width of the button */
    height: 68px;   /* height of the button */
    border: 0; 
    outline: none;
    float: left;
    background-image: url(../images/btn_monday.png);
    background-repeat: no-repeat;
}
#event_monday:hover{
	background-position-y: -68px;
}
#event_tuesday{
	display: block;
    text-indent: -9999px;
    width: 308px;    /* width of the button */
    height: 68px;   /* height of the button */
    border: 0; 
    outline: none;
    float: left;
    background-image: url(../images/btn_tuesday.png);
    background-repeat: no-repeat;
}
#event_tuesday:hover{
	background-position-y: -68px;
}
#event_wednesday{
	display: block;
    text-indent: -9999px;
    width: 308px;    /* width of the button */
    height: 68px;   /* height of the button */
    border: 0; 
    outline: none;
    float: left;
    background-image: url(../images/btn_wednesday.png);
    background-repeat: no-repeat;
}
#event_wednesday:hover{
	background-position-y: -68px;
}
#event_thursday{
	display: block;
    text-indent: -9999px;
    width: 308px;    /* width of the button */
    height: 68px;   /* height of the button */
    border: 0; 
    outline: none;
    float: left;
    background-image: url(../images/btn_thursday.png);
    background-repeat: no-repeat;
}
#event_thursday:hover{
	background-position-y: -68px;
}
#event_friday{
	display: block;
    text-indent: -9999px;
    width: 308px;    /* width of the button */
    height: 68px;   /* height of the button */
    border: 0; 
    outline: none;
    float: left;
    background-image: url(../images/btn_friday.png);
    background-repeat: no-repeat;
}
#event_friday:hover{
	background-position-y: -68px;
}
#event_friday2{
	display: block;
    text-indent: -9999px;
    width: 308px;    /* width of the button */
    height: 68px;   /* height of the button */
    border: 0; 
    outline: none;
    float: left;
    background-image: url(../images/btn_friday2.png);
    background-repeat: no-repeat;
}
#event_friday2:hover{
	background-position-y: -68px;
	}

#event_saturday{
	display: block;
    text-indent: -9999px;
    width: 308px;    /* width of the button */
    height: 68px;   /* height of the button */
    border: 0; 
    outline: none;
    float: left;
    background-image: url(../images/btn_saturday.png);
    background-repeat: no-repeat;
}
#event_saturday:hover{
	background-position-y: -68px;
}
#event_sunday{
	display: block;
    text-indent: -9999px;
    width: 308px;    /* width of the button */
    height: 68px;   /* height of the button */
    border: 0; 
    outline: none;
    float: left;
    background-image: url(../images/btn_sunday.png);
    background-repeat: no-repeat;
}
#event_sunday:hover{
	background-position-y: -68px;
}

#event_special{
	display: block;
    text-indent: -9999px;
    width: 308px;    /* width of the button */
    height: 68px;   /* height of the button */
    border: 0; 
    outline: none;
    float: left;
    background-image: url(../images/btn_special.png);
    background-repeat: no-repeat;
}
#event_special:hover{
	background-position-y: -68px;
}

#section_djsdrag{
	position: relative;
	width: 960px;
	height: 490px;
	display: block;
	float: left;
}

#djs_column1{
	position: relative;
	height: 490px;
	width: 260px;
	display: block;
	float: left;
	padding-right: 60px;
	padding-left:20px;
	background-image:url(../images/bg_column1.png);
	background-repeat: no-repeat;
}
#djs_column2{
	position: relative;
	height: 490px;
	width: 260px;
	display: block;
	float: left;
	padding-left:20px;
	padding-right:60px;
	background-image:url(../images/bg_column2.png);
	background-repeat: no-repeat;

}
#djs_column3{
	position: relative;
	height: 490px;
	width: 260px;
	display: block;
	float: left;
	padding-left:20px;
	background-image:url(../images/bg_column3.png);
	background-repeat: no-repeat;

}



#section_gallery{
	position: relative;
	width: 960px;
	height: 490px;
	display: block;
	float: left;
	
	

}
#section_contact{
	position: relative;
	width: 960px;
	height: 490px;
	display: block;
	float: left;

}

#contact_left{
	position: relative;
	display: block;
	float: left;
	width: 450px;
	height: 470px;
	padding-top:20px;
	padding-right: 40px;	

}
#contact_right{
	position: relative;
	display: block;
	float: left;
	width: 470px;
	height: 480px;
	padding-top:10px;

}
/* Easy Slider */

#slider{}	
	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li, i{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:450px;
		height:300px;
		overflow:hidden; 
		}

	
		
	p#controls, p#controls2, p#controls3{
		margin:0;
		position:relative;
		} 
	
	#prevBtn{ 
		display:block;
		margin:0;
		overflow:hidden;
		text-indent:-8000px;		
		width:52px;
		height:54px;
		position:relative;
		left:-30px;
		top:-155px;
		z-index:10;
		}	
	#nextBtn { 
		display:block;
		margin:0;
		overflow:hidden;
		text-indent:-8000px;		
		width:52px;
		height:54px;
		position:relative;
		left:430px;
		top:-210px;
		z-index:10;
		
		}	

														
	#prevBtn a, #nextBtn a{  
		display:block;
		width:52px;
		height:54px;
		background:url(../images/btn_leftarrow.png) no-repeat 0 0;	
		}	
	#nextBtn a{ 
		background:url(../images/btn_rightarrow.png) no-repeat 0 0;	
		}						


/* // Easy Slider */